/*   
Theme Name: WhoaSnow
Theme URI: http://www.whoasnow.com
Description: Theme for WhoaSnow
Author: Dan Mensinger
Author URI: http://www.whoasnow.com
Version: 1.0
Tags: fixed width, two columns, right sidebar, widgets, gravatars, blue, white, snowboarding
.
Copyright Whoasnow 2010
.
*/

body{
	font-size: 12px;
	font-family: 'arial', Sans-Serif;
	color:#444;
    background-color: #1571d6;
	margin: 0;
	padding: 0;
	}

a{
	text-decoration:none;
	color: #1571d6;
	}

a:hover{color:#003399;}

a img{
	border: 0px;
	}
	
h1{font-size:24px; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; line-height: 22px;}
h2{font-size:22px; margin:10px 0px 5px 0px; padding: 0px;}
h3{font-size:18px; margin: 10px 0px 5px 0px; padding 0px; color:#c91eb5;}
h4{font-size:16px;}
h5{font-size:14px;}

p{
	margin: 0px 0px 10px 0px;
	}

strong{
	color: #000;
	}

hr{}

#header{
	margin:0px auto;
	width: 1000px;
	display:block;
	height: 294px;
	background-image:url("images/ws_banner6.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	}


#wrapper{
	width:1000px;
	margin:0px auto;
	padding:0px 0px;
	}

#page{
	background-color:#fff;
	width:970px;
	margin:0px auto;
	padding: 15px;
	overflow:hidden;
	}

#content{
	width: 560px;
	font-size:13px;
	line-height: 18px;
	float:left;
	clear:none;
	overflow:hidden;
		}

#footer{
	width:960px;
	margin:0px auto 20px auto;
	background-image:url("images/footer.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
	height:30px;
	color:#ccc;
	font-size:10px;
	padding:10px 20px;
	}
#footer .left{
	float:left;
	width:400px;
	display:block;
	}
#footer .right{
	float:right;
	width:400px;
	display:block;
	text-align:right;
	}
#dynamic-footer{
	width:960px;
	margin:0px auto;
	background-image:url("images/dynamic-footer.jpg");
	background-position:top center;
	background-repeat:repeat-y;
	display:block;
	color:#ccc;
	font-size:12px;
	padding:10px 20px;
	overflow:hidden;
	}
.dynamic{
	width: 300px;
	float:left;
	margin:0px 10px;
	}
.dynamic li{
	padding:0px 0px 5px 0px;
	list-style-type: none;
	list-style-image: none;
	}
.dynamic a{
	color:#fff;
	}
.dynamic a:hover{
	color:#c91eb5;
	}
	
/* NAVIGATION */

#nav {
	margin: -38px auto 0px auto;
	padding:0px 0px 0px 50px;
    height: 35px;
	width:970px;
	float:left;
}

#nav ul {
	display:inline;
	margin:0px;
	padding:0;
}

	
#nav ul li {
	padding:0px;
	display:inline;
	font-size:1.2em;
}
#nav ul li a {
    display: block;
    padding: 0px 15px;
    margin:0px 5px 0px 5px;
    height: 35px;
    line-height: 35px;
    float: left;
    color: #ccc;  
}
#nav ul li a:hover {
    color: #fff;
}

#nav ul li.current_page_item a{
     background-color: #fff;
     color: #000;  
     height: 35px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#nav ul li.current_page_item a:hover{color:#1b66ff;}

#nav ul li a.activepage:link,
#nav ul li a.activepage:visited,
#nav ul li a.activepage:hover,
#nav ul li a.activepage:active {
     background-color: #fff; 
	 color: #000;   
     height: 35px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
} 
#nav ul li a:hover.activepage:link,
#nav ul li a:hover.activepage:visited,
#nav ul li a:hover.activepage:hover,
#nav ul li a:hover.activepage:active {color:#1b66ff;}

/* SIDEBAR */

#sidebar {
	font: 1.2em 'Lucida Grande', Arial, Sans-Serif;
	width: 385px;
	float:right;
	clear:none;
	}

#sidebar li a{
	color: #1571d6;
    margin: 0px 5px 0px 5px;
    width: 365px;
    display:block;
	padding: 4px 5px;
    border-top: 1px solid #ccc;
	font-size: 11px;
	background-image:url("images/tartan7.png");
	background-position:top center;
	background-repeat:repeat;
	}

#sidebar li a:hover{
	color: #c91eb5;
    background-color: #fff;
	background-image:url("none");
	}

#sidebar h2 {
	font-family: 'arial', Sans-Serif;
	font-size: 14px;
	padding: 5px;
	color: #fff;
    margin: 0px;
    width: 375px;
	text-transform:uppercase;
	text-indent:5px;
	}

#sidebar ul li {
	margin:10px 0px;
	padding:0px 0px 5px 0px;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0px;
	padding: 0;
	}
#widget{
	border: 0px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 0px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	background-image:url("images/tartan6.png");
	background-position:top center;
	background-repeat:repeat;
	}
#linkcat-2{
	border: 0px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 0px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	background-image:url("images/tartan6.png");
	background-position:top center;
	background-repeat:repeat;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 20px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0px;
	padding: 0;
	}
	
/* POST */

#posttitle{
	width:560px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
	}

#posttitle a{color: #1571d6;}	
#posttitle a:hover{color:#003399;}

.post {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	text-align: left;
	overflow:hidden;
	clear:none;
	width:520px;
	float:left;
	}

.thumbnail{
	float:left;
	margin:0px 10px 0px 0px;
	}
.thumbnail img{
	padding:2px;
	border: 1px solid #ccc;
	}
.metadate {
	font-size:11px;
	color:#c91eb5;
	text-transform:uppercase;
}
.metaauthor {
	font-size:11px;
	color:#666;
	background-color:#e7e7e7;
	padding:2px 10px;
	display:block;
	text-transform:uppercase;
}
.metaauthor a{color:#333;}
.metaauthor a:hover{color: #000;}

.continue a{
	color: #c91eb5;
	text-align:right;
	}
.entry {
	margin:0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
}

.entry blockquote {
	border:1px dashed #ccc;
	font-size:0.9em;
	padding:10px 20px 5px 20px;
	margin:10px 0;
	background:#f8f8f8;
}

.entry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}


.entry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;

}

.entry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
	
.alignright {
	padding:0;
	margin: 0px 0px 5px 10px;
	display: inline;
	float:right;
	}

.alignleft {
	padding:0;
	margin: 0px 10px 5px 0;
	display: inline;
	float:left;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#navigation{
	margin:10px 0px;
	width:550px;
	}

#navigation .left{float:left;}
#navigation .right{float:right;}

/* COMMENTS*/

#comments {
	font-size:12px;
	width:520px;
	margin:0px;
	padding:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image:url("images/tartan6.png");
	background-position:top center;
	background-repeat:repeat;
	color:#ccc;
}

#comments h2 {
	font-family: 'arial', Sans-Serif;
	color:#c91eb5;
	}
	
#comments h3 {
	font-family: 'arial', Sans-Serif;
	color:#c91eb5;
	}

.commentlist {
	margin:0px 0px;
	padding:0 0 1px 0;
	border-bottom: 1px dashed #666;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-top: 1px dashed #666;
}

li.comment div, li.pingback div {
	padding:20px 0px 10px 0px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
}

.commentlist li.odd {
}

.comment-author img{
	float:left;
	border: 1px solid #555;
	padding:2px;
	margin: 2px 8px 0px 0px;
	}
	
ul.children li {
	list-style:none;
}

.commentarea{
	width:500px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	margin:0px 0px 10px 0px;
	padding:5px;
	color:#555;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background: url("images/diagonal.gif") repeat;
	}
.commentinput{
	width:250px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:12px;
	border:1px solid #ccc;
	margin:0px 0px 10px 0px;
	padding:5px;
	color:#555;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background: url("images/diagonal.gif") repeat;
	}
	
/* ADDITIONAL STYLING */

#feed{
    float: right;
	margin: 0px 0px 20px 0px;
    background-color:transparent;
	width:16px;
	height:16px;
	display:block;
	position:relative;
	top:253px;
	right:36px;
}

#searchbar{
    float: right;
	margin: 0px 0px 0px 0px;
    background-color:transparent;
	width:180px;
	position:relative;
	top:240px;
	right:78px;
}
#searchbar a img{
	margin: 0px 0px 10px 0px;
}
#searchform{
	background-color:transparent;
	border: 0px;
	float:left;
	color:#ccc;
	width:180px;
	padding:6px;
}


#comment {
font-size: 22px;
margin: 0px;
}

#comment a{
background: url("images/commentbg2.jpg") no-repeat;
width:35px;
height: 31px;
color:#666;
font-size: 16px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:26px;
text-align:center;
text-decoration:none;
display:block;
float:right;
clear:none;
}

#comment a:hover{
text-decoration: none;
color: #000;
}


#flickr a img {
border: 1px solid #cccccc;
padding: 2px;
margin: 8px 8px 0px 0px;
float: left;
}
#flickr a:hover img {
border: 1px solid #666666;
}

#flickr_note{
color: #333333;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
margin:5px 0px 15px 0px;
padding:3px ;
border: 1px solid #d8d8d8;
background: url("images/diagonal.gif") repeat;
height:12px;
width:375px;
}

#spotlight{
width:370px;
height:200px;
overflow:hidden;
margin:0px 0px;
padding: 0px 5px;
}

#fadeshow{
left: 5px;
position: relative;
}

#divider{
margin:40px 0px 0px 0px;
background: url("images/divider.gif") no-repeat;
display: block;
width: 575px;
height: 15px;
}



#sidebarad_125{
         margin:0px 0px 8px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image:url("images/tartan6.png");
	background-position:top center;
	background-repeat:repeat;
	padding:5px
	}
}

#sidebarad_125 img {
overflow:hidden;
float: left;
width: 100px;
height: 100px;
	}

#sidebarads{
        width: 375px;
        height: 125px;
	-moz-border-radius: 5px;
	-webkit-border-bottom: 5px;
	background-image:url("images/tartan6.png");
	background-position:top center;
	background-repeat:repeat;
        display:block;
        margin: 0px 0px 15px 0px;
        padding: 5px;
}
#ad_left{
float:left;
width:122px;
overflow:hidden;
margin: 0px 3px 0px 0px;
	}
#ad_center{
float:left;
width:120px;
overflow:hidden;
margin: 0px 5px 0px 0px;
	}
#ad_right{
float:left;
padding121px;
overflow:hidden;
	}

#sidebarad_banner{
width:345px;
height:60px;
border-right: 40px solid #000;
overflow:hidden;
margin:12px 0px 12px 0px;
}

/* MUSIC */

.post-thumbs{
	border-bottom: 1px solid #ccc;
	width: 270px;
	padding:10px 0px;
	overflow:hidden;
	float:left;
	margin: 0px 10px 0px 0px;
	}
.post-thumbs h3{
	font-size: 16px;
	margin:0px;
	padding:0px;
	}
.post-thumbs a img{
	float:left;
	margin:0px 10px 0px 0px;
	border:1px solid #ccc;
	padding:2px;
	}
	
.post-thumbs a:hover img {
	border: 1px solid #333;
	}
.album{
	border:1px solid #ccc;
	padding:2px;
	margin:0px 0px 10px 0px;
	}
#details a{
	width: 100px;
	height:18px;
	display:block;
	background-image:url("images/details.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	color:#333;
	float:left;
	line-height:18px;
	font-size:10px;
	text-align:center;
	text-indent:5px;
	}
#details a:hover{
	color:#000;
	}