/*

Theme Name: Snowy Brown

Version: 1.0

Description: This is a theme design by Design-Prophet.co.uk.

Author: Tom Collinson



*/

*{margin: 0; padding: 0;}
ol.snap_nav {
	display: inline;
	float: right;
	clear: both;
	list-style: none;
}

ol.snap_nav li {
	display: block;
	float: left;
	padding: 0 2px 10px 0;
}

ol.snap_nav li a {
	font-weight: bold
}

ol.snap_nav li.snap_selected a {
	cursor: text;
}

ol.snap_titles {
	clear: both;
	display: block;
	border: 0;
	list-style: none;
}





#rssfeed{float: left; 
 
margin-right: 20px; width: 530px;}

#rssfeed li {
padding: 10px 0 5px 5px;  
margin-top: 2px;
border-top: 1px dotted #ccc; float: left;
margin-right: 30px;
width: 560px;}

#rssfeed ul{}


#rssfeed a, #rssfeed a:visited {
             color: #545454;  
             text-decoration:none; 
             font-weight: bold; 
             font-size: 11px;
             height: 40px; 
             font-family:arial;
}

#rssfeed a:hover{text-decoration: underline; color: #b80202;}

#featuredvids {float:left;}

#latestvids {
float:left;  height: 200px; }
#latestvids li{height: 40px; padding: 5px 0 5px 5px;  
margin-top: 2px; float: left; width: 270px;}

#latestvids li:hover{background: url(img/vidlistbg.gif) left bottom;}
#latestvids ul{ 
 //border-top: 1px dotted #ccc; 
padding: 0; }

#latestvids a, #listedvids a:visited{ font-size: 12px; font-weight: bold; text-decoration: none; color: #333; }
#latestvids a:hover{text-decoration: underline; color: #b80202;}


#featuredvids {
	float: left;
	}


#featuredvids li {
	height: 40px;
	padding: 5px 0 5px 5px;
	margin-top: 2px;
	}

#featuredvids li:hover {
	background: url(img/vidlistbg.gif) left bottom;
	}

#featuredvids ul {
	width: 270px;
	border-top: 1px dotted #ccc;
	padding: 0;
	}

#featuredvids a, #featuredvids a:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #B80202;
	}

#featuredvids a:hover {
	text-decoration: underline;
	}



.latestimg {float: left; margin-right: 10px;}
.latestimg img{border: 3px solid #dadada;}
.latestimg img:hover{border: 3px solid #aaa;}

.latesttxt{margin-top: 6px;}
.latesttxt a{color: #aaa;}

#latestvids .title{color: #646464;}

/*//////// FRONT PAGE FEATURED ////////*/

#featured {
	width: 567px;
	height: 250px;
	background: #1a1a1a;
margin-bottom: 18px;
	}


#featured #img {
	float: left;
	height: 213px;
	width: 567px;
	overflow: hidden;
        margin-bottom: 8px;
	}


#featured #info {
	width: 567px;
text-align: right;
	}


#featured #info h1 a, #featured #info h1 a:visited{
	font-size: 16px;
	font-weight: bold;
        padding: 0;
	text-transform: uppercase;
        color: #fff;
        text-decoration: none;
font-family: Helvetica, Trebuchet MS;
margin-right: 15px;
	}

#featured #info h1 a:hover {
        color: #ffcc00; text-decoration: underline;}


#featured desc a, #featured desc a:visited{
        color: #ffcc00;
        text-decoration: none;
        }

#featured desc a:hover{
        text-decoration: underline;
        }
#featured #desc {
	margin-top: 25px;
        line-height: 16px;
	}

#featured #links {
	}

/*//////// END FEATURED ///////*/



/*//////// VIDEO ELEMENTS ///////*/

.vidpost{
	height: 115px;
        border: 1px solid #ccc;
        padding: 0 5px 0 5px;
       // margin-bottom: 1px;
        background: url(img/vidlistbg.gif) repeat-x;
	}
	
.vidpost a:hover{        color: #b80202;}
.vidimg{
	float: left;
padding: 10px 10px 5px 0;
	}
	
.vidinfo{
	float: left;
width: 350px;
	}
	
.vidinfo h2 a, .vidinfo h2 a:visited{
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        }

.vidinfo h2 a:hover{
        text-decoration: underline;
        }

.vidinfo ul{ list-style: none; padding: 0; width: 350px;}

.vidinfo li a, .vidinfo li a:visited{ font-size: 11px; text-decoration: none;}
.vidinfo li a:hover {text-decoration: underline;}

	
.vidlinks{
	float: right;
        margin-top: 20px;
	}
	
.vidfooter{
        clear: both;
width: 200px;
        }

.vidfooter a, .vidfooter a:visited{font-size:11px;}
/*/////////// END OF VIDEO CONTROLS //////*/


/* standard elements */

#menu{

float:right;
height: 22px;
margin-right: 110px;
margin-top: 30px;
}

#menu ul{
list-style: none;

}

#menu li{display: inline; margin-right: 10px;}

#menu li a{ display:block-inline; padding: 5px; height: 12px; font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold;}
#menu li a:hover{background: url(img/menu_hover.gif) repeat-x;}

html {min-height: 100%;}



* {

	margin: 0;

	padding: 0;

}

/*/////////////////////////// FOOTER TO BE MOVED ////////////////////////////////*/

#sections {width: 976px; height:260px; background-image: url(img/footer_section.gif);}
#sections a, #sections a:visited {color: #000; text-decoration: none; font-weight: normal;}
#sections a:hover {text-decoration: underline}

#posts {width: 356px; height: 233px; margin-top: 27px; float: left;}
#posts_control {margin: 15px 10px 10px 20px}

#middle {width: 354px; height: 233px; margin-top: 27px; float: left;}

#links {width: 266px; height: 233px; margin-top: 27px; float: left;}

a {color: #000000; font-size: 12px;}

a:hover {color: #62A3FC;}

a:visited {color: #000000; font-size: 12px;}

body {

	background: url(img/bg.jpg) repeat-x #66a11a ;background-attachment: 
fixed;

	color: #444;

	font: normal 12px Arial, sans-serif;

text-align: center;
}



p,code,ul {padding-bottom: 10px;}



li {list-style: none;}



h1 {

	font: bold 1.8em ;

	margin-bottom: 4px;

}

h2 {font: normal 1.6em sans-serif;}

h3 {font: bold 1.1em sans-serif;}



code {

	background: #FFF;

	border: 1px solid #EEE;

	border-left: 6px solid #C1CAD3;

	color: #666;

	display: block;

	font: normal 1em Tahoma,sans-serif;

	line-height: 1.6em;

	margin: 4px 0 12px;

	padding: 8px 10px;

	white-space: pre;

}



blockquote {

	background: url('img/quote.gif') no-repeat;

	display: block;

	font: bold 0.9em Verdana,sans-serif;

	padding-left: 26px

}



big {font-size: 1.1em;}



h1, h2, h3 {padding-top: 6px;}




label {

	display: block;

	font-size: 0.9em;

}



/* misc */

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}



/* structure */

#wrapper{
        width: 922px;
        background: #fff;
        margin: auto;
text-align: left;
        } 

#name {height: 60px; width: 231px; float: left; padding: 10px 0 0 15px;}
#name a, #name a:visited {font: 46px Georgia; color: #fff; text-decoration: none;}
#name a:hover {color: #fff;}

#name_menu { width: 825px; padding: 10px 0 10px 0; height: 70px; margin: auto;}

#newsletter {padding: 10px;}

.container {

	background: #FFF;

	font-size: 1.2em;

	margin: 0 auto;

	width: 825px;

}



/* header */

#banner {text-align: right; padding-top: 12px;}






/* title */

.header {


	background: url(img/headerbg.jpg) #FFF;
	font-size: 1.2em;

	height: 116px;

        margin:0px auto;


	width: 922px;

}

.header .left, .header .right {

	background: #fff;

	color: #ffffff;

	height: 150px;	

}

.header .left {

	background: #fff url('img/banner_bg.jpg') no-repeat;

	text-align: center;	

	width: 691px;

        height: 179px;

	font: normal 2.8em "Trebuchet MS",sans-serif;

	line-height: 150px;

}

.header .right {

	overflow: auto;

	width: 285px;

        height: 179px;

	background: #fff url('img/newsletter_bg.gif') repeat-x;

}

.header .right p, .header .right h2 {padding: 0 16px;}

.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}



/* navigation */

.navigation {	


	background: url(img/menubg.gif) repeat-x #161515;

	height: 28px;

}

.navigation a, .navigation a:visited {


	color: #ffffff;

	display: block;

	float: left;

	text-decoration: none;

	font-size: 14px;

	line-height: 28px;

	padding: 0 20px;
        font-weight: bold;
        font-family: 'Helvetica', Arial, Tahoma;

}

.navigation a:hover {background:  url(img/menu_hover.gif) repeat-x #a4cf42; color: #000;}



/* main */

.main {

width: 886px;
margin: auto;
margin-top: 18px;


}



/* sub navigation */

.sidenav {

	float: right;

	width: 300px;
}

.sidenav h2 {

	color: #fff;

	font-family: Arial,sans-serif;

        font-size: 14px;

        font-weight: bold;

	line-height: 26px;

	margin: 0;

	padding-left: 12px;

        padding-top: 0;

display: block;
height: 28px;
background: url(img/sidebg.gif);
}

.sidenav ul {

	padding: 0;

	margin-bottom: 20px;

}

.sidenav li {padding-left: 5px;}

.sidenav li a, .sidenav li a:visited {

	font-size: 1.1em;

	color: #000;

	display: block;

	padding: 4px 0 4px 20px;

	text-decoration: none;

	width: 95%;

        background: url(img/bullet_black.gif) no-repeat;

}

.sidenav li a:hover {


	color: #227ad3;	

        text-decoration: underline;

        background: url(img/bullet_arrow.gif) no-repeat;

}



/* content */

.content {

	float: left;



        padding: 0;

	width: 567px;

}

.content h3{
        display:block;
        color: #fff;
        padding: 5px;
font-size: 14px;
background: url(img/h3bg.gif) no-repeat;
width: 567px;
}
.content .descr {

	color: #664;

	font-size: 0.9em;

	margin-bottom: 6px;

}

.descr a, .descr a:visited {font-size: 12px;}
.descr a:hover {color: #227ad3; text-decoration: underline;}

.content li {

	padding: 1px 0 1px 0;

font-family: arial;
font-size: 11px;

}

.content p {font-family: Arial; font-size: 12px; line-height: 18px;}



/* footer */

.footer {

	background: url('img/bgfooter.gif') repeat-x;

	color: #FFF;

	font: bold 11px sans-serif;

	padding: 0 16px;

	line-height: 39px;

	height: 39px;

}

.footer a, .footer a:hover {color: #FFF;}



/* posts */

.post2 h1 a {text-decoration:none; font: 14px Arial; font-weight:bold; color: #b80202; text-transform:uppercase; border-bottom: 1px dotted #ccc; display: block;}

.post2 h1 a:hover { color: #b80202; border-bottom: 1px dotted #b80202;}



.post {margin: 0;}

.post2 {margin-bottom: 40px; border-bottom: 1px dotted #ccc;}

.post .info{

	padding: 5px 10px;

	border: 1px solid #E3E4E4;

	background:#F5F5F5;

	color: #555;

	margin: 2px 0 4px;

}

.post .info a{color: #2F7CE6; font-weight: bold; text-decoration: none; font-size: 12px;}

.post .info a:visited{color: #2F7CE6; font-weight: bold; text-decoration: none;}

.post .info a:hover{color: #2F7CE6; font-weight: bold; text-decoration: underline;}

.post img {border: 4px solid #DDD; margin: 4px 0;}

.post a img {border: 4px solid #DDD;}

.post a:hover img {border-color: #CCC;}



.info a {text-decoration: none;}

.info a:hover {text-decoration: underline;}



/* comments */

.content ol li {list-style: none; background: none;}



#commentlist li {

	margin-bottom: 1.5em;

	padding-bottom: 1em;

	border-bottom: 1px solid #700000;

	list-style: none;

}

#commentform {

	margin: 1em 0;

	background: #FAFAFA;

	width: 280px;

}

.commentmetadata {padding: 2px 0 4px;}

.commentmetadata a {color: #664;}



textarea.styled {width: 280px;}



.styled {

	font-size: 1.1em;

	background: #F8F7F6;

	border: 1px solid #D6D3D3;

}

.styled:hover {

	background: #FFF;

	border: 1px solid #D6D3D3;

}

.styled:focus {

	background: #FFF;

	border: 1px solid #939793;

}

#commentform input {margin-bottom: 3px;}



a img {border:none;}



/* calendar */

#wp-calendar {color:#A0A0A0;}



.sidenav table caption {border-bottom-color:#000;}



.sidenav table thead tr {

  border-bottom-color:#000;

  color:#A53512;

}



.sidenav table th {border-bottom-color:#000;}



.sidenav table td#today {

  border-color:#000;

  color:#A53512;

}



.sidenav table td a {

  border-bottom-color:#000;

  background-color:#EDF3DE;

}



.sidenav table tfoot {border-top-color:#000;}



.sidenav table tfoot a {background:none;}



/* calendar

--------------------------------------------------*/

#wp-calendar {

  display:inline-table;

  border-collapse:collapse;

  width:185px;

  margin:0px 10px 0 10px;

  text-align:center;

}



.sidenav table caption {

  margin: -5px 10px 0 10px;

  padding-bottom: 5px;

  border-bottom: 1px solid;

  letter-spacing: 0.1em;

}



.sidenav table thead tr {border-bottom:1px solid;}



.sidenav table th {border-bottom:1px solid;}



.sidenav table td {

  width: 225px; 

  padding: 1px;

  font-size: 0.9em;

}



.sidenav table td#today {

  padding: 0;

  border: 1px solid;

  font-size: 1em;

  font-weight: bold;

}



.sidenav table td a {

  display: block;

  border-bottom: 1px solid;

  font-weight: bold;

  font-size: 1.15em;

}



.sidenav table tfoot {border-top:1px solid;}

.sidenav table tfoot a {

  border: none;

  font-weight: bold;

}

.sidenav table tfoot #prev a {text-align:left;}

.sidenav table tfoot #next a {text-align:center;}



#searchform {padding:10px;}