/*
Theme Name: Haunted House
Description: Just in time for Halloween and enjoy year round for the extra ghoulish. This dark theme could work for horror, gothic or other websites of the macabre. Happy Halloween! If you need help, please use halloweenlove.com/forum/feedback.
Author: Halloween Blog
Author URI: http://halloweenlove.com/
Version: 1.0.7
Tags: black, gray, orange, white, dark, two-columns, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready, holiday, seasonal
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

Haunted House WordPress Theme © 2012-2016 Halloween Love Network
Haunted House is distributed under the terms of the GNU GPL
*/

@import url(https://fonts.googleapis.com/css?family=Griffy);

@font-face {
    font-family: stencil;
    src: url(FUTRST.TTF);
}

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

body{font-family:veranda, sans-serif;color:#fff;margin:3% 0 4%;background:url(images/AG-bkg.jpg) no-repeat fixed bottom left #000}
p{margin:10px 0}
#content, .widget-container{font-size:87.5%}
a, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#ff0000;text-decoration:none}
a:hover{text-decoration:underline}
h1, h2, h3, h4, h5, h6{font-family:'stencil',Futura, sans-serif;text-transform: uppercase;font-weight:normal;margin-top:20px;margin-bottom:5px;clear:both}
h1{font-size:200%}
h2{font-size:175%}
h3{font-size:150%}
h4{font-size:125%}
h5{font-size:115%}
h6{font-size:105%}
strong, dt{font-weight:bold}
em, address, cite, var{font-style:italic}
code{font-family:'courier new',courier,serif;color:#ff0000}
pre{overflow-x:auto;white-space:pre-wrap}
hr{height:1px;color:#ff0000;border:0 none;margin:30px 0;background-color:#ff0000}
.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol{font-family:veranda,sans-serif;margin-left:20px !important}
.entry-content li:before, .comment-content li:before{content:"- "}
ol li:before{content:"" !important}
#container ol, .comment-content ol{list-style:decimal inside}
blockquote{font-family:'stencil',Futura, sans-serif;text-transform: uppercase;font-size:16px;color:#ff0000;padding:0 10px 0 10px;border:4px double #ff0000;margin:10px 2%;background:#000}
input, textarea{font-family:veranda,sans-serif;font-size:70%;color:#ff0000;padding:5px;border:1px solid #ff0000;background:#000}
#container input, #container textarea{font-size:90%;border:1px solid #ff0000}
input[type="submit"], input[type="reset"]{cursor:pointer}
#content input[type="submit"], #content input[type="reset"], #container #searchsubmit, .button{font-family:'stencil',Futura, sans-serif;text-transform: uppercase;font-size:100% !important;color:#000;padding:4px 5px;border:1px dashed #000;border-radius:3px;background:#ff0000;opacity:0.9}
#content input[type="submit"]:hover, #content input[type="reset"]:hover, #container #searchsubmit:hover, .button:hover{opacity:1}
.clear{clear:both}
a img, input[type="image"]{border:0 none}
img, video{max-width:100% !important;height:auto}
#content img, #content figure{max-width:640px !important;height:auto}
#sidebar img, #sidebar figure{max-width:300px !important;height:auto}

#wrapper{min-width:320px;max-width:1000px;margin:0 auto}
header{padding-bottom:20px;clear:both}
#branding{margin-bottom:10px;float:left}
#container{padding-bottom:20px;background:#222;box-shadow:0 0 10px #000;opacity:0.8}
#content{width:64%;padding:0 2%;float:left}
#sidebar{width:30%;margin-right:2%;float:right}
footer{clear:both}

nav{position:relative;margin-top:10px;background-color:#ff0000;clear:both}
nav ul.menu{padding-left:4px}
nav ul, nav ul li{display:inline}
nav ul li a{display:inline-block;font-family:'stencil',Futura, sans-serif;text-transform: uppercase;font-size:16px;color:#000;line-height:37px;text-decoration:none;padding:0 15px;border-right:1px dashed #000}
nav ul.menu li a{margin-left:-4px}
nav ul li a:hover{color:#fff;text-decoration:none;box-shadow:0 0 35px #ff0000 inset;background:#000}
nav .current-menu-item a, nav .current_page_item a{color:#444;text-shadow:none}
nav .current-menu-item .sub-menu a, nav .current_page_item .children a{color:#fff;text-shadow:1px 1px 1px #000}
nav li .sub-menu{margin-left:-4px}
nav ul li{position:relative}
nav li ul{display:none;position:absolute;top:30px;left:0}
nav li ul a{background:#666}
nav ul ul li:hover ul, nav ul ul ul li:hover ul{left:0;margin:-33px 0 11px 179px}
nav ul li:hover ul{display:inline-block}
nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul{display:none}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul{display:block;z-index:2147483647}
nav ul li:hover ul li a, nav ul ul li:hover ul li a, nav ul ul ul li:hover ul li a{font-size:13px;line-height:30px;width:150px;padding:0 14px;border:1px solid #444;margin:-1px 0 0;opacity:0.9}
nav ul li:hover ul li a{}
nav ul ul li:hover ul li a{}
nav ul ul ul li:hover ul li a{}
nav ul li:hover ul li a:hover, nav ul ul li:hover ul li a:hover, nav ul ul ul li:hover ul li a:hover{background:#555;opacity:1;box-shadow:none}

header a{outline:none}
#content, #sidebar{color:#fff;line-height:125%}
.entry-content{text-align:justify}
.entry-meta, .entry-footer, .comment-meta, #copyright{font-size:90%}
#site-title a, #site-title h1 a, #site-title h1{font-family:'stencil',Futura, sans-serif;text-transform: uppercase;font-size:40px;font-weight:bold;color:#ff0000;text-shadow:0 1px 0 #000;padding:0;margin:0}
#site-title a:hover, #site-title h1 a:hover{text-decoration:none}
#site-description{font-size:112.50%;color:#666}
.entry-meta, .entry-footer, .comment-meta, #form-allowed-tags code{color:#aaa}
#sidebar ul{display:inline;padding:0;margin:0}
#sidebar .widget-container ul{display:block;margin-left:10px}
.widget-title{font-size:125%;padding-bottom:1px;border-bottom:1px solid #666;margin-bottom:5px}
#respond h3{clear:left}
#copyright{color:#ff0000;text-align:center;text-shadow:0 1px 0 #000;padding:2%}

nav #searchform{margin:7px 7px 0 0;float:right}
#sidebar #searchform{padding:20px 0}
#wrapper #s{width:150px;height:16px;border-right:0;float:right}
#wrapper nav #s{width:200px;height:13px;border:none;border-radius:5px;box-shadow:1px 1px 1px #000 inset;background:#111}
#s:focus{background:#222}
#wrapper nav #s:focus{color:#ff0000;background:#222}
#searchsubmit{width:60px;height:28px;font-weight:bold;color:#000;float:right}
nav #searchsubmit{display:none}
#container #searchsubmit{padding:0;border-radius:0 3px 3px 0}
.error404 #content #searchform, .search #content #searchform{margin-top:55px;float:left}

.post{padding-bottom:20px;border-bottom:1px dashed #666;margin-bottom:20px}
.entry-title{margin-bottom:10px}
.single .entry-title{text-align:left;line-height:30px;margin-top:12px;margin-bottom:10px}
.entry-title a{font-size:22px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}
.attachment .nav-previous{float:left}
.attachment .nav-next{float:right}
.comments ul{padding:0;margin:0}
.comment, .trackback, .pingback{padding:10px;margin:10px 0 10px 0}
.odd{background:#000}
#form-allowed-tags code{font-size:12px}
#respond input, #respond textarea{margin:5px 0;overflow:auto}
#respond input{width:40%}
#respond input:focus, #respond textarea:focus{background:#111}
#respond #author, #respond #email{margin-left:10px}
#respond #url{margin-left:6px}
#respond textarea{width:98.125%;height:100px}
#respond #submit{width:auto}
.avatar{width:32px;height:32px;margin:0 5px 5px 0;float:left}

.sticky{padding:0.01px 15px 15px 15px;margin-top:20px;background:#000}
.bypostauthor{padding:4px;background:#000}
.wp-caption{margin:20px 0}
.wp-caption-text{}
.alignleft, .aligncenter, .alignright{text-align:center}
.gallery-caption{border:#ccc 1px solid}
.alignleft{margin:15px 15px 15px 0;float:left}
.alignright{margin:15px 0 15px 15px;float:right}
.aligncenter{display:block;margin:15px auto;clear:both}
.size-thumbnail{margin:5px}
.gallery img{border:2px solid #ff0000 !important}
#wp-calendar{width:100%}
#wp-calendar td{text-align:center}
#wp-calendar #prev{text-align:left}
#wp-calendar #next{text-align:right}
.entry-footer{margin-top:10px}
.page-link, .entry-footer, .edit-link{clear:both}

#nav-above, #comment-notes, .form-allowed-tags{display:none}
.attachment #nav-above{display:block}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}