/*

Theme Name: Videopress

Version: 1.0

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

Author: Tom Collinson



*/
html {min-height: 100%;}

* { margin: 0;padding: 0;}

small {color: #d7d7d7;}


#vidsingle li {float: left;}
#vidsingle ul {width: 500px; height: 305px;display: inline;}
#vidsingle span {font-size: 18px;}


#searchf {background: #212121; font-size: 18px; font-weight: bold; color: #fff; padding: 5px; margin-bottom: 10px;}
#searchf form {float: right;}



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;
}





#news{float: left; margin-right: 20px; width: 655px;}
#news ul{}
#news li { padding: 10px 0 5px 5px;  margin-top: 2px; margin-right: 30px;}



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

#news h2 a, #news h2 a:visited{font-weight: bold; font-size: 18px; color:#b80202;}
#news h2 a:hover{text-decoration: underline;}


#latestvids {float:left; width: 655px; margin-bottom: 15px;}
#latestvids li{height: 170px; padding: 5px 0 5px 5px; margin-top: 2px; float: left; width: 120px; margin-left: 30px;}

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

#featuredvids {float: left;}
#featuredvids ul {width: 270px; border-top: 1px dotted #ccc; padding: 0;}
#featuredvids li {height: 40px; padding: 5px 0 5px 5px; margin-top: 2px;}
#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 #b80202;}

.latesttxt {padding-top: 10px; text-align: center;}
.latesttxt a {color: #aaa;}






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

.vidpost{ height: 130px; padding: 0 5px 0 5px; border-bottom: 1px solid #ccc;}
	
.vidpost a, .vidpost a:visited{color: #b80202}
.vidpost a:hover{text-decoration: underline; color: #b80202}

.vidimg{float: left; padding: 10px 10px 5px 0}
	
.vidinfo{ float: left; width: 450px }
	
.vidinfo h2 a, .vidinfo h2 a:visited{font-weight: bold; font-size: 18px; text-decoration: none }
.vidinfo h2 a:hover{text-decoration: underline}

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

.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;}


/*/////////////////////////// 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: #ccc ; color: #444; font: normal 12px Helvetica, 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: 1000px; 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 {float: right; text-align: right; padding-top: 12px;}


/* title */

.header {font-size: 1.2em; height: 140px; margin:0px auto; width: 1000px; }

.header img {padding-left: 10px; float: left;}
.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: 970px; 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: #333;}

.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: 655px;}

.content h3{display:block; color: #fff; padding: 5px; font-size: 14px; background: #333;}

.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: Helvetica, 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;}

vidsingle h1 {font-size: 14px; font-weight: bold;}

.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 {}