/*  
Theme Name: icy
Theme URI: http://queenb.ca
Description: simplistic, crisp theme
Version: 1
Author: <a href="http://queenb.ca/">Bridget</a>
Author URI: http://queenb.ca/
*/

*{outline:0; padding:0; margin:0;}

/*--------------LAYOUT------------------------------------------------------------------*/

body{margin-top:15px; color:#333; background-color:#fff; font-family:verdana, arial, tahoma, sans-serif; font-size:12px; text-align:center;}

#wrapper{width:700px; margin:0 auto; line-height:1.5em; text-align:left; background:#FFF url(images/wrapperbg.gif) repeat-y 50% 0; font-family:verdana, arial, tahoma, sans-serif;}

#topbar{text-align:right; margin-right:30px; width:700px; background-color:#FFF;}

#header{height:150px; width:700px; /*random header images from http://automaticlabs.com/products/rotator*/background:url(images/headers/rotator.php) no-repeat top right;}

#content{float:left; width:485px; padding-top:15px; padding-bottom:15px;}

#sidebar{float:right; width:206px; margin-left:0; padding-top:15px; padding-bottom:15px; font-size:10px; font-family:verdana, arial, tahoma, sans-serif;}

#bottom{color:#12497A; clear:both; padding:10px 5px; width:700px; height:230px; margin:0 auto; background:#FFF url(images/footerbg.gif) no-repeat top left; font-family:verdana, arial, tahoma, sans-serif;}

#footer{line-height:1.3em; font-size:10px; color:#12497A; text-align:center; clear:both; padding:10px 5px; width:700px; margin:0 auto; background:#FFF url(images/footerbg.gif) no-repeat top left; font-family:verdana, arial, tahoma, sans-serif;}

/*--------------BASE STYLES-------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6{text-align:left; font-family:Georgia, "Times New Roman", Times, serif; color:#2364A0; font-weight:400; margin-left:15px; margin-bottom:10px;}

abbr, acronym{border-bottom:1px dotted #5B5959;  cursor:help;}

cite{font-style:normal;}

dl{margin-left:15px;}

p{margin:0 7px 6px 15px; font-family:verdana, arial, tahoma, sans-serif;}

.postmetadata a, blockquote a, .navigation a, .entry p a{color:#2179C8; text-decoration:none; border-bottom:1px dotted #D64D13;}
.postmetadata a:hover, blockquote a:hover, .navigation a:hover, .entry p a:hover{color:#000; background-color:#EBF3FA; border-bottom-style:solid;}

form input, select, textarea{border:1px solid #aaa; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:13px; padding:0 1px 1px 2px; background-color:#FFF; color:#105687;}

.noborder{border:none; margin:0 7px 6px 15px;}

ul a{color:#4C3707; text-decoration:none;}
ul a:hover{color:#000; background-color:#FFF7DC; border-bottom:1px solid #C19908;}

blockquote{margin:5px 0 10px 30px; padding:18px 0 0 22px; font-size:90%; color:#000; line-height:1.5em; background:url(images/quote-open.gif) no-repeat top left;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.leftfloat{float:left; margin:0 15px 15px 0;}
.rightfloat{float:right; margin:0 0 15px 15px;}
	
.clear{clear:both;}

/*--------------SEARCH FORM-------------------------------------------------------------*/

form#searchformarchive{margin-left:15px;}

form #s{width:100px; height:11px; margin: 0; border:1px solid #3B8AD3; background-color:#fff; font-size:10px;}

input:hover, textarea:hover, select:hover{border:1px solid #D64D13;}
		
form #searchsubmit{padding:10px 0 0 5px; border-width:0; width:16px; height:16px;}

/*--------------TOPBAR-----------------------------------------------------------------*/

#topbar img{float:left; background: url(../images/gtrotarytext.gif) no-repeat; height:19px; margin-left:0px;}
#topbar a{color:#3183B2; text-decoration:none; font:700 11px/1em Verdana, Arial, Helvetica, sans-serif,"Trebuchet MS"; padding:1px 0 1px 20px;	margin-right:5px; margin-top:10px;}
#topbar a#site{background:#FFF url(images/site.gif) no-repeat top left; padding-left:19px;}
#topbar a#contact{background:#FFF url(images/contact.gif) no-repeat top left;}
#topbar a:hover{color:#2364A0; border-bottom-width:0;}

/*--------------CONTENT----------------------------------------------------------------*/

#content{}
#content h1{font-size:20px;}
#content h2{font-size:16px; color:#D64D13;}
#content h3{font-size:13px; color:#0C5681;}
#content .entry ol, #content .entry ol li{margin-left:19px; padding:0px;}
#content ul{list-style:none; margin:5px 10px 7px 25px;}
#content ul li{padding-left:15px; background:#FFF url(images/bullet.gif) no-repeat 0 5px;margin-bottom:2px;}

p.date{font-family:Georgia, "Times New Roman", Times, serif; color:#F39B76; margin-bottom:3px;}

#fresh{/*padding-right:40px; background:#fff url(images/fresh.gif) no-repeat top right;*/ float:left; margin:0 8px 0 15px;}

h2.posttitle{margin-bottom:5px;}
h2.posttitle a{font: 15px/1em "Trebuchet MS", Verdana, Arial, sans-serif; color:#069; padding:0 0 0 15px; background: #FFF url(images/posticon.gif) no-repeat top left; text-decoration:none;}
h2.posttitle a:hover{color:#000;}

h2.archivetitle{margin-bottom:5px;}
h2.archivetitle a{font:15px/1em "Trebuchet MS", Verdana, Arial, sans-serif; color:#069; padding:0 0 0 15px; text-decoration:none;}
h2.archivetitle a:hover{color:#000;}

h2#firstpost a{padding:0; background-image:none;}

.post{/*entire post, including meta info*/margin-bottom:15px;}
.post.search{margin-bottom:15px;}
		
.entry {/*actual content of post*/padding-bottom:2px;}
.entry a{/*actual content of post*/text-transform:uppercase; font-size:11px;}
.entry img.frame{padding:10px; background:#FFF; border:1px solid #ccc; margin:10px; text-decoration:none;}
.entry #obsocialbookmark_barA img{padding:5px 0 0; border:none; border-bottom:1px solid #fff; text-decoration:none; margin:1px; display:inline;}
.entry .wp-smiley{padding:0; border:none; margin:0;}
.entrytext p{text-align:justify;}

.firstletter{font-size:20px;}

.postbuttons{margin:5px;}

p.postmetadata{padding:4px 0 5px; font:11px/1.2em Arial, Helvetica, sans-serif; margin-top:4px; border-top:1px solid #ddd; color:#979696;}
p.postmetadata a, p.postmetadata a:hover{border-width:0;}
.postmetadata.search{border-top:0; margin-top:-7px;}

.comments{padding-left:18px; background:#FFF url(images/comments.gif) no-repeat top left; padding-right:4px;}
		
.category{padding-left:20px; background:#FFF url(images/category.gif) no-repeat 0 0; padding-right:4px;}
	
.permalink{padding-left:20px; background:#FFF url(images/permalink.gif) no-repeat 0 0; padding-right:4px;}
	
.highlight{color:#069;}
		
.navigation{margin-left:15px; height:1.5em; margin-bottom:20px;}
.navigation#topnav{margin-top:34px; margin-bottom:15px;}
.navigation .alignleft{float:left; text-align:left; width:50%}
.navigation .alignright{float:right; text-align:right; width:50%;}

#navlist{padding:0 0 11px; text-transform:uppercase; background:#FFF url(images/footerbg.gif) no-repeat bottom left; text-align:right; font:13px "Trebuchet MS", Arial, Verdana;}
#navlist li{list-style:none; margin:0; display:inline; background:none;}
#navlist li a{padding:4px; margin-left:0; text-decoration:none; color:#0D608B; font:12px Verdana, Arial, sans-serif;}
#navlist li a#last{border-width:0;}
#navlist li a:hover{background:#FFF url(images/hoverbg.gif) repeat-x top left; color:#000; border-bottom-width:0;}
#navlist li a#current{font-weight:700;}
#navlist li a:hover#current{color:#0D608B; background-image:none;}

.fonts ul{float:left; width:400px; list-style:none;}
.fonts li{float:left; width:200px; background:none;}
.fonts li a{border:none; text-decoration:none;}
.fonts li a:hover{background:none; border:1px solid #fff;}

#wp_movie_ratings ul li{background:none;}

.gold{color:#D64D13;}
.blue{color:#069;}

/*--------------SIDEBAR----------------------------------------------------------------*/	

#sidebar p{margin:8px 5px 5px 2px;}
#sidebar p#sidebarsearch{margin:0;}
#sidebar h2{font-size:16px; margin-bottom:3px; margin-top:10px; margin-left:3px;}
#sidebar ul{list-style:none; margin-left:5px;}
#sidebar ul a:hover{border-width:0; background-color:#eee; color:#1F7EC1;}
#sidebar ul ul{list-style-type:none; margin-left:3px;}
#sidebar ul ul li a{border-bottom:1px solid #ddd; padding-left:14px; background:url(images/bullet_sidebar.gif) no-repeat 1px -17px; display:block;}
#sidebar ul ul li #wp-calendar a{border:0; background:none; padding:0;}
#sidebar ul ul li #wp-calendar a:hover{color:#000; background-color:#EBF3FA;}
#sidebar ul ul li a:hover{border-bottom:1px solid #ddd; background-position:1px 4px;}
#sidebar a img{border-width:0;}
			
.weather{text-align:center;}

/*--------------PAGE SPECIFIC STYLES: ARCHIVES------------------------------------------*/

.month{margin:0 0 15px 15px; display:block;}
.month a{font:15px/1em "Trebuchet MS", Verdana, Arial, sans-serif; color:#069; text-decoration:none;}
.month a:hover{color:#000;}

/*--------------CALENDAR----------------------------------------------------------------*/

#wp-calendar{margin:0 auto; text-align:center; line-height:14px;}
#wp-calendar td{padding:1px; margin:1px;}
#wp-calendar caption{margin:0 auto; width:130px; height:25px; font-size:14px; text-align:center; line-height:25px; font-weight:700; color:#D64D13; margin:3px auto;}
#wp-calendar a{color:#2179C8;}
#wp-calendar #today{color:#D64D13;}

/*--------------ART---------------------------------------------------------------------*/

#art a{display:block; float:left; padding:0 1px 5px 4px; position:relative; height:64px; width:64px; border-width:0; margin:5px 5px 2px 0;}
#art a:hover, #layouts a:hover{font-size:100%; z-index:1; border-width:0;}
#art img{border:1px solid #ddc; padding:1px; height:60px; width:60px; border:1px solid #5FA2DF;}
#art a:hover img{background:#fff; border-color:#175B98; position:absolute; width:75px; height:75px; top:-7px; left:-4px;}

#layouts a{display:block; float:left; padding:0 1px 5px 4px; position:relative; height:79px; width:104px; border-width:0; margin:5px 5px 2px 0;}
#layouts img{border:1px solid #ddc; padding:1px; height:75px; width:100px; border:1px solid #5FA2DF;}
#layouts a:hover img{background:#fff; border-color:#175B98; position:absolute; width:115px; height:90px; top:-7px; left:-4px;}
	
/*--------------PAGE SPECIFIC STYLES: CONTACT------------------------------------------*/

.required{color:red; font-size:10px;}	

.errortxt{color:red; display:none;}

#errorwarning{color:#FFF; padding:6px 15px; background-color:red; border-left:15px solid #900; margin:10px 0 10px 15px; display:none;}

#contactform{margin-top:15px; font-size:11px;}
#contactform #name, #email, #subject, #message{width:310px; margin:0;}
#contactform #message{width:310px; height:200px; padding: 0 2px;}

p.red{color:red; font-size:10px; margin-right:2px; margin-top:-4px;}

dl#contactform dd{margin-bottom:4px;}

#sendbutton{border-width:0;}

.contactform{position:static; overflow:hidden;}
.contactleft{width:25%; text-align:right; clear:both; float:left; display:inline; padding:4px; margin:5px 0;}
.contactright{width:70%; text-align:left; float:right; display:inline; padding:4px; margin:5px 0;}
.contacterror{border:1px solid red;}
	
/*--------------COMMENTS----------------------------------------------------------------*/

#commentform input, textarea{color:#0C3E69;}
#commentform input{font-size:11px;}
#commentform textarea{padding:2px 4px;}

#name, #email, #url, #subject{width:200px; padding:1px 0 1px 17px;}
#name{background:url(images/com_name.gif) no-repeat 2px -1px;}
#email{background:url(images/com_email.gif) no-repeat 2px -1px;}	
#url{background:url(images/com_url.gif) no-repeat 2px -2px;}	
#subject{background:url(images/com_icon.gif) no-repeat 2px -1px;}
#message{width:450px; height:180px; background:url(images/com_com.gif) no-repeat 50% 50%;}
#submit{margin-top:5px; border-width:0; padding:0;}

.commentlist{margin-left:12px; list-style:none;}
.commentlist li{margin-bottom:20px; padding:4px 0;}	
.commentlist li.alt{background-color:#D6E6F5; border:1px solid #1D6AAF; border-left-width:0; border-right-width:0;}
.commentlist li p{margin:0 7px 9px;}

.commentauthor a{color:#444; text-decoration:none; font-weight:700; border-width:0; padding-left:14px; background:url(images/com_name.gif) no-repeat 0 50%;}
.commentauthor a:hover{color:#0066CC; background-color:transparent;}		
.commentauthor em{font-size:11px; visibility:hidden; font-style:normal; font-weight:400;}
.commentauthor a:hover em{visibility:visible;}

.commentmetadata{margin:1px 7px 0 0;}
.commentmetadata a{text-decoration:none; color:#333;}	
.commentmetadata a:hover{color:#06C;}

.commentdata{clear:both; font-size:11px; line-height:1.4em;}
.commentdata:hover{color:#0C4A89;}	
		
#respond, #comments{margin-bottom:15px; font-family:"Trebuchet MS", sans-serif;}
	
/*--------------FOOTER------------------------------------------------------------------*/

.left{float:left; text-align:left;}
.right{float:right; text-align:right;}

#footer {}
#footer a{color:#397DBB; font-weight:400; text-decoration:none;}
#footer a:hover{color:#FFF; border-bottom:1px solid #26649B; background-color:#5094D0;}

#bottom h2{text-align:left; font-family:Georgia, "Times New Roman", Times, serif; color:#D64D13; font-weight:400; margin-left:0; margin-bottom:8px; font-size:16px;}
#bottom a img{border-width:0;}
#bottom a:hover img{border-width:0;}
#bottom a{color:#AAA; text-decoration:none;}
#bottom a:hover{color:#397DBB;}

.left-bottom{width:475px; float:left; text-align:justify; font-size:1.2em; line-height:.95em;}        
.right-bottom{width:195px; float:right; color:#6E6E6E; text-align:left; font-size:10px; line-height:14px;}

#logo{height:34px; width:34px; background:url(images/logo.gif) 0 100%; float:right;}

#tunes{padding-left:0; margin-left:0;}
#tunes li{list-style:none; margin:0; padding-bottom:.25em;}
#tunes li a{text-decoration:none; color:#AAA;}
#tunes li a:hover{color:#397DBB; background:none; border:0;}