/*
Theme Name: Work-a-holic Pro
Theme URI: http://graphpaperpress.com
Description: Showcase your work on the web. A child theme for Modularity 2.2.3 and above
Author: Chandra Maharzan
Author URI: http://graphpaperpress.com
Template: modularity
Version: 1.0
Tags: minimalistic, clean, fixed width, two column, separate blog, portfolio
License:  GPL
*/
	
@import url("../modularity/style.css");

/* Globals */
body {background: #222222;}
p {color:#555555;}
h3.sub {color:#000000; border-color: #000000}
h3.sub a {border:none;}
caption {background: #6BB5BF;color:#101a23;font-weight: bold}
label {font-weight:normal;}
div.colbordermain{border-color: #222222;margin-right:24px; border-right-width: 0px;}
div.colborder{border-color: #222222;margin-right:24px; border-right-width: 1px;}
blockquote {border-left: 5px solid #A7D8DF;margin-left:0; padding-left: 1.5em;}
hr {background-color: #A7D8DF;}
.span-7 {width:284px; height:250px;}
.span-16 {width:617px;}

/* Masthead */
#mastheader {width: 100%; background: #111111;}
#masthead {background: none; margin: 0px auto;padding:20px 0; float:none;height:60px;width:950px;}
#masthead #logo {float:left;}
#masthead #logo h1 {float:none;width:auto; padding: 0px 0 0 0;margin:0;line-height:0}
#masthead #logo h1 a {color: #fff;border:none;}
#masthead #logo h1 a:hover {color:#fff}
#masthead #logo .description {text-align:left;color:#666666;font-family:Tahoma;font-size:12px;font-style:normal;float:none;margin:0;padding-top:10px;}
#masthead #search {float:right;width:auto;margin-top:18px;}
#masthead #search #s {background:#888888 url(images/search.png) no-repeat scroll 2px 4px;border:none;color:#101a23;-moz-border-radius: 1px; -webkit-border-radius: 1px;} /*цвет подложки поиска: 22666F, ховер = 6bb5bf радиус закругления по умолчанию 5px*/
#masthead #search #s:hover {background:#ffffff url(images/search.png) no-repeat scroll 2px 4px;color:#101a23;}

/* Main navigation overrides */
.sf-menu {float:right; margin:0;padding:0;width:auto;position:relative;background:none;top:17px;margin-right:10px}
.sf-menu a, .sf-menu a:visited  { color:#6BB5BF;border-bottom: none;}
.sf-menu li a {font-size:12px;font-weight: bold;padding: 6px 14px 8px 14px;}
.sf-menu > li a {-moz-border-radius: 1px; -webkit-border-radius: 1px;}
.sf-menu  li a:hover {background: #D1EBEF;color:#101a23;-moz-border-radius: 1px; -webkit-border-radius: 1px;}
.sf-menu > li {background:#04383F;color: #101a23;margin-right:10px;-moz-border-radius: 1px; -webkit-border-radius: 1px; width: 115px;}
.sf-menu li ul {margin:-3px 0 0 0;padding:0;-moz-border-radius: 0; -webkit-border-radius: 0;-moz-border-radius-bottomleft:1px;-moz-border-radius-bottomright:1px;-webkit-border-bottom-right-radius:1px;-webkit-border-bottom-left-radius:1px;background: #D1EBEF;width: 115px;}
.sf-menu li ul li {margin:0;padding:0;background:none;}
.sf-menu li li a { font-size:12px;background:none;padding:2px 14px 8px}
.sf-menu li li a:hover { background:none;}
.sf-menu a > .sf-sub-indicator {top:8px;}
.sf-menu li.sfHover{color: #101a23;}
.sf-menu a.sf-with-ul {padding-right:1.9em;-moz-border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;-webkit-border-top-left-radius:12px;}
.sf-menu li.sfHover, .sf-menu a.sf-with-ul:hover {background:#D1EBEF;-moz-border-radius: 0; -webkit-border-radius: 0;-moz-border-radius-topleft:1px;-moz-border-radius-topright:1px;-webkit-border-top-right-radius:1px;-webkit-border-top-left-radius:1px;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none;}
.sf-menu li.sfHover{background: #888888;}
/*D1EBEF*/


/* Welcome */
.hello {background:#111;width:100%;border-top: 0px solid #D1EBEF;border-bottom:0px solid #8EC7CF; text-align:center;height:80px;}
.welcomebox {background:none;width:950px; margin: 0 auto;overflow: hidden;display: table;padding: 0px 0;text-align:left;height:80px;}
.welcomebox h2 {color:#6BB5BF;float:none;font-size:3em;font-weight: bold;margin:0;padding:0 20px 5px 0;line-height:1.1;letter-spacing: 0px;vertical-align: bottom;display: table-cell;text-shadow: #fff 0px 0px 1px;}
.welcomebox h3 {line-height: 20px;font-size:14px;vertical-align:bottom;display: table-cell;}
.welcomebox h3 a {font-style: italic; color: #101a23;}
.welcomebox h3 a:hover {color: #45949F}
.welcomebox h3 {color:#101a23}

/* Featured Items */
.featureditems {background: #111 url(images/thumb-bg.gif) no-repeat 0px 7px;margin: 0 0 30px 0; overflow: hidden;}
.featureditems a {font-size:12px; border:none;}
.featureditems img {max-width:230px;border:0 none;height:230px;position:absolute;top:7px;left:0px;width:230px;z-index:3;}
.featureditems h4{position:relative;margin:0;}
.featureditems a.thumb {color:#FC0;display:block;height:205px;line-height:1.2;overflow:hidden;padding:15px;position:relative;}
.featureditems h4 span.category {bottom:0;color:#aaa;left:0;position:absolute;margin:0 18px 18px 23px;}
.featureditems h4 span.category a {color:#111;}
.featureditems h4 span.category a:hover {color:#fff;}
.featureditems h4 span.category {color:#111;}
.featureditems a:hover {color:#fff;}
.featureditems h4 span.title a {font-size: 16px; font-weight:bold;bottom:0;left:0;padding:18px 18px 36px 23px;position:absolute;}
#featured h3.sub {border-color: #A7D8DF;margin-bottom: 25px;padding-bottom: 10px}
#featured {margin: 20px 0 30px 0;overflow: hidden;}
#featured img.attachment-thumbnail {max-width:230x;overflow:hidden;display: inline; left: 0px;}
.end {margin-bottom:0;padding-bottom:0}

/* Thumbnail Slider */
.sliderGallery {background: #D1EBEF;width: 2860px}
.slider-item span.slider-title  {width: 262px}
.slider-item a.thumb, .slider-item  .slider-title a {border:none;}
.slider-item .attachment-thumbnail {width: 270px; border:none;}
#slider-handle {background: #A7D8DF;}
.ui-slider-handle {background: #6BB5BF;border:none;}

/* Post Slider */
#jFlowSlide { background: #A7D8DF; }
#myController span.jFlowSelected { background: #A7D8DF; }
.jFlowControl, .jFlowPrev, .jFlowNext { color: #6BB5BF; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #A7D8DF; }
.slide-details .description p { color: #101a23; }
.slide-details h2 {font-style: normal; line-height: 1.2}
.slide-details h2 a { color: #101a23; border: none; }
.slide-details h2 a:hover { color: #6BB5BF; }
.slide-thumbnail a { border: none; }
.slide-details a.button { color: black; background: #6BB5BF; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.slide-details a.button:hover { background: #D1EBEF; }

/* Content */
.container {background: none; margin:10px auto;}
.container-inner {padding:0}
.content {overflow: hidden}
.single .container-inner {padding-top:0; padding-bottom: 20px; 0}
.postmetadata {background: #A7D8DF;color:#6BB5BF;}
.postmetadata a {color:#777; border-bottom: 1px dotted #777; }
.postmetadata a:hover {color: #777;border-bottom: 1px dotted #777;}
img.size-medium, img.alignnone {border: 0px solid #fff;padding:0} /*средняя картинка*/
.wp-caption a {border:none;}
.wp-caption p.wp-caption-text  {padding: 0 0px 10px;}
.thumbnail, .attachment-thumbnail {width: 210px; max-width: 300px;border: 7px solid #222;}

/* Comments */
#commentform textarea {border: 1px solid #999; background:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#commentform textarea:hover { border:1px solid #fff; background:#FFF; }
#respond {margin-bottom: 0}
#commentform input {border:1px solid #A7D8DF; padding:3px}
#commentform #submit {c-moz-border-radius: 2px; -webkit-border-radius: 2px;}
#commentform #submit:hover {background: #23323F;}
ol.commentlist li:hover {background: none;}
ol.commentlist li {border-color: #FC0;padding-right: 0;padding-left: 50px; padding-top: 10px}
ol.commentlist li div.comment-meta, ol.commentlist li.comment-author-admin div.comment-meta {background: #444;} /*цвет подложки мета в комментах*/
ol.commentlist li.comment-author-admin {border-color: #222}
ol.commentlist li div.comment-meta a,ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#101a23}
ol.commentlist li div.vcard img.avatar {padding:3px; background: #fff;top:10px}
ol.commentlist li div.reply a {background: #101a23;color: #fff;border:none;}
ol.commentlist li div.reply a:hover {background: #23323F;}

/*ol.commentlist li.comment-author-admin {
border-top:1px dotted #444;
} цвет и стиль линии разделителя в блоге*/

/* Sidebar Widgets */
#sidebar ul li a, ul.txt li { border-color: #111111;background:transparent url(images/li.png) no-repeat scroll 0 50%;padding-left:15px} /*border color - цвет линий сбоку*/
#sidebar ul li a:hover, ul.txt li:hover {color:#fff;background:#FFF url(images/li-white.png) no-repeat scroll 5px 50%; padding-left:20px}
#sidebar #search #s { margin: 10px 0 0 0; }
#sidebar table, #sidebar td, #sidebar th {text-align: center;}
#sidebar td, #sidebar th {border-bottom: 1px solid #A7D8DF; }
#sidebar th {background: #A7D8DF;color:#6BB5BF;}
#sidebar a.portfolioheading {font-weight: bold;padding-left:0;background: none; color: #666666} /*колор - цвет заголовков-ссылок в боковой колонке*/
#sidebar a.portfolioheading:hover {font-weight: bold;padding-left:0;background: none; color:#FFF} /*колор - цвет заголовков-ссылок в боковой колонке. наведение*/

/* Archive */
.archive h3 {margin:.5em 0}
.archive .content {margin: 2em 0}

/* Slider */
.sliderGallery {background:#000}

/* Portfolio Gallery */
#gallerys {border:0px solid #fff;display: none;padding:0;margin:0}
#gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;  border-collapse: collapse;}
#gallery-nav li.current a {color:#101a23;background: #fff}
#gallery-nav li a {color:#fff;font-weight: bold; border: none; padding:3px 6px;background:#6BB5BF;}
#gallery-nav li a:hover {background: #a7d8df;color:#101a23;}
.attachment-medium {display: block}

/* Archive Navigation */
.navigation-archive {clear: both;margin: 20px 0 15px;height: 33px;text-align:center;}
.next  {background: url(images/prevnext.png) -105px -66px no-repeat;width: 85px; height: 33px;float: right;}
.prev  {background: url(images/prevnext.png) 0 -66px no-repeat;width: 105px; height: 33px;float: right;}
.next a {background: url(images/prevnext.png) -105px 0 no-repeat;width:85px; margin:0;padding:0}
.prev a {background: url(images/prevnext.png) 0 0 no-repeat;width:105px;margin:0;padding:0}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a:hover {background-position: -105px -33px;border:none}
.prev a:hover {background-position: 0 -33px;border:none}
.navigation-archive .prev {float:left}

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em 0}
.byline {font-size:.9em;margin:0 0 10px ;color:#fff}
.byline a {color:#fff}
.more {margin:0 0 1em 0;background:#111} /*цвет подложки последних записей блога*/
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#fff;height:1%;line-height:1.2em;border-bottom:1px dotted #000;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#000;background-position:1px 0.8em;background: #fff}
.more ul li a span{color:#fff;}
.more ul li.active a{cursor:default;color:white;}
.double-border {background: none; border-bottom: 1px solid #A7D8DF}

/* Footer */
#footer {padding:0;color:#6BB5BF;}
#footer p{color:#6BB5BF;}
/*#footer a {color:#35848F;border-bottom: 1px dotted #1D575F;}
#footer a:hover {color:#6BB5BF !important;}*/
#footer-wrap {background:#101a23;margin:0 auto; padding: 2em 0 3em; width: 100%;overflow: hidden}
#footer div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #0C2B2F;}
#footer hr {background:#092A2F}
#footer h3, #footer h3.sub {color:#777777;margin:1.3em 0; text-transform: uppercase; size:8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;letter-spacing: 1px}
#footer h4, #footer p.quiet {font-size:11px;}
#footer ul {margin:0;padding:0}
#footer ul li {padding: 0 0 4px 0;margin:0}
#footer ul li a {display: inline;padding:0}
#footer ul li a:hover {background:none;}
#footer .item h4, #footer .item h4 a {font-size: 12px;}
#footer .item h4 span {font-weight: normal; font-size:11px;}
#footer #twitter_update_list li {margin-bottom:0.5em;}
#footer #twitter_update_list li span a {display: inline;padding:0;}
#footer .item {margin:0}
.item dt {clear:left;float:left;font-weight:bold;width:60px;}
.item dd{margin-left:60px}
#footer ul#recentcomments li.recentcomments {padding:0}