/*
Theme Name: Tiger
Theme URI: http://www.stormdamage.org/
Description: Hot and spicy warm tones for Stormdamage.
Version: 1.0
Author: Leonie Kenyon
Author URI: http://www.stormdamage.org/
Tags: brown, custom header, fixed width, two columns, widgets
*/

/* reset selectors */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline:1px;
}
body {
	line-height: 1;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {	
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Main CSS Selectors */

* { margin:0; padding:0; font-size:100%; }
html { font:normal 100% Arial, Sans-Serif; line-height:1.4em; color:#4F1E19; text-align:left; background:#AB5B40 url(images/bg.jpg) repeat-x; }
input, textarea, select { font:normal 100% Arial, Sans-Serif; }
h2 { font-size:115%; font-weight:bold; margin:0 5px 10px; color:#8B5545; }
ol { list-style:none none; }
#left p { padding-bottom:2em; }
#right p { padding-bottom:0.7em; }
code, blockquote { background-color:#fff; padding:5px 8px 0; border:#AC7B6A 1px solid; margin:0 18px 1em; }
#left code p, #left blockquote p { padding-bottom:0.7em; }
code { font-family:"Courier New", Courier, monospace; }
div.spacer { height:10px; margin-bottom:10px; }
.br { clear:both; }

.iecenter { text-align:center; }

/* LINKS */
a { color:#BB3C2B; font-weight:bold; text-decoration:none; }
a:hover { font-weight:bold; text-decoration:underline; }
h2 a:hover { font-weight:normal; }
a.linktitle { font-size:120%; }

strong.ysf { font-weight:bold; font-size:109%; }
#content .itemcontent strong { font-weight:bold; font-size:100%; }
#content strong { font-weight:bold; font-size:110%; color:#8B5545; }
#content ul { list-style:none none; margin-left:10px; }
#content ul li { margin-bottom:5px; padding-left:20px; background:url(images/star.gif) no-repeat; }

/* ALIGN */
.alignleft { float:left; margin:0 5px 5px 0; }
.alignright { float:right; margin:0 0 5px 5px; }

/* LISTS */
.right ul { margin:10px 10px 10px 22px; }
.right ul.unstyled { list-style:none none; margin:0; }
.right ul.unstyled ul {list-style:disc outside; margin:10px 10px 10px 22px; }
.right ul.long li { margin-bottom:5px; }

/* STRUCTURE */
#outer { position:relative; background:transparent url(images/sidebg.gif) no-repeat 877px 0; width:100%; min-height:489px;  }
#wrapper { position:relative; width:877px; font-size:80%; line-height:1.5em; }
#masthead { position:relative; width:877px; height:295px; color:#AB5B40; }
#mastheadimg { position:absolute; top:0px; left:0px; width:877px; height:295px; background:transparent url(images/stormdamage.jpg) no-repeat; }
#inner { position:relative; width:877px; background-color:#6F3229; padding-bottom:20px;  }
#footer { position:relative; width:877px; color:#fff; border-top:1px solid #fff; background:#2d1b0c url(images/footer.gif) bottom left no-repeat; min-height:240px; margin:0 0 40px; }

/* ITEMS */
.item { background:transparent; }

/* ROUNDED CORNERS */
.xtop, .xbottom, .xb1, .xb2, .xb3, .xb4 {display:block !important; display:none; } /* HIDE FROM IE 6 */
.xtop, .xbottom { background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 { overflow:hidden; }
.xb1, .xb2, .xb3 { height:1px; }
.xb2 { margin:0 3px; border-width:0 2px; }
.xb3 { margin:0 2px; }
.xb4 { height:2px; margin:0 1px; }

/* LEFT */
#left { float:left; width:618px; background:#FFEDC9 url(images/mainbg.jpg) repeat-y; }
#leftbot { position:relative; width:618px; height:44px; background:url(images/leftbot.gif) bottom left no-repeat; }
#header { position:relative; width:618px; height:100px; background:transparent url(images/title.gif) no-repeat; text-indent:-6000px; z-index:500; border:0; }
#content { padding:10px 8px 0 28px; background:transparent; min-height:300px; }

.left { margin-bottom:8px; }
.left .itemcontent {display:block; background-color:#E5C7A8; border:0 solid #AC7B6A; border-width:0 1px !important; border-width:1px; padding:5px 10px; }
.left .xb1 {margin:0 5px; background-color:#AC7B6A;}
.left .xb2, .left .xb3, .left .xb4 {background-color:#E5C7A8; border-left:1px solid #AC7B6A; border-right:1px solid #AC7B6A;}

.colouredfooter .xb1 {margin:0 5px; background-color:#AC7B6A;}
.colouredfooter .xb2, .colouredfooter .xb3, .colouredfooter .xb4 {background-color:#885345; border-left:1px solid #AC7B6A; border-right:1px solid #AC7B6A;}
.colouredfooterinner { background-color:#885345; color:#fff; padding:5px; text-align:center; display:block; border-top:1px solid #AC7B6A; border-left:1px solid #AC7B6A; border-right:1px solid #AC7B6A; font-size:90%; }
.colouredfooterinner a { color:#FFDEA4; }
.smallright { text-align:right; font-size:90%; }


/* RIGHT */
#right { float:right; width:259px; background:url(images/menutop.jpg) no-repeat; min-height:323px; }
#rightcontent { margin:155px 15px 15px; }
.righttop { color:#fff; margin-bottom:30px; }
.righttop .itemcontent {display:block; background:transparent url(images/pinkish.png) !important; background:#8B5545 0; border:0 solid #E5C7A8; border-width:0 1px !important; border-width:1px; padding:5px 10px; }
.righttop .archivecontent p {  }
.righttop h2.subheading { font-size:130%; font-weight:bold; margin:0; font-family:arial, sans-serif; color:#fff; }
.righttop .xb1 {margin:0 5px; background-color:#E5C7A8;}
.righttop .xb2, .righttop .xb3, .righttop .xb4 { background:url(images/pinkish.png); border-left:1px solid #E5C7A8; border-right:1px solid #E5C7A8;}

.rightbot { color:#fff; margin-bottom:30px; }
.rightbot .itemcontent {display:block; background:transparent url(images/pinkish.png) !important; background:#7D3C3A 0; border:0 solid #E5C7A8; border-width:0 1px !important; border-width:1px; padding:5px 10px; }
.rightbot .archivecontent p {  }
.rightbot h2.subheading { font-size:130%; font-weight:bold; margin:0; font-family:arial, sans-serif; color:#fff; }
.rightbot .xb1 {margin:0 5px; background-color:#E5C7A8;}
.rightbot .xb2, .rightbot .xb3, .rightbot .xb4 { background:url(images/pinkish.png); border-left:1px solid #E5C7A8; border-right:1px solid #E5C7A8;}

.right { color:#EAB6A1; margin-bottom:7px; }
.right .itemcontent {display:block; background:transparent url(images/brown.png) !important; background:#7C3C3A 0; border:0 solid #AC7B6A; border-width:0 1px !important; border-width:1px; padding:5px 10px; }
.right h2 { color:#fff; font-size:140%; font-weight:100; font-family:tahoma, arial, sans-serif; }
.right a { color:#FFDEA4; }

.right .xb2, .right .xb3, .right .xb4 { background:url(images/brown.png); border-left:1px solid #AC7B6A; border-right:1px solid #AC7B6A;}
.right .xb1 {margin:0 5px; background-color:#AC7B6A;}

/* RSS */
#rsspanel { position:absolute; margin-top:80px; margin-left:18px; }

/* CONTENT */

.cal { float:left; margin:0 15px 7px 0; background:url(images/cal.gif) no-repeat; width:43px; height:49px; font-weight:bold; text-align:center; text-transform:uppercase; }
.cal .top { position:relative; width:43px; height:19px; font-size:70%; color:#6F3229; vertical-align:middle; }
.cal .bottom { position:relative; width:43px; height:30px; padding-top:4px; font-size:190%; color:#6F3229; }

.itemheader { border-bottom:1px solid #AC7B6A; margin-bottom:15px; }
.itemheader h2 { font-family:tahoma, arial, sans-serif; font-size:150%; font-weight:normal; padding:3px 0; margin:0; }
.itemheader h2 a { font-weight:normal; }
.itemheader p { font-size:90%; }

/* FOOTER */
#footer a { color:#AB5B40; }
#footer p  { padding-bottom:0.8em; }
#footcontainer { }
.footfloat { float:right; height:100%; padding:15px; width:200px; margin:20px 20px 20px 0; border:1px solid #AC7B6A; background:transparent url(images/footer.png) !important; background:#612424 0; }

/* SEARCH FORM */
#searchform input#s { width:110px; border:1px solid #E5C7A8; }
#searchform #searchsubmit { background-color:#6b3937; font-weight:bold; padding:2px; color:#fff; border:1px solid #fff; margin-left:3px; }

/* COMMENTS FORM */
#commentform textarea { width:535px; height:140px; padding:2px; border:1px solid #AC7B6A; background:#fff url(images/textarea.gif) bottom left no-repeat; }
#commentform input { border:1px solid #AC7B6A; padding:2px; }
#commentform input#submit { margin-top:5px; background-color:#6b3937; font-weight:bold; padding:5px; color:#fff; border:1px solid #fff; }

.commentbottom { border-top:1px solid #AC7B6A; }


/* DEMOS */

/* Tooltips */
a.tooltiplink:hover { font-size:100%; } /* IE6 fix */
a.tooltiplink span { display:none; }
a.tooltiplink:hover span { display:inline; position:absolute; padding:5px; color:#7C3C39; background-color:#FEEBCA; border:1px solid #AC7B6A; text-decoration:none; }

/* Map Tooltips */
a.tooltip:hover { font-size:100%; } /* IE6 fix */
a.tooltip span { display:none; }
a.tooltip:hover span { display:inline; position:absolute; padding:3px; background-color:#eee; border:1px solid #000; text-decoration:none; color:#7A2141; font-weight:bold; }
#map { position:relative; background:url(/wp-content/uploads/2008/07/ukmap.png) no-repeat; width:244px; height:253px; margin:0 auto; }
a.tooltip div.dot { width:10px; height:10px; border:#fff 1px solid; }
a.tooltip div span { text-align:center; top:14px; width:70px; margin-left:-35px; font-size:100%; }
a.tooltip div.belfast { position:absolute; top:116px; left:90px; }
a.tooltip div.dublin { position:absolute; top:147px; left:80px; }
a.tooltip div.edinburgh { position:absolute; top:92px; left:142px; }
a.tooltip div.london { position:absolute; top:204px; left:179px; }
a.tooltip div.cardiff { position:absolute; top:196px; left:130px; }

/* Housemate Tooltips */
.housemates { position:relative; background:url(/wp-content/uploads/2008/07/housemates.jpg) no-repeat; width:419px; padding-top:343px; padding-bottom:10px; margin:0 auto; }
.housemates ul { margin:5px; }
a.person:hover { font-size:100%; } /* IE6 fix */
a.person:hover span { position:absolute; width:80px; height:100px; background:transparent; border:2px solid #fff; text-decoration:none; color:#0c0; }
a.person span.jon { top:35px; left:72px; }
a.person span.leonie { top:39px; left:157px; }
a.person span.andy { top:30px; left:240px; }