@charset "UTF-8";
/* CSS Document */

* {margin: 0px; padding: 0px}
a {outline: none}
body {font-size: 62.5%; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; background: #f9fafa}

#wrapper {width: 1053px; margin: 0 auto;}

body.home #header {height: 288px; width: 1053px; background:url(images/homeHeader.jpg) no-repeat; position: relative;}
body.home #header h1 {height: 288px; width: 500px;}

#header {background:url(images/header_inside.jpg) no-repeat; height:206px; width: 1053px; position:relative}
#header h1 {height: 206px; width: 500px}
#header h1 a {height: 100%; width: 100%; text-indent: -9999px; display: block;}


/* ----- main navigation ----- */

#nav {height: 71px; width: 1053px;}
#nav ul.navMain {height: 71px; width: 1053px;}
#nav ul.navMain li {display: block; float: left; height: 71px; list-style: none}
#nav ul.navMain li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

.navMain li.mediaPlayer {background:url(images/launchPlayer.jpg) no-repeat; width: 280px;}
.navMain li.home {background:url(images/navHome.jpg) no-repeat; width: 109px;}
.navMain li.news {background:url(images/navNews.jpg) no-repeat; width: 99px;}
.navMain li.shows {background:url(images/navShows.jpg) no-repeat; width: 116px;}
.navMain li.bio {background:url(images/navBio.jpg) no-repeat; width: 140px;}
.navMain li.media {background:url(images/navMedia.jpg) no-repeat; width: 118px;}
.navMain li.store {background:url(images/navStore.jpg) no-repeat; width: 191px;}

.navMain li.mediaPlayer a:hover {background:url(images/launchPlayer_on.jpg) no-repeat;}
.navMain li.home a:hover {background:url(images/navHome_on.jpg) no-repeat;}
.navMain li.news a:hover {background:url(images/navNews_on.jpg) no-repeat;}
.navMain li.shows a:hover {background:url(images/navShows_on.jpg) no-repeat; }
.navMain li.bio a:hover {background:url(images/navBio_on.jpg) no-repeat;}
.navMain li.media a:hover {background:url(images/navMedia_on.jpg) no-repeat;}
.navMain li.store a:hover {background:url(images/navStore_on.jpg) no-repeat; }

body.home #nav {height: 67px; width: 1053px;}
body.home #nav ul.navMain {height: 67px; width: 1053px;}
body.home #nav ul.navMain li {display: block; float: left; height: 67px; list-style: none}
body.home #nav ul.navMain li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

body.home .navMain li.mediaPlayer {background:url(images/homeLaunchPlayer.jpg) no-repeat; }
body.home .navMain li.home {background:url(images/home_navHome.jpg) no-repeat; }
body.home .navMain li.news {background:url(images/home_navNews.jpg) no-repeat;}
body.home .navMain li.shows {background:url(images/home_navShows.jpg) no-repeat; }
body.home .navMain li.bio {background:url(images/home_navBio.jpg) no-repeat;}
body.home .navMain li.media {background:url(images/home_navMedia.jpg) no-repeat; }
body.home .navMain li.store {background:url(images/home_navStore.jpg) no-repeat; }

body.home .navMain li.mediaPlayer a:hover {background:url(images/homeLaunchPlayer_on.jpg) no-repeat; }
body.home .navMain li.home a:hover {background:url(images/home_navHome_on.jpg) no-repeat; }
body.home .navMain li.news a:hover {background:url(images/home_navNews_on.jpg) no-repeat; }
body.home .navMain li.shows a:hover {background:url(images/home_navShows_on.jpg) no-repeat; }
body.home .navMain li.bio a:hover {background:url(images/home_navBio_on.jpg) no-repeat; }
body.home .navMain li.media a:hover {background:url(images/home_navMedia_on.jpg) no-repeat; }
body.home .navMain li.store a:hover {background:url(images/home_navStore_on.jpg) no-repeat; }


/* ----- content ----- */
#content {width: 928px; margin: 0 auto;}
#content .top {position: absolute; top: 0; left: 0;height: 194px }
#content .bottom {position: absolute; bottom: 0; left: 0; height: 167px; z-index: 10}
#content .content {margin: 100px 10px 0px 10px; position: relative; z-index: 100; z-index: 100}

#videos {width: 574px; height: 485px; background:url(images/videoMid.jpg) repeat-y; position: relative;float: left}
#videos .top {background:url(images/videoTop.jpg) no-repeat; width: 574px;}
#videos .bottom {background:url(images/videoBottom.jpg) no-repeat; width:574px;}

#store {background:url(images/storeMid.jpg) repeat-y; width: 354px; height: 485px; position: relative; margin: 0; float: left;}
#store .top {background:url(images/storeTop.jpg) no-repeat; width: 354px; }
#store .bottom {background:url(images/storeBottom.jpg) no-repeat; width: 354px;}

/* ----- footer ---- */

#footer {background:url(images/footerBKG.jpg) repeat-x; height: 124px; width: 100%; clear: both;}

.footerContainer {width: 900px; margin: 0 auto; font-size: 1.1em; padding: 20px 0 0 0}

.footerBox {width: 175px;}

.footerBox h3 {color:#2B3033}
.footerBox a {color:#49535C; text-decoration:none}
.footerBox a:hover {color: #778796;}

.footerBox.left {float: left;}
.footerBox.center {float: left}
.footerBox.right {float: right; width: 125px}

/* ----- sidebar ----- */

li {list-style: none}

.sidebar {width: 240px; float: right; margin: 60px 13px 0 0}
.sidebar li {list-style: none;  font-size: 1.2em; margin: 7px 0 7px 15px;color:#262D32}
.sidebar li a {color:#A2826A; text-decoration: none;}
.sidebar li a:hover {color: #B59983}

.widget_search h3 {display: none}

h3.widgettitle { height: 30px;width: 224px; margin: 15px 0; font-size: 4em}

.widget_tag_cloud div {margin: 7px 0 7px 15px; line-height: 1.6em}

/* ----- word tube plugin ----- */
#wordtube h3.widgettitle {display: none}
#wordtube {width: 515px; margin: 0 auto}

/* ----- home page blog bar ----- */

#blog {background:url(images/blogBKG.jpg) no-repeat; height: 258px; width: 928px; float: left}
#blog .content {margin: 82px 10px 10px 10px !important;}

body.home .hentry {height: 160px; width: 272px; float: left; margin: 0 0 0 25px; overflow: hidden}

body.home .entry-date {padding: 3px;width: 32px; margin: 0 7px 5px 0;float: left; text-align: center;border: 1px solid #bfbfbf; background: #ffffff; color: #a2826a; }
body.home .entry-date .day {font-size: 2.7em;margin: 3px 0 0 0}
body.home .entry-date .month {font-size: 2.7em; margin: 5px 0 0 0; font-weight:bold }
body.home .entry-date .year {font-size: 1.5em;margin: 4px 0 0 0}

body.home h2.entry-title {width: 215px; float: left; height: 22px; font-size: 2.1em;font-weight: normal; float: left; clear: none;margin: 4px 0 0 0}
body.home h2.entry-title a {color: #3f4d57; text-decoration: none;}
body.home h2.entry-title a:hover {color: #576771}

body.home .entry-meta {height: 19px; width:220px; font-size: 1.2em; color: #a2826a; float: left; clear: none; }
body.home .entry-meta a {color: #A2826A; text-decoration: none;} 
body.home .entry-meta a:hover {color: #B59983;} 

.hentry p {font-size: 1.2em; line-height: 1.3em; color: #5b7688; margin: 0 0 8px 0}
.hentry p a {color:#a2826a; text-decoration: none;}
.hentry p a:hover {color: #b59983}

/* ----- single post ------ */

.post, #post {width: 620px}

.widecolumn {float: left; width: 632px; margin: 20px 0 15px 13px; min-height: 400px}
.widecolumn .entry-title, .widecolumn .page-title {font-size: 3em; font-weight: normal; margin: 20px 0; color: #3A4E5F; clear: both; height: 40px}
.widecolumn h3.entry-title {height: 25px; margin: 10px 0 3px 0}
.widecolumn .entry-title a, .widecolumn .page-title a {color: #3A4E5F !important;text-decoration: none}
.widecolumn .entry-title a:hover, .widecolumn .page-title a:hover {text-decoration: underline}

.widecolumn p {color: #273541; font-size: 1.3em; line-height: 1.4em}

.widecolumn .entry-meta {margin: 15px 15px 40px 15px; line-height: 1.4em; font-size: 1.1em; color: #273541;border: 1px solid #CCCCCC; padding: 6px; background:#F9F9F9}
.widecolumn a {color: #A2826A !important; text-decoration: none;}
.widecolumn a:hover {color:#B59983 !important; text-decoration: underline}

.navigation {margin: 0 0 10px 0 !important; height: 20px; font-size: 1.2em}
.navigation a {color: #A2826A !important; text-decoration: none; margin: 0 0 5px 0}
.navigation a:hover {text-decoration: underline}


 
/* ----- comments ----- */

h3#comments {font-size: 2em; font-weight: normal; color: #273541; margin-top: 40px}

.commentlist li {border: 1px solid #C3C3C3; padding: 13px}
.commentlist li p {clear: both}
.commentlist .avatar {margin: 5px}

.commentlist li .comment-author { font-size: 1.2em; color: #273541}
.commentlist li .comment-author a {color: #273541; text-decoration: none;}
.commentlist li .comment-author a:hover {text-decoration: underline}

.comment-meta a {color:#A2826A; text-decoration: none}

/* ----- share buttons ----- */
.share {height: 33px; width: 121px; position: absolute; bottom: 0; right: 19px; }
.share li {height: 23px; width: 24px;display: block; float: left; margin: 5px 3px 0 0 }
.share a {display: block; height:100%; width: 100%; text-indent: -9999px}

.share li#ms {background:url(images/share_myspace.png) no-repeat;}
.share li#ms:hover {background:url(images/share_myspace_on.png) no-repeat;}
.share #ms a {background:url(images/share_myspace_front.png) no-repeat;}

.share li#fb {background:url(images/share_facebook.png) no-repeat;}
.share li#fb:hover {background:url(images/share_facebook_on.png) no-repeat;}
.share #fb a {background:url(images/share_myspacek_front.png) no-repeat;}

.share li#twitter {background:url(images/share_twitter.png) no-repeat;}
.share li#twitter:hover {background:url(images/share_twitter_on.png) no-repeat;}
.share li#twitter a {background:url(images/share_twitter_front.png) no-repeat;}

.share li#rss {background:url(images/share_rss.png) no-repeat;}
.share li#rss:hover {background:url(images/share_rss_on.png) no-repeat;} 
.share li#rss a {background:url(images/share_rss_front.png) no-repeat;}

/* ----- search widget ----- */

form#searchform {position: absolute; top: 12px; right: 35px; height: 45px}
form#searchform input {margin: 0px; padding: 0px; border: none; float: left}
form#searchform #s {background:url(images/searchBKG.png) no-repeat; height: 30px; width: 119px; border: none; margin: 0; padding: 15px 5px 0 12px; font-size: 1.5em}
form#searchform .button {background:url(images/searchSubmit.png) no-repeat; height: 45px; width: 43px; border: none; margin: 0; padding: 0}

/* ----- event list ----- */

#upcoming-events h3 {font-size: 3em; height: 40px; font-weight: normal; margin: 20px 0; color: #3A4E5F; clear: both; width: auto}
#upcoming-events li {font-size: 1.2em}

.calDate {width: 100px; float: left; clear: left; margin: 0 0 10px 0}
.calInfo {width: 200px; float: left; }
.calTime {width: 100px; float: left; }

.calnk a span {background: #7D878D !important; padding: 10px !important; color: #ffffff !important}
.calnk a span span { padding: 10px !important;}

.calnk a span div {color: #ffffff}
.calnk a span strong {color: #ffffff !important}

/* ----- bio section ----- */

.bioBox {float: left; height: 350px; display: block; text-indent: -9999px}

.bioTroy {background:url(images/bio1_on.jpg) no-repeat; width: 208px; }
.bioTroy:hover {background:url(images/bio1.jpg) no-repeat;}

.bioJesse {background:url(images/bio2_on.jpg) no-repeat; width: 222px; }
.bioJesse:hover {background:url(images/bio2.jpg) no-repeat;}

.bioMichael {background:url(images/bio3_on.jpg) no-repeat; width: 200px; }
.bioMichael:hover {background:url(images/bio3.jpg) no-repeat;}


/* ----- twitter box ----- */

.widget_twitter h3 {display: none}

.widget_twitter {width:265px; padding: 0px 0 0 0; margin: 0px 0 0 30px; font-size: 1.2em; line-height: 1.4em; }
.widget_twitter li {margin: 7px 0 10px 0; border-bottom: 1px solid #C1C1C1 ; padding: 0 0 10px 0px; color:#262D32}
.widget_twitter li a {color:#A2826A; text-decoration: none;}
.widget_twitter li a:hover {color: #B59983}