/*   
Theme Name: Every Time I Die.net
Author: Ectomachine
Version: 1.0
*/

/********************************************
   XHTML ELEMENTS
********************************************/ 

* { margin: 0; padding: 0px; }
html, body { margin: 0; padding: 0px; height: 0%; background: #171b1e url(images/bodybg.jpg) repeat-x;} 

/* ----------Site Elements--------------------- */
a {cursor: pointer}
.line { border: none; border-bottom: 1px solid #3d3f43; height: 0px; margin: 0 auto; margin-bottom: 38px }
.clear { clear: both; }
a:active, a:focus{outline: 0;}
img {border: none}


/* ----------Centered Container Or the Layout--------------------- */
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;width: 960px;} 


/* ----------TAG--------------------- */
#tag { background:url("images/tag.png") no-repeat; display:block; height:271px; width:292px; position:absolute; right: 0;}
h1#tag {text-indent: -9999em}


/* --------------HEADER------------- */
#header { height: 456px; background: url(images/headerbg.jpg) no-repeat center top;  }
#header .holder {width: 960px; height: 60px; margin: 0 auto; padding-top: 396px; }


/* ----------------------------------NAVBAR------------------------------------------- */

#navbar { width: 960px; margin: 0 auto; }
ul#topnav { list-style:none; height:60px;}
ul#topnav li {display:inline;}
ul#topnav li a { height:60px; float:left; text-indent:-9999px; }

/* -----STATIC------ */
ul#topnav li#topnav-1 a { width:102px; background: url(images/nav.png) no-repeat 0 0; }
ul#topnav li#topnav-2 a { width:95px; background: url(images/nav.png) no-repeat -102px 0;}
ul#topnav li#topnav-3 a { width:134px; background: url(images/nav.png) no-repeat -197px 0;}
ul#topnav li#topnav-4 a { width:138px; background: url(images/nav.png) no-repeat -331px 0;}
ul#topnav li#topnav-5 a { width:153px; background: url(images/nav.png) no-repeat -469px 0;}
ul#topnav li#topnav-6 a { width:104px; background: url(images/nav.png) no-repeat -622px 0;}
ul#topnav li#topnav-7 a { width:108px; background: url(images/nav.png) no-repeat -726px 0;}
ul#topnav li#topnav-8 a { width:126px; background: url(images/nav.png) no-repeat -834px 0;}


/* -----HOVER------ */
ul#topnav li#topnav-1 a:hover { width:102px; background: url(images/nav.png) no-repeat 0 -60px;}
ul#topnav li#topnav-2 a:hover { width:95px; background: url(images/nav.png) no-repeat -102px -60px;}
ul#topnav li#topnav-3 a:hover { width:134px; background: url(images/nav.png) no-repeat -197px -60px;}
ul#topnav li#topnav-4 a:hover { width:138px; background: url(images/nav.png) no-repeat -331px -60px;}
ul#topnav li#topnav-5 a:hover { width:153px; background: url(images/nav.png) no-repeat -469px -60px;}
ul#topnav li#topnav-6 a:hover { width:104px; background: url(images/nav.png) no-repeat -622px -60px;}
ul#topnav li#topnav-7 a:hover { width:108px; background: url(images/nav.png) no-repeat -726px -60px;}
ul#topnav li#topnav-8 a:hover { width:126px; background: url(images/nav.png) no-repeat -834px -60px;}



/* -----ACTIVE------ */
ul#topnav li#topnav-1 a.current { width:102px; background: url(images/nav.png) no-repeat 0 -60px;}
ul#topnav li#topnav-2 a.current { width:95px; background: url(images/nav.png) no-repeat -102px -60px;}
ul#topnav li#topnav-3 a.current { width:134px; background: url(images/nav.png) no-repeat -197px -60px;}
ul#topnav li#topnav-4 a.current { width:138px; background: url(images/nav.png) no-repeat -331px -60px;}
ul#topnav li#topnav-5 a.current { width:153px; background: url(images/nav.png) no-repeat -469px -60px;}
ul#topnav li#topnav-6 a.current { width:104px; background: url(images/nav.png) no-repeat -622px -60px;}
ul#topnav li#topnav-7 a.current { width:108px; background: url(images/nav.png) no-repeat -726px -60px;}
ul#topnav li#topnav-8 a.current { width:126px; background: url(images/nav.png) no-repeat -834px -60px;}

/* ----------------------------------/NAVBAR------------------------------------------- */


/* --------------LOGOBAR------------- */
#logobar {height: 286px;}
#logobar {background: url(images/logobarbg.jpg) no-repeat center top; text-indent: -9999em; }
#logo {margin: 0 auto; width: 960px; height: 260px; background: url(images/logo.png) no-repeat center top; }
/* --------------/LOGOBAR------------- */


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#wrapper {position: absolute; background: url(images/mainbg.jpg) no-repeat center top; height: 632px; width: 100%; z-index: -1  }

#main { min-height: 100%; height: auto !important; height: 100%; z-index: 99; margin: 46px 10px; }
#main .content { padding: 0px; margin: 0px; margin-right: 368px; min-height: 400px; height: auto; }

#main h1 {color: #f0f2e9; margin-bottom: 24px; font-family: Helvetica, Arial, Sans-Serif;}
#main .content h2 {padding-bottom: 10px; }
#main p a, p b {color: #ff8064}

#main h2, .block a { color: #6cc9dd; text-transform: uppercase; font-size: 20px; margin: 0; font-family: Helvetica, Arial, Sans-Serif;}

#main .content p {color: #f7faee; font: 12px Helvetica, Arial, Sans-Serif; margin-bottom: 20px; line-height: 22px}


/* ------------------------------------------RIGHTSIDE------------------------------------------- */

#main .rightside { float:right; width: 285px; margin: 0px; padding: 0px; }

#main .rightside .box { 
background: url(images/rightboxbg.png) repeat; 
height: 200px; 
border-radius: 8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
margin-bottom: 20px;
height: 100%;
height: auto;
}

#main .rightside .box .inside {padding: 16px;}

#main .rightside h2 {color: white; font-size: 24px; text-transform: uppercase; margin-bottom: 14px; font-family: Helvetica, Arial, Sans-Serif;}
#main .rightside b {font: bold 14px Helvetica, Arial, Sans-Serif; color: #566e7e; }
#main .rightside p { font: 14px Georgia, 'Times New Roman', Serif; color: #566e7e; line-height: 0}

#main .rightside .endorse {margin: 0 auto; background: url(images/rightendorsements.png) no-repeat; width: 250px; height: 187px; margin-top: 28px }


/* ----------------------------FLICKR--------------------------- */
#main .flickr img {border:3px solid #FAFFFF; float:left; height:66px;margin-bottom:12px; margin-left:7px; margin-right:5px; width:66px;}
#main .flickr a:hover img {border-color: #6cc9dd}
#main p.button {background: url(images/buttonmore.png) no-repeat; width: 110px; height: 44px; float: right; margin: 6px 0px 16px 0px}
/* ----------------------------/FLICKR--------------------------- */


/* ----------------------------TWITTER--------------------------- */
#main .twitter { color:white; font: 14px Georgia,'Times New Roman', Serif; line-height:22px;}
#main .twitter ul { margin:0 auto; padding-bottom: 20px; width:250px; background: url(images/quote.gif) no-repeat top left;}
#main .twitter li {color:white; display:block; margin: 0px 36px;}
#main .twitter a {color: #fe8064; font-weight: bold }
#main .twitter p { background:url("images/quoteend.png") no-repeat scroll right center transparent; height:22px; margin-bottom:10px;margin-top:-30px; width:250px;}
#twitter_update_list li a { display:block; text-align:left;}
#twitter_update_list li span a {display:inline;}
/* ----------------------------/TWITTER--------------------------- */


/* ----------------------------FOLLOW--------------------------- */

.follow {
background-color: white; 
height: 68px; 
border-radius: 0px 0px 8px 8px;
-webkit-border-radius:  0px 0px 8px 8px;
-moz-border-radius:  0px 0px 8px 8px;
background-color: #1f3545; /* fallback color */
background: url(images/followbg.gif) repeat-x; /* fallback image */
background-image: -moz-linear-gradient(100% 100% 90deg, #1f3545, #466d76);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#466d76), to(#1f3545));
}

ul#follow {height:36px; margin-left: 18px; padding-top:16px; width:250px;}
ul#follow li {display:inline; height: 36px}
ul#follow li a { height:36px; float:left; text-indent:-9999px; }

/* -----STATIC------ */
ul#follow li#follow-1 a { width:131px; background: url(images/follow.png) no-repeat 0px 0; cursor: default }
ul#follow li#follow-2 a { width:43px; background: url(images/follow.png) no-repeat -131px 0; }
ul#follow li#follow-3 a { width:40px; background: url(images/follow.png) no-repeat -174px 0;}
ul#follow li#follow-4 a { width:36px; background: url(images/follow.png) no-repeat -214px 0;}

/* -----HOVER------ */
ul#follow li#follow-2 a:hover { width:43px; background: url(images/follow.png) no-repeat -131px -36px;}
ul#follow li#follow-3 a:hover { width:40px; background: url(images/follow.png) no-repeat -174px -36px;}
ul#follow li#follow-4 a:hover { width:36px; background: url(images/follow.png) no-repeat -214px -36px;}

/* ----------------------------/FOLLOW--------------------------- */


/* ----------------------------MERCH--------------------------- */
.merch {margin: 0 auto; text-align: center; background: url(images/merch.png) no-repeat; height: 163px}

ul#continents {height:68px; width:285px; margin-top: -16px}
ul#continents li {display:inline; height: 68px}
ul#continents li a { height:68px; float:left; text-indent:-9999px; }

/* -----STATIC------ */
ul#continents li#continents-1 a { width:143px; background: url(images/continents.png) no-repeat 0px 0;  }
ul#continents li#continents-2 a { width:142px; background: url(images/continents.png) no-repeat -143px 0; }


/* -----HOVER------ */
ul#continents li#continents-1 a:hover { width:143px; background: url(images/continents.png) no-repeat 0px -68px;}
ul#continents li#continents-2 a:hover { width:142px; background: url(images/continents.png) no-repeat -143px -68px;}


/* ----------------------------/MERCH--------------------------- */


/* ------------------------------------------RIGHTSIDE------------------------------------------- */




/* ------------------------------------------HOME NEWS + NEWS PAGE / DISCOGPRAHY------------------------------------------- */

#news, #disco, .videos {margin: 0px; padding: 0; height:100%; margin-bottom:30px; float: left; border-bottom: 1px solid #3d3f43; }
#news .pic, #disco .pic {width: 228px; float: left}
#news .pic img, #newsinside img, #disco .img {background-color: #1b3443; padding: 8px; border: 1px solid #335b75}
#news .pic img, #newsinside img {margin-bottom:24px;}
#news .block, #disco .block {width: 344px; float: right}
#news h3, #news em, #disco em, #disco h3 {color: #f7faee; font: bold 12px Georgia,'Times New Roman', Serif; }
#news h3, #disco h3 {margin-top: 2px;}
#news a, #disco a {text-decoration: none}

#news a.title:hover, .pager a:hover, .back a:hover 
{background: url(images/underlinebg.png) bottom repeat-x; padding-bottom: 3px;}

#news em, #disco em {color: #ff8064; font-style: normal}
#news p, #disco ul {margin-top: 20px}

ul#more {height:38px; width:99px; margin-bottom: 30px}
ul#more li {display:inline; height: 38px}
ul#more li a { height:38px; float:left; text-indent:-9999px; }
ul#more li#more-1 a { width:99px; background: url(images/buttonnewsmore.png) no-repeat 0px 0; }
ul#more li#more-1 a:hover { width:99px; background: url(images/buttonnewsmore.png) no-repeat 0px -38px; border-bottom: 0}

span#next_post_link a {width: 200px; height: 25px; display: block; background: url("images/button_older.png") no-repeat 0px 0px; text-indent: -9999px; float: right;}
span#previous_post_link a {width: 200px; height: 25px; display: block; background: url("images/button_newer.png") no-repeat 0px 0px; text-indent: -9999px; float: left;}

a.viewmore {
margin-top: -14px; 
background: url(images/iconarrows.gif) no-repeat center left; 
color: #f7faee; 
font: bold 12px Georgia,'Times New Roman', Serif; 
text-decoration: none; 
padding-left: 24px;  
}

a.viewmore, .older {float: right; }
a.viewmore:hover {text-decoration: underline}

/* -----------------NEWS INSIDE------------------- */
#newsinside {margin: 0; padding: 0; height: 100%; height: auto}
#newsinside img {float: left; margin: 0px 28px 18px 0px}
.back {margin-top: 30px; width: 300px; text-align: left}
/* -----------------NEWS INSIDE------------------- */

/* ------------------------------------------/HOME NEWS + NEWS PAGE / DISCOGPRAHY------------------------------------------- */



/* ------------------------------------------HOME VIDEOS------------------------------------------- */

#homevid { margin-top:464px; padding: 0}

#homevid .block {
height: 527px;
padding: 12px 8px 4px 8px; 
background-color: #6cc9dd; 
border: 1px solid #f0f2e9; 
text-align: center; 
-moz-border-radius:8px 8px 8px 8px; 
border-radius: 8px 8px 8px 8px;
-webkit-border-radius:  8px 8px 8px 8px;
}
#homevid div.tubepress_embedded_title {display: none;}
#homevid div.tubepress_thumb {float: left;}
#homevid a img {border: 4px solid black;}
#homevid a:hover img {border: 4px solid white; opacity: 0.8}
#homevid div.tubepress_thumbs {padding-top: 10px;}

/* ------------------------------------------/HOME VIDEOS------------------------------------------- */

/* ------------------------------------------VIDEOS------------------------------------------- */

.videos {margin-bottom: 30px; padding: 0px;}
.videos .left { float:left; font-size:14px; margin-bottom:8px; margin-left:-5px; width:428px;}
.videos .left a { font-size: 16px; }
.videos .right {float: right; width: 140px; text-align: right}
.videos .shadow { position: absolute; background: url(images/videoshadow.png) no-repeat; width: 553px; height: 230px; margin: 11px;}

#sb-loading {display: none; visibility: hidden}
#sb-player iframe {overflow: hidden;}
/* ------------------------------------------/VIDEOS------------------------------------------- */

.tubepress_container .pagination {margin-top: -14px; }
.tubepress_container .pagination {color: #fff;}
.tubepress_container .pagination span.disabled,
.tubepress_container .pagination span.current {display: none;}
.tubepress_container .pagination a {display: none;}
.tubepress_container .pagination a.next {width: 100px; height: 30px; display: block !important; float: right; background: url("images/button_next.png") no-repeat 0px 0px; text-indent: -9999px;}
.tubepress_container .pagination a.prev {width: 140px; height: 30px; display: block !important; float: left; background: url("images/button_prev.png") no-repeat 0px 0px; text-indent: -9999px;}


/* ------------------------------------------TOUR DATES------------------------------------------- */

#tour {float: left; width: 600px; border-bottom: 1px solid #43474a}

#tour .date, #tour .time, #tour .info, #tour .loca, #tour .tickets {
float: left; 
clear: right; 
width: 40px; 
margin-right: 8px; 
text-align: center;
font: 11px Helvetica, Arial, Sans-Serif;
padding: 10px 0px;
color: #f0f2e9;
}

#tour .date {width: 70px; text-align: left; color: #6cc9dd;  }
#tour .time {width: 70px;}
#tour .info {width: 214px; font-weight: bold; color: #fe8064;}
#tour .loca {width: 134px;}
#tour .tickets {width: 80px; text-align: right; margin-right: 0px;}
#tour .tickets a {font-weight: bold; text-decoration: underline; color: #f0f2e9;}
#tour .tickets a:hover {color: #6cc9dd;}
/* ------------------------------------------/TOUR DATES------------------------------------------- */


/* ------------------------------------------BIO PIC------------------------------------------- */
.biopic, .videos .img {
border: 1px solid #456176; 
padding: 10px;
margin-bottom: 16px
}

.biopic {margin-bottom: 0px;}

.biopic, img.photos, .videos .img {
background-color: #476f77; /* fallback color */
background-image: -moz-linear-gradient(100% 100% 90deg, #213647, #476f77);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#476f77), to(#213647));
}

img.photos {padding: 6px; border: 1px solid #406379; margin: 0px 12px 12px 0px; width: 66px; height: 66px;}

a:hover img.photos { border: 1px solid white; }
/* ------------------------------------------/BIO PIC------------------------------------------- */



/* ------------------------------------------DISCOGRAPHY------------------------------------------- */

#disco h2 {margin-bottom: -10px}
#disco ul {font: 12px Helvetica, Arial, Sans-Serif; margin-bottom: 30px;}
#disco ul li {list-style-type: none; color: #f0f2e9; line-height: 20px }
#disco ul b {color: #fe8064;}
#disco b.purchase {color: #6cc9dd; font-size: 12px; margin-right: 10px}
#disco ul.purchase {margin-top: -10px;}
#disco ul.purchase li {display: inline; margin-right: 8px }
#disco ul.purchase img {border: 0; margin-bottom: -10px}

/* ------------------------------------------DISCOGRAPHY------------------------------------------- */





.ngg-album-compact {float: left; width: 190px;  }

a.ngg-album-desc { font: bold 14px Helvetica,Arial,Sans-Serif; color: #FE8064; text-decoration: none }
a.ngg-album-desc:hover {text-decoration: underline }

.ngg-album-link a img {background-color:#476F77;
background-image:-moz-linear-gradient(100% 100% 90deg, #213647, #476F77);
border:1px solid #406379;
margin:0 12px 8px 0;
padding:6px;
}

.ngg-album-link a:hover img {border:1px solid white;}

.Thumb {height: 150px; width: 150px;}
/* -----------------------------------------CONTACT------------------------------------------- */
#contact {  margin-right:27px; font: 12px Helvetica, Arial, Sans-Serif; }
#contact ul, #contactlast ul {margin-top: 5px; padding: 0; margin-bottom: 30px;}
#contact ul li {list-style-type: none; line-height: 20px}
#contact strong, #contact h5 {color: #f6faec; }
#contact h5 {margin-top: 6px; font-size: 10px}
#contact a {color: #fe8064;}
/* ------------------------------------------/CONTACT------------------------------------------- */



/* ----------------------------FOOTER--------------------------- */

#crowdfoot {position: absolute; background: url(images/crowdfoot.jpg) no-repeat center bottom; height: 599px; width: 100%; z-index: -1; margin-top: 30px }

#footer, .push { clear: both; width: 100%; height: 0em; bottom: 0; left: 0; margin: 0 auto; position: relative;} 
#footer { background: url(images/footerbg.png) repeat-x; height: 169px; height: auto; top: 468px; }

#footer .content { width: 960px; margin: 0 auto; position: relative;  }
#footer .left { float: left; }
#footer .right { float: right; width: 200px}
#footer .left, #footer .right { height:102px; padding-top:68px;}

#footer p, #footer a {font: 11px Helvetica, Arial, Sans-Serif;}
#footer p {color: #566E7E; font-size: 11px; margin-top: 2px;}


/* --------------FOOTER LINKS----------------*/
#footer .left {width: 700px}

#footer .left .pagelinks ul, .credits ul { margin-left: -8px; margin-left: 2px; padding: 0px; }
#footer .left .pagelinks li, .credits li {list-style-type: none; display: inline; }
#footer .left .pagelinks li a {margin-right: 24px; text-decoration: none; text-transform: uppercase; color: #f0f2e9; padding: 2px 0px; font-weight: bold }
#footer .left .pagelinks li a:hover { border-bottom: 1px solid #6cc9dd; color: #f0f2e9 }

#footer .left ul.credits {margin-top: 8px;}
#footer .left .credits b { font: bold 10px Helvetica, Arial, Sans-Serif; color: #FE8064; }
#footer .left .credits li a { text-decoration: none; color: #6cc9dd;  border-right: 1px solid #6cc9dd; font-size: 10px; padding: 0px 8px 0px 4px }
#footer .left .credits li a.last { border: none }
#footer .left .credits li a:hover { text-decoration: underline}
/* --------------FOOTER LINKS----------------*/


/* --------------ECTOMACHINE LOGO----------------*/
.ecto {background: url(images/ectologo.gif) no-repeat top right; display:block; float:right; height:68px; width: 94px; text-indent:-9999em; margin-top: -11px }
a.ecto { text-indent: -9999em}
/* --------------/ECTOMACHINE LOGO----------------*/

/* ----------------------------FOOTER--------------------------- */