/*  
Theme Name: HFM 2010
Description: <p>What we do in life, echoes in eternity.</p>
Version: 1.0
Author: Style Structure
Author URI: http://stylestructure.com/
/*----------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding: 0px; background: #000000 url(images/hfm-bg01.jpg) center top fixed no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:hidden; padding-bottom: 20px;}
#footer {position: relative;	margin-top: -20px; 	height: 20px;	clear:both;} 
body:before {content:"";height:100%;float:left;width:0;	margin-top:-32767px;/}

span.spoiler {background: #000; color: #000;}

#news-ticker li { display:none; }

/* General
==================================== */
a:link, a:visited { color: #ffffff; text-decoration: none;} a:hover, a:active { color: #7e7e7e; } img { border: none; } p{margin: 0px; padding: 0px;}

/* Header
==================================== */
#headerwrap { width: 100%; height:48px; margin: 0px auto; background: #000000 url(images/header-bg1.jpg) center top repeat-x; display: block;}
#headerbar { width: 1000px; height:48px; margin: 0px auto; background: #000000 url(images/header-bg2.jpg) center top no-repeat; display: block;}
#logo { float:left; width: 40px; height:48px; margin: 0px auto; display:block;}
#title { float:left; color: #ffffff; font-weight: bold; font-size: 10px; width: 509px; height:17px; margin: 0px; padding-left: 5px; padding-top: 3px; display:block;}
.menubtn { float:left; font-weight: bold; font-size: 10px; height:20px  margin: 0px; padding-top: 3px; text-align: center; display:block;}
.menubtn a{ color: #ffffff; }
.menubtn a:hover{ color:#ff0000; }
.menubtn:hover{background: #7e7e7e;}
.menuline { float:left; font-weight: bold; color: #000000; width: 2px; height:17px; padding-left: 4px; padding-right: 4px; margin: 0px; padding-top: 3px; text-align: center; display:block;}

/* Content
==================================== */
#content { margin: 0px auto; width: 960px; display:block;}
#content-row1 {  float: left;margin: 0px; width: 960px; display:block; padding-bottom: 12px; }

.content-post { float: left; margin: 0px; width: 210px; padding-left: 15px; padding-right: 15px; height: 188px; padding-top: 6px; overflow:hidden; }
.content-post:hover{ background: url(http://horrorfilmmag.com/images/post_th-bg.png) center top repeat; }

.postcase { margin: 0px auto; width:200px;}
.postth { margin: 0px auto; width: 202px; height: 142px; background:#000000; padding-top: 1px;}
.postcat, .postcat a{ color:#ff0000; font-weight: bold; } 
.postcat ul {list-style-type:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.postcat li {list-style-type:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.postdesc p{ margin: 0px; padding: 0px; }
.postdesc, .postdesc a{ margin: 0px; color:#ffffff; font-weight: normal; }

#content-row2 {  float: left; margin: 0px; width: 960px; display:block; padding-top:12px; padding-bottom: 12px; }
#content-col1 { float:left; margin: 0px; width: 720px; height: 600px; display:block;}
#content-row3 {  float: left; margin: 0px; width: 720px; height: 201px; display:block; padding-top:12px; padding-bottom: 12px; }
#content-row4 {  float: left; margin: 0px; width: 720px; height: 213px; display:block; padding-top:6px; padding-bottom: 6px; }

#posters { margin: 0px auto; width: 686px; height: 345px; background: url(images/posters.png) center top no-repeat; display:block; padding-top: 6px; padding-left: 17px; }
.poster { float: left; margin: 0px; width: 200px; display:block; padding-left:12px; padding-right: 12px; }
.poster img{background:#000000; padding:2px;}

/* Sidebar
==================================== */
#content-col2 { float:left; margin: 0px auto; width: 225px; padding-left: 15px; height: 600px; display:block; overflow:hidden;}
.sidebar { margin: 6px; background: url(images/sidebar.png) center top no-repeat; width: 190px; height: 545px; display: block; padding-left: 20px; padding-top 10px;  padding-bottom:20px; overflow:hidden;}
.sidedesc, .sidedesc a{padding-top: 15px; padding-bottom: 15px; color:#999999; font-weight: bold;}
.dirdesc, .dirdesc a{margin-top: 8px; margin-bottom: 8px; color:#999999; font-weight: bold;} .dirdesc a:hover{text-decoration:underline;}
.sidelink a{ color:#ffffff; font-weight: bold;}
.sidelink a:hover{ color:#999999; font-weight: bold;}

#schedule {width:170px; height: 235px;overflow:hidden;color:#ffffff;}
#schedule li,#schedule ul{list-style-type:none;text-align:left; margin: 0px; padding: 0px;color:#ffffff;}
#schedule a:hover{text-decoration:underline;}
.widgettitle{display:none;}

#fblove {padding-top:16px;}

/* Footer
==================================== */
#footerwrap { clear:left; width: 100%; height:20px; margin: 0px auto; background: #000000 url(images/header-bg1.jpg) center top repeat-x; display: block;}
#footerbar { width: 1000px; height:20px; margin: 0px auto; background: #000000 url(images/footer-bg1.jpg) center top no-repeat; display: block;}
#footercopy { float: left; width: 760px; height:16px; margin: 0px; color:#ffffff; font-size: 10px; padding-top: 3px;}
#twitcount { float: left; width:140px; padding-left:5px; padding-right: 10px; padding-top: 3px;}
#footericons { float: left; width: 62; height:18px; margin: 0px; padding-top: 2px;}

#TwitterCounter{float:left;width:30px;text-align:right; padding-top: 3px;}#TwitterCounter a, #TwitterCounter a:visited{}

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

/* Single Post
==================================== */
.postwrapper{ display: table; padding-left:15%;padding-right:15%; margin: 0px auto; }
.singlepost { display: table-cell; margin-top: 0px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;  background: url(images/post_th-bg.png) center top repeat; text-align: left;}
.postimage {}
.posttitle a{ font-size:18px; color:#999999; font-weight: bold; }
.postcopy { color:#ffffff; } .postcopy a{ color:#999999; }
.postcopy p{line-height: 1.3em; padding-top:10px;padding-bottom:10px; font-size:12px;}
.catnav ul{list-style-type:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.catnav li {list-style-type:none; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.authorpic img{background:#000000; padding:3px;}
.postedby {height:64px;background:url(http://horrorfilmmag.com/images/postedby-bg.png) top left no-repeat;}

/* COMMENTS
------------------------------------------*/
.singlepost ul.commentlist {list-style:none; list-style-position:outside;	display:block;	margin:20px 0 0; padding-left:40px;padding-right: 40px;}
.singlepost ul.commentlist p{color:#ffffff; margin-left:30px;} .singlepost ul.commentlist a{color:#ff0000;}
.singlepost ul.commentlist ul {list-style-type:none; list-style-position:outside;}
.singlepost ul.commentlist li { padding:12px 20px;	position:relative;	border:1px dashed #252525;	margin-left:15px; margin-bottom:20px;}
.bypostauthor {background-color: #220002 !important;}
.singlepost ul.commentlist li .comment-meta, #colLeft ul.commentlist li .text  { margin-left:30px; color:#878787;}
.singlepost ul.commentlist li .comment-meta span {	font-size:11px;	color:#000000;}
.singlepost ul.commentlist li .avatar { background:#000000; padding:3px; border:3px solid #252525; position:absolute; left:-15px;	top:-7px;}
.singlepost ul.commentlist .reply { margin-left:30px; margin-top:5px;}
.singlepost ul.commentlist .reply a { font-size:11px; color:#ff0000;}
.singlepost ul.commentlist li .children li {background:#252525; margin-left:20px; margin-top:15px;}

#respond {color:#ff0000;width:550px; margin: 0px auto; padding-bottom:20px;}
#comment {float:left;}
#commentform p {margin:0;}
#commentform label {display:block;}
label#fbavatar{font-size:9px;color:#585858;}
label#steps{color:#ffffff;font-size:9px;margin-top:5px;}
label#author1{font-size:9px;color:#ff0000;margin-top:5px;}
label#email1{font-size:9px;color:#ff0000;margin-top:5px;}
label#gravaty{font-size:9px;color:#585858;margin-top:0px;}
label#url1{font-size:9px;color:#ff0000;margin-top:5px;}
#commentform input {border:none;width:116px;height:30px;margin-top:0px; background: url(images/submit.png) center top no-repeat; color:transparent;}
input#author{color:#ffffff; width:178px; height:17px; background: url(images/inputs.png) center top no-repeat;}
input#email{color:#ffffff; width:178px; height:17px; background: url(images/inputs.png) center top no-repeat;}
input#url{color:#ffffff; width:178px; height:17px; background: url(images/inputs.png) center top no-repeat;}
input#captcha_code{color:#ffffff; width:178px; height:17px; background: url(images/inputs.png) center top no-repeat;}
#commentform textarea {border:1px dashed #000; padding:10px; width:320px; height: 330px;  margin-bottom:10px; background: url(images/cmmt-form.png) center top repeat;}
#commentform textarea { color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#commentform input#submit{color:transparent;border:none;width:116px;height:30px;margin-top:10px; background: url(images/submit.png) center top no-repeat;}
#commentform input#submit{}
#captchaImgDiv {float:right;width:202px;}