/*  
Theme Name: TikiBar TV 
Theme URI: http://www.tikibartv.com
Description: Custom theme for TikiBar TV website/blog.
Version: 1.0 (December 2008)
Author: Raymond Krause 
Author URI: http://www.csstinderbox.com
*/


/*
=========================================== 1. General Styles */
body {
margin:0;
padding:0;
background-color:#28282a;
background-image:url(img/body-bg.jpg);
background-repeat:repeat;
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:17px;
}

a:link, a:visited {
color:#564085;
text-decoration:underline;
}

a:hover, a:active {
color:#564085;
text-decoration:none;
}

p {
margin:0 0 6px 0;
padding:4px;
}

h1, h2, h3, h4 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:3px 0 4px 0;
padding:4px;
font-weight:normal;
color:#333333;
}

h1 {
font-size:30px;
}

h2 {
font-size:22px;
}

h3 {
font-size:20px;
}

h4 {
font-size:18px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

small {
font-size:10px;
}

img {
border:none;
}

ul, ol {
margin:0 0 6px 30px;
padding:0;
line-height:18px;
}

ul li {
list-style-type:none;
background-image:url(img/li-bullet-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
margin:0 0 15px 0;
padding:2px 0 5px 28px;
}

ul li ul li {
list-style-type:circle;
background-image:none;
margin:0 0 5px 0;
padding:5px 0 0 0;
}

ol li {
list-style-type:decimal;
}

ol li ol li {
list-style-type:lower-alpha;
}

blockquote {
margin:10px 5px;
padding:10px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-style:italic;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

div.hr {
margin:8px 15px;
height:2px;
background-color:#000000;
}

div.hr hr {
display:none;
}

fieldset {
margin:0 15px 15px 15px;
padding:10px;
border:1px dashed #887692;
}

input, textarea {
border:1px solid #d4d0c3;
background-color:#f3f0e7;
padding:5px;
}

input:focus, textarea:focus {
border:1px solid #658379;
background-color:#c0cfc4;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
=========================================== 2. Custom Styles */
.righty {
float:right;
margin:5px 0 5px 10px;
padding:0;
}

.lefty {
float:left;
margin:5px 10px 5px 0;
padding:0;
}

#leaderBoard {
margin:0 auto;
padding:0;
width:980px;
height:110px;
background-image:url(img/leaderboard-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
}

#leaderBoard img {
margin:10px 0 0 0;
padding:0;
}

#mainContainer {
margin:0 auto 20px auto;
width:980px;
background-color:#ece5d2;
background-image:url(img/wrapper-bg.jpg);
background-repeat:repeat-y;
}

#headerBlock {
margin:0;
padding:0;
width:980px;
height:204px;
}

#navigationBlock {
margin:0;
padding:0;
width:980px;
height:88px;
}

#mainBody {
float:left;
margin:0 0 0 19px;
padding:0;
width:647px;
}

#watchNow {
margin:0 0 8px 0;
padding:0;
width:634px;
height:167px;
background-image:url(img/wtach-now-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#watchNow p {
margin:0;
padding:100px 0 0 48px;
font-style:italic;
}

#watchNow img {
float:right;
margin:0 57px 0 0;
padding:0;
}

#watchNow a:link, #watchNow a:visited {
font-weight:bold;
font-size:15px;
color:#63508e;
text-decoration:none;
font-style:normal;
}

#watchNow a:hover, #watchNow a:active {
color:#cf4900;
text-decoration:underline;
}

#currentEpisode, #whatIs {
margin:0;
padding:0;
width:640px;
height:360px;
}

.videoWrap {
margin:-4px 0 -10px 0;
}

#videoWrapTop {
margin:0 0 0 4px;
padding:0;
}

#videoWrapBottom {
margin:0 0 0 4px;
padding:0;
}


.watchRecentWrap {
clear:both;
margin:20px 0 0 0;
}

.watchRecent {
float:left;
margin:5px 8px 0 0;
padding:0;
width:100px;
font-size:11px;
}

.watchRecent a:link, .watchRecent a:visited {
text-decoration:none;
}

.watchRecent img {
border:1px solid #887692;
}

.thumby {
margin:0;
padding:0;
border:1px solid #ffffff;
height:50px;
width:85px;	
}


.postDateBox {
float:left;
margin:0 8px 4px 0;
padding:0;
width:82px;
height:95px;
background-image:url(img/post-date-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
}

.dateBoxMonth {
margin:40px 0 0 38px;
padding:0;
color:#9e9ca4;
}

.dateBoxDay {
margin:0 0 0 41px;
padding:0;
font-size:22px;
color:#ffffff;
}

.episodeWrap {
float:left;
margin:8px 7px 20px 15px;
padding:0;
width:300px;
}

.episodeWrap p {
margin:0 0 0 5px;
padding:0 0 0 0;
}

.episodeWrap a:link, .episodeWrap a:visited {
font-size:16px;
font-weight:bold;
text-decoration:none;
}

.episodeWrap a:hover, .episodeWrap a:active {
color:#cf4900;	
text-decoration:underline;
}

.episodeWrap img {
margin:0 0 8px 0;
padding:0;
border:1px solid #887692;
}

#rightSidebar {
float:left;
margin:0 0 0 15px;
padding:0;
width:265px;
}

#eventsBox {
margin:0 0 0 0;
padding:0;
width:265px;
background-color:#d6c2cc;
background-image:url(img/events-bg.jpg);
background-repeat:repeat-y;	
}

#popularBox, #subscribeBox {
margin:0 0 0 0;
padding:0;
width:265px;
background-color:#8db6b7;
background-image:url(img/popular-bg.jpg);
background-repeat:repeat-y;	
}

#eventsBox p {
margin:4px 10px 6px 10px;
padding:0;
font-size:11px;
}

#popularBox p, #subscribeBox p {
margin:4px 10px 6px 20px;
padding:0;
font-size:11px;
color:#054345;
}

#popularBox ul, #subscribeBox ul {
margin:0 0 0 25px;
padding:0;
font-size:11px;
color:#054345;
list-style-type:none;
}

#popularBox ul li, #subscribeBox ul li {
margin:0 0 8px 0;
padding:0;
list-style-type:none;
background-image:none;
}

#eventsBox a:link, #eventsBox a:visited, #popularBox a:link, #popularBox a:visited {
color:#ffffff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

#eventsBox a:hover, #eventsBox a:active, #popularBox a:hover, #popularBox a:active {
color:#000000;
text-decoration:none;
}

#subscribeBox a:link, #subscribeBox a:visited {
color:#ffffff;
text-decoration:none;
}

#subscribeBox a:hover, #subscribeBox a:active {
color:#000000;
text-decoration:underline;
}

#bannerWrap {
margin:10px 0 6px 0;
padding:0;
width:265;
background-image:url(img/banner-wrap-bottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
}

#bannerWrap img {
margin:0;
padding:0 0 50px 0;
}

#bannerWrap img.bannerWrapCap {
margin:0 0 0 0;
padding:0;
}

.socialBanner {
margin:5px 0 7px 0;
padding:0;
}


#footerBlock {
clear:both;
margin:0;
padding:0;
width:100%;
height:143px;
background-image:url(img/footer-bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-align:right;
}

#footerBlock p {
margin:0 40px 0 0;
padding:80px 0 0 0;
font-size:11px;
color:#333333;
}

#footerBlock a:link, #footerBlock a:visited {
color:#6a5a98;
text-decoration:none;
}

#footerBlock a:hover, #footerBlock a:active {
color:#cf4900;
text-decoration:underline;
}

















.clearfix:after { /* Helps nested floats to be cleared by their parent DIV */
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
=========================================== 3. WordPress-Specific Styles */
.post {
margin:0;
padding:0;
}

.postTitle  {
padding-top:30px;
font-weight:normal;
font-size:30px;
line-height:30px;
}

.postTitle a:link, .postTitle a:visited {
color:#3f3a4b;
text-decoration:none;
}

.postTitle a:hover, .postTitle a:active {
color:#80b642;
text-decoration:none;
}

.nameDate {
margin-left:15px;
font-size:13px;
font-style:italic;
color:#6a5a98;
}

.storycontent {
clear:both;
}



#centerColumn h2 a:link, #centerColumn h2 a:visited, #centerColumnWide h2 a:link, #centerColumnWide h2 a:visited {
text-decoration:none;
}

a:link.postBig, a:visited.postBig {
color:#000000;
text-decoration:none;
}

a:hover.postBig, a:active.postBig {
color:#AB3333;
text-decoration:none;
}

#commentBlock {
margin:0;
padding:0;
}

#commentBlock h2 {
margin:15px 0 10px 0;
font-size:20px;
font-weight:bold;
text-align:left;
padding-top:10px;
}

#commentBlock label {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:14px;
}

#commentBlock input, #commentBlock textarea {
margin-top:5px;
border:1px solid #E0DED2;
font-size:18px;
}

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

.commentlist li {
margin:5px 20px 15px 0;
padding:5px 10px 10px 22px;
list-style-type:none;
font-size:12px;
clear:both;
border-left:4px solid #D6C2CD;
}

.commentlist li.alt {
margin:5px 20px 15px 0;
padding:5px 10px 10px 22px;
list-style-type:none;
font-size:12px;
clear:both;
background-color:#F0EFE4;
border-left:4px solid #D6C2CD;
}

.commentlist li a:link, .commentlist li a:visited {
color:#055C6D;
text-decoration:none;
}

.commentlist li a:hover, .commentlist li a:active {
text-decoration:underline;
}


#searchBox, #linksFrontAdmin, #linkList {
display:none;
}

.feedback {
font-size:11px;
}

.feedback a:link, .feedback a:visited {
color:#cf4900;
text-decoration:none;
}

.feedback a:hover, .feedback a:active {
text-decoration:underline;
}












