/*
Theme Name: darklined vs. Satoshi
Theme URI:
Description: darklined inspired by Satoshi
Author: Voosh Themes and MHo
Author URI: http://www.vooshthemes.com/gallery/satoshi/ http://www.darklined.com/
*/

/* Colors -- Red: #a90417 */

@import "styles/reset.css";

/*---------------------TOOLS----------------------*/
.clear { clear: both; }
.wrap { width: 960px; margin: 0 auto; }
.extlink { background: url(images/icon_external.png) left center no-repeat; padding-left: 15px; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.alignleft { float:left; margin-right: 5px; }
.alignright { float:right; margin-left: 5px; }
.aligncenter { margin: 0 auto; }
.zoom {	position: absolute; top: 10px; right: 10px; display: block; }
.zoom img { border: none!important; }
.required { color: #a90417; font-weight: bold; }
.error-notification { color: #121212; border: 1px solid #cc0000; background: #fae6e6; padding: 40px 0; margin: 0 0 20px 0; text-align: center; font-weight: bold; font-size: 16px; }

/*-----------------GENERAL STYLES-----------------*/
#cwrap {  }
body { background: #121212 url(images/background-282.jpg) top center no-repeat fixed; color: #f4f4f4; line-height: 22px; font-family: Arial; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 40px; margin: 20px 0 15px 0; }
h2 { font-size: 26px; margin: 20px 0 15px 0; }
h3 { font-size: 22px; margin: 20px 0 15px 0; }
h4 { font-size: 18px; margin: 20px 0 10px 0; }
h5 { font-size: 16px; margin: 20px 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 0 0; }
a:link, a:visited { color: #bf4351; text-decoration: none; }
a:hover, a:active { color: #a90417; text-decoration: underline; }
em { font-style: italic; }

/*-----------------HEADER-------------------------*/
#header { padding: 42px 0 38px 0; border-bottom: 1px solid #eee; }
#header div { float: right; }
#nav { padding: 18px 0 36px 0; border-bottom: 1px solid #eee; margin: 0 0 18px 0; }

/*-----------------NAVIGATION---------------------*/
ul.nav { }
ul.nav li { float: left; padding: 0 30px 0 0; border-right: 1px solid #f4f4f4; margin: 0 30px 0 0; }
ul.nav a { color: #f4f4f4; font-size: 18px; font-weight: bold; }
ul.nav a:hover, ul.nav a:active { color: #a90417; text-decoration: none; }
ul.nav li .special-character { padding-left: 20px; color: #f4f4f4; }
ul.nav li.current_page_item a { color: #a90417; }
.sf-menu li ul { margin-top: 8px; border: none; width: 250px; background: url(images/bg75.png) top left; }
.sf-menu li .tags { width: 440px; }
.sf-menu li .tags li { width: 100%; }
.sf-menu li .tags a { display: inline; }
.sf-menu li ul a { font-size: 14px; font-weight: normal; }
.sf-menu li ul a:hover { color: #febf4b; }
.sf-menu li ul li { padding: 5px 20px 5px 0; width: 210px; border: none; }

/*-----------------MAIN LAYOUT--------------------*/
#main { clear: both; padding: 45px 0 0 0; }
#content { clear: both; }
#sidebar { float: left; width: 283px; }

/*-----------------FRONT PAGE---------------------*/
#frontpage-content { float: left; margin: 0 0 60px 0; }
#frontpage-content h1 { font-size: 22px; color: #fafafa; font-weight: normal; margin: 12px 0 20px 0; }
#frontpage-content h1 a { color: #fafafa; }
#frontpage-content h2 { font-size: 24px; color: #7a7a7a; font-weight: bold; margin: 35px 0 25px -6px; }
#frontpage-content h3 { font-size: 14px; color: #fafafa; font-weight: bold; margin: 12px 0 0 0; }
#frontpage-content h3 a { color: #fafafa; }
#frontpage-content #featured-project h2 { height: 39px; margin: 30px 0 0 -6px; }
#frontpage-content #featured-project { float: left; padding: 0 0 42px 0; margin: 0 0 35px 0; border-bottom: 1px solid #eee; width: 960px; }
#frontpage-content #featured-project #project-screenshot { float: left; padding: 16px 30px 0 0; }
#frontpage-content #featured-project #project-screenshot img { border: 1px #000 solid; }
#frontpage-content #featured-project #project-screenshot img:hover { border: 1px #febf4b solid; }
#frontpage-content #featured-project #project-details { float: left; }
#frontpage-content #featured-project #project-details p { width: 475px; padding-bottom: 18px; }
#frontpage-content #other-projects { clear: both; }
#frontpage-content #bits-and-pieces { clear: both; padding: 12px 0 0 0; }
#frontpage-content #bits-and-pieces h2 { padding: 42px 0 0 0; border-top: 1px solid #eee; width: 960px; }
#frontpage-content .frontpage-project-box { float: left; margin: 0 0 0 24px; width: 302px; border: 1px solid #121212; }
#frontpage-content .frontpage-project-box:hover { background: #6c8dc5; color: #121212; border: 1px solid #6c8dc5; }
#frontpage-content .frontpage-project-box-1 { float: left; padding-left: 0px; width: 302px; border: 1px solid #121212; }
#frontpage-content .frontpage-project-box-1:hover { background: #6c8dc5; color: #121212; border: 1px solid #6c8dc5; }
#frontpage-content .frontpage-project-box-bp { float: left; padding-left: 0px; width: 302px; position: relative; border: 1px solid #121212; }
#frontpage-content .frontpage-project-box-bp:hover { background: #febf4b; color: #121212; border: 1px solid #febf4b; }
#frontpage-content .frontpage-project-box img, #frontpage-content .frontpage-project-box-1 img, #frontpage-content .frontpage-project-box-bp img { border: 1px solid #000; }
#frontpage-content .frontpage-project-box p img, #frontpage-content .frontpage-project-box-1 p img, #frontpage-content .frontpage-project-box-bp p img { border: none; }
 
/*-----------------POSTS/PAGES--------------------*/
.post { padding: 0 0 35px 0; border-bottom: 1px solid #eee; }
.post-archive { border: none; }
.post-page { border: none; }
.post-content { min-height: 225px; height: auto !important; height: 225px; }
.post-archive-content { min-height: 150px; height: auto !important; height: 150px; }
.post .post-title { font-size: 24px; color: #7a7a7a; font-weight: bold; margin: 0 0 10px -6px; }
.post .post-title a {color: #7a7a7a; }
.post .post-subtitle { font-size: 14px; color: #fafafa; font-weight: bold; margin: 12px 0 0 0; }
.post .post-subtitle a {color: #fafafa; }
.page-title { font-size: 24px; color: #7a7a7a; font-weight: bold; margin: 0 0 10px -6px; }
.post p { }
.post p.meta { font-size: 12px; margin: 0; color: #7a7a7a; }
.post p.meta a { color: #7a7a7a; font-weight: bold; }
.post-image { position: relative; float: left; margin: 5px 10px 10px 0; }
.post-image img { border: 1px #000 solid; }
.post-image img:hover { border: 1px #febf4b solid; }
.post ol { margin-bottom: 20px; }
.post ol li { list-style: decimal; font-size: 12px; color: #7a7a7a; margin-left: 18px; padding-left: 5px;}
.post ul { margin-bottom: 20px; }
.post ul li { list-style: circle; color: #7a7a7a; font-size: 12px; margin-left: 15px; padding-left: 5px; }
.previous-posts, .newer-posts { float: left; margin: -10px 0 50px 0; }
/* cmon */
.cmon { margin-top: 15px; padding: 5px; }
.cmonlink { background: url(images/icon_cmon.png) left center no-repeat; padding-left: 15px; }

/*-----------------NGGALLERY-----------------------*/
#content .gnk-album-overview { float: left; background: #2a2a2a; border: 1px solid #000; text-align: center; padding: 10px 10px 20px 10px; font-size: 0.8em; line-height: 1.4em; margin: 20px 20px 20px 0; }
#content .gnk-album-overview:hover { background: #febf4b; color: #121212; }
#content .gnk-album-overview img { border: 1px solid #000; }
#content .gnk-album-caption { margin: 5px 0 0 0; }
#content .gnk-album-caption a { font-size: 11px; font-weight: bold; }
#content .ngg-albumoverview { width: 100%; }
#content .ngg-album { padding: 5px; margin: 10px; border: 1px solid #000; width: 30%; float: left; background: #2a2a2a; }
#content .ngg-albumtitle { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#content .ngg-thumbnail { float: left; margin-right: 10px; }
#content .ngg-thumbnail img { border: 1px solid #000; }
#content .ngg-thumbnail img:hover { border: 1px solid #febf4b; }
#content .ngg-description { color: #f4f4f4; font-size: 0.8em; line-height: 1.4em; }
#content .ngg-description p { margin: 0; padding: 0; }
#content .ngg-galleryoverview { margin-top: 10px; width: 100%; }
#content .ngg-gallery-thumbnail-box { float: left; padding: 10px; margin: 10px; border: 1px solid #000; background: #2a2a2a; }
#content .ngg-gallery-thumbnail-box:hover { background: #febf4b; }
#content .ngg-gallery-thumbnail { margin: 0; padding: 0; }
#content .ngg-gallery-thumbnail img { border: 1px solid #000; }
#content .ngg-clear { clear: both; }
#content .ngg-navigation { font-size: 10px; clear: both !important; display: block !important; padding-top: 20px; text-align: center; }
#content .ngg-navigation span { font-weight: bold; margin: 0px 5px; }
#content .ngg-navigation a.page-numbers, a.next, a.prev, span.page-numbers, span.next, span.prev { background: #232323; border: 1px solid #000; margin-right: 5px; padding: 5px 10px; }
#content .ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, span.page-numbers:hover, span.next:hover, span.prev:hover { background: #6c8dc5; color: #a90417 !important; text-decoration: none !important; }
/* specials */
#special_gd { }
#special_gd_09 .ngg-gallery-thumbnail-box { min-height: 170px; height: auto !important; height: 170px; }
#special_mac { }
#special_mac .ngg-gallery-thumbnail-box { min-height: 100px; height: auto !important; height: 100px; }
#special_crisis { }
#special_crisis .ngg-gallery-thumbnail-box { min-height: 170px; height: auto !important; height: 170px; }

/*-----------------COMMENTS-----------------------*/
#comments { width: 100%; }
/* actual comment styling */
#comments .page-title { margin-top: 20px; }
.commentlist { margin: 30px 0 30px 0; background: #2a2a2a; padding: 15px; }
.commentlist .comment { padding: 15px; margin: 0 0 15px 0; }
.commentlist .odd { background: #232323; }
.commentlist .even { background: #121212; }
.commentlist .fn { color: #7a7a7a; font-size: 16px; }
.commentlist .url { color: #bf4351; font-size: 16px; }
.commentlist .comment-meta { color: #7a7a7a; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img.avatar { float: right; margin: 5px 0 0 7px; border: 1px solid #000; }
.commentlist p { margin: 10px 0 10px 0; }
/* respond form */
#respond h3 { margin-bottom: 20px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 600px;  margin: 0 0 30px -4px; }
#commentform input { background: #2a2a2a; color: #7a7a7a; border: 1px solid #4a4a4a; padding: 10px; width: 355px; float: left; margin-bottom: 20px; font-family: Arial; font-size: 12px; }
#commentform textarea { background: #2a2a2a; width: 468px; height: 238px; color: #7a7a7a; font-size: 12px; padding: 10px; border: 1px solid #4a4a4a; font-family: Arial; line-height: 20px; overflow: hidden; margin: 5px 0 0px 1px; float: left; }
#commentform .submit { background: #6c8dc5; width: 128px; color: #121212; font-weight: bold; cursor: pointer; border: none; margin: 15px 0 20px 0; }
#commentform label {  padding: 7px 0 0 20px; float: left; font-size: 10px; }
#commentform .logged { margin: 0 0 0 5px; }

/*-----------------CONTACT FORM-------------------*/
#contact { margin: 20px 0 0 0; }
#contact .ok { color: #121212; border: 1px solid #00cc00; background: #e6fae6; padding: 10px; margin: 0 0 10px 0; }
#contact .error { color: #121212; border: 1px solid #cc0000; background: #fae6e6; padding: 10px; margin: 0 0 10px 0; }
#contactform  { width: 600px;  margin: 0 0 30px -4px; }
#contactform input { background: #2a2a2a; color: #7a7a7a; border: 1px solid #4a4a4a; padding: 10px; width: 355px; float: left; margin-bottom: 20px; font-family: Arial; font-size: 12px; }
#contactform textarea { background: #2a2a2a; width: 468px; height: 238px; color: #7a7a7a; font-size: 12px; padding: 10px; border: 1px solid #4a4a4a; font-family: Arial; line-height: 20px; overflow: hidden; margin: 5px 0 0px 1px; float: left; }
#contactform label { padding: 7px 0 0 20px; float: left; font-size: 10px; }
#contactform .submit { background: #6c8dc5; width: 128px; color: #121212; font-weight: bold; cursor: pointer; border: none; margin: 15px 0 0 0; }
#contactform .inputerror { border: 1px solid #cc0000; }

/*-----------------SEARCH FORM-------------------*/
#searchform {}
#searchform input { background: #2a2a2a; color: #7a7a7a; border: 1px solid #4a4a4a; padding: 10px; width: 355px; float: left; margin-bottom: 20px; font-family: Arial; font-size: 12px; }
#searchform .submitsearch { background: #6c8dc5; width: 128px; color: #121212; cursor: pointer; border: none; margin: 15px 0 0 0; }

/*-----------------FOOTER-------------------------*/
#footer { clear: both; padding: 15px 0 80px 0; font-size: 10px; border-top: 1px solid #eee; }
#footer .copyright { float: left; }
#footer .meta { float: right; color: #000000; }
#footer .meta a:link,#footer .meta a:visited { color: #000000; text-decoration: none; }
#footer a:hover,#footer .meta a:active { color: #000000; text-decoration: none; }

/*-----------------MISC-------------------------*/
#wpstats { width: 0px; height: 0px; padding: 0px; margin: 0px; border: none; overflow: hidden; }