/*
Theme Name: dreamchaotic
Description: A WordPress template theme built for dreamchaotic
Version: 1.0
Author: Alicia Bridgewater
Author URI: http://dreamchaotic.com

TAN: #F4ECDF
BROWN: #2F1E10
YELLOW: #FFF0A5 
PINK: #F59AA9
BLUE: #5EAEE0

*/

body {background: #F4ECDF url('images/headerbkg.jpg') no-repeat top left fixed; min-height:661px; font: 1em/1.5em Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; color:#2F1E10;  margin:0; overflow-y: scroll;}
/*body:before {content:""; background: url('images/footerbkg.jpg') no-repeat; position:absolute; left:350px; bottom:0; width:1086px; height:305px; z-index:1;}*/
.home {background: url('images/king.jpg') no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.home:before {content:''; background:transparent;}

a {color:#997a5c; text-decoration:none; outline:none;}
a:hover, .widget a:hover, .people-like a:hover {color:#5EAEE0;}
h1>a, #main-nav a, .widget a, header a, #footer a, .people-like a{color:#2F1E10;}

h1, h2, h3, h4, h5 {font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; padding:.25em 0;}
h1 {position:relative; font-size:1.5em; line-height:1em; letter-spacing:0.03em; font-weight:normal;  margin:2em 0 1.25em 0; background-color:#F8B3BE; background-image:-webkit-linear-gradient(right,#fff 0%,#F8B3BE 100%);background-image:-moz-linear-gradient(right,#fff 0%,#F8B3BE 100%);background-image:-ms-linear-gradient(right,#fff 0%,#F8B3BE 100%);background-image:-o-linear-gradient(right,#fff 0%,#F8B3BE 100%);}
h1:before {content: ""; position: absolute; background: #F8B3BE; top: 0; bottom: 0; width: 33px; right:100%;}
h2 {font-size:1.25em;line-height:1.2em; letter-spacing:0.03em; font-weight:normal; font-style:italic; text-align:center;}
h3 {font-size:1em; line-height: 1.5em; letter-spacing:0.05em; font-weight:bold; text-transform:uppercase; margin: 0; padding:0; border-bottom:1px dashed #2F1E10;}
h4 {font-size:.875em; line-height:1.714em; font-weight:bold; text-transform:uppercase; margin: 0; padding:0; border-bottom:1px dashed #2F1E10;}
p {margin-bottom:1.5em;}
h4 span {font-size: 1em; font-style: italic; font-weight: normal; text-transform: lowercase;}
.blue {color:#5EAEE0;}
.responsible {font-size:.875em; line-height:1.714em; font-weight:bold; text-transform:uppercase;}

ol, ul {list-style:none; padding:0; margin:.625em 0;}
blockquote {font-size:1.5em; letter-spacing:.05em; font-style:italic; text-align:center; margin:1em 0; padding:.5em .625em; quotes:"\201C""\201D""\2018""\2019";}
blockquote:before {color:#ccc; content:open-quote; font-size:2em; line-height:.1em; margin-right:.25em; vertical-align:-.3em;}
blockquote:after {color:#ccc; content:close-quote; font-size:1em; line-height:.1em; margin-left:.25em; vertical-align:-.4em;}
blockquote p {display:inline;}

#header, #intro_header {position:fixed; top:35px; text-align:left; z-index:100;}
#logo, #intro_logo {background:#2F1E10 url('images/logo.png') no-repeat; width:144px; height:144px; margin:0; padding:0; text-indent:-9999px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2);}
#logo:before, #intro_logo:before {content:''; background:transparent;}
#main-nav-wrap {position:relative; top:35px; left:25px; border-top: 1px dashed #2F1E10; border-bottom: 1px dashed #2F1E10; width:110px;}
#main-nav a {display:block; width:90px; padding: 0;}
#main-nav a:hover {color:#2F1E10; background-image:-webkit-linear-gradient(left, rgba(245,154,169,1) 50%, rgba(255,255,255,0) 100%);background-image:-moz-linear-gradient(left, rgba(245,154,169,1) 50%, rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left, rgba(245,154,169,1) 50%, rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left, rgba(245,154,169,1) 50%, rgba(255,255,255,0) 100%); padding:0 0 0 .625em; -moz-transition:all 0.26s ease-out;-o-transition:all 0.26s ease-out;-webkit-transition:all 0.26s ease-out;-ms-transition:all 0.26s ease-out}
.hidden-nav {font-size:.75em; text-transform:uppercase; letter-spacing:-.01em; line-height:100%; padding:.25em .625em; margin:0;}
.hidden-nav>li {padding:1px 0;}

#content-wrap, #intro {background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); }
#content-wrap {background: #fff url('images/header.gif') repeat-x; position:relative; left:135px; width:60%; max-width:1000px; z-index:10;}
#intro {position:relative; top:35px; left:144px; width:450px; height:144px; display:table;}
#post-14 {display:table-cell; vertical-align: middle; line-height:2em; padding:0 10px;}
#post-14 p {margin-bottom:1em;}
#main-content {padding:1em 2em 2em 2em;}
.the-skinny {float:left; width:77%;}

aside {float:right; background: #fff0a5; max-width:200px; padding:1em; margin:3em -3.25em 0 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); }
.widget {border-bottom:1px dashed #2F1E10; margin:1.25em 0;}
form>h3 {border:0;}

#footer {position:relative; left:135px; width:60%; max-width:1000px; background: url('images/papercuts.png') repeat-x; z-index:20; border:0; margin: 0 0 .25em 0;}
#footer>p {padding: .625em .25em; margin:0; text-align:right;}

.portfolio {margin:0 auto 4em auto; max-width:800px; border-bottom: 1px dashed #2F1E10;}
.portfolio>p {margin-bottom:1em;}
.wp-post-image, .size-full {max-width:100%; height:auto; display:block;}
.thumb-container img {border:1px solid #5EAEE0;}
.thumb-container li {display:block; float:left; margin:0.5% 0.3% 0 0.3%; opacity: 1; -webkit-transition: opacity; -moz-transition: opacity; -ms-transition: opacity; -o-transition: opacity;
transition: opacity; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; 
transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms;}
.thumb-container li:hover {opacity: .5; -webkit-transition: opacity; -moz-transition: opacity; -ms-transition: opacity; -o-transition: opacity; transition: opacity; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms;}

.portfolio-header{border-bottom:1px dashed #2F1E10; padding:.5em 0;}
.portfolio-header>h2 {float:left; font-style:normal; font-weight:bold; letter-spacing:.1em; margin:0;}
.portfolio-header>p {float:right; font-size:1.25em; letter-spacing:0.1em; font-weight:bold; margin:0; padding:.25em 0;}

.article {margin-bottom:4em;}
.article>header {margin: 0 0 1.5em 0; border-bottom:1px dashed #2F1E10;}
.article>footer {padding:.625em 0; border-top:1px dashed #2F1E10;}
.article img {margin:0 auto;}
.dropcap>p:nth-of-type(1):first-letter {font: 3.25em/.60 Baskerville, Serif; display:block; float:left; margin: 8px 5px 0 0; }
.dateline {text-align:right; margin:-1.25em 0 .625em 0;}

.people-like {margin-top:2em; border-bottom:1px dashed #2F1E10;}
.people-like ul {float:left; width:23%;}
.people-like ul:first-of-type {margin-left:8%;}

.commentlist {margin:1.25em 0; padding:.3125em .625em .3125em .3125em;}
.alt { background:#fcf8f0;}
.comment-header {width:25%; float:left; margin-right:1.5em; text-align:right;}
.comment-text {width:70%; float:right;}

.response, .response section  {margin:3em 0;}
.response form {width:91%; clear:both; padding:2em; border-bottom: 1px dashed #2F1E10;}
.response label {display:block; float:left; font-style:italic; width:20%; text-align:right; margin-right:1.5em;}
.response .text {border:none; background:transparent; border-bottom:1px solid #b4b4b4; margin-bottom:1em; display:block; float:left; width:65%; padding:.25em 0; outline:none;}
.response .textbox {width:65%; float:left; position:relative; margin-bottom:1.25em;}
.response textarea {width:98%; border:1px solid #b4b4b4; background:transparent; padding:.25em; outline:none; height:20%;} 
.response .submit {margin-right:10%;}

.nav-previous {float:left; width:50%;}
.nav-next {float:right; text-align:right; width:50%;}

.text {width:95%; margin:0;}

.submit {clear:both; text-align:right;}
.submit:before {content: "[ ";}
.submit:after {content: " ]";} 
.button {background:transparent; border:none; text-transform:uppercase; padding:.25em .125em 0; vertical-align:top; font-family: Baskerville, serif;}

.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

@media screen and (max-width: 1280px) {
	#content-wrap, #footer {width:75%;}
	}

@media screen and (max-width: 1024px) {
	#content-wrap, #footer {width:80%;}
	.portfolio-header>h2, .portfolio-header>p {float:none; text-align:center;}
	.portfolio-header>p {border-top:1px dashed #2F1E10;}
	aside {max-width:150px;}
	}

@media screen and (max-width: 860px) {
	#content-wrap, #footer {left:5%; width:90%;}
	#header {position:relative;}
	#logo {float:left; width:120px; height:120px; background-size:100% 100%;}
	#main-nav-wrap {float:left; border:0; width:70%; margin:-10px 0 0 0;}
	#main-nav a {float:left; margin:0 25px; padding:0 0 0 10px;}
	.hidden-nav {position:absolute; top:25px; margin:5px;}
	.hidden-nav a {float:left;}
	#main-content {padding:145px 40px 30px 40px;}
	.the-skinny {width:100%;}
	aside {display:none;}
	}
	
@media screen and (max-width: 728px) {
	.home {background-position:center center;}
	#content-wrap, #footer {left:0; width:100%;}
	#main-nav a {float:left; margin:0 5px;}
	#main-content {padding:145px 20px 30px 20px;}
	}
	
@media screen and (max-width: 600px) {
	#intro_logo {width:110px; height:110px; background-size:100% 100%;}
	#intro {left:110px; width:235px; height:110px;}
	#post-14 {font-size:.75em; line-height:1.2em;}
	#main-nav-wrap {top:10px; width:25%;}
	#main-nav a {clear:both; margin:0;}
	.hidden-nav {position:inherit;}
	.people-like ul {clear:both; margin:0; width:100%;}
	.people-like ul:first-of-type {margin:1em 0 0 0;}
	.people-like ul:last-child {margin-bottom:1em;}
	}