/*
Theme Name: Eighteen
Theme URI: http://vision7.org/goodies/eighteen
Description: A different approach to a Wordpress theme.  
Version: v1
Author: Stephen Jones
Author URI: http://vision7.org
Note: Inspired by Mardurkas by Amos at Journal.Barleyhut.com which in turn, Was based on Sixtyfour.
*/

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,dl, dt, dd, ol,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { text-align: center; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "Myriad Pro", "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: baseline; }
body,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea { text-align: center; color: #353535; font-family: "Myriad Pro", "Segoe UI", Helvetica, Calibri, Arial, sans-serif; font-size: 14px; line-height: 18px;}
body {background-color: white; text-align:center; text-shadow:#fff 0px 0px 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*===== o0o: LAYOUT=====*/
#header {margin: 30px auto 10px auto; text-align: center; width: 600px;}
div.nav {float:left; width: 500px; text-align: center; }
div.nav p {margin: 0 0 0 0; padding: 0;}
div.nav ul{ color: #d41128; font: 700 16px/18px "HelveticaNeue-CondensedBold", "Helvetica Neue Condensed Bold", "arial narrow", "trebuchet ms", sans-serif; margin: 9px 0 9px 0; padding:0; text-transform: uppercase;}
	div.nav ul li {display: inline; list-style-image:none; list-style-type: none; margin-right:5px;}
	div.nav li a span {color: #aeaeae;}
	div.nav li a:hover span {color: #5b4b31;}
#main {margin: 0 auto 0 auto; text-align: left; width: 600px;}
div.journal {}
div.entry-content {margin: 0 0 0 0; width: 600px; text-align:center;}
div.entry-creators {margin: 0 0 0 0; width: 600px; text-align:left;}
div.side, div.side-post, div.side-header {display:block; float:right; width:60px;}
div.side ul {margin: 0px 0 0 40px; padding:0;}
div.side-post ul {margin: 0 0 0 40px; padding:0;}
div.side-header ul {margin: 36px 0 0 40px; padding:0;}
div.side ul li, div.side-post ul li, div.side-header ul li {list-style-image: none; list-style-type: none;}
div.side img, div.side-post img, div.side-header img {border: none;}
/*===== o0o: TEXT CONSIDERATIONS=====*/
p{margin: 0 0 0px 0; text-align:left;}
	p.last{margin-bottom:0; }
	p.bio {background: #fafafa; text-align: center; }
	p.meta {color: #555; font-size: 12px; text-transform: uppercase;}
	p.details { background: #f4f4f4; padding: 8px;}
	p.footer-details { border-bottom: 1px solid #d4d4d4; border-left: 1px solid #efefef; border-right: 1px solid #d4d4d4; border-top: 1px solid #efefef; padding: 8px; text-align: center;}
	p.hilite { padding: 9px; text-align:center;}
	p.info { border-bottom: 1px solid #d4d4d4; border-left: 1px solid #efefef; border-right: 1px solid #d4d4d4; border-top: 1px solid #efefef; margin-bottom:36px; padding: 9px; text-align:center; width:500px;}
	p.info span {color: #933;}
	p.pullquote{ font-size:16px; font-style: italic; color:#454545; float:right; margin-left: 18px; margin-bottom:18; text-align:center; width:150px;}
a {color: #000; font-weight: 400; text-decoration: none;  }
a:hover { color:#999999; text-decoration: none; }
ul{ list-style-type:none; margin: 18px 0 18px 18px;}
ol { list-style-type: decimal-leading-zero; margin: 18px 0 18px 18px;}
li { line-height:18px; }
	ul li {list-style:none;}
dl{ margin: 18px 0; }
dl dt {font-weight: bold; }
 abbr, acronym, span.abbr {border: none;}
blockquote{margin: 0px; padding: 0px; border: 1px solid #c9c2c1; background-color: #fff;}
strong{font-weight: 700; }
em{ font-style: italic;}
pre{ background: #eee; border:1px solid #ddd; line-height:18px; margin-bottom: 18px;  padding:9px;}
code { font:0.9em Monaco, monospace; }
/*===== o0o: IMAGES=====*/
p img.alignleft{ background: #fafafa; border: 1px solid #d4d4d4; float: left; margin: 18px 18px 18px 0; padding: 8px; }
p img.alignright{background: #fafafa; border: 1px solid #aaa; float: right; margin: 18px 0 18px 18px; padding: 8px;}
p img.center{ border: 1px solid #d4d4d4; background: #fafafa; display:block; float: none; margin-left:auto;margin-right:auto; padding: 8px; }
	a img.center { border: 1px solid #d4d4d4;}
	a:hover img.center { border: 1px solid #000;}
	#header a:hover img.center { border: 1px solid #d4d4d4;}
p img.top{margin-top:0; }
.gravatar {float: right; margin: -19px 0 18px 18px; border: 1px solid #aaa; padding: 8px; background: #fafafa;}
/*===== o0o: HEADINGS=====*/
h1, h2, h3, h3, h5, h6 {font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue Condensed Bold", "arial narrow", helvetica, calibri, arial, sans-serif; text-align: left;}
h1 {font-size: 50px; margin:50px 0px 50px 0px; text-align:center; font-weight:bold}
h1.entry-title, h2.entry-title, div.footer h4 { font-size: 22px; margin-bottom:9px; text-transform: uppercase;}
	h1.entry-title a, h2.entry-title a {background: white; color: #5f4848; font-weight: 400;}
	h1.entry-title a:hover, h2.entry-title a:hover {background: white; color: #c2d661; font-weight: 400;}
	h1.page, h2.page {font-size: 15px; font-weight: 400; margin-bottom:0; text-transform: uppercase;}
	abbr.published {color: #c2d661;}
h2 {color: #000; font-size: 18px; font-weight: 400; text-align:center;}
h3 {color: #222; font-size: 16px; margin: 18px 0 18px 0; text-transform: uppercase;}
	h3.sr-section-title {color: #222; font-size: 16px; margin:36px 0 18px 0; text-transform: uppercase;}
	h3.comment-area{color: #222; font-size: 18px; font-weight: 400; margin:0; text-transform: uppercase;}
h4, h5{color: #444; font-size: 14px; margin-bottom:18px; text-transform: uppercase;}
/*===== o0o: POSTS AND ASIDES=====*/
.category-quotes span {background: #f0efd8;}
.moretag {background:#fff url(images/icon-morearrow.png) no-repeat center left; padding-left:16px; text-transform:uppercase;}
ul.asides {color: #555; font-family: "gill sans", "myriad pro",  helvetica, calibri, arial, sans-serif; margin: 0;}
ul.asides li {list-style-image: none; list-style-type: none; padding: 0;}
/*===== o0o: COMMENTS=====*/
#comments { border-top: 1px dotted #000; clear: both; margin: 0 0 18px 0; padding-top:36px;}
#comments ol.comments {margin:0;}
#comments ol.comments li {margin:18px 0 72px 0;}
#trackbacks {}
#comments-form input {background: #fafafa none repeat scroll 0%; border: 1px solid #d2d2d2; font-size: 14px;}
#comments-form input:focus, #comments-form textarea:focus { background: #fff; border: 1px solid #d3d3d3;}
#commentform textarea {background: #fafafa none repeat scroll 0%; border: 1px solid #d0d0d0; height: 198px; width: 100%;}
div.comment-meta {margin-left: 0; padding-left: 0;}
p.comment-author {border-bottom: 1px dotted #7c7c7c; color: #617748; font-weight:700; text-transform:uppercase;}
span.comment-date {color:#606060; font-weight:700; text-transform:uppercase;}
div.comment-text {width:80%;}
	p.comment-author a{background-color: white; color: #c2d661; font-weight:700; text-transform:uppercase;}
	p.comment-author a:hover {color: #798f48;} 
p.moderation {background: #ffff99; border: 1px solid #d4d4d4; padding: 9px;}
ol.comments li {list-style-type: none;}
.even {}
.odd {}
.highlight span.url {background: #f0efd8;}
#sub {background: #efefef; color: #000; cursor: pointer; border: 1px solid #000; font-weight:700; margin: 18px 0 18px 0; padding:9px; text-transform:uppercase;}
/*===== o0o: FOOTER=====*/
#footer { clear: both; margin-bottom:0; padding-top: 1em;}
	#footer ul ul li {list-style-image: url(images/icon-ularrow.png); margin: 0 9px 0 0;}
	#categories ul {list-style-image: url(images/icon-ularrow.png); margin: 0; padding:0;}
	#categories ul li {list-style-image: url(images/icon-ularrow.png); margin: 0; padding:0;}
	#categories ul ul li {list-style-image: url(images/icon-ularrow.png); margin: 0; padding:0;}
#footer .insite {display: inline; float: left; width: 250px;}
	#footer .insite em {color: #353535;}
#footer .outsite {display: inline; float: right; width: 250px;}
	ul.quotes li {border-color: #ff9e00; border-style: solid; border-width: 1px; font-family: georgia, serif; font-style: italic; list-style-image: none; list-style-type: none; margin-bottom: 9px;}
	ul.quotes li a {background:#ffff99;}
#credits { margin-left: auto; margin-bottom: 18px; margin-right: auto; margin-top: 63px; background-repeat: repeat; clear:both; padding: 9px; text-align: center;}
#credits a {font-weight: 700; text-decoration: none; text-transform: uppercase;}
/*===== o0o: PLUGINS AND MISC.=====*/
#searchform {background:#fff; color: #505050; margin: 18px 0 18px 0;}
#searchform input {background:#fafafa; border: 1px solid #ddd; color: #505050; width:250px;}
#searchform input:focus {background: #fafafa; border: 1px solid #999; color: #505050;}
#searchsubmit {cursor: pointer;}
div.pagination {background: #fafafa; border-right: 1px solid #d4d4d4;clear: both; text-align:left;padding: 9px;margin-top: 0;width:500;}
div.pagination a {background: #efefef; padding: 2px 5px 2px 5px; margin: 2px; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; text-decoration: none; color: #383838;}
div.pagination a:hover, div.pagination a:active {border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color:#000; color: #fff;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-weight: 700;background: #000;color: #fff;} 
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;color: #ededed; background: #fafafa; }
li.photo img {background: #fbfbfb; border: 1px solid #d9d9d9; display: block; padding:6px;}
li.photo a:hover img {background: #ffffcc; border: 1px solid #993333; padding:6px;}

#creators, #creators li{
line-height:normal;
text-align:left!important;}
#creators ul li {
list-style-type:none!important;}
.transparent, .transparent a  {color:#CCCCCC;}