* {margin:0; padding:0;}
body { font-size:15px; background: #333 url(images/bg-body.jpg) repeat; color:#ccc; font-family: 'Open Sans', sans-serif; position:relative;}

.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }

a { color:#f57d39; text-decoration:none;}
a:hover { color:#ca6a33;}


ul { margin-bottom:20px;}

#wrapper { width:925px; margin:0 auto; position: relative; z-index:2;}
#content { margin-bottom:80px;}

textarea { font-family: helvetica, arial, "sans-serif" }

#header-wrapper { width:925px; margin:0 auto;  position: relative; z-index:2;}

.bg-vig-left { position: absolute; top:0px; left:0px; z-index:1; background: url(images/bg-vig-left.png) no-repeat; width:347px; height:474px;}
.bg-vig-right { position: absolute; top:0px; right:0px; z-index:1; background: url(images/bg-vig-right.png) no-repeat; width:347px; height:474px;}

header { background:#f97e39 url(images/bg-header.png) repeat-x; height:71px; display:block; color:#fff; margin:0 0px 40px 0px; padding:27px 0 0 0;}
header #logo { float:left; margin-right:40px; position:relative; top:-4px;}
header nav {float:right;} 
header nav ul li { float:left; margin-left:61px; list-style:none;}
header nav ul li:first-child { margin-left:0;}
header nav ul li a { float:left; color:#fff; letter-spacing:-1px; font-size:18px; text-shadow:0px 1px 1px #d54113; font-weight:bold; }
header nav ul li a:hover { border-top:0px solid #fff; color:#fff;}
header nav a span { text-shadow:0px 1px 1px #d54113; letter-spacing:0; display:block; margin-top:2px; font-size:13px; font-weight:normal; font-family:georgia; font-style:italic; }

aside { color:#888; width:240px; float:left; margin-right:35px; font-size:13px;}
aside h3 { font-size:15px; font-weight:normal; color:#fff;  margin-bottom:3px;}
aside h3 + p { font-size:12px; margin-bottom:15px;}
aside #bio img { float:left; margin:0 10px 4px 0; position:relative; top:4px;}
aside #bio {  line-height:19px; padding-bottom:16px;}


aside>div { margin-bottom:20px; padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,0.15);}

#nav-below { border-top:1px solid rgba(255,255,255,0.15); padding-top:15px}
#nav-below div { display:inline-block; }
#nav-below .nav-previous { text-align: left}
#nav-below .nav-next { float:right}

.main-content { float:right; width:645px; }

.main-content ul, #main-content ol { margin-left:20px;}
.main-content img { border:10px solid none #fff;}

content > article { margin-bottom:63px;}
.article-content { width:500px; float:left; margin-right:15px; margin-bottom:70px }
.article-content h2 { font-size:31px; border-bottom:1px solid rgba(255,255,255,0.15); padding:0 0 4px; margin:0 0 21px 0;  font-weight:300; color:#fff; line-height:43px;}
.article-content h2 a { color:#fff; padding-bottom:11px; display:block; }
.article-content h2 a:hover { color:#ca6a33;}
.article-content p, .article-content li { line-height:21px;}
.article-content img { box-shadow:0 2px 2px #000; margin-bottom:16px}

.article-meta { width: 118px; float:right; color:#777}
.article-meta a { color:#777; }
.article-meta ul { margin:0; padding:0; list-style:none; font-size:12px; padding-top:15px; }
.article-meta ul:first-child { border-bottom:1px solid rgba(255,255,255,0.15); padding:0px 0 10px 0; position:relative; top:6px;}

.tags { padding-top:10px; margin-bottom:40px}
.tags li { margin: 0 0 4px 0;}

.article-meta .date {  background:url(images/icons-postmeta.png) no-repeat 0 0px; padding:0 0 0 20px; margin:0 0 6px 0; display:block; }
.article-meta .comments a {  background:url(images/icons-postmeta.png) no-repeat 0 -19px; padding:0 0 0 20px; margin:0 0 2px 0; display:block;}
.article-meta .tags a { background:url(images/icons-postmeta.png) no-repeat 0 -38px; padding:0 0 0 20px;}

.article-meta .tags a:hover, .article-meta .comments a:hover { color:#ca6a33;}

#social-links ul { width:240px; list-style-type:none;}
#social-links ul li { width:100px; float:left; margin-bottom:11px; }
#social-links ul li a {  color: #999; }
#social-links ul li a:hover {  color: #fff; }

#social-links ul li a span { ; position: relative; top:-4px; background:#353535; box-shadow:0px 1px 1px #000;  border-radius:10px; display:block; width:22px; height:22px; float:left; margin-right:7px; }
#social-links ul li a span:after { display:block;  content:""; background: url(images/social-icons.png) no-repeat; width:25px; height:25px; }
#social-links ul li.facebook a span:after { background-position:6px 6px;}
#social-links ul li.twitter a span:after { background-position:-19px 6px;}
#social-links ul li.rss a span:after { background-position:7px -23px;}
#social-links ul li.linkedin a span:after { background-position:-19px -22px;}

.tweet_list { list-style-type:none;}
.tweet_list li { margin:0 0 20px 0;}

/* search */
#searchform { position:relative; }
#searchform input[type="text"] { border-radius:50px; background:#000; border:1px solid #333;  padding:10px 30px 10px 10px; color:#aaa; position:relative; width:200px; margin-bottom:15px;}
#searchform input[type="text"]:active, #searchform input[type="text"]:focus { outline:none; color:#fff;}
#searchform input[type="submit"] { display:block; background:transparent  url(images/icon-search.png) no-repeat; width:15px; height:15px; position:absolute;  top:10px; right:10px; z-index:1; padding:3px; margin:0; border:none; text-indent:-99999px; cursor:pointer;}

/* ============ */
/* = Comments = */
/* ============ */
#comments{width:500px;float:left;margin-top:30px;border-top:1px solid rgba(255,255,255,0.15); padding-top:30px;}
#comments h2{font-weight:bold;font-size:14px;}
#comments-title{color:#666;font-size:10px;font-weight:500;line-height:2.6em;padding:0 0 2.6em;text-transform:uppercase;}
.nopassword,
.nocomments{color:#aaa;font-size:24px;font-weight:100;margin:26px 0;text-align:center;}
.commentlist{list-style:none;margin:0 0 0 63px;width:435px;}
.content .commentlist,
.page-template-sidebar-page-php .commentlist{width:100%;/* reset the width for the one-column and sidebar page layout */}
.commentlist > li.comment{background:#222;-moz-border-radius:3px;border-radius:3px;margin:0 0 30px 40px;padding:20px;position:relative;}
.commentlist .pingback{margin:0 0 1.625em;padding:0 1.625em;}
.commentlist .children{list-style:none;margin:0;}
.commentlist .children li.comment{background:#fff;border-left:1px solid #ddd;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:1.625em 0 0;padding:1.625em;position:relative;}
.commentlist .children li.comment .fn{display:block;}
.comment-meta .fn{font-style:normal;}
.comment-meta{color:#666;font-size:12px;line-height:2.2em;}
.commentlist .children li.comment .comment-meta{line-height:1.625em;margin-left:50px;}
.commentlist .children li.comment .comment-content{margin:1.625em 0 0;}
.comment-meta a{font-weight:bold;}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover{}
.commentlist .avatar{-moz-border-radius:3px;border-radius:3px; left:-102px;padding:0;position:absolute;top:0;}
.commentlist > li:before{content:url(images/comment-arrow.png);left:-21px;position:absolute;}
.commentlist > li.pingback:before{content:'';}
.commentlist .children .avatar{background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;left:2.2em;padding:0;top:2.2em;}
a.comment-reply-link{background:#eee;-moz-border-radius:3px;border-radius:3px;color:#666;font-size:12px;padding:5px;text-decoration:none;display:none;}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active{background:#888;color:#fff;}
a.comment-reply-link > span{display:inline-block;position:relative;top:-1px;}
/* Post author highlighting */
.commentlist > li.bypostauthor{background:#222;border-color:#d3d3d3;}
.commentlist > li.bypostauthor .comment-meta{color:#575757;}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover{}
.commentlist > li.bypostauthor:before{content:url(images/comment-arrow-bypostauthor.png);}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor{background:#ddd;border-color:#d3d3d3;}
/* Comment Form */
#respond{background:#222;-moz-border-radius:3px;border-radius:3px;margin:0 0;padding:20px;position:relative;}
#respond input[type="text"],
#respond textarea{background:#fff;border:1px solid #eee;-moz-border-radius:5px;border-radius:5px; position:relative;padding:5px;}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment{position:relative;}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label{ color:#777;display:block;font-size:13px; left:4px;min-width:60px;padding:6px 0 0px;z-index:1;  }
#respond input[type="text"]:focus,
#respond textarea:focus{text-indent:0;z-index:1;}
#respond textarea{}
#respond .comment-form-author .required,
#respond .comment-form-email .required{color:#bd3500;font-size:22px;font-weight:bold;left:75%;position:absolute;top:45px;z-index:1;}
#respond .comment-notes,
#respond .logged-in-as{font-size:13px;}
#respond p{margin:0 0 10px 0;}
#respond .form-submit{ margin:0;padding:0px;}
#respond input#submit {background:#f57d39;color:#hover;border:none;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);box-shadow:0px 1px 2px rgba(0,0,0,0.3);color:#eee;cursor:pointer;font-size:15px;margin:0px 0;padding:7px 8px ;text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
#respond input#submit:active,#respond input#submit:hover{background:#ca6a33;color:#bfddf3;}
#respond #cancel-comment-reply-link{color:#666;margin-left:10px;text-decoration:none;}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover{text-decoration:underline;}
.commentlist #respond{margin:1.625em 0 0;width:auto;}
#reply-title{color:#fff;font-size:24px;font-weight:normal;line-height:30px;}
#cancel-comment-reply-link{color:#888;display:block;font-size:10px;font-weight:normal;line-height:2.2em;letter-spacing:0.05em;position:absolute;right:1.625em;text-decoration:none;text-transform:uppercase;top:1.1em;}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover{color:#ff4b33;}
#respond label{line-height:2.2em;}
#respond input[type=text]{display:block;height:24px;width:75%;}
#respond p{font-size:12px;}
p.comment-form-comment{margin:0;}
.form-allowed-tags{display:none;}



/* ==================== */
/* = Individual pages= */
/* ==================== */

#page-content { width:650px; float:left;}
#page h2 { font-size:31px; border-bottom:1px solid rgba(255,255,255,0.15); padding:0 0 4px; margin:0 0 21px 0;  font-weight:300; color:#fff; line-height:43px;}
#page-content article h2 { font-size:20px; margin-bottom:10px; line-height:26px;}
#page-content article { margin-bottom:30px;}