/**
 * Theme Name: haunted
 * Theme URI: http://rosecitygardens.com/wordpress-themes/free-wordpress-theme-haunted/
 * Author: Liane Blanco
 * Author URI: http://rosecitygardens.com/
 * Description: Haunted is a two column seasonal theme written in HTML5/CSS3. The background shows a dark, forbidding mansion looming under a full moon, with accents of blood red. Perfect for Halloween or for anyone who wants a dark, gothic feel to their website.
 * Version: 1.06    
 * License: GNU General Public License
 * License URI: https://www.gnu.org/licenses/gpl.html
 * Tags: black, dark, two-columns, fixed-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
 * Text Domain: haunted
 * 
 * Haunted WordPress Theme copyright 2014 RoseCityGardens
 * Haunted is distributed under the terms of the GNU GPL
 */
/* ===[ Remove default margins and padding and set default font and color ]===
   ================================================== */
* {
    margin:0;
    padding:0;
    font-family:'Lucida Sans Unicode',Arial,Verdana,Helvetica,Geneva,sans-serif
}

/* ===[ Basic layout ]===
   ================================================== */
body {
    text-align:center;
    font-size:62.5%;
    background:#000 url(/wp-content/themes/haunted/images/hh.jpg) no-repeat 50% 50% fixed;
    background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    text-align:center
}

#header {
    width: 100%;    
    max-width:700px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    margin-top:400px;
    clear:both;
    text-align:left
}

#wrapper {
    width: 100%;
    max-width:700px;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left
}

#content {
    width: 100%;
    max-width:480px;
    float:left;
    text-align:center
}

article.post,article.page,article.attachment {
    background:#fff;
    opacity:.4;
    border:2px solid;
    border-radius:25px;
    margin-bottom:25px;
    clear: both;
}

.article-layer {
    color:#000!important;
    text-align:left;
    background:transparent;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    text-align:left;
    clear: both;
}

article.attachment .article-layer {
    text-align:center
}

#sidebar {
    float:right;
    width: 100%;
    max-width:190px;
    padding-right:10px;
    padding-left:10px;
    text-align:left;
    color:#ccc
}

#footer {
    width: 100%;
    max-width:700px;
    margin-right:auto;
    margin-left:auto;
    height:50px;
    margin-bottom:30px;
    padding-top:30px
}

/* ===[ Header ]===
   ================================================== */
#branding {
    float:left;
    padding-top:35px;
    padding-left:25px;
    width:100%
}

#site-title h1,#site-title a {
    font:500 40px Verdana,Arial,'Lucida Grand',sans-serif;
    text-decoration:none;
    padding:0;
    margin:0
}

#site-description {
    font:500 15px Arial,'Courier New',Courier,Garamond,serif;
    margin-top:20px;
    margin-bottom:20px;
    color:#ccc
}

/* end header   */
/* ===[ Post Formatting ]===
   ================================================== */
.post {
    width:450px;
    float:left;
    text-align:left;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #ccc
}

/* headings   */
h1,h2,h3,h4,h5,h6 {
    font-family:Verdana,'Lucida Grand',Arial,sans-serif;
    line-height:150%
}

.entry-title,h1 {
    margin:0;
    padding:0
}

.entry-title a {
    text-decoration:none
}

.entry-title {
    padding-top:5px
}

h1,h2,h3,h4,h5,h6 {
    font-weight:500
}

h1 a:link,h1 a:visited,.entry-title a:link,.entry-title a:visited,.entry-title {
    color:#c00!important
}

/* paragraphs   */
.entry-content p {
    margin-bottom:10px;
    line-height:150%
}

/* miscellaneous   */
.clear {
    width:100%;
    clear:both
}

hr {
    margin-top:5px;
    margin-bottom:5px
}

/* fieldsets and forms   */
fieldset label {
    padding-bottom:15px;
    padding-bottom:5px;
    clear:both;
    line-height:150%;
    text-align:left
}

fieldset form {
    text-align:left
}

fieldset {
    text-align:left;
    padding:10px;
    border:1px dotted #ccc
}

legend {
    padding:0 4px
}

p label,label {
    display:block;
    clear:both;
    margin-bottom:0;
    padding:0
}

pre {
    width:465px;
    overflow:scroll;
    margin-bottom:10px
}

input,textarea {
    margin-bottom:10px;
    padding-top:0;
    background-color:transparent;
    border:1px solid #ccc;
    text-align:left;
    max-width:97.5%
}

pre {
    width:80%;
    display:block
}

select {
    margin-bottom:10px;
    text-align:left;
    background:#000;
    color:#ccc
}

input.file {
    background:transparent;
    border:none;
    text-align:left
}

fieldset p,p input {
    text-align:left
}

.button,input#submit {
    padding:4px
}

/* tables   */
table,th,td {
    border:1px solid #ccc;
    border-collapse:collapse
}

th {
    font-weight:600
}

th,td {
    padding:5px
}

/* blockquotes   */
blockquote {
    display:block;
    width:auto;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:15px;
    padding:10px;
    border:1px solid #ccc
}

/* sidebar formatting   */
#sidebar {
    padding-top:20px
}

#sidebar ul li {
    width:175px;
    line-height:150%;
    padding:0;
    margin-bottom:20px;
    display:block
}

#sidebar ul li ul li,#sidebar ul li ul li ul li {
    border:none;
    padding:0;
    padding-left:10px;
    border-top:none;
    margin-bottom:0
}

#sidebar ul li ul li ul li {
    border:none;
    background-image:none
}

#sidebar ul li ul li a,#sidebar ul li ul li ul li a,#sidebar ul li ul li ul li ul li a {
    text-decoration:none;
    padding-left:10px
}

#sidebar ul li h3 {
    width:175px;
    height:25px;
    padding-top:5px
}

.clear {
    background:transparent!important;
    border:none!important;
    padding:0
}

.xoxo ul li {
    background:url(/wp-content/themes/haunted/images/bullet.gif) no-repeat left;
    padding-left:15px!important
}

/* searchform   */
li#search {
    padding-bottom:15px
}

/* searchform   */
li#search div {
    background:none
}

#searchform {
    margin-bottom:20px;
    display:block;
    clear:both;
    text-align:left;
    float:left
}

#searchform div {
    padding:0;
    margin:0;
    text-align:left;
    background-image:none!important;
    border:none!important;
    display:block;
    clear:both
}

#s {
    width:110px;
    border:1px dotted #ccc;
    float:left;
    height:23px!important;
    padding:0;
    margin-left:0
}

.hidden {
    display:none
}

.screen-reader-text {
    display:none
}

.hidden {
    display:none
}

/* link colors   */
#sidebar a:link,#sidebar a:visited,#copyright a:link,#copyright a:visited,#nav-below .alignleft a,#nav-below .alignright a {
    color:#ccc!important
}

#content a:link,#content a:visited {
    color:#000
}

#sidebar a:active,#sidebar a:hover,a:active,a:hover {
    color:#c00!important
}

/* next-previous links navigation   */
#nav-below {
    width:auto;
    margin-right:36px;
    display:block;
    clear:both;
    margin-bottom:20px;
    background:transparent
}

#nav-above {
    padding-bottom:40px;
    width:auto;
    display:block;
    clear:both;
    background:transparent
}

#nav-below .alignright,#nav-above .nav-next {
    width:40%;
    float:right;
    text-align:right
}

#nav-below .alignleft,#nav-above .nav-previous {
    float:left;
    width:40%;
    text-align:left
}

/* required classes   */
.alignright {
    float:right
}

.alignleft {
    float:left
}

.aligncenter {
    text-align:center
}

/* comment form   */
textarea#comment {
    border:1px solid #ccc;
    width:400px;
    height:200px
}

.navigation a {
    text-decoration:none
}

.more-link {
    padding-left:15px;
    padding-top:2px;
    font-weight:600
}

/* ===[ Begin Calendar ]===
   ================================================== */
calendar_wrap {
    text-align:left;
    width:180px
}

#wp-calendar {
    empty-cells:show;
    width:180px;
    margin-left:3px
}

#wp-calendar #next a {
    padding-right:10px;
    text-align:right
}

#wp-calendar #prev a {
    padding-left:10px;
    text-align:left
}

#wp-calendar a {
    display:block
}

#wp-calendar caption {
    text-align:center;
    margin-top:5px;
    letter-spacing:.4em
}

#wp-calendar td,#wp-calendar th {
    padding:0!important;
    text-align:center
}

#wp-calendar td.pad:hover {
    background-color:#000
}

#wp-calendar #prev a,#wp-calendar #next a {
}

#wp-calendar a {
    text-decoration:none
}

#wp-calendar caption {
    font-weight:600;
    font-variant:small-caps;
    margin-top:5px
}

#wp-calendar th {
    font-style:normal;
    text-transform:capitalize;
    padding:0
}

#wp-calendar td {
}

/* ===[ Tags ]===
   ================================================== */
p.tagged {
    border:1px dotted #ccc;
    padding:5px 10px;
    width:275px;
    margin-top:5px
}

p.tagged a {
    text-decoration:underline;
    font-weight:600
}

/* text widgets   */
#sidebar ul li div.textwidget {
    line-height:150%;
    border:1px solid #ccc;
    border-top:none;
    padding:8px;
    width:170px;
    height:auto;
    margin-bottom:0
}

/* miscellaneous   */
p.postmetadata,p.postmetadata small,p.postmetadata .alt,.entry p,.entry ul li,.entry ol li {
    line-height:150%!important
}

img.alignleft {
	padding-right: 5px;

}

.entry-content {
	margin-top: 10px;
}

.entry-content .wp-caption,.entry-content img,.comment-content img,.widget img {
    max-width:97.5%;
    height:auto
}

img[class*=align],img[class*=wp-image-] {
    height:auto
}

img.size-full .wp-post-image {
    max-width:97.5%;
    height:auto
}

.gallery-caption {
    text-align:left
}

.wp-caption p.wp-caption-text {
    margin:0;
    padding:0 4px 5px;
    font-size:.7em
}


.bypostauthor {
    padding-top:5px;
    padding-right:10px
}

ul#leftaligncomments {
    left:10px;
    text-align:left
}

/* unordered lists   */
.entry-content ul {
    margin-bottom:10px
}

.entry-content ul li {
    list-style-type:disc;
    line-height:150%;
    list-style-position:inside
}

.entry-content ul ul {
    margin-left:25px;
    margin-bottom:0
}

/* ordered lists   */
.entry-content ol {
    margin-left:20px;
    margin-bottom:10px
}

.entry-content ol ol {
    margin-bottom:0
}

.entry-content li li {
}

.postmetadata {
    margin-top:10px
}

h3.widget-title {
    clear:both
}

#entry-meta {
    margin-bottom:10px;
    margin-top:0;
    padding:0
}

.post-edit-link {
    float:right;
    padding-right:10px;
    padding-bottom:1px;

}

.vcard {
    clear:both;
    margin-bottom:20px;
    margin-top:10px
}

.sticky {
}

#footer p.alignleft {
}

/* comments  */
#respond h3 {
    margin-top:15px
}

#comments p {
    font-weight:400;
    line-height:150%;
    margin:10px 5px 10px 0;
    text-transform:none
}

#comments li {
    font-weight:700;
    list-style:none;
    margin:15px 0 10px;
    padding:5px 5px 10px 10px
}

#comments li ul li {
    border-left:1px dotted #ccc;
    margin-left:10px;
    margin-right:-5px
}

.children {
    padding:0
}

#comments li .avatar {
    background:transparent;
    border:1px solid #ccc;
    float:right;
    padding:5px
}

#comments cite,#comments cite a {
    font-style:normal;
    font-weight:700
}

.comment-reply-link a {
    border:2px solid #ccc;
    height:25px;
    padding-left:2px;
    padding-right:2px;
    text-decoration:none
}

/* font sizes  */
#content {
    font-size:1.4em
}

h1 {
    font-size:1.5em
}

h2 {
    font-size:1.3em
}

h3 {
    font-size:1.2em
}

h4 {
    font-size:1.1em
}

h5,h6 {
    font-size:1em
}

.entry-title {
    font-size:1.5em
}

#sidebar {
    font-size:1.1em
}

#footer {
    font-size:1em
}

.entry-meta,.entry-footer,.post-edit-link,#copyright {
    font-size:.7em
}

.entry-meta {
    margin-bottom:10px
}

#comments {
    display:block;
    clear:both
}

#comments,#nav-below {
    font-size:.7em
}

.wp-caption-text {
    font-size:.7em
}

/* font colors  */
#site-title a,h3 {
    color:#a00!important
}

#comments {
    text-align:left
}

#copyright,#comments,#comments a,#respond {
    color:#ccc!important
}

.archive h1.entry-title {
    color:#ccc!important
}

.form-submit #submit {
    color:#ccc!important
}

.button,input#submit {
    padding:5px;
    background:url(/wp-content/themes/haunted/images/button-background.png) repeat-x bottom;
    border:1px solid #600;
    font-weight:700;
    border-radius:4px
}

#respond textarea,#respond input {
    color:#000;
    background:#fff;
    opacity:.4;
    border-style:groove;
    border-width:2px;
    border-color:red
}

#respond #submit {
    background:url(/wp-content/themes/haunted/images/button-background.png) repeat-x bottom;
    border:1px solid #900;
    color:#ccc;
    opacity:1
}

.xoxo select {
    margin-bottom:10px;
    text-align:left;
    color:#000;
    background:#fff;
    opacity:.4
}

.xoxo #s {
    color:#000;
    background:#fff;
    opacity:.4;
    border-style:solid;
    border-width:2px;
    border-color:#c00
}

.xoxo #searchsubmit {
    background:url(/wp-content/themes/haunted/images/button-background.png) repeat-x bottom;
    color:#ccc;
    border:1px solid #900;
    border-radius:5px;
    padding:5px;
    margin-left:5px
}

article.post,article.page,article.attachment {
    background:#fff;
    opacity:.4;
    border:2px solid;
    border-radius:25px;
    margin-bottom:25px
}

.entry-footer {
    margin-top:15px
}

.form-allowed-tags {
    display:none
}

/* menu formatting  */



#sidebar #nav li {
    margin-bottom:5px;
    font-weight:700
}

#sidebar #nav li li {
    font-weight:400
}

#sidebar #nav ul li {
    width:175px;
    line-height:150%;
    padding:0;
    display:block;
    margin-bottom:0
}

#sidebar #nav ul li ul li,#sidebar #nav ul li ul li ul li {
    border:none;
    padding:0;
    border-top:none;
    margin-bottom:0
}

#sidebar #nav ul li ul li ul li {
    border:none;
    background-image:none
}

#sidebar #nav ul li a,#sidebar #nav ul li ul li a,#sidebar #nav ul li ul li ul li a,#sidebar #nav ul li ul li ul li ul li a {
    text-decoration:none;
    background:url(/wp-content/themes/haunted/images/bullet.gif) no-repeat left;
    padding-left:15px;
    text-indent:10px
}

#nav ul {
    margin-left:10px
}

pre {
	width: 95%;                          /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	overflow-x: auto;                 /* Firefox 2 only */
	border: 1px dotted #000;
	padding: 10px;overflow-y: auto;
	font-size: 110%;
	font-family: Courier, serif;
	}

code {
	font-size: 120%;
	font-family: Courier, serif;
}

article.post-4.page.type-page.status-publish.hentry {
    background-color: #ffffff;
    color: #faf5fa;
    border-style: ridge;
    border-color: #4c35fa;
    border-width: 5px;
}

