/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212   h1, h2, h3, h4, h5, h6,  */

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup   height:1000px*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {border:none;}

/*  */

body {color:#e1e1e1; font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; font-size: 13px; line-height:16px; 
    background:#000000 url('images/back3.jpg') no-repeat top center; background-attachment: fixed;  }

	
/* splash */

#splash{display:none;}
#splash_page{text-align:center; width:377px; height:457px; font-size:13px; padding:40px 0 0 0; background:#000000;}
#splash_page img{margin:10px 0;}
#splash_page h1{margin:13px 0; font-size:18px; line-height:26px; letter-spacing:-.5px; font-weight:bold;}
#splash_page .btn{margin:13px 0; font-size:30px; color:#ffffff; width:197px; height:61px; line-height:1.1em;}
#splash_page p{margin:13px 60px;}
#splash_page h1.spoiler{font-weight:normal; font-size:26px; line-height:30px;}

	
/* header */

#header{ height: 78px; clear:both; background:#000000; border-bottom:1px solid #252525;}

#logo{position:relative; }
#logo h1 {float:left; margin:0;}
#logo h1 a{display:block; width: 170px; height:50px; margin:15px 0 0 -10px; text-indent:-1000px; overflow:hidden; background: url('images/trueblood_logo.gif') no-repeat 50% 50%;}

#logo p {float:left; display:block; font-weight:bold; font-size:13px; line-height:18px; margin:17px 0 0 6px;}
/*#logo p{float: left; display: block; font-weight: bold; font-size: 16px; line-height: 1.1em; margin:32px 0 0 2px;}*/

#follow{position:absolute; top:35px; left:167px;}
.ie6_fixes #follow{left:-160px;}

#countdown {text-align:right; padding:20px 0 0 0;}
#countdown a {text-decoration:none; color:#ffffff; font-size:1.8em; line-height:20px; font-weight:bold; letter-spacing:-1.1px; margin-right:197px; display:block;}
#countdown a:hover {text-decoration:none; color:#cc2328;}
#countdown #at {font-size:.7em; position:relative; top:-4px;}
#countdown_label{display:block; color:#cc2328; font-weight:bold; line-height:18px; margin-right:197px;}
#nowplaying{color:#cc2328; font-weight:bold; font-size:33px; letter-spacing:-2px; margin-top:7px;}

#countdown #clock {float:right; margin:0;}
.timeunit {text-align:center; font-size:30px; line-height:25px; display:block; float:left; color:#cc2328; font-weight:bold;}
.timeunit span{display:block; font-size:9px; color:#ffffff; width:45px; margin:-3px 0 0 0;}
.timeunit_div {display:block; float:left; width:4px; height:26px; text-indent:-1000px; overflow:hidden; background: url('images/colon.gif') no-repeat 50% 50%; }

#subhead { height:56px; }
#msg {float:right; text-align:right; margin-right:3px;}
#msg h2{color:#cc2328; font-weight:bold; line-height:18px; margin:12px 0 0 0;}
#msg p {margin:0;}
#social {line-height:1.5em; font-size:1.5em; float:left; margin-top:15px;}
#social img {vertical-align:text-bottom; }
#subhead #divider {float:left; width:1px; height:21px; background: url('images/dots.gif'); margin: 18px 18px 0 18px; }
#social a{padding:4px 2px 3px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#social a:hover {background:#ffffff; background: rgb(255, 255, 255); background: rgba(255,255,255,.7);}
#fb_like  {float:left; padding:2px; margin:15px 0 0 0; height:23px; width:412px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,.6);}/* background: url('images/fb_like_shadow.png') no-repeat 300px 8px; }*/
.ie_fixes #fb_like {background: url('images/sixtyPercentBlack.png') repeat; }
.ie6_fixes #fb_like {background-image: none; background-color:#0a0005; overflow:hidden; }


/* @anywhere */

#loadingAnywhere{text-align:center; margin:40px 0 -40px 0; font-size:18px; line-height:1.3em;}

#login-logout {margin: 50px 0 0 70px;}
#current_user {margin: 26px 0 0 26px;}
#profile_image {float:left; display:block; width:73px; height:73px; border-top-left-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px;}
#current_user #username {float:left; margin:20px 0 0 10px;}
#current_user #username span {font-size:22px; font-weight:bold}
#current_user #username a {text-decoration:none; line-height:20px;}

#tweetBoxHolder{height:99px; position:relative;}
#tbox{margin:5px 10px -20px 10px; height:127px; width:610px;}
#tweetBoxHolder {height:123px; margin:0 0 10px 0; border:1px solid #252525; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(20,0,5,.7);}
.ie_fixes #tweetBoxHolder {background: url('images/sixtyPercentBlack.png'); }
.ie6_fixes #tweetBoxHolder {background-image: none; background-color:#0a0005; }

#currentUserImageHolder { width:300px; height:90px; }
#tboxHolder{position:absolute; right:0px; top:0px;}
.ie6_fixes #tboxHolder {left:322px;}


/* shorten url */

#shorten{position:absolute; top:88px; left:0px; width:793px; }
#shortenform{float:right; width:460px;}
#shortenform #url_text {color:#b3b3b3; width:250px; height:17px; background:#555555 url("images/inner_shadow.png" ) repeat-x; border:1px solid #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#bitlysubmit{height:21px; width:94px; line-height:1.2em; font-size:12px; font-weight:normal; }
.moz_fixes #bitlysubmit {position:relative; top:1px;}
.ie7_fixes #bitlysubmit {line-height:1.3em; }

/* main content */

.hblock1{background: url('images/hblock_left.png') no-repeat; }
.hblock2{background: url('images/hblock_right.png') no-repeat 100% 0;}

.hblock3{background: url('images/hblock_center.gif') repeat-x; margin:0 8px; height:69px;}
.hblock3 h2 {line-height:60px; margin:5px 0 0 10px; letter-spacing:-.8px; font-size:24px; float:left;}
.hblock3 h2 span {color:#cc2328; font-size:.8em;}

.hblock_sub{height:47px; border-bottom: 1px solid #252525; padding:10px; position:relative;}

.block_body_holder{overflow:hidden; clear:both; }
.block_body{ margin:-10px 0 10px 0; padding:10px 0px 0px 0px; border:1px solid #252525; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(20,0,5,.7);}
.ie_fixes .block_body {background: url('images/sixtyPercentBlack.png'); }
.ie6_fixes .block_body {background-image: none; background-color:#0a0005; }

/*.block_body ul{margin:0px 10px 10px 10px}*/

#sideCol{width:307px; float:left;}
#sideCol #host {height:100px;}
#sideCol {height:100px;}

#hostresults_holder {height:368px; overflow:hidden;}
#hostresults{overflow:hidden;}
#hostresults li {padding:11px 0 10px 0; border-bottom:1px dotted #626262; margin:0 10px 0 10px; }
#hostresults li.loading{height: 300px}
#hostresults li .info {font-size:10px; color:#646464; margin:4px 0 0 0; }
/*#hostresults li .info p {margin-right:0px; position:relative;}*/
#hostresults li .info p {margin-right:0px; float:left; }
#hostresults li .info a {color:#646464; text-decoration:none; font-style:italic;}
#hostresults li .info a:hover {text-decoration:underline; }
/*#hostresults li .reply{display:block; position:absolute; right:0px; top:0px;}*/
#hostresults li .reply{float:right; }

#host_name a{color:#cc2328}
#hostPic{float:left; margin:0 8px 0 0;}
#host_detail p{margin-top:8px; padding-left:65px;}
#embed_btn{float:right; margin:21px 9px 0 0; cursor:pointer;}


/* visualizer */

#visualizer_holder{padding:10px 0 0 0; overflow:hidden; height:390px;}
#visualizer_cta{float:right; color:#cc2328; font-weight:bold; text-align:right; margin:24px 15px 0 0; font-size:12px; line-height:13px;}
#mainCol {float:right; width:628px;}


/* html visualizer */

#vis{margin:11px 10px; text-align:center;}
.trend{text-decoration:none; margin:1px 10px; line-height:30px; font-weight:bold; letter-spacing:-.05em; }
.ie7_fixes #vis{margin:25px 10px; }
.ie7_fixes .trend{line-height:33px; }


/* search */

#searchform{position:absolute; right:11px;}
#searchform label {margin: 0 10px 0 0;}
#search_text{font-size:14px; height:20px; width:150px; margin-right:8px; color:#b3b3b3; background:#555555 url("images/inner_shadow.png" ) repeat-x; border:1px solid #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#searchsubmit{margin:8px 0 0 0; }
#auto_refresh {float:right; margin:20px 4px 0 0}
#search_status {float:left; display:block; color: #d11900; font-size:13px; margin:6px 0 -30px 5px; padding:0; width:190px; height:50px; overflow:hidden;}
#search_status em {font-weight:bold; font-size:19px; line-height:25px;}
#search_status img {margin:4px 0 0 4px;}
#search_label a {cursor:pointer; text-decoration:underline;}
#reset_btn {height:24px; width:90px; margin:2px 10px 0 0; font-weight:bold; position:relative; top:1px;}


/* shared button style */

.btn {font-size: 14px; padding: 0 1px 0 0; text-align:center;
  font-family: "lucida grande", helvetica, tahoma, arial; background:#bf1a1e url("images/button_bg.gif" ) repeat-x; 
width:80px; height:30px; line-height:18px; border:none; color:#000; font-weight:bold; text-shadow: 0 1px 0 #d92c32; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;} 


/*  dropdown  */

.ie7_fixes #feed_dropdown {position:relative; top:-14px; left:18px; z-index:950; }
.ui-combobox {list-style:none;padding:0px;margin:22px 0 0 20px; font-size:15px; font-weight:bold; float:left; z-index:900; }
.ui-combobox li {margin:0px; width:220px; padding:12px 0 12px 10px; position:relative; cursor:pointer; background:#ffffff; color:#000000;  }
.ui-combobox  > li {padding:0; width:238px; }
.ui-combobox .ui-combobox-toggleText {padding:5px 5px 5px 10px; border:1px solid #4c4c4c; margin:0; z-index:901; overflow:hidden; display:block; position:absolute; background:#ffffff url("images/dd_bg.gif" ) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.ui-combobox .ui-combobox-toggleText:hover {background:#000000; color:#ffffff;}
.ui-combobox li a{padding: 0px;margin:0px;display: block;text-decoration: none; width:90%; }
.ui-combobox li .ui-icon {padding:0px;margin:0px;position:absolute; top:-1px; right:-1px; }
.ui-combobox li.ui-state-highlight {color:#cc2328;}
.ui-combobox li.ui-state-hover {color:#FFFFFF; background:#000000;}
.ui-combobox-list { position:absolute; list-style-type:none; left:-7px; margin:-18px 0 0 0px; background:#cc2328;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:40px 7px 7px 7px; display:none;float:left;overflow:auto; }

#dd_b1{background:#bf1a1e url("images/dd_bg2.gif" ) repeat-x; float:right; }
#dd_b2{background:#bf1a1e url("images/arrow_down.gif" ) no-repeat 50% 50%; width:20px; }

span.ui-icon{text-align:center; background:#bf1a1e url("images/dd_bg2.gif" ) repeat-x; float:right; display:block; width:26px; height:26px; margin:-6px -6px -8px 0; border:1px solid #4c4c4c;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
span.ui-icon img{margin: 11px 0;}
/*span.ui-icon  span{background:# url("images/arrow_down.gif" ) no-repeat 45% 50%; display:block; width:26px; height:26px; }*/


/* results */

#results_holder {height:839px; overflow:hidden;}
#results {}
#results li {padding:15px 5px 14px 5px; margin:0 10px; border-bottom:1px dotted #626262; left:10px; }
.ie7_fixes #results li {padding:14px 5px 13px 5px;}
#results li .msg{
	margin-left: 58px;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 2px;
}
#results li.loading{ height:700px; display:block;}
#results li .info {font-size:11px; color:#646464; margin:5px 0 0 58px; }
#results li .info p {margin-right:100px; float:left; }
#results li .info a {color:#646464; text-decoration:none; font-style:italic;}
#results li .info a:hover {text-decoration:underline;}
#results li .reply{float:right; }
.from_user{font-weight:bold; }

.favStar{width:19px; height:17px; background:url("images/favStar.png" ); float:right; cursor:pointer; margin-left:5px;}
.over{background-position:0 -17px;}
.fav{background-position:0 -34px;}

.reply a{color:#921500 !important; cursor:pointer;}
.reply a:hover{color: #cf1d00 !important;}
.searched, .searched a {color:#029ADB; font-weight:bold}


/* featured content */

/*
#blood_copy_link {float:right; margin:28px 18px 0 0; font-size:15px; font-weight:bold}
#blood_copy_link a {text-decoration:none;}
*/

.thumb {display:block; float:left; width:186px; height:104px; margin: 0 0px 24px 0; border:1px solid #252525; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; }

#featured_main { width:600px; float:left; margin-top:3px }

#featured_main .feature:last-child {border:none; }
#featured_main .feature {margin:25px 0 0px 30px; border-bottom:1px dotted #626262; position:relative;}
#featured_main .body {margin:4px 0 55px 203px;}
#featured_main h3 {line-height:1.1em; font-size:15px; margin:0 0 5px 203px;}
#featured_main h3 a, #featured_side h3 a  {color:#ffffff; text-decoration:none;}
#featured_main h3 a:hover,#featured_side h3 a:hover  {color:#cf1d00; text-decoration:underline; text-shadow:none}
#featured_main .sharelinks {position:absolute; bottom:22px; left:203px; }

.ie_fixes #featured_main {margin-bottom:30px;}
.ie_fixes #featured_main .feature {position:static; }
.ie_fixes #featured_main .body {margin:4px 0 10px 203px; }
.ie_fixes #featured_main .sharelinks {position:static; margin:7px 0 19px 203px; }
.ie_fixes .thumb {margin: 0 0 -26px 0;}
.ie7_fixes .thumb {margin: 0 0 -35px 0;}
.ie6_fixes #featured_main { width:570px;}


#featured_side { width:295px; float:right; margin:17px 30px 30px 0px; border-left:1px dotted #626262; }
#featured_side .feature { margin:34px 0 0px 25px; border-bottom:1px dotted #626262; }
#featured_side .feature:last-child {border:none;}
#featured_side .feature:first-child {margin:27px 0 0px 25px; }
#featured_side .sharelinks {margin:15px 0 20px 0;}
#featured_side  h3 {font-size:15px; line-height:1.2em; margin:-17px 0 5px 0;}
.sharelinks a {margin-right:10px; font-size:11px; text-decoration:none; cursor:pointer;}	
.sharelinks a img{vertical-align:baseline; position:relative; top:3px; margin-right:3px;}

.ie7_fixes #featured_side {margin-top:17px;}
.ie7_fixes #featured_side .feature { margin:15px 0 5px 25px;}
.ie7_fixes #featured_side h3 {margin-top:20px;}

/* footer */

#footer {position:absolute; font-size:11px; color:#555555; line-height:23px; margin:15px 0 30px 0; height:46px; }
#footer span{position:absolute; right:0px; top:0px; width:205px; height:19px; text-indent:-9000px; overflow:hidden; background:url("images/footer_tunein2.png" ) no-repeat}




/* shared */

/*
#tooltip { position: absolute; z-index: 3000; border: 3px solid #cdcdcd; background-color: #ffffff; color:#000; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; }
*/

.mainWidth {width:955px; margin:0 auto; }

em {font-style:normal; color: #cc2328;}
.hidden{display:none !important; visibility:hidden !important; width:1px; height:1px; overflow:hidden;}

a.thumb:hover { border:1px solid #921500; }
a {color: #921500; cursor:pointer; text-decoration:none;}
a:hover {color: #cf1d00; text-shadow: #ff0000 0px 0px 2px; text-decoration:underline;}

.clearboth {clear:both; line-height:0px; height:0px;}

a.avatar{width:48px; height:48px; display:block; float:left; margin:3px 10px 0 0; text-indent:-1000px; overflow:hidden; border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; background-size:100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%}

#debug {position:fixed; left:2400px; top:20px;}
.smaller{font-size:.9em;}

.ipad #login-logout {margin: 50px 0 0 0px; text-align:center;}
.ipad #mosttalkedabout {display:none;}