/*

Theme Name: VodPod Theme

Theme URI: http://www.press75.com/

Description: The official Vodpod.com WordPress theme... powered by Vodpod.com, and designed by Press75.com. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/vodpod-theme/">http://www.press75.com/docs/vodpod-theme/</a>. Don't forget to configure the VodPod Theme Options page.

Version: 1.0

Author: Jason Schuller

Author URI: http://www.jasonschuller.com/



This theme was designed and built by Jason Schuller,

whose portfolio you will find at www.jasonschuller.com



The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:

*/



body {
background-color: transparent !important;

background:url(images/bg.png);

background-repeat:repeat;

font: 12px Arial, Helvetica, sans-serif;

color: #282828;

line-height: 1.2em;

width: auto;

height: auto;

margin: 0;

padding: 0;


}



a {

color:#384355;
text-decoration:underline;

}



a:hover {

color:#555555;

}



h1, h2, h3, h4, h5, h6 {

margin: 0 0 2px 0;

padding: 0;

font-weight: normal;
line-height:18px;

}



h1 {

font-size: 20px;

}



h2 {

font-size: 18px;

margin-top: 2px;

}



h3 {

font-size: 14px;

}



h4 {

font-size: 14px;

}



h5 {

font-size: 12px;

}



h6 {

font-size: 10px;

}



p {

margin: 0 0 10px 0;
line-height:16px;

}



img {

border: none;

}



/** Main Site Wrapper **/

#wrapper {

background: url(images/frame.png) top left repeat-y;

width: 966px;

margin: 0px auto;

overflow: hidden;

}



#wrapper_inside {

background: url(images/white.jpg) top center repeat-y;

width: 966px;

float: left;

}



#wrapper_bottom {

background: url(images/frame-bottom.png) top left no-repeat;

width: 966px;

height: 20px;

margin: -5px auto;

overflow: hidden;

}



/** Header **/

#header {

background: url(images/frame.png) top left repeat-y;

width: 966px;

float: left;

}



* + html #header {

margin-bottom: -10px;

position: relative;

z-index: 3;

}



#header_inside {

background: #333333;

width: 940px;

margin: 0 13px 0 13px;

float: left;

}



#header_top {

width: 940px;

height: 115px;

float: left;

//border-bottom: 1px solid #9A0000;

//background-color:#9A0000;
border-bottom: 1px solid #000000;

background-color:#000000;
 

}



#header_nav {

background: #000000;

width: 940px;

height: 30px;

float: left;

}



#header_categories {

width: 700px;

margin-left: auto;
margin-right: auto;

height: 30px;



text-align:center;

}



#header_pages {

width: 465px;

height: 30px;

float: right;

}



#header_pages ul {

float: right;

background: url(images/menu-divider.png) top left no-repeat;

}



#header_bottom {

background: url(images/frame-bottom.png) top left no-repeat;

width: 966px;

height: 20px;

margin: -5px 0 0 0;

float: left;

}



* + html #header_bottom {

position: relative;

z-index: 2;

margin-top: 5px;

}



#header_left {

padding:10px 0 0 10px;

text-align:center;

width:940px;

}



#header_left h1 {

font-size: 28px;

color: #FFFFFF;

padding: 50px 0 0 0;

}



#header_left a {

color: #FFFFFF;

}



#header_left a:hover {

color: #CCCCCC;

}



#header_right {

width: 468px;

padding: 27px 10px 0 0;

float: left;

}



/** Featured Content **/

#content_featured {

background: url(images/frame-color.png) top left repeat-y;

width: 966px;

height: 410px;

float: left;

}



* + html #content_featured {

position: relative;

z-index: 1;

}



#content_featured_inside {

background: #666666;

width: 940px;

margin: 0 13px 0 13px;

float: left;

}



#content_featured_bottom {

background: url(images/frame-bottom.png) top left no-repeat;

width: 966px;

height: 20px;

margin: -5px 0 0 0;

float: left;

}



* + html #content_featured_bottom {

position: relative;

z-index: 1;

}



.thumbnail_image {

background: url(images/thumbnail-shadow.png) top left no-repeat;

padding: 1px 3px 5px 3px;

}



/** Single Video **/

#content_video {

background: url(images/frame-color.png) top left repeat-y;

width: 966px;

padding: 0 0 15px 0;

float: left;

}



#content_video_bottom {

background: url(images/frame-bottom.png) top left no-repeat;

width: 966px;

height: 20px;

margin: -5px 0 0 0;

float: left;

}



#single_video {

margin: 172px 0 0 0;

padding: 0 30px 0 30px;

}



* + html #single_video {

margin: 35px 0 0 0;

padding: 0 30px 0 30px;

}



/** Main Content **/

#content_wrapper {

background: url(images/fold.png) top right no-repeat;

width: 966px;

margin: 0 0 0 0;

float: left;

}



#content_left {

width: 627px;

padding: 15px 0 0 3px;

float: left;

}



.post_nav {

width: 610px;

margin-bottom: 10px;

padding: 0 0 0 10px;

float: left;

}



* + html .post_nav {

margin-top: -10px;

}



/* Content Carousel */

#content_featured_inside .carousel  {

position: relative;

overflow: hidden;

padding: 4px 0 0 0;

color: #CCCCCC;

}



#content_featured_inside a {

color: #FFFFFF;

}



#content_featured_inside a:hover {

color: #CCCCCC;

}



#content_featured_inside .main {

margin: 0;

}



#content_featured_inside .carousel a.prev {

display: block;

position: absolute;

width: 28px;

height: 241px;

background: url("images/bt_left.jpg") no-repeat 0 0;

top: 0;

left: 0;

z-index: 10000;

}



* + html #content_featured_inside .carousel a.prev  {

top: 4px;

}



#content_featured_inside .carousel a.prev:hover {

/*background: url("images/bt_left.jpg") no-repeat 0 -250px;*/

}  



#content_featured_inside .carousel a.next {

display: block;

position: absolute;

width: 28px;

height: 241px;

background: url("images/bt_right.jpg") no-repeat 0 0;

top: 0;

right: 0;

z-index: 10000;

}



* + html #content_featured_inside .carousel a.next  {

top: 4px;

}



#content_featured_inside .carousel a.next:hover {

/*background: url("images/bt_right.jpg") no-repeat 0 -250px;*/

}  



#content_featured_inside .carousel a:hover, #content .carousel a:active {

border: none;

outline: none;

}    



#content_featured_inside .carousel .rotate {

float: left;

margin: 0;

position: relative;

visibility: hidden;

left: -5000px;

padding-left: 35px;
}



#content_featured_inside .carousel ul {

left:-1055px;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:3798px;
z-index:1;

}



#content_featured_inside .carousel li img {

/*width: 200px;

height: 150px;*/



margin-right:0px;



}


/* Old BG Color border:3px solid #9A0000;*/
#content_featured_inside .carousel li {border:3px solid #000000; width:200px; height:230px; margin:0 10px 0 0px; background:#FFFFFF;}
#content_featured_inside .widget img { cursor: pointer;}



.intro {
margin: 0;
padding: 0 5px 10px 0px;
color: #000000;
height:230px;
top:150px;

}



.intro p {

margin: 0;

color: #FFFFFF;

}



.intro h3 {



font-size: 15px;

color: #FFFFFF;

}



/** Post Styles **/

.post_wrapper {

background: url(images/post-divider.png) bottom left no-repeat;

//width: 600px;

margin-bottom: 20px;

padding: 0 0 10px 10px;

float: left;

}



.post_wrapper ul {

margin: 0 0 30px -40px;

list-style: none;

}



* + html .post_wrapper ul {

margin: 0 0 30px 0px;

}



.post_wrapper li {

background: url(images/bullet.png) top left no-repeat;

padding: 3px 0 5px 17px;

margin: 0 0 0 0;

}



.post_details {

/*background: url(images/details-bg.png) top left no-repeat;*/

width: 190px;

height: 228px;

padding: 0px 0px 0 20px;

margin: 0 15px 10px 0;

float: left;

}



.post_thumbnail {

width: 200px;

min-height: 150px;

margin: 0 0 8px 0;

float: left;
width/*\**/:200px\9;

}

.post_thumbnail2 {

float: left;

padding:3px;

border:solid #ccc thin;

}



.play_button {

position: absolute;

width: 200px;

height: 150px;

background: url(images/play.png) 0 -150px no-repeat;

z-index: 10000;

}



.play_button:hover {

background: url(images/play.png) 0 0 no-repeat;

}



.play {

width: 200px;

height: 150px;

}



img.thumbnail {height:200px;xborder:solid 1px #CCCCCC; 

}

img.size-medium {
xborder:solid 1px #CCCCCC; 
width : 250px;

}
img.size-large {
xborder:solid 1px #CCCCCC; 
width:500px
}



.post_ratings {

width: 125px;

height: 30px;

float: left;

}



.post_comments {

background: url(images/comments.png) top left no-repeat;

width: 26px;

height: 28px;

padding: 2px 0 0 0;

font-size: 10px;

text-align: center;

float: right;

}



.post_comments a {

color: #FFFFFF;

}



.post_comments a:hover {

color: #CCCCCC;

}



.post_views {

width: 220px;

margin: -20px 0 0 0;

color: #3D3D3D;

float: left;

}



.post_views a {

color: #3D3D3D;

}



.post_views a:hover {

color: #000000;

}



/** Video Popup **/

.video {

text-align: center;

}



/** Sidebar Styles **/

#content_right {

width: 300px;

margin: 0 0 0 33px;

float: left;

}



#content_right ul {

margin: 0;

padding: 0;

list-style: none;

}



#content_right li {

margin: 0;

padding: 5px 0 5px 0;

list-style: none;

}



#content_right h3 {

color:#990000;

font-weight:bold;

margin: 0;

padding: 0 0 5px 0;

}



.widgets {

background: url(images/widget-divider.png) bottom right no-repeat;

width: 300px;

float: left;

margin: 15px 0 15px 0;

padding: 5px 0 10px 0;

}



#search {

margin: 10px 0 15px 0;

}



#search_wrapper {

background: none;

height: 60px;

margin: 0 0 -15px 0;

float: left;

background: url(images/search-bg.png) top left no-repeat;

width: 290px;

}



#search_wrapper input{

vertical-align: middle;

background: none;

color: #000000;

}



#s{

font-size: 14px;

border: none;

padding: 9px 6px;

margin-right: 3px;

width: 245px;

}



.p75_sidebar_ads {

margin: 0px;

text-align: center;

}



.p75_sidebar_ads img {

margin: 0 10px 10px 0;

}



.cat_posts {

background: none;

margin: 0;

}



.side_featured_post {

background: url(images/widget-divider.png) bottom right no-repeat;

margin: 8px 0 0 0;

padding: 8px 10px 15px 0;

float: left;

}



.side_featured_post img {

float: left;

margin: 0 8px 4px 0;

border: 1px solid #999999;

}



.side_featured_post img:hover {

border: 1px solid #000000;

}



#footer_wrapper {

width: 966px;

margin: 0px auto;

padding: 10px 0 0 0;

overflow: hidden;

}



#footer {

padding: 0 10px 0 10px;

color: #333333;

font-size: 11px;

line-height: 1.1em;

}



#footer h3 {

margin: 0 0 4px 0;

}



#footer_copy {

float:left;

padding:5px 0 40px;

text-align:center;

width:960px;

}



#footer p {

margin: 0 0 1px 0;

}



/** menu styles **/

.sf-menu,.sf-menu * {

list-style: none;

margin: 0;

padding: 0;

text-transform: uppercase;

font-size: 12px;

text-align: left;

}



.sf-menu {

line-height: 1.0;

}



.sf-menu ul {

position: absolute;

top: -999em;

width: 150px;

}



.sf-menu ul li {

width: 100%;

}



.sf-menu li:hover {

visibility: inherit;

}



.sf-menu li {

float: left;

position: relative;

/*background: url(images/menu-divider.png) top right no-repeat;*/

}



.sf-menu a {

display: block;

position: relative;

text-decoration: none;

padding: 8px 12px 8px 12px;

}



.sf-menu a:hover {

color: #CCCCCC;

}



* + html .sf-menu a {

padding: 7px 10px 7px 10px;

}



.sf-menu li:hover ul,.sf-menu li.sfHover ul {

left: 0;

top: 30px;

z-index: 500000;

}



.sf-menu a,.sf-menu a:visited {

color: #FFFFFF;

}



.sf-menu li li {

background: #3D3D3D;

border-top: 1px solid #666666;

border-bottom: 1px solid #666666;

margin: 0 0 -1px 0;

}



.sf-menu li li:hover {

background: #333333;

}



.sf-menu li li li {

left: -270px;

top: -1px;

background: #3D3D3D;

border-top: 1px solid #1A1A1A;

border-right: 1px solid #1A1A1A;

border-bottom: 1px solid #1A1A1A;

margin: 0 0 -1px 0;

}



.sf-menu a.sf-with-ul {

min-width: 1px;

}



.sf-sub-indicator {

position: absolute;

display: block;

right: .75em;

top: 1.05em;

width: 10px;

height: 10px;

text-indent: -999em;

overflow: hidden;

}



ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {

top:-999em;

}



ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {

left:10em;

top:0;

}



.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {

background-position:-10px 0;

}



.subscribe a {

background: url(images/rss.png) right no-repeat;

padding-right: 20px;

margin-right: 12px;

}



* + html .subscribe a {

padding-right: 25px;

}



li.subscribe {

background: none;

}



.subscribe a:hover {

background: url(images/rss-over.png) right no-repeat;

}



/** begin comment styles **/

#comments {

margin: 0 0 0 0;

}



#comments h3 {

font-size: 16px;

font-weight: normal;

color: #181512;

margin: 5px 0 0 0;

padding: 0;

}



#comments p {

margin: 5px 0 5px 0;

}



.comment-author {

font-size: 14px;

font-weight: normal;

}



.comment-meta {

font-size: 10px;

font-weight: normal;

margin: 0 0 10px 0;

}



.avatar {

float: right;

display: inline;

padding: 2px;

margin: 5px 0 4px 4px;

border: 1px solid #CCCCCC;

}



#comment {

width: 610px;

font: 12px arial,helvetica,verdana,sans-serif;

}



h2.commh2 {

font-size: 1.4em !important;

padding: 0 0 5px;

color: #333 !important;

}



ol.commentlist {

margin: 10px 0 20px;

padding: 0;

list-style: none;

font-size: 12px;

}



ol.commentlist p {

margin-bottom: 10px;

width: 610px;

}



ol.commentlist cite {

font-style: normal;

font-weight: bold;

margin: 0;

padding: 0;

}



ol.commentlist li.alt {

background: url(images/post-divider.png) bottom left no-repeat;

width: 610px;

padding: 0 0 22px 10px;

margin: 5px 0 15px 0;

}



ol.commentlist li {

background: url(images/post-divider.png) bottom left no-repeat;

width: 610px;

padding: 0 0 22px 10px;

margin: 5px 0 15px 0;

}



ol.commentlist li div.reply {

color: #666666;

font: bold 9px/1 helvetica,arial,sans-serif;

padding: 7px 10px 5px 10px;

text-align: center;

width: 36px;

background: #CCCCCC;

border: 1px solid #666666;

margin: 10px 0 0 0;

cursor: pointer;

}



ol.commentlist li div.reply:hover {

background: #666666;

}



ol.commentlist li div.reply a {

color: #333333;

text-decoration: none;

text-transform: uppercase;

}



ol.commentlist li ul.children { 

list-style: none; 

margin: 0;

padding: 0;

text-indent: 0; 

}



ol.commentlist li ul.children li {

background: none;

margin: 0;

padding: 10px 0 0px 0;

border: none;

}



ol.commentlist li ul.children li.alt {

background: none;

margin: 0;

padding: 10px 0 0px 0;

border: none;

}



ol.commentlist li ul.children li.depth-2 { margin:0; }

ol.commentlist li ul.children li.depth-3 { margin:0; }

ol.commentlist li ul.children li.depth-4 { margin:0; }

ol.commentlist li ul.children li.depth-5 { margin:0; }



input#submit {

background: url(images/submit.gif) no-repeat;

border: none;

width: 120px;

height: 35px;

cursor: pointer;

font-size:18px;

font-family:Arial, Helvetica, sans-serif;

color:#6D6D6D;

font-weight:bold;

text-align:center;

}



input#submit:hover {

background: url(images/submit.gif) no-repeat;

font-size:18px;

font-family:Arial, Helvetica, sans-serif;

color:#242424;

font-weight:bold;
}

p{ font-size:13px; font-family:Arial,Helvetica,sans-serif;}
 




#comment,#author,#email,#url {

border: 1px solid #E5E3D8;

padding: 2px;

margin: 3px 0 2px 0;

color: #404040;

}



#comment {

background: url(images/area.png) top left no-repeat;

border: none;

width: 600px;

height: 290px;

padding: 5px 10px 5px 5px;

margin: 2px 0 8px 0;

}



#respond {

padding: 0 15px 20px 10px;

width: 610px;

}



* + html #respond {

margin: -20px 0 0 0;

}



#author {

background: url(images/fields-name.png) top left no-repeat;

border: none;

width: 164px;

height: 26px;

padding: 9px 125px 5px 5px;

margin-top: 5px;

}



#email {

background: url(images/fields-email.png) top left no-repeat;

border: none;

width: 164px;

height: 26px;

padding: 9px 125px 5px 5px;

}



#url {

background: url(images/fields-web.png) top left no-repeat;

border: none;

width: 164px;

height: 26px;

padding: 9px 125px 5px 5px;

}



.fieldset ul {

list-style: none;

margin: 0;

}



.fieldset li {

margin: 0 0 10px 0;

padding: 0;

}



/** wordpress basics **/

.wp-caption img {

margin-bottom: 5px;

padding:5px;

background-color:#FFFFFF;

}



.wp-caption-text {

color:#FFFFFF;

text-align:center;

padding-top: 5px;

padding-bottom: 5px;

width: auto;

font-weight: bold;

text-transform: uppercase;

}



code {

font: 1.1em 'Courier New', Courier, Fixed;

}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 5px;

margin: 0 0 2px 10px;

display: inline;

}



img.alignleft {

padding: 5px;

margin: 0 10px 2px 0;

display: inline;

min-height:150px;

min-width:200px;



}



.alignright {

float: right;

margin-left: 15px;

}



.alignleft {

float: left;

margin-right: 15px;

}



#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

display: block;

}



#wp-calendar caption {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

background-color: #fff; }



acronym, abbr, span.caps {

cursor: help;

}



acronym, abbr {

border-bottom: 1px dashed #999;

}



blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}



blockquote cite {

margin: 5px 0 0;

display: block;

}



.center {

text-align: center;

}



.hidden {

display: none;

}



hr {

display: none;

}



a img {

border: none;

}



.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.wp-caption {

text-align: center;

background-color: #FFF;

padding: 10px 5px 0 5px;

margin-bottom: 5px;

}



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 4px 4px 5px;

margin: 0;

background: none;

color: #333;

}
.datepad{ padding-left:29px;}
#maintable{ width:940px; background:none;}
#content_sipl{ *height:242px; height/*\**/:242px\9;}
.linktest{height:27px;font-size:10px;  width:195px; *width:195px !important; width/*\**/:195px\9; background:#FFFFFF; display: table; position: absolute; z-index:999; top:155px;}
.margintop{ float:left; margin-left:2px; }
.imgdiv{ position:relative; top:-15px; *top:-9px;}
.pad12{ padding-top:12px;}
.headlink{ width:528px;}
.headlink a{ text-decoration:none; color:#FFFFFF;}
.margin20{ margin-left:20px;}
#newlink a{ color:#00BDF6;}
#newlink a:hover{ color:#00BDF6;}

.bdr-Lwhite{border-left:solid 2px #ffffff;}
.bdr-Rwhite{border-right:solid 2px #ffffff;}
.bdr-Twhite{border-top:solid 0px #ffffff;}

#content_featured_inside a.link{color:#000000;text-decoration:none;}
#content_featured_inside a:hover.link{color:#FF0000;text-decoration:none;}







html,
body {
background-color: transparent !important;
} 


td {
vertical-align: top;
}