/*
Theme Name: Freestyle Online News
Theme URI: http://freestyleonlinenews.com
Description: Freestyle News Site Theme
Author: Craig Snodgrass
version: 2.0
*/




/* basics */

*{margin:0; padding:0;}

body {
	background:#fff;
	font-family: arial, sans-serif;
	font-size: 8pt;
	margin:20px;
	}
	
	.calendar-table{
font-size:12px;
}

	
h1 {font-size: 18pt; text-transform:uppercase;}
h2 {font-size: 14pt; text-transform:uppercase; margin-bottom:15px; color:#879A94;}
h3 {font-size: 10pt; text-transform:uppercase;}
h4 {font-size: 9pt; text-transform:uppercase;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#000;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#container {
	width: 980px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	color:#333;
	overflow: hidden;
	border:1px solid #879A94;
	background-image:url(http://209.223.99.36/images/free_images/right_col.jpg);
	background-position:right center;
	background-repeat:repeat-y;
	}
	
/* header */
#header_wrap {
width:980px;
height:90px;
margin-left:auto;
margin-right:auto;
margin-bottom:-2px;
}


#header {
	background:#fff;
  	width: 280px; 
  	height: 90px;
	color: #fff;
	float:left;
	}

#header h1{
	font:normal 20pt arial, Arial, Helvetica, sans-serif;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}

/* main menu */


#menu {
	background:#879a93;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	width:980px; 
	overflow: visible;	
}


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:4px 10px;
	margin: 0;
	color: #fff;
	display:block;
}

#menu ul li a:hover {
	color:#000;
}



/* content */


#content {
	float:left;
	width:730px;
	overflow: hidden;
	margin:14px;
	}

.post {
	margin:0 0 25px 0;
	padding:0;
	line-height: 14pt;
	border-bottom: 1px dotted #879A94;
	}
	
.post h2{
	font:normal 15pt Arial, Helvetica, sans-serif;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}
	
/*.imgtfe {padding: 2px; border: 1px solid #ddd; margin: 7px 5px 0 0; float: left;}*/

imgstyle{margin: 5px; float: left;}	
	

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.entry img {
margin:0px 10px 10px 0px;
border:1px solid #BBCACF;
}

.postmetadata{
	clear: both;
	/*background:#BBCACF;*/
	padding:6px;
	margin: 20px 0;
	}

#snow_nav{
width: 160px;
height:31px;
float:left;
   }

#snow_nav a {
   background: url("images/freestyle_nav_2.gif") 0 0 no-repeat;
   display:block;
   width:160px;
   height:29px;
   overflow:hidden;
   text-decoration:none;
   }
#snow_nav a:hover {
   background-position: 0px -34px;
   ...
   }
#snow_nav a:active {
   background-position: 0px -71px;
   ...
   }
#snow_nav span {
position:absolute;
left:-20px;
top:-20px;
}   

#skate_nav{
width: 160px;
height:31px;
float:left;
   }

#skate_nav a {
   background: url("images/freestyle_nav_2.gif") -160px 0px no-repeat;
   display:block;
   width:160px;
   height:29px;
   overflow:hidden;
   text-decoration:none;
   }
#skate_nav a:hover {
   background-position: -160px -34px;
   ...
   }
#skate_nav a:active {
   background-position: -160px -71px;
   ...
   }

#skate_nav span {
position:absolute;
left:-20px;
top:-20px;
}      
   
#wake_nav{
width: 160px;
height:31px;
float:left;
   }

#wake_nav a {
   background: url("images/freestyle_nav_2.gif") -320px 0px no-repeat;
   display:block;
   width:161px;
   height:29px;
   overflow:hidden;
   text-decoration:none;
   }
#wake_nav a:hover {
   background-position: -320px -34px;
   ...
   }
#wake_nav a:active {
   background-position: -320px -71px;
   ...
   } 
   
#wake_nav span {
position:absolute;
left:-20px;
top:-20px;
}         
   
#swim_nav{
width: 160px;
height:31px;
float:left;
   }

#swim_nav a {
   background: url("images/freestyle_nav_2.gif") -480px 0px no-repeat;
   display:block;
   width:160px;
   height:29px;
   overflow:hidden;
   text-decoration:none;
   }
#swim_nav a:hover {
   background-position: -480px -34px;
   ...
   }
#swim_nav a:active {
   background-position: -480px -71px;
   ...
   }       

#swim_nav span {
position:absolute;
left:-20px;
top:-20px;
}      

#apparel_nav{
width: 160px;
height:31px;
float:left;
   }

#apparel_nav a {
   background: url("images/freestyle_nav_2.gif") -512px 0px no-repeat;
   display:block;
   width:188px;
   height:31px;
   overflow:hidden;
   text-decoration:none;
   }
#apparel_nav a:hover {
   background-position: -512px -34px;
   ...
   }
#apparel_nav a:active {
   background-position: -512px -71px;
   ...
   }
   
#apparel_nav span {
position:absolute;
left:-20px;
top:-20px;
}    

#nav{
width:640px;
height:29px;
float:right;
}

#meta {
background-color:#FFFFFF;
background-image:url(images/free_images/home_02.jpg);
background-position:right;
background-repeat:no-repeat;
float:right;
font-weight:bold;
height:64px;
width:700px;
}	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:0px;}
.alignright a{float:right; margin:0px;}



/* sidebar */

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	width:200px;
	float:right;
	margin:0;
	padding: 0;
	/*border-left: 1px solid #879a93;
	background-color:#BBCACF;*/
	}

#sidebar h2{
	font:bold 11pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #000;	
	margin: 10px 0 0 0;
	padding: 0;
	
}

#sidebar label{
	font:normal 11pt Arial, Helvetica, sans-serif;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:0 6px 0 6px;
	padding:0;
	}

#sidebar ul li {
	margin: 0 12px 0 12px;
	padding: 0;
	line-height: 13pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:14px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #333333;
}

#sidebar ul ul li {
	list-style-type: none;
	margin-bottom:15px;
	list-style: square;
	font-weight:bold;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: arial, sans-serif;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */

#searchform{
	padding:0;
	margin:14px 0;
	width:130px;
	}

#searchform input#s{
	margin:-10px 0 0 0;
	padding:2px;
	border:1px solid #000;
	width:130px;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}


	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
	background:#879a93;
	clear: both;
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	}
	
#footer p{padding:5px 10px;margin: 0; color: #eee; text-align:right; font-size:8px;}
#footer a{color: #ffffff;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}


/*nav*/

#suckerfishnav {background:#879a94;font-size:12px;font-family:verdana,sans-serif;width:100%;position:relative;z-index:100;}

#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:20px;padding:0;/*border:1px solid #aaa;*/margin:0; width:100%;}

#suckerfishnav a {display:block;color:#ffffff;text-decoration:none;padding:0px 10px;}

#suckerfishnav li {float:left;padding:0;}

#suckerfishnav ul {position:absolute;left:-999em;height:auto; width:151px;font-weight:normal;margin:0;line-height:20px;	border:0;/*border-top:1px solid #666666;*/	}

#suckerfishnav li li {	width:149px;/*border-bottom:1px solid #666666;*/border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:verdana,sans-serif;}

#suckerfishnav li li a {padding:4px 10px; width:130px;font-size:12px;color:#dddddd;}

#suckerfishnav li ul ul {margin:-21px 0 0 150px;}

#suckerfishnav li li:hover {background:#879a94;}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#ffffff;}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#879A94;}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#879a94;}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444;}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#dddddd;}