/*
Theme Name: craftwercz Home
URI: http://craftwercz.com/
Description: Dark
Version: 1.0
Author: craftwercz/T
Author URI: http://craftwerczstudios.com*/

/* Blueprint CSS Styles */@import url( 'library/styles/screen.css' );
/* Menu CSS */@import url( 'library/styles/superfish.css' );
/* jQuery UI CSS */@import url( 'library/styles/jquery-ui-1.7.1.custom.css' );

/************************* DEFAULT STYLES ***************************/
body{ 
background:#0f0f0f; 
color:#999; 
font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
cursor:crosshair;
}

/************************* LAYOUT ***************************/
.container{ 
background:#0f0f0f;
width:990px;
margin:0 auto;
z-index:49; 
}

.container-inner{
width:950px; 
margin:0 auto;
padding:1.6em 0 1em;
}

/************************* FORMATTING ***************************/
h1,h2,h3,h4,h5,h6{ 
color:#999; 
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ 
color:#fff; 
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{ 
color:#1e90ff; 
}

h3.sub,h2.sub{
margin:0 0 10px 0;
padding:0 0 5px 0;
font-size:1.1em;
font-weight:bold;
line-height:1em;
text-transform:uppercase;
letter-spacing:2px;
color:#808080;
border-bottom:1px solid #eee;
}

p{
color:#b2b2b2;
}

/************************* LINKS ***************************/
a{ 
color:#fff; 
text-decoration:none;
}

a:hover, a:focus{ 
color:#1e90ff; 
}

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

.clearfix{
display:inline-block;
}

* html .clearfix{
height:1%;
}

*:first-child+html .clearfix{
min-height:1px;
}

.clearfix{
display: block;
}

#filters{
clear:both;
height:2em;
margin-bottom:1em;
}

#filters li{
float:left;
margin-right:2em;
}

.prev{}

.next{}

:focus{
outline:0;
}

.sticky{ 
font-size:24px;
border:1px solid #333;
border-width:1px 0;
background:#000;
padding:15px;
}

.double-border{
background:url(images/double-border.png) repeat-x bottom; 
height:8px; 
width:100%;
clear:both;
float:none;
border:none;
margin:1em 0;
}

.ad-main, .ad-sidebar{
display:block;
clear:both;
}

.hidden{
display:none;
}

/* Prevent the smileys from breaking line-height */
.wp-smiley{ 
max-height:13px; 
margin:0 !important; 
} 

/************************* PHOTOSHELTER ***************************/
img.wp-photoshelter-img{
padding:4px; 
background:#000; 
margin:0 1em 1em 0;
}

img.wp-photoshelter-img:hover{
background:#000;
}

/************************* HEADER ***************************/
/************************* TOP ***************************/

#top{
background:#000;
width:100%;
height:150px;
}

.top-inner{
width:950px;
margin:0 auto 1em;
padding:0 0 0 .5em;
color:#808080;
position:relative;
z-index:30;
}

#top a{
color:#e6e6e6;
}

h6.top{
color:#e6e6e6;
}

.login{
float:left;
}

form#loginform{
text-align:left;
}

input #wp-submit{
background:#000;
}

hr{
height:1px;
}

.hide{
display:none; 
text-indent:-9999px;
}

.app{
margin-bottom:15px;
}

/************************* LOGO ***************************/
#logo{
float:left;
padding-top:20px;
margin:0;
}

#logo .description{
float:right; 
margin:1.5em 2em;
vertical-align:middle;
}

/************************* NAV ***************************/
.sf-menu{
float: right; 
margin: 18px 0 0 0;
padding:8px 0 6px 10px;width:auto;
font-size:1.1em;
font-weight:bold;
}

.sf-menu li{
margin-right:1em;
}

.sf-menu #search #s{
width:100px;
}

#top .sf-menu a{
color:#fff;
}

#top .sf-menu a:hover{
color:#ff0000;
}

/************************* SEARCH ***************************/
#search{
margin:10px 0 0 0; 
padding:0;
}

#search #s{
background:#000;
width:150px;
color:#999;
font-size:1em;
margin:0;
padding:4px 0 4px 4px;
border:1px solid #fff;
}

#search input{
border:0;
}

#search #s:hover{
color:#fff;
background:#000 url('images/search.gif') right no-repeat;
}

.search-excerpt{
margin:0;
}

#searchsubmit{
display:none;
}


/***************************************** MENU ******************************************** */
.pads{
width:950px;
margin:0 auto;
}

#menu .pads{
position:relative;
background:#000;
margin-bottom:20px;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
}

#menu ul ul{
left:0;
top:34px;
width:170px;
display:none;
position:absolute;
background:#0f0f0f;
}

#menu ul ul ul{
top:-1px;
left:170px;
}

#menu li{
margin:0;
padding:0;
float:left;
position:relative;
border-right:1px solid #222;
}

#menu li li{
margin:0;
float:none;
border:none;
line-height:0;
border-bottom:1px solid #222;
}

#menu a{
display:block;
padding:10px 15px;
font-weight:bold;
line-height:1.2em;
position:relative;
}
#menu a:link,#menu a:visited{
color:#fff;
}

#menu a:hover,#menu .current-cat a{
background:#FF0000;
text-decoration:none;
}

#menu li:hover a,#menu .current-cat li a,#menu .current-cat-parent li a{
background:#0f0f0f;
}

#menu li:hover a:hover,#menu .current-cat li a:hover,#menu .current-cat-parent li a:hover,#menu .current-cat-parent{
background:#0f0f0f;
color:#FF0000;
}

#menu li li a{
width:140px;
float:none;
display:block;
}

#menu .sub_list{
padding-left:15px;
background:transparent url('images/arrow-down.png') no-repeat 11px 3px;
}

#menu .sub_sub_list{
width:9px;
height:6px;
padding-left:15px;
background:url('images/arrow-right.png') no-repeat 9px 5px;
}

#menu #m-subscribe{
top:0;
right:0;
float:none;
position:absolute;
border:none;
}

#menu #m-subscribe a {
padding:5px 10px;
}
#menu #m-subscribe a:hover{
color:#000;
background:none;
}


/************************* OPTIONAL WELCOME MESSAGE BOX ***************************/
.welcomebox{
padding:1.5em;
margin:0 0 1.6em 0;
background:#000;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

a, .welcomebox h2 a{
color:#808080;
text-decoration:none;
}



/************************* CONTENT ***************************/
/************************* POSTS ***************************/

.content{
display:block;
clear:both;
}

.post{
display:block;
clear:both;
}

#content h2, .post h2{ 
text-align:left; 
border-bottom:1px solid #333; 
border-top:1px solid #333; 
padding:6px 0 0 0; 

}

#content h2 a, .post h2 a{ 
color:#fff;
}

#content h2a:hover, .post h2a:hover{
color:#1e90ff;
}

.postmetadata{ 
background:#000; 
margin:0 0 2em 0; 
padding:.5em; 
color:#808080; 
font-size:1em; 
display:block; 
clear:both;
height:25px;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}

.postmetadata a{ 
color:#fff; 
}

.postmetadata a:hover{ 
color:#1e90ff; 
}

.sub{ 
text-transform:uppercase; 
}

.underlined{ 
border-bottom:1px solid #333; 
}


/************************* POST NAVIGATION ***************************/

.post-nav-prev,.post-nav-next, #dialog_link,.icon{ 
float:left; 
margin:0 0 0 0; 
padding:.4em .4em .4em 1.5em; 
text-decoration:none; 
position:relative; 
color:#808080; 

}
.icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon{ 
margin:0 5px 0 0; 
position:absolute; 
left:.2em; 
top:50%; 
margin-top:-8px; 
}

.post-nav-next span.ui-icon{ 
margin:0 5px 0 0; 
position:absolute; 
left:42px; 
top:50%; 
margin-top:-8px; 
}

ul#icons{ 
margin:0; 
padding:0; 
}

ul#icons li{ 
margin:2px; 
position:relative; 
padding:4px 0; 
cursor:pointer; 
float:left;  
list-style:none; 
}

ul#icons span.ui-icon{ 
float:left; 
margin:0 4px; 
}

#post-nav{ 
float:right;
padding-right:10px;
}

.nav{ 
margin:12px 0; 
font-size:1em;
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}

.nav a{ 
background:#000; 
color:#fff; 
padding:8px; 
text-decoration:none; 
}

.nav a:hover{ 
color:#1e90ff; 
background:#333; 
cursor:pointer; 
}

.byline{
font-size:11px;
margin:0;
color:#999;
}

.byline a{
color:#fff;
}

.byline a:hover{
color:#1e90ff;
}

/************************* FLOATS & IMAGES ***************************/
/************************* FLOATS ***************************/

.right{ 
float:right; 
}

.left{ 
float:left; 
}

.middle{
margin:0 auto;
float:left;
}

.clear{ 
clear: both; 
}

/************************* IMAGE ALIGNMENT ***************************/

img.centered{
display:block;
margin-left:auto;
margin-right:auto;
max-width:950px;
}

img.alignright{
padding:4px 0 4px 4px;
margin:3px 0 2px 10px;
display:inline;
max-width:950px;
}

img.alignleft{
padding:4px 4px 4px 0;
margin:3px 10px 2px 0;
display:inline;
max-width:950px;
}

img.alignnone{
padding:4px 4px 4px 0; 
margin:3px 10px 2px 0;
display:block;
max-width:950px;
}

.alignleft{
float:left;
}

.alignright{
float:right;
}

.aligncenter,div.aligncenter{
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
}

/************************* IMAGE ATTACHMENTS ***************************/

.thumbnail, .attachment-thumbnail{
margin:0 1.5em 1.5em 0;
float:left;
}

.attachment-medium{
max-width:950px;
overflow:hidden;
display:inline;
}

.attachment-large{
max-width:950px;
overflow:hidden;
display:inline;
}

.content .size-medium, content size-large{
margin:0 1.5em 1.5em 0;
}

.home .size-medium, .home .size-large{
max-width:590px; 
height:auto; 
overflow:hidden;
margin:0 .5em .5em 0;
}

/************************* GALLERY ***************************/

.gallery{
display:block;
clear:both;
overflow:hidden;
margin:0 auto;
}

.gallery .gallery-row{
display:block;
clear:both;
overflow:hidden;
margin:0;
}

.gallery .gallery-item{
overflow:hidden;
text-align:center;
list-style:none;
padding:0; 
margin:0 auto;
}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail{
max-width:100%;
height:auto;
padding:0;
border:none !important;
}

.gallery-caption{
margin-left:0;
}

.gallery-item .attachment-thumbnail{
float:none !important;
margin:0 auto;
}

.gallery-item dd{
clear:both;
}

/************************* IMAGE SIZE DEPENDANT ON COLUMN ***************************/

.col-0{
 width:100%;
}
.col-1{ 
width:100%; 
}
.col-2{ 
width:50%;
}
.col-3{
width:33%; 
}
.col-4{ 
width:25%; 
}
.col-5{ 
width:20%; 
}
.col-6{ 
width:16.5%; 
}
.col-7{ 
width:14%; 
}
.col-8{ 
width:12.4%; 
}
.col-9{ 
width:11%; 
}
.col-10{ 
width:10%; 
}
.col-11{ 
width:9%; 
}
.col-12{
 width:8.33%; 
}
.col-13{ 
width:7.6%; 
}
.col-14{ 
width:7.1%; 
}
.col-15{ 
width:6.66%; 
}
.col-16{ 
width:6.25%; 
}
.col-17 { 
width:5.83%; 
}
.col-18{ 
width:5.55%; 
}
.col-19{ 
width:5.25%; 
}
.col-20{ 
width:4.95%; 
}

/************************* IMAGE CAPTIONS ***************************/

.wp-caption{
text-align:center; 
}

.wp-caption img{ 
margin:0; 
padding:0; 
border:0 none; 
}

.wp-caption .wp-caption-text{ 
margin:0; 
padding:5px; 
}

/************************* COMMENTS ***************************/
/************************* COMMENT LISTS ***************************/

ol.commentlist{
list-style:none; 
margin:0; 
padding:0; 
text-indent:0; 
}

ol.commentlist li{ 
border-top:2px solid #333; 
margin:0 0 10px; 
padding:5px 7px 5px 57px; 
position:relative; 
height:1%;
}

ol.commentlist li:hover{}

ol.commentlist li.alt{}

ol.commentlist li.bypostauthor{}

ol.commentlist li.byuser{}

ol.commentlist li.comment-author-admin{
background:#000;
border-top:2px solid #333;
}

ol.commentlist li.comment{
background:#0f0f0f;
}

ol.commentlist li div.comment-author{ 
padding:0 170px 0 0; 
}

ol.commentlist li div.vcard{ 
font-weight:bold; 
color:#808080; 
}

ol.commentlist li div.vcard a{
color:#fff;
}

ol.commentlist li div.vcard cite.fn{ 
font-style:normal; 
}

ol.commentlist li div.vcard cite.fn a.url{ 
text-decoration:none; 
}

ol.commentlist li div.vcard cite.fn a.url:hover{ 
color:#1e90ff; 
}

ol.commentlist li div.vcard img.avatar{
left:0;
position:absolute; 
top:5px; 
}

ol.commentlist li div.vcard img.avatar-32{}

ol.commentlist li div.vcard img.photo{}

ol.commentlist li div.vcard span.says{}

ol.commentlist li div.commentmetadata{}

ol.commentlist li div.comment-meta{ 
font:11px helvetica,arial,sans-serif;
position:absolute; 
right:0; 
text-align:right; 
top:0;
background:#000; 
padding:6px 4px 4px 4px;
}

ol.commentlist li div.comment-meta a{ 
color:#fff; 
text-decoration:none; 
}

ol.commentlist li div.comment-meta a:hover{ 
color:#1e90ff; 
}

ol.commentlist li.comment-author-admin div.comment-meta{
background:#000; 
color:#999;
}

ol.commentlist li p{}

ol.commentlist li ul{}

ol.commentlist li.comment-author-admin div.comment-meta a{
background:#000; 
color:#fff;
}

ol.commentlist li.comment-author-admin div.comment-meta a:hover{
color:#1e90ff;
}

ol.commentlist li div.reply{ 
text-align:center; 
width:36px; 
}

ol.commentlist li div.reply a{ 
background:#000; 
color:#808080; 
font:bold 9px/1 helvetica,arial,sans-serif; 
padding:6px 10px 3px;  
text-decoration:none; 
text-transform:uppercase; 
}

ol.commentlist li div.reply a:hover{
color:#fff; 
background:#000;
}

ol.commentlist li ul.children{ 
list-style:none; 
margin:1em 0 0; 
text-indent:0; 
}

ol.commentlist li ul.children li{}

ol.commentlist li ul.children li.alt{}

ol.commentlist li ul.children li.bypostauthor{}

ol.commentlist li ul.children li.byuser{}

ol.commentlist li ul.children li.comment{}

ol.commentlist li ul.children li.depth-2{ 
margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-3{ 
margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-4{ 
margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-5{}

ol.commentlist li ul.children li.odd{}

ol.commentlist li.even{}

ol.commentlist li.odd{}

ol.commentlist li.parent{}

ol.commentlist li.pingback{}

ol.commentlist li.pingback.parent{}

ol.commentlist li.pingback div.vcard{ 
padding:0 170px 0 0; 
}

ol.commentlist li.thread-alt{}

ol.commentlist li.thread-even{}

ol.commentlist li.thread-odd{}

ol.commentlist li.comment-author-admin{}

#comments{
margin:4px 0;
}

#respond{
margin:30px 0; 
padding:10px 0;
border-top:2px solid #333;
}

/************************* COMMENT FORM ***************************/

#commentform{ 
background:#000;
margin-bottom:60px;
}	

#commentform input{
width:170px;
padding:2px;
margin:5px 5px 1px 0;
font-size:1.2em;
color:#808080;
}

#commentform textarea{
margin-top:5px;
width:95%;
padding:2px;
border:1px #333 solid;
font-size:1.2em;
}

#commentform textarea:hover{
border:1px solid #333;
}

#commentform #submit{
margin-top:5px;
padding:5px;
font-weight:bold;
font-size:1.3em;
background:#000 none repeat scroll 0 0;
border:1px solid #333;
color:#e6e6e6;
font-size:1.3em;
font-weight:bold;
margin-top:5px;
padding:5px;
}

legend{
font-size:1.2em;
font-weight:bold;
padding:2px 10px;
}

#commentform #submit:hover{
background:#000;
color:#fff;
}

#wp-submit{
font-weight:bold;
font-size:1em;
background:#000 none repeat scroll 0 0;
border:1px solid #333;
color:#b2b2b2;
font-weight:bold;
padding:5px;
}

#wp-submit:hover{
background:#000;
color:#999;
}


/*************************SIDEBAR ***************************/

#sidebar{
background:#0f0f0f;
margin:0;
}

#sidebar h3{
margin:0;
padding:0 0 .6em 0;
}

#sidebar .item{
margin:0 0 4em 0;
}

#sidebar ul{
list-style:none;
margin:0 0 1.6em 0;
font-size:1em;
}

#sidebar ul li a,ul.txt li{
color:#fff;
height:1%;
background:url(images/li.png) no-repeat  0;
line-height:1.2em;
border-bottom:1px solid #333;
display:block;
padding:6px 0 6px 8px;
}

#sidebar ul li a:hover,ul.txt li:hover{
color:#1e90ff;
background-position:1px 0.8em;
background:#000 url(images/li-white.png) no-repeat 3px 10px;
}

#sidebar ul li a span,ul.txt li,h4 a span{
color:#b2b2b2;
}

#sidebar ul li.active a{
cursor:default;
color:#e6e6e6;
}

#sidebar ul ul{
margin:0;
list-style:none;
}

#sidebar ul#recentcomments, #footer ul#recentcomments{
list-style:none;
margin:0 0 1.6em 0;
font-size:1em;
}

#sidebar ul#recentcomments li.recentcomments,#footer ul#recentcomments li.recentcomments{
display:block;
padding:4px 0 4px 8px;
}

#sidebar ul#recentcomments li.recentcomments a, #footer ul#recentcomments li.recentcomments a{
border:0; 
background-image:none;
color:#fff;
}

#sidebar ul#recentcomments li.recentcomments a:hover, #footer ul#recentcomments li.recentcomments a:hover{
color:#1e90ff;
background-position:1px 0.8em;
background:#000;
}

#sidebar ul#recentcomments li.recentcomments a span, #footer ul#recentcomments li.recentcomments a span{
color:#b2b2b2;
}

/************************* FOOTER ***************************/

#footer-wrap{
background:#000;
height:300px;
}

#footer{
width:950px;
padding:1.5em 0;
margin:0 auto;
color:#808080;
text-align:left;
}

#footer p{
color:#808080;
}

#footer h3{
margin:0;
padding:0 0 .6em 0; 
border-bottom:none; 
color:#b2b2b2;
}

#footer .item{
margin:0 0 4em 0;
}

#footer a{ 
color:#fff; 
}

#footer a:hover{ 
color:#1e90ff; 
}

#footer ul{ 
list-style:none; 
margin:0 0 1.6em 0;
font-size:1em;padding:0; 
border-top:1px solid #333; 
}

#footer ul ul{
margin:0;
list-style:none;
}

#footer ul li{ 
border-bottom:1px solid #333; 
}

#footer ul li a, ul.txt li{
color:#fff;
height:1%;
line-height:1.2em;
display:block;
text-decoration:none; 
padding: 6px 0 6px 8px;
}

#footer ul li a:hover,ul.txt li:hover{
color:#1e90ff;
background-position:1px 0.8em;
background: #000;
}

#footer ul li a span,ul.txt li,h4 a span{
color:#808080;
}

#footer ul li.active a{
cursor:default;
color:#b2b2b2;
}