/*
Theme Name: Spread TV
Theme URI: http://www.chrismdesign.com
Description: The totally rude wordpress theme created for use on spreadtelevision.com by <a href="http://www.chrismdesign.com">Chris Michel</a>)
Version: 1.0
Author: Chris Michel
Author URI: http://www.chrismdesign.com
Tags: Spread, TV, rude, house, party, beer, drinking, games, videos, b
*/

@import "style/css/reset.css";
@import "style/css/shadowbox.css";



/********Colors*******

Blue title:         rgb(20, 204, 220)
Orange title:       rgb(200,95,1)
Lt Brown text:      rgb(194, 170, 151)
Tan text:           rgb(228, 202, 175)
Black:              rgb(0, 0, 0)
Main bg brown:      rgba(64, 39, 19, 0.4)
Sidebar bg:         rgba(65, 37, 15, 0.3)
Vid link border:    rgb(110, 83, 37)
Brown message bg:   rgba(97, 79, 65, 0.5)
Brown message OVER: rgb(97, 79, 65)
Divider:            rgba(136, 118, 103, 0.1)
Divider OVER:       rgba(136, 118, 103, 0.2)
Orange bg:          rgb(198, 124, 2)
Red bg:             rgb(131, 28, 9)
Brown bg:           rgb(51, 24, 2)

*********************/





/* ---------------------------*/
/* ------>>> Generic <<<------*/
/* ---------------------------*/
* {
margin:0;
padding:0;
outline:none;
}

html {width:100%; height:100%}

body {
margin:0;
padding:0;
background:rgb(198, 124, 2) url(images/navbg_bottom.jpg) 0 0 repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

.clear {
clear:both;
}

.mgbot {
margin-bottom:20px;
}

@font-face {
font-family:JointbyPizzaDude;
font-weight:normal;
src:url("fonts/jointbypizzadude.ttf") format("truetype");
}

a img {
border:solid 1px rgb(110, 83, 37);
}


.latestvids {
margin-bottom:30px;
}
h3.title {
font-size:1.1em;
color:rgb(20, 204, 220);
text-transform:uppercase;
letter-spacing:0.08em;
margin:0 0 5px 0;
}
p.small4 {
font-size:1.2em;
color:rgb(194, 170, 151);
background:none;
margin:0;
padding:0 0 10px 0;
}

a.mailto {
font-size:1.0em;
color:rgb(20, 204, 220);
}



/* --------------------------*/
/* ---->>> Typography <<<----*/
/* --------------------------*/
h1, h2 {
font:normal 3.0em "JointbyPizzaDude", Georgia, "Times New Roman", Times, serif;
color:rgb(200,95,1);
letter-spacing:0.05em;
margin:0 0 11px 0;
}

h3 {
font:normal 1.1em Arial, Helvetica, sans-serif;
color:rgb(200,95,1);
text-transform:uppercase;
letter-spacing:0.08em;
margin:0 0 22px 0;
}
h4 {
font:normal 1.7em Arial, Helvetica, sans-serif;
color:rgb(200,95,1);
letter-spacing:0.05em;
margin:0 0 3px 0;
clear:both;
}
h5 {}
h6 {}

.blue {color:rgb(20, 204, 220);}
.blue2 {
margin-top:-10px;
}
.nomarg {margin-bottom:10px;}

p {
font:normal 1.5em/1.8em Arial, Helvetica, sans-serif;
color:rgb(194, 170, 151);
padding:0 0 22px 0;
}
p.small, p.small2, p.small2a, p.small3 {
font-size:1.2em;
background-color:rgba(65, 37, 15, 0.7);!important
background-color:rgb(65, 37, 15);
padding:8px 3px 0 8px;
margin-bottom:10px;
}
p.small2 {
padding:2px 0 2px 8px;
float:left;
}
p.small2a {
padding:2px 100px 0 8px;
}
p.small3 {
padding-top:0px;
}


a {
font:normal 1.1em Arial, Helvetica, sans-serif;
color:rgb(194, 170, 151);
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.more {
position:relative;
top:4px;
}

a.orange {
font-size:1.0em;
color:rgb(200,95,1);
}


/* --------------------------*/
/* ------>>> Layout <<<------*/
/* --------------------------*/
#wrapper {
width:100%;
height:100%;
}

#header {
width:100%;
height:351px;
background:transparent url(images/navbg_top.jpg) 0 0 no-repeat;
}
#header h1 {
display:block;
width:555px;
height:168px;
text-indent:-9999px;
background:transparent url(images/spreadtv_logo.png) 5px 5px no-repeat;
}

#header ul#nav {
display:block;
width:1000px;
height:255px;
list-style:none;
margin:0;
padding:0;
position:absolute;
top:62px;
z-index:100;
}
#header ul#nav li {
float:left;
}
#header ul#nav li, #header ul#nav li a {
display:block;
text-indent:-9999px;
}

ul#nav li.page-item-10 a {
width:363px;
height:182px;
margin-top:107px;
background:transparent url(images/nav_home.png) 0 0 no-repeat;
}
ul#nav li.page-item-10 a:hover {
background-position:0 -182px;
}
ul#nav li.page-item-17 a {
width:145px;
height:183px;
margin-top:106px;
background:transparent url(images/nav_spreadtv.png) 0 0 no-repeat;
}
ul#nav li.page-item-17 a:hover {
background-position:0 -183px;
}
ul#nav li.page-item-19 a {
width:238px;
height:143px;
margin-top:146px;
background:transparent url(images/nav_about.png) 0 0 no-repeat;
}
ul#nav li.page-item-19 a:hover {
background-position:0 -143px;
}
ul#nav li.page-item-21 a {
width:181px;
height:144px;
margin-top:145px;
background:transparent url(images/nav_schedule.png) 0 0 no-repeat;
}
ul#nav li.page-item-21 a:hover {
background-position:0 -144px;
}
ul#nav li.page-item-23 a {
width:173px;
height:112px;
position:absolute;
left:810px;
top:33px;
z-index:101;
background:transparent url(images/nav_listen.png) 0 0 no-repeat;
}
ul#nav li.page-item-23 a:hover {
background-position:0 -112px;
}
ul#nav li.page-item-25 a {
width:73px;
height:144px;
margin-top:145px;
background:transparent url(images/nav_contact.png) 0 0 no-repeat;
}
ul#nav li.page-item-25 a:hover {
background-position:0 -144px;
}

div#current-page-spreadtv ul#nav li.current_page_item a {
background-position:0 -183px;
}
div#current-page-about ul#nav li.current_page_item a {
background-position:0 -143px;
}
div#current-page-schedule ul#nav li.current_page_item a {
background-position:0 -144px;
}
div#current-page-listen ul#nav li.current_page_item a {
background-position:0 -112px;
}
div#current-page-contact ul#nav li.current_page_item a {
background-position:0 -144px;
}

div#header ul#nav li.page-item-269, div#header ul#nav li.page-item-279 {
display:none;
}




#content-wrap {
width:100%;
background:rgb(51, 24, 2) url(images/content_bg.jpg) 0 0 repeat-y;
padding:20px 0;
float:left;
}
#content {
width:1000px;
}


div#main-content-nobg div#main-content {
background-image:none;
padding:43px 45px 18px 45px;
}

div#main-content-fullwidth div#main-content {
background-image:none;
padding:43px 45px 45px 45px;
width:890px;
}

div#main-content-fullwidth-bg div#main-content {
width:890px;
}

div#main-content-fullwidth-bg-audio div#main-content {
background-image:url(images/boombox.png);
background-position:460px bottom;
padding:43px 45px 75px 45px;
width:890px;
}


div#beerguy div#main-content {
background-image:url(images/beerdude.png);
background-position:15px bottom;
}
div#whiskey div#main-content {
background-image:url(images/whiskey.png);
background-position:275px bottom;
padding-bottom:160px;
}
div#beerbottles div#main-content {
background-image:url(images/beerbottles.png);
background-position:right bottom;
padding-bottom:160px;
}
div#couch div#main-content {
background-image:url(images/dirtycouch.png);
background-position:right bottom;
padding-bottom:160px;
}

#main-content {
width:490px;
min-height:400px;
padding:43px 45px 151px 45px;
margin:0 20px;
background-position:bottom left;
background-repeat:no-repeat;
background-color:rgba(64, 39, 19, 0.4);!important
background-color:rgb(64, 39, 19);
float:left;
}

div#behind-pics, div#crew-pics, div#artist-pics {
padding-top:20px;
}
div#live-pics, div#behind-pics, div#crew-pics, div#artist-pics {
clear:both;
height:100%;
}
ul.photo-gallery li, ul.video-gallery li {
float:left;
margin-right:40px;
margin-bottom:20px;
}




div#main-content ul#contacts {
list-style:none;
width:100%;
margin-top:10px;
}

div#main-content ul#contacts li {
display:block;
width:425px;
height:200px;
float:left;
background-color:rgba(64, 39, 19, 0.4);!important
background-color:rgb(64, 39, 19);
margin:0 30px 40px 0;
}
div#main-content ul#contacts li a {
position:relative;
left:210px;
top:57px;
font-size:1.5em;
color:rgb(200,95,1);
}
div#main-content ul#contacts li p {
position:relative;
left:210px;
top:57px;	
}
div#main-content ul#contacts li.floatright {
float:right;
margin:0;
}
li#casey {
background:transparent url(images/casey.jpg) 0 0 no-repeat;
}
li#chris {
background:transparent url(images/chris.jpg) 0 0 no-repeat;
}
li#jon {
background:transparent url(images/jon.jpg) 0 0 no-repeat;
}
li#johanna {
background:transparent url(images/johanna.jpg) 0 0 no-repeat;
}
div#webmaster {
clear:both;
}



div#calendar {
width:870px;
padding:10px 0 10px 10px;
margin-bottom:30px;
background-color:rgba(64, 39, 19, 0.3);!important
background-color:rgb(64, 39, 19);
float:left;
}

div#main-content div#calendar ul {
list-style:none;
display:block;
width:144px;
min-height:80px;
padding:5px 10px 10px 10px;
margin-right:10px;
float:left;
background-color:rgba(64, 39, 19, 0.6);!important
background-color:rgb(64, 39, 19);
}
div#main-content div#calendar ul.calendar-last {
float:right;
width:144px;
height:95px;
padding-bottom:0;
padding-top:0;
}
div#main-content div#calendar ul li {
font:normal 1.1em/1.8em Arial, Helvetica, sans-serif;
color:rgb(194, 170, 151);
margin:0;
}
div#main-content div#calendar ul li.large {
font-size:2.5em;
}
div#main-content div#calendar ul li.title {
color:rgb(200,95,1);
text-transform:uppercase;
letter-spacing:0.08em;
margin:0;
}
div#main-content div#calendar ul li.googlemap, div#main-content div#calendar ul li.googlemap a {
display:block;
width:164px;
height:95px;
padding:0;
}
div#main-content div#calendar ul li.googlemap a {
background-image:url(images/contact.png);
background-repeat:none;
text-decoration:none;
text-indent:-9999px;
}
div#main-content div#calendar ul li.googlemap a:hover {
background-position:0 -95px;
}







#sidebar {
width:380px;
float:left;
}
#sidebar p {
margin-top:-8px;
}
#sb_interior, #sb_interior1, #sb_interior2 {
width:290px;
padding:43px 45px 45px 45px;
background-color:rgba(65, 37, 15, 0.3);!important
background-color:rgb(65, 37, 15);
float:left;
}

#sb_interior1 ul {
list-style:none;
margin-top:-24px;
}
#sidebar #sb_interior ul ul {
margin-top:-4px;
margin-bottom:15px;
}
#phone-audio ul {
margin-top:20px;
}
#sb_interior1 ul li, #phone-audio ul li {
display:block;
}

#sb_interior1 ul li a, #phone-audio ul li a {
float:left;
display:block;
font:bold 1.2em Arial, Helvetica, sans-serif;
color:rgb(228, 202, 175);
text-decoration:none;
background:rgba(97, 79, 65, 0.5) url(images/playbutton.png) 10px 50% no-repeat;!important
background:rbg(97, 79, 65);
padding:8px 29px 7px 57px;
margin:10px 10px 0 0;
}
#sb_interior1 ul li a:hover, #phone-audio ul li a:hover {
background:rgb(97, 79, 65) url(images/playbutton.png) 10px 50% no-repeat;!important
}

#sb_interior1 ul.photos {
list-style:none;
margin-top:-15px;
}
#sb_interior1 ul.photos li {
display:block;
margin-right:10px;
float:left;
}
#sb_interior1 ul.photos li a {
display:inline;
background:none;
padding:0;
margin:0 0 10px 0;
}

#sb_interior2 ul {
list-style:none;
margin-top:-15px;
}
#sb_interior2 ul li {
display:block;
margin-right:10px;
float:left;
}



#footer {
width:100%;
height:100px;
background:rgb(131, 28, 9) url(images/footbg_top.jpg) 0 0 no-repeat;
}

#social {
height:100px;
width:145px;
float:left;
}
#social ul {
margin:39px 0 0 10px;
}
#social ul li {
margin-left:10px;
}
#social ul, #social ul li {
list-style:none;
float:left;
}
#social ul li#fbook, #social ul li#twit, #social ul li#fbook a, #social ul li#twit a {
display:block;
width:22px;
height:22px;
text-indent:-9999px;
}
#social ul li#logo, #social ul li#logo a {
display:block;
width:50px;
height:22px;
text-indent:-9999px;
}
#social ul li#fbook a {
background:transparent url(images/fbookicon.png) 0 0 no-repeat;
}
#social ul li#twit a {
background:transparent url(images/twittericon.png) 0 0 no-repeat;
}
#social ul li#logo a {
background:transparent url(images/spread.png) 0 0 no-repeat;
}
#social ul li#fbook a:hover, #social ul li#twit a:hover {
background-position:0 -22px;
}

#footer-nav {
height:100px;
width:825px;
float:left;	
}
#footer-nav ul {
margin:44px 0 0 0;
}
#footer-nav ul, #footer-nav ul li {
list-style:none;
float:left;
}
#footer-nav ul li a {
font:normal 11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
margin-left:15px;
}
#footer-nav ul li a:hover {
color:#300;	
}
#footer-nav ul#nav li a {
background-image:none;
}
#footer-nav ul#nav li.page-item-23 a {
display:inline;
position:static;
}



#cmicon {
height:100px;
width:30px;
float:left;
}
#cmicon a {
display:block;
width:30px;
height:12px;
background:transparent url(images/cmicon.png) 0 0 no-repeat;
text-indent:-9999px;
margin:45px 0 0 0;
}