/*
Theme Name: Codex Dark
Description: The default theme for http://iliadraznin.com/
Author: Ilia Draznin
Author URI: http://iliadraznin.com/
Version: 1.0
Tags: black, dark, one-column, fixed-width
*/

/* reset styles */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, font, img, strong, b, i, 
center, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td 
{ position:relative; margin:0; padding:0; border:0; vertical-align:baseline; text-rendering:optimizeLegibility; }
body { height:100%; line-height:1.5; font-size:62.5%; }
h1, h2, h3, h4, h5, h6, form { font-weight:normal; clear:both; }
ul { list-style:none; }
input, button, select, option, textarea { font-weight:inherit; font-family:inherit; font-style:inherit; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
th, td { text-align:left; vertical-align:top; }
a img { border:none; }
object, embed { display:block; margin:auto; }

/* util styles */

.clr { clear:both; height:1px; font-size:1px; }
.cntr, .aligncenter { display:block; margin-left:auto; margin-right:auto; }
.fltl, .alignleft { float:left; }
.fltr, .alignright { float:right; }
.alignnone { float:none; }
.txtl { text-align:left; }
.txtr { text-align:right; }
.skip { position:absolute; left:-9000px; }
.pad5 { padding:5px; }

/* theme styles */

body { background:#181818; color:#e9e9e9; font-family:Arial, Helvetica, Sans-Serif; }
a { color:#fff; text-decoration:none; outline:none; }
a:hover { color:#fc0; }

#wrapper {}
.box { width:980px; }
#headerWrap { padding-top:6em; }
#headerWrap a { color:#f2f2f2; }
#blogTitle {
	font-size:6em;
	font-family:"Palatino Linotype", "Book Antiqua", "Palatino", Serif;
	text-align:center;
}
#blogTitle a {
	display:block;
	width:600px; height:124px;
	margin:0 auto;
	white-space:nowrap;
	color:#eee;
}
#blogTitle a span {
	display:block;
	width:600px; height:124px;
	position:absolute;
	top:0; left:0;
	background:url(_images/header.gif) center top no-repeat;
}
#nav .nav-menu {
	height:30px; width:760px;
	list-style:disc;
	margin:0 auto -30px auto;
	position:relative;
	top:-46px; left:54px;
}
#nav .nav-menu li {
	float:left;
	font-size:1.8em;
	margin-left:1.6em;
	text-transform:lowercase;
	padding-left:.6em;
}
#nav .nav-menu li.cat-item-3, #nav .nav-menu li.cat-item-10 { list-style:none; }
#nav .nav-menu li a:hover { color:#fc0; }
#nav .nav-menu li i {
	font-size:.56em;
	vertical-align:top;
	position:relative;
	left:-0.3em;
	font-style:normal;
}

#content .post, #comments { margin:80px 50px 0 30px; }
#content .post-head { position:relative; }
#content .post-head, #content .entry-meta,
#content .entry-content, #content .entry-utility { padding-left:100px; }

#content .post-head .entry-date {
	font-size:1.2em;
	color:#777;
	position:absolute;
	left:0; bottom:3px;
	line-height:1.2;
}

#content .post-head .entry-title,
#content #comments #comments-title,
#content #respond #reply-title {
	font-family:"Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:3em;
	line-height:1.3;
	color:#e9e9e9;
}
#content .post-head .entry-title a { color:#e9e9e9; }
#content .post-head .entry-title a:hover { color:#fc0; }

#content .entry-meta { font-size:1.1em; color:#999; }
#content .entry-meta a { color:#ddd; }
#content .entry-meta a:hover { color:#fc0; }
#content .hr {
	height:1px;
	background:#464646;
	margin:6px 0 36px 0;
	background:-moz-linear-gradient(left, rgba(70,70,70,0), rgba(70,70,70,1) 100px, rgba(70,70,70,0) );
	background:-webkit-gradient(linear, left top, right top, from(rgba(70,70,70,0)), color-stop(11%, rgba(70,70,70,1)), to(rgba(70,70,70,0)) );
}

#content .entry-content { font-size:1.4em; line-height:1.6; }
#content .entry-content h3 { font-size:1.4em; padding:.5em 0; }
#content .entry-content > p { margin-bottom:1.4em; }
#content .entry-content p a { text-decoration:underline; }
#content .entry-content p a:hover { text-decoration:none; }
#content .entry-content ul { margin-left:2em; list-style-type:disc; margin-bottom:1em; }
#content .entry-content ul li { margin-bottom:.4em; }

#content .entry-content .wp-caption,
#content .entry-content .article-media { border:1px solid #444; }
#content .entry-content .wp-caption { padding-top:5px; margin-bottom:1.2em; }
#content .entry-content .article-media { margin-top:.6em; margin-bottom:.6em; }
#content .entry-content .alignleft { margin-right:1em; }
#content .entry-content .alignright { margin-left:1em; }
#content .entry-content .wp-caption img { display:block; margin:auto; }
#content .entry-content .wp-caption .wp-caption-text {
	text-align:center;
	padding:0 6px 4px 6px;
	font-size:.86em;
	margin-top:5px;
}
#content .entry-content blockquote { margin-left:3em; margin-right:3em; }
#content .entry-content blockquote p { font-style:italic; color:#ddd; }
#content .entry-content blockquote::before,
#content .entry-content blockquote::after {
	position:absolute;
	font-size:4.4em;
	line-height:1;
	color:#555;
	font-family:Constantia, "Hoefler Text", "Palatino Linotype", Serif;
}
#content .entry-content blockquote::before {
	content:"\201C";
	left:-.5em; top:-.1em;
}
#content .entry-content blockquote::after {
	content:"\201D";
	right:-.5em; bottom:-.7em;
}

#content .entry-utility {}
#content .entry-utility a {
	font-size:1.4em;
	padding:0 16px 0 28px;
	text-transform:lowercase;
}
#content .entry-utility a i {
	font-size:.79em;
	vertical-align:top;
	font-style:normal;
}
#content .entry-utility .more-link {
	background:url(_images/icon-more.gif) left center no-repeat;
}
#content .entry-utility .comments-link {
	padding-left:24px;
	background:url(_images/icon-comms.gif) left center no-repeat;
}
#content .entry-content .post-edit-link {
	position:absolute;
	top:0; left:0;
	color:#777;
	font-size:.86em;
	text-transform:lowercase;
}
#content .entry-content .post-edit-link:hover { color:#aaa; }

#content #comments { margin-top:30px; }
#comments #comments-title,
#comments .commentlist .comment,
#comments .commentlist .pingback {
	position:relative;
	padding-left:100px;
	color:#d4d4d4;
}
#comments .commentlist .comment,
#comments .commentlist .pingback { margin-bottom:30px; }
#comments .hr { margin-bottom:20px; }

#comments .comment .comment-author { font-size:1.4em; margin-bottom:.5em; }
#comments .comment-author cite { font-style:normal; }
#comments .comment .author-avatar { float:left; margin-top:4px; margin-right:6px; z-index:9; }
#comments .comment .author-avatar a { display:block; }
#comments .comment .author-avatar img.avatar { border:1px solid #999; }
#comments .comment .comment-body {
	color:#ccc;
	font-size:1.2em;
	line-height:1.6;
}
#comments .comment .comment-body p { margin-bottom:1em; }
#comments .comment .comment-body p a { text-decoration:underline; }
#comments .comment-meta { position:absolute; top:0; left:0; }
#comments .comment-meta a { font-size:1.1em; color:#999; }
#comments .comment-meta a:hover { color:#eee; }
#comments .comment-edit-link {
	position:absolute;
	top:40px; left:0;
	color:#777;
	font-size:1.2em;
	text-transform:lowercase;
}
#comments .comment-edit-link:hover { color:#aaa; }

#comments .pingback .comment-author,
#comments .pingback .comment-body { font-size:1.1em; }
#comments .pingback .comment-author a { color:#ccc; }
#comments .pingback .comment-author a:hover { color:#fc0; }
#comments .pingback .comment-meta a { color:#777; }
#comments .pingback .comment-meta a:hover { color:#aaa; }
#comments .pingback .comment-body { color:#aaa; }

#comments .bypostauthor .comment-author cite { font-weight:bold; color:#fff; }
#comments .bypostauthor .comment-body { color:#fcfcfc; }
#comments .bypostauthor .author-avatar img.avatar { border-color:#fc0; }

#nav-below, #post-nav-below { clear:both; margin:70px auto 0px auto; }
#nav-below { height:26px; width:310px; }
#nav-below div, #post-nav-below div { float:left; height:100%; }
#nav-below div.nav-previous { width:130px; }
#nav-below div.nav-next { width:136px; margin-left:40px; }
#nav-below div a, #post-nav-below div .link-title {
	font-size:1.4em;
	color:#bbb;
	line-height:26px;
	padding:5px 0;
	text-transform:lowercase;
}
#nav-below div a:hover, #post-nav-below div a:hover .link-title { color:#fff; }
#nav-below div.nav-previous a,
#post-nav-below div.nav-previous a .link-title {
	padding-left:60px;
	background:url(_images/olderposts.png) left center no-repeat;
}
#nav-below div.nav-next a,
#post-nav-below div.nav-next a .link-title {
	padding-right:60px;
	background:url(_images/newerposts.png) right center no-repeat;
}
#post-nav-below { width:800px; height:42px; }
#post-nav-below div { width:380px; }
#post-nav-below div.nav-previous { text-align:right; }
#post-nav-below div.nav-next { margin-left:40px; }
#post-nav-below div .meta-nav {
	display:block;
	font-size:1.2em;
	color:#969696;
}
#post-nav-below div a:hover .meta-nav { color:#ddd; }

#respond {}
#respond #reply-title { padding-left:100px; padding-top:20px; }
#respond #commentform p { padding-left:100px; color:#999; margin-bottom:18px; }
#respond #commentform p.comment-notes { font-size:1.1em; }
#respond #commentform p.comment-notes .required { position:relative; top:0; left:0; }
#respond #commentform p .required {
	position:absolute;
	top:2px; left:2.4em;
	color:#fff;
	font-size:1.4em;
}
#respond #commentform p label {
	position:absolute;
	top:2px; left:0;
	text-transform:lowercase;
	font-size:1.2em;
}
#respond #commentform p input[type="text"], #respond #commentform p textarea {
	width:280px; height:24px;
	border:1px solid #fff;
	background:-moz-linear-gradient(top, #cfcfcf, #f1f1f1 30%);
	background:-webkit-gradient(linear, left top, left bottom, from(#cfcfcf), color-stop(.3, #f1f1f1));
	font-size:1.4em;
	color:#333;
	padding:0 5px;
}
#respond #commentform p textarea { width:470px; height:150px; padding:5px; }
#respond #commentform p.form-allowed-tags {
	color:#777;
	font-size:1.1em;
	width:480px;
	margin-top:-12px;
}
#respond #commentform p.form-allowed-tags code { color:#999; font-size:1.1em; }

#footerWrap {
	background:-moz-linear-gradient(top, rgba(24,24,24,0), rgba(24,24,24,0) 139px, rgba(7,7,7,1) 140px, rgba(26,26,26,1) 141px, rgba(14,14,14,1) 142px, rgba(14,14,14,1) );
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(24,24,24,0)), color-stop(0.4982, rgba(24,24,24,0)), color-stop(0.5017, rgba(7,7,7,1)), color-stop(0.5053, rgba(26,26,26,1)), color-stop(0.5088, rgba(14,14,14,1)), to(rgba(14,14,14,1)) );
	padding-bottom:6px;
	margin-top:50px;
}
#footer { width:920px; }
#footer .rss-wrap, #footer .about-wrap,
#footer .social-wrap { float:left; }

#footer .rss-wrap a img { margin:0 8px 0 6px; } 
#footer .about-wrap { width:540px; margin-top:88px; }
#footer .about-wrap h3 { font-size:4.4em; color:#ddd; font-family:"Palatino Linotype", "Book Antiqua", "Palatino", Serif; }
#footer .about-wrap h3 span {
	display:block;
	width:194px; height:52px;
	position:absolute;
	top:0; left:0;
	background:url(_images/aboutme.gif) no-repeat;;
}
#footer .about-wrap p { font-size:1.3em; color:#bbb; }
#footer .social-wrap {
	margin:140px 0 0 20px;
	width:180px; height:98px;
	padding-top:20px;
}
#footer .social-wrap .icon {
	display:block;
	width:32px; height:32px;
	background:url(_images/social-icons.png) no-repeat;
	float:left;
	margin-left:12px;
}
#footer .social-wrap .fb { background-position:0 -32px; margin-left:37px; }
#footer .social-wrap .fb:hover { background-position:0 0; }
#footer .social-wrap .da { background-position:-32px -32px; }
#footer .social-wrap .da:hover { background-position:-32px 0; }
#footer .social-wrap .tw { background-position:-64px -32px; }
#footer .social-wrap .tw:hover { background-position:-64px 0; }
#footer .copyright {
	clear:both;
	text-align:right;
	color:#666;
	font-size:1.1em;
	padding-right:28px;
}

b.icon { display:block; position:absolute; background-repeat:no-repeat; }

.share-block { padding-left:100px; height:20px; }
.share-block .share-wrap { float:left; margin-right:1em; }
.share-block .share-wrap a { font-size:1.3em; color:#999; padding-left:20px; }
.share-block .share-wrap a:hover { color:#fc0; }
.share-block .share-wrap a b.icon {
	width:16px; height:16px;
	background-image:url(_images/shareicons.png);
	top:0; left:0;
}
.share-block .share-wrap a i {
	font-size:.78em;
	vertical-align:top;
	font-style:normal;
}
.share-block .addthis-wrap a b.icon { background-position:-48px -16px; }
.share-block .addthis-wrap a:hover b.icon { background-position:-48px 0; }
.share-block .retweet-wrap a b.icon { background-position:-16px -16px; }
.share-block .retweet-wrap a:hover b.icon { background-position:-16px 0; }

/* start the addthis widget override styles */
#at15s {
	background:#000;
	-moz-box-shadow:rgba(0,0,0,.8) 0 0 6px;
	-webkit-box-shadow:rgba(0,0,0,.8) 0 0 6px;
}
#at15s_inner { background:transparent; }
#at15s_head { background:#181818; color:#999; }
#at15s_head #at15sptx { color:#666; }
#at15s_inner, #at15s_head { border:none !important; }
#at16pf { display:none; }
#at_pspromo { display:none !important; }
#at_hover .at_item, #at_hover .at_item:hover { font-size:.9em !important; margin:1px !important; }
#at_hover .at_item {
	background:transparent !important;
	color:#ccc !important;
	border:none !important;
	padding:2px 3px !important;
}
#at_hover .at_item:hover {
	background:#333 !important;
	color:#eee !important;
	border:1px solid #4c4c4c !important;
	padding:1px 2px !important;
}
#at16psf input { margin-top:0 !important; }