/*
Theme Name: DarkTree
Theme URI: http://samueluherek.com/
Author: Samuel Uherek
Author URI: Samuel Uherek
Description: A dark theme for Wordpress, supports a Feature Image Slider to show featured contents.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, two-columns, fixed-width, custom-header, threaded-comments, sticky-post, translation-ready, microformats, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 =Structure
-------------------------------------------------------------- */
html {
background: #1D1A18;
}

@font-face {
font-family:VAG;
src:url('VAG.otf');
}

#page {
display:block;
width:960px;
margin:0 auto;
}

#primary {
float:left;
width:100%;
min-height:400px;
display:table-row;
margin:0 -240px 20px 0;
}

.home #primary {
padding-left:0 !important;
}

.home.blog #primary {
padding-left:25px !important;
}

.hentry {

}

.blog #primary,.single #primary,.page #primary,.archive #primary,.search #primary,.error404 #primary {
float:left;
width: 670px;
min-height:540px;
padding-left:35px;
margin:0 -255px 20px 0;
}

body.page-template-default .page, body.page-template-blog-php .page {
width: 650px;
}

body.page-template-full-width-page-php #primary {
float:left;
width: 880px;
min-height:540px;
padding-left:35px;
margin:0 -255px 20px 0;
}


#content {
margin:0 280px 0 0;
}

.home .page #content {
border-right:none !important;
width:960px;
margin:0 auto;
}

.home #content {
border-right:none !important;
width:960px;
margin:0 auto;
}

.home.blog #content {
border-right: 3px solid #DC703B !important;
width: 675px;
}

body.page.page-template-home-slider-php #main {
background: none;
}
body.page-template-home-slider-php #content {
border-right: none;
}

.blog #content,.single #content,.page #content,.archive #content,.search #content,.error404 #content {
border-right:3px solid #dc703b;
/* padding-right:35px; */
margin:30px 0px 25px 0;
}

.page #content {
border-right:3px solid #DC703B;
}

#main {
background:rgba(0, 0, 0, 0.8);
display:table;
margin-bottom:30px;
width:960px;
/*padding-right:20px; */
}

.home.blog #main {
background:rgba(0, 0, 0, 0.8);
display:table;
margin-bottom:30px;
min-width:960px;
padding-right:20px;
}

.home.page #main {
background: none;
} 
.home #main {
/* background:transparent;
display:block;
margin-bottom:0;
padding-right:0; */
}

#main .widget-area {
float:right;
overflow:hidden;
width:216px;
margin-top:10px;
padding-right:20px;
}

#colophon {
clear:both;
/*display:block; */
width:100%;
height:64px;
background:rgba(220, 112, 59, 1);
display: inline-block;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,.image-attachment #content,.error404 #content {
border:none;
margin:0;
}

/* Text meant only for screen readers */
.screen-reader-text,.assistive-text {
position:absolute !important;
clip:rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
display:inline;
float:left;
}

.alignright {
display:inline;
float:right;
}

.aligncenter {
clear:both;
/*display:block;*/
margin-left:auto;
margin-right:auto;
}

/* =Header
-------------------------------------------------------------- */
#site-title {
font-size:49px;
font-weight:700;
text-transform:uppercase;
padding-top:20px;
width:600px;
float:left;
margin:0;
overflow:hidden;
}

#site-description {
font-size:38px;
font-weight:700;
margin:0;
}

#secondary a {
color:#977c63;
text-decoration:none;
}

#secondary {
color:#FFF;
display:table-row;
}

div#secondary form {
margin-top: 1.83em;
margin-bottom: 0.83em;
}

/* Social Icons CSS */
#topSocial ul li a img {
border:none;
margin-top:9px;
margin-left:8px;
}

#topSocial ul li {
float:left;
width:50px;
padding:0 5px;
}

#topSocial ul li a {
display:block;
height:47px;
width:47px;
background:url(images/bk_topsocial.png) 0 0 no-repeat;
}

#topSocial {
right:0;
top:120px;
float:right;
}

/* Social Icons CSS */
ul {
list-style:none;
}

#hgroup {
background:rgba(0, 0, 0, 0.8);
height:100px;
width: 100%;
display: inline-block;

}

#navigation {
width:960px;
height:80px;
position:relative;
top:20px;
z-index:999;
margin:0 auto;
}

.hgroup {
width:960px;
font-weight:700;
color:#dc703b;
margin:0 auto;
}

/* =Menu
-------------------------------------------------------------- */
#access {
display:block;
width:auto;
float:right;
position:absolute;
right:0;
background:rgba(220, 112, 59, 0.95);
font-weight:700;
padding-top:3px;
height:auto;
margin:0 auto;
}

#colophon #access {
margin-top:15px;
background:transparent;
}

#colophon #access a {
color:#35312e;
}

#colophon #access ul li a {
background:none;
}

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

#access li {
float:left;
position:relative;
}

#access a {
display:block;
line-height:2em;
text-decoration:none;
color:#8e401a;
padding:0 1em;
}

#access ul ul {
box-shadow:0 3px 3px rgba(0,0,0,0.2);
display:none;
float:left;
position:absolute;
top:2em;
left:0;
z-index:99999;
background:rgba(220, 112, 59, 0.95);
}

#access ul ul ul {
left:100%;
top:0;
}

#access ul ul a {
line-height:1em;
width:9em;
height:auto;
padding:.5em .5em .5em 1em;
}

#access ul li a {
background:url(images/separator.png) center right no-repeat;
}

#access ul ul li a {
background:none !important;
}

#access ul li:last-child a {
background:none !important;
}

/* =Content
-------------------------------------------------------------- */
.entry-meta {
clear:both;
display:block;
font-size:13px;
}

.entry-meta a {
color:#977C63;
}

#content nav {
/*display:none; */
overflow:hidden;
}

#content nav .nav-previous {
float:left;
width:30%;
}

#content nav .nav-next {
float:right;
text-align:right;
width:30%;
padding-right: 15px;
}

#nav-below {
margin:1em 0 0;
}

.page-link {
clear:both;
margin:0 0 1em;
}

.page .edit-link {
clear:both;
display:block;
}

/* 404 page */
.error404 .widget {
float:left;
width:33%;
}

.error404 .widget_tag_cloud {
clear:both;
float:none;
width:100%;
}

/* Notices */
.post .notice,.error404 #searchform {
background:#eee;
display:block;
padding:1em;
}

.image-attachment nav {
float:right;
margin:0 0 1em;
}

.image-attachment .entry-content .entry-attachment {
background:#eee;
text-align:center;
margin:0 0 1em;
padding:1em;
}

.image-attachment .entry-content .attachment {
display:block;
text-align:center;
margin:0 auto;
}

.entry-content p {
font-size:14px;
line-height: 21px;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
float:left;
margin:0 1em 0 0;
}

#content .post {
margin-bottom:50px;
padding-right: 25px;
}

.single .wp-post-image {
border:5px solid #dc703b;
float:none;
margin-right:1em;
margin-bottom:10px;
margin-top:20px;
}

#comments {
width: 94%;
}

#comments ol {
list-style-type: none;
}
#comments li {
border: 1px solid gray;
margin-bottom: 30px;
padding: 15px 15px 15px 15px;
}

#comments-title {
color:#DC703B;
}

.comment-meta,.comment-meta a {
font-size:13px;
color:#977C63;
}

.entry-title,.entry-title a {
color:#dc703b;
text-decoration:none;
font-size:24px;
}

.entry-title a:hover {
text-decoration:none;
}

#site-generator {
width:300px;
float:left;
}

.bottom-bar {
height:40px;
background:#1d1a18;
font-size:13px;
padding-top:15px;
display: table;
width: 100%;
margin: 0 auto;
}

.thumbnail {
float:left;
margin-right:20px;
border:5px solid #DC703B;
margin-bottom:10px;
height:149px;
overflow:hidden;
width:243px;
}

.read-morelink {
float:right;
}

.read-morelink a {
color:#DC703B;
text-decoration:none;
}

/*#entry-meta { display: none; } */
.cat-thumb-1 {
width:250px;
float:left;
margin:0 30px 0 0;
}

.cat-thumb-2 {
width:250px;
float:left;
margin:0 30px;
}

.cat-thumb-3 {
width:250px;
float:left;
margin:0 0 0 30px;
}

.cat-thumb p {
width:251px;
padding:0 5px;
}

.recent-cat {
width:880px;
margin:0 auto;
}

.recent-cat p {
font-family:"Arial Regular", "Arial", sans-serif;
font-size:12px;
color:#fff;
}

.cat-title {
height:45px;
}

.full-bg {
background:#1d1a18 url(images/bg.jpg) center top no-repeat; 
width:100%;
margin:0 auto;
display: table;
}

body {
font-family:"Helvetica Neue Bold Condensed", "Helvetica Neue", sans-serif;
color:#FFF;
/*background:#1D1A18 url(images/bg.jpg) center top no-repeat; */
margin:0;
background: #1D1A18;
}

/* =Slider CSS
-------------------------------------------------------------- 
	Page style------------------- */
#container {
width:865px;
position:relative;
z-index:0;
height:320px;
margin:0 auto 50px;
padding:10px;
}

/*
	Slideshow*/
#slides {
position:absolute;
top:15px;
left:4px;
z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash*/
.slides_container {
width:855px;
overflow:hidden;
position:relative;
display:none;
border:10px solid #e78439;
height:315px;
}

/*
Each slide
Important:Set the width of your slides If height not specified height will be set by the slide content Set to display block*/

.slides_container a {
width:570px;
height:270px;
display:block;
}

/* Next/prev buttons */
#slides .next,#slides .prev {
position:absolute;
top:138px;
left:-50px;
width:24px;
height:43px;
display:block;
z-index:101;
}

#slides .next {
left:875px;
}

/* Pagination*/
.pagination {
width:100px;
margin:26px auto 0;
}

.pagination li {
float:left;
list-style:none;
margin:0 1px;
}

.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(slider/img/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}

.pagination li.current a {
background-position:0 -12px;
}

/* =End Slider CSS
-------------------------------------------------------------- 
 =Images
-------------------------------------------------------------- */
a img {
border:none;
}

p img {
margin-bottom:10px;
border:5px solid #DC703B;
margin-right:10px;
margin-left:10px;
}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.*/
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img,.wp-caption {
max-width:100%;
height:auto;
}

img.alignright {
margin-left:1em;
}

.wp-caption {
text-align:center;
padding:.5em;
}

.wp-caption img {
margin:.25em;
}

.wp-caption .wp-caption-text {
margin:.5em;
}

.wp-smiley {
margin:0;
}

#searchform input#s {
width:60%;
}

input[type=text],input#s {
width:60%;
margin:0 1em 0 0;
}

textarea {
width:80%;
}

/* Class for labelling required form items */
.required {
color:#c03;
}

#respond input[type=text] {
display:block;
width:60%;
}

#respond textarea {
display:block;
width:80%;
margin:0 0 1em;
}

#respond .form-allowed-tags {
clear:both;
width:80%;
}

.widget-area .widget_search {
overflow:hidden;
}

.widget ul {
padding-left:10px;
}

.widget li {
margin-bottom: 10px;
}

/* =Footer
-------------------------------------------------------------- */
.copy-footer {
width:960px;
margin:0 auto;
}

.copy-left {
width:auto;
float:left;
}

.copy-right {
width:auto;
float:right;
text-align:right;
}

.dotted {
border-top:3px dotted #977C63;
margin-top:-15px;
margin-bottom:5px;
}

#nav-footer {
position:relative;
}

.colophon-inner {
width:960px;
background:url(images/footer-bg.jpg) no-repeat;
height:63px;
margin:0 auto;
}

.blog #page,.single #page,.page #page,.archive #page,.search #page,.error404 #page,.single #content {
margin-top:30px;
}

#site-title a,.bottom-bar a {
text-decoration:none;
color:#dc703b;
}

.page-header, #colophon #access ul ul, .single-author .entry-meta .byline, #content #nav-above, .format-aside .entry-header, .format-image .entry-header, #searchform label {
display:none;
}

.page #comments { }

.single #nav-above {
display:none !important;
}

nav#nav-below .nav-previous,nav#nav-below .nav-next { }


#secondary a:hover,#colophon #access a:hover,.entry-meta a:hover,.bottom-bar a:hover,.read-morelink a:hover {
text-decoration:underline;
}

#secondary .widget-title,.fn,.fn a,#respond #reply-title {
color:#dc703b;
}

#access li:hover > a,#access ul ul :hover > a,#access ul li.current_page_item a,a {
color:#FFF;
}

#access ul li:hover > ul,.paged #content #nav-above,.single #content #nav-above,.single .format-aside .entry-header,.single .format-image .entry-header,.slides_container a img,article.comment,#respond .form-allowed-tags code,.widget {
display:block;
}

.error404 .widget .widgettitle,.error404 .widget ul,img.alignleft {
margin-right:1em;
}

.image-attachment div.entry-meta,.widget-area .widget_search input {
float:left;
}

.image-attachment .entry-content,.clear {
clear:both;
}

.format-aside .entry-content,.format-aside .entry-summary,.format-image .entry-content,.format-image .entry-summary {
padding-top:1em;
}

.single .format-aside .entry-content,.single .format-aside .entry-summary,.single .format-image .entry-content,.single .format-image .entry-summary {
padding-top:0;
width: 650px;
}

.sticky {}
.gallery-caption {}
.bypostauthor{}