@charset "UTF-8";
/*
Theme Name: Spook Mag
Theme URI: http://www.spookmag.com
Description: Custom theme for Spook Magazine.
Version: 2
Author: Satisfactual
Author URI: http://www.satisfactual.com.au
*/

/* ---------- CSS Reset ------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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 {
	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;
}
/* -------- CSS Reset End ---------- */
body {
	font-family: 'trebuchet ms', arial;
	font-size: 12px;
	color: #222;
	background: #fff url(images/body_bg.jpg) top center repeat;
}
h2 {font-size: 20px; font-weight: 300; text-transform: uppercase; padding: 0 0 2px 0; margin-bottom:10px;}
h3 {font-size: 18px; font-weight: 300; text-transform: uppercase; padding: 0 0 2px 0; margin-bottom:5px;}
a {font-weight: 700; color: #222;}
a:hover {text-decoration:none;}

h1#searchhead {font-size: 28px; font-weight: 300; text-transform: uppercase; padding: 0 0 2px 0; margin-bottom:0px;}

#wrapper {width:1006px; background: #fff url(images/bg.jpg) top center repeat-y; margin: 0 auto;}

#head {width:905px; height:43px; background:#FFF; margin-left:50px; margin-bottom:10px; padding-top:15px;}
#head img {float:left; margin-right:20px; margin-left:5px;}

#menu {width:905px; height:35px; background:#000; margin-left:50px; margin-bottom:5px;}
#searchbox {float:right;}
#searchbox p {margin-bottom:0;}

#s {width:600px;}

#menu ul#nav li {float:left;}
#menu ul#nav li a {display:block; height:35px;}
#menu ul#nav li a#issues {width:74px; background:url(images/menu_01.gif);}
#menu ul#nav li a#issues:hover {background-position:0 -35px;}
#menu ul#nav li a#pointguides {width:151px; background:url(images/menu_02.gif);}
#menu ul#nav li a#pointguides:hover {background-position:0 -35px;}
#menu ul#nav li a#aweekinsubmission {width:236px; background:url(images/menu_03.gif);}
#menu ul#nav li a#aweekinsubmission:hover {background-position:0 -35px;}
#menu ul#nav li a#voyeurs {width:105px; background:url(images/menu_04.gif);}
#menu ul#nav li a#voyeurs:hover {background-position:0 -35px;}
#menu ul#nav li a#theseed {width:106px; background:url(images/menu_05.gif);}
#menu ul#nav li a#theseed:hover {background-position:0 -35px;}
#menu ul#nav li a#subscribe {width:118px; background:url(images/menu_06.gif);}
#menu ul#nav li a#subscribe:hover {background-position:0 -35px;}
#menu ul#nav li a#contact {width:115px; background:url(images/menu_07.gif);}
#menu ul#nav li a#contact:hover {background-position:0 -35px;}

#leaderwrap {width:905px; height:90px; background:#FFF; margin-left:50px; margin-bottom:5px; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; padding:3px 0 3px 0;}
#leadertop {float:left; width:728px; height:90px;}
#leaderbottom {float:left; width:728px; height:90px;}
.leaderright {float:left; margin-left:3px; border-left:1px dotted #CCCCCC; width:170px; height:85px; background:#FFF; padding-left:3px; padding-top:5px;}
.leaderright strong {margin-bottom:5px;}
.leaderright p {font-size:10px;}

#leaderwrap form {height: 80px; margin-top:5px; }
#leaderwrap input.textfield {float: left; border: 1px solid #ccc; width: 140px; margin: 0 3px 0 0px; padding: 2px; color: #999;}
#leaderwrap input.button {float: left;}

#islandad {margin-bottom:10px;}

#content {width:595px; margin-left:50px; background:#FFF; float:left; border-right:1px dotted #CCCCCC; padding-right:5px;}

.postpreview {width:595px; margin-bottom:20px; border-top:1px dotted #CCCCCC; padding-top:20px;}
.postpreview img {float:left; width:184px; height:inherit; margin-right:10px; margin-left:5px; border:0;}
.postpreviewcon {width:396px; float:left;}
.postpreviewcon strong, {font-size:11px; color:#999;}
.postpreviewcon p {margin-bottom:10px; line-height:1.4em; text-align:left; margin-right:5px;}

.singlepost {width:590px; margin-left:5px;}
.singlepost h1 {font-size: 28px; font-weight: 300; text-transform: uppercase; padding: 0 0 2px 0; margin-bottom:5px;}
.singlepost p {line-height:1.6em; text-align:left; color:#000 !important; font-size:13px; margin-bottom:10px;}
.singledate {margin-bottom:5px; color:#999;}
img.alignright {float: right; padding: 10px 0 10px 10px;}
img.alignleft {float: left; padding: 10px 16px 10px 0;}

.singlepage {width:590px; margin-left:5px;}
.singlepage h1 {font-size: 28px; font-weight: 300; text-transform: uppercase; padding: 0 0 2px 0; margin-bottom:0px;}
.singlepage p {line-height:1.6em; text-align:left; color:#000 !important; font-size:13px; margin-bottom:10px;}

/* Comments */
#comments {clear: both; margin-top: 20px; margin-left:10px;}
#comments .input {margin-bottom: 10px; padding: 2px; border: 1px solid #ccc;}
.commentlist li {background: #fff url(images/hori_dots.gif) bottom left repeat-x; padding-bottom: 20px; margin: 15px 0;}
.commentlist p {padding: 6px 30px;}
.navigation .alignleft {float: left;}
.navigation .alignright {float: right;}

#side {margin-left:5px; width:300px; background:#FFF; float:left;}

#side form {height: 35px; margin-top:5px; }
#side input.textfield {float: left; border: 1px solid #ccc; width: 270px; margin: 0 3px 0 0px; padding: 2px; color: #999;}
#side input.button {float: left;}

.sidebox {width:300px; margin-bottom:12px;}
.sidebox img {width:130px; float:left;}
.sideboxcontent {width:165px; margin-left:5px; float:left; background:#FFF;}
#issuebox {font-size:11px;}
#subscribebox {font-size:11px;}
#subscribebox p {margin-top:5px;}
.sideboxcontent strong {font-size:12px;}
.sideboxcontent li {border-bottom:1px solid #CCC; padding:3px 0 3px 0;}

/* ------ Contact ------ */
.wpcf7 {margin: 40px 0 0 120px;}
.wpcf7 p {display: block; margin-top: 15px; text-transform: uppercase;}
.wpcf7 p.input input {width: 200px; border: 1px solid #ddd; padding: 2px;}
.wpcf7 textarea {width: 360px; height: 140px; border: 1px solid #ddd; padding: 2px;}
.wpcf7 p.input input:focus, .wpcf7 textarea:focus {border: 1px solid #bbb;}
.wpcf7-not-valid-tip-no-ajax {display: block; color: red;}
.wpcf7-validation-errors {color: red;}