/*
THEME NAME: crayoncrisis II
Description: New theme for crayoncrisis.com, based on Sandbox.
Author: elisabeth / crayoncrisis
Author URI: http://crayoncrisis.com/
*/


* {margin: 0; border: 0; padding: 0;}
body {font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; line-height: 1.4; 
font-style: normal; font-weight: normal; color: #333; background: #CBC1B9;}
p {font-size: 1.4em;}
ul {list-style-type: none; margin: 0;}
a {text-decoration: none;}
a:link {color: #037E84;}
a:visited {color: #037E84;}		
a:hover {color: black;}
:focus {outline: 0;}
strong {color: #D42F90;}

/* ------------ layout structure ------------ */

div#header {height: 305px;}

div#wrapper {outline: 0px solid fuchsia; width: 97%; margin: 0 auto;}
   div#container {outline: 0px solid lime; margin-left: 10px;}
   div#content {outline: 0px solid yellow; padding-top: 3em; margin-bottom: 2em;}

div#footercontainer {height: 200px;}
div#footercontainer div#footer {width: 95em; height: 200px; margin: 0em auto;}

/* ------------ header ------------ */

div#header {background: url(img/bg_header.png) repeat-x top left #262022; font-family: Georgia, "Times New Roman", Times, serif;}
div#header h1 a {height: 175px; width: 1000px; position: relative; top: 0; left: 50%; margin-left: -510px; display: block; color: #fff; }
div#header h1 span {background: url(img/crayoncrisis.png) no-repeat top left; position: absolute; top: 0; width: 1000px; height: 175px;}

ul#pagemenu {width: 18em; position: absolute; left: 50%; top: 190px; margin-left: -49em;}
div#tagcloud {width: 78em; position: absolute; left: 50%; top: 190px; margin-left: -29em;}

div#tagcloud {}
div#tagcloud a {color: #806248; margin-right: 0.2em; line-height: 1.1;}
div#tagcloud a:hover {color: #3CB993;}

ul#pagemenu li.page_item {font-size: 1.6em; margin-bottom: 0.5em; text-align: right; letter-spacing: 0.02em;}
ul#pagemenu .page-item-2 a {color: #EFE814;}
ul#pagemenu .page-item-180 a {color: #F58722;}
ul#pagemenu .page-item-1719 a {color: #D42F90;}
ul#pagemenu li.page_item a:hover {color: #fff;}



/* ------------ main content ------------ */

div#content ul {margin: -1em 0 1.5em 3em; list-style-type: disc;}
div#content ol {margin: -1em 0 1.5em 3em;}
div#content li {font-size: 1.3em; line-height: 1.5em;}
div#content a:hover {text-decoration: underline;}
div#content blockquote {margin-left: 3em; padding-left: 1em; border-left: 7px solid #fff; font-style: oblique; margin-bottom: 2em;}

body.home div#content div.post {width: 300px; height: 250px;  float: left; 
margin-right: 20px; margin-bottom: 21px; background-color: #231F20; border: 1px solid #A8A09B;}
body.home div#content div.post h2.entry-title {margin: 0.7em 0.7em 0.2em 0.6em; font-size: 1.4em; line-height: 1; 
text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal; text-align: right;}
body.home div#content div.post h2.entry-title a {color: #806248;} 
body.home div#content div.post h2.entry-title a:hover {color: #CBC1B9; text-decoration: none;}

body.archive div#content div.post {width: 300px; height: 250px;  float: left; 
margin-right: 20px; margin-bottom: 21px; background-color: #231F20; border: 1px solid #A8A09B;}
body.archive div#content div.post h2.entry-title {margin: 0.7em 0.7em 0.2em 0.6em; font-size: 1.4em; line-height: 1; 
text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal; text-align: right;}
body.archive div#content div.post h2.entry-title a {color: #806248;} 
body.archive div#content div.post h2.entry-title a:hover {color: #CBC1B9; text-decoration: none;}
body.archive h2.page-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 3em; margin-bottom: 0.5em; color: #666;}

body.search-results div#content div.post {width: 300px; height: 250px;  float: left; 
margin-right: 20px; margin-bottom: 21px; background-color: #231F20; border: 1px solid #A8A09B;}
body.search-results div#content div.post h2.entry-title {margin: 0.7em 0.7em 0.2em 0.6em; font-size: 1.4em; line-height: 1; 
text-transform: uppercase; letter-spacing: 0.05em; font-weight: normal; text-align: right;}
body.search-results div#content div.post h2.entry-title a {color: #806248;} 
body.search-results div#content div.post h2.entry-title a:hover {color: #CBC1B9; text-decoration: none;}
body.search-results h2.page-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 3em; margin-bottom: 0.5em; color: #666;}

body.single {background-color: #eee;}
body.single div#wrapper {width: 98em; margin: 0 auto;}
body.single div#content {padding: 2em;}
body.single img {margin: 1em 0; border: 1px solid #ddd;}
body.single h2.entry-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 4em; color: #666;}
body.single p.postmetadata {font-size: 1.1em; color: #999; margin-bottom: 0.8em; padding-left: 0.2em;}
body.single p {width: 45em; margin-bottom: 0.8em;}

body.page div#wrapper {width: 98em; margin: 0 auto;}
body.page div#content h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 3em; margin-bottom: 0.5em; color: #666;}
body.page div#content h3 {font-size: 2em; margin-bottom: 0.5em;}

body.pageid-2 p {width: 43em; margin-bottom: 0.8em;}
body.pageid-2 div#content {background: url(img/info.png) no-repeat 2em 2em; padding-left: 19em;}
body.pageid-2 div#content blockquote {border: 0; margin-left: 0; padding: 0;}

/* ------------ thumbnail gallery ------------ */
body.pageid-180 div#wrapper {width: 97%;}
body.pageid-180 div.entry-content {text-align: center;}
body.pageid-180 div.entry-content p {font-size: 10px; line-height: 1;}
body.pageid-180 div.entry-content a:hover img {border: 5px solid #fff;}
body.pageid-180 div.entry-content img {border: 5px solid #CBC1B9;}



/* ------------ links to more creativity ------------ */

body.pageid-1719 div#content p {margin-left: 13.8em; width: 47em;}

body.pageid-1719 div#content h2 {width: 10em; font-size: 1.3em; font-weight: normal; text-align: right; margin: 0; position: relative; top: 1em; 
color: #806248;}
body.pageid-1719 div#content ul {list-style-type: none; margin: 0;}
body.pageid-1719 div#content ul#links a {color: #333;}
body.pageid-1719 div#content ul#links a:hover {text-decoration: none; color: #2DA0A0;}
body.pageid-1719 div#content ul#links li ul li {font-size: 1em; margin-left: 14.8em;}

ul#links_me {position: absolute; left: 50em;}
ul#links li#links_me ul {float: right; margin: 0.7em 2em 0 0; }

li#twitter {text-indent: -3000px; margin-bottom: 2em;}
li#twitter a {display: block; width: 315px; height: 165px; background: url(img/twitter.png) no-repeat top left;}
li#twitter a:hover {background: url(img/twitter.png) no-repeat top right;}

ul#links li#links_me ul li#snasent a {font-size: 60px; font-weight: bold; color: #999;}
ul#links li#links_me ul li#snasent a:hover {color: #ff8a00;}

li#colourlovers {text-indent: -3000px; margin: 2em 0;}
li#colourlovers a {display: block; width: 304px; height: 40px; background: url(img/colourlovers.png) no-repeat top left; border: 1px solid #806248;}
li#colourlovers a:hover {background: url(img/colourlovers.png) no-repeat bottom left;}

ul#visualizeus {background-color: #917F71; float: right; width: 89px; border: 1px solid #806248;}
ul#visualizeus li {margin: 7px;}
ul#visualizeus a {color: #231F20; font-size: 12px; margin: 0; padding: 0;}


/* ------------ nav ------------ */

div#nav-above .nav-previous a {position: fixed; top: 120px; left: 30px; width: 48px; height: 48px; background: url(img/back.png) no-repeat; text-indent: -3000px;}
div#nav-above .nav-next a {position: fixed; top: 120px; right: 30px; width: 48px; height: 48px; background: url(img/next.png) no-repeat; text-indent: -3000px;}

div#nav-below {clear: both; font-size: 1.5em; height: 1.5em; margin: 2em 0 1em 0;}
div#nav-below .nav-previous {width: 28em; float: left;}
div#nav-below .nav-next {width: 28em; float: right; margin-right: 25px; text-align: right;}
div#nav-below a {color: #231F20;}
div#nav-below a:hover {color: #048985;}


/* ------------ comments ------------ */

div#comments-list li.comment {width: 40em; position: relative; left: 9em; margin-bottom: 4em;}
div#comments-list div.commentmeta img {position: absolute; left: -7em; top: -0.5em;}
div#comments-list p {width: 30em; font-family: Courier, "Courier New", monospace; font-size: 1.2em; line-height: 1.4em;}
div#comments-list div.commentmeta span.fn {font-size: 1.6em; padding-right: 0.3em;}

div#respond {width: 52em; position: relative; left: 9em; background: url(img/comment_edit.png) no-repeat right; padding-top: 1em; border-top: 1px solid #fff;}
div#respond div.form-input {padding: 0.5em; background-color: #fff; width: 30em; margin-bottom: 1em;}
div#respond textarea#comment {padding: 0.5em;}

form#commentform input#submit {background-color: #F18E30; padding: 0.4em 1em; margin-top: 1em; color: #fff; font-weight: bold;
position: relative; left: 36em; top: -3.3em;}


/* ------------ footer typo & spacing------------ */

div#footercontainer {background: url(img/bg_footer.png) repeat-x top left #806248; color: #262022;}
div#footer a {color: #262022;}
div#footer a:hover {color: #fff;}

ul#meta {width: 300px; float: left; margin: 2em 2em 0 0; font-size: 1.2em;}
   li#rss {text-indent: -2000px; float: right; position: relative; top: -6em; left: -2em;}
   li#rss a {width: 64px; height: 64px; display: block; background: url(img/rss.png) no-repeat;}
   li#wordpress {text-indent: -2000px;  margin-top: 2em;}
   li#wordpress a {width: 200px; height: 46px; display: block; background: url(img/wordpress.png) no-repeat;}

div#more {width: 300px; float: left; margin: 8em 2em 0 0;}
   div#more form {background: url(img/search.png) no-repeat top left; padding: 2em 0 2em 7em;}
   div#more input {width: 180px; padding: 0.5em; font-family: Courier, "Courier New", monospace; font-size: 1.2em;}

ul#recentcomments {width: 30em; float: left; margin: 2em 0 0 0; background: url(img/comments.png) no-repeat top right; padding-top: 1em;}
ul#recentcomments h3 {font-size: 1.4em;}
ul#recentcomments li {font-size: 1.2em;}



/* ------------ all done, go away now ------------ */