/*
STOJEDENprocent - Grotesque
autor: Piotr Siwinski (http://stojeden.org)
*/
/*
Theme Name: Grotesque
Theme URI: http://stojeden.org/
Description: STOJEDENprocent.
Version: 3.0a
Author: Piotr Siwinski.
Tags: stojeden, groteska, portfolio, opowiadania, liryka
*/


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
*{padding: 0; margin: 0;}
body {
	background: #000 url('images/bg_main.png') repeat-y left;
	border: none;
	font: 12px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	color: #5E6568;
	text-align: left;
}
#contentWrapper {
	width: 100%;
	background: transparent url('images/bg_maintance.png') no-repeat top left;
	margin: 0;
	float: left;
}
#topContentWrapper {
	width: 100%;
	background: transparent url('images/topMenuBg.png') repeat-x top;
	height: 52px;
	margin: 0;
}
#topContentWrapper .topBox {
	width: 980px;
	height: 30px;
}
#topContentWrapper .topBox a.logo {
	display: block;
	background: transparent url(images/101.png) no-repeat;
	width: 200px;
	height: 30px;
	float: left;
}
#topContentWrapper .topBox .iconMenu {
	width: 140px;
	height: 30px;
	background: transparent url('images/topMenuIconBg.png') no-repeat left;
	float: right;
}
#topContentWrapper .topBox .iconMenu ul#topIconMenu {
	list-style: none;
  	width: 110px;
  	height: 30px;
	margin: 0 0 0 25px;
}
#topContentWrapper .topBox .iconMenu ul#topIconMenu li {
	float: left;
	width: 40px;
	margin: 0 5px;
}
#topContentWrapper .topBox .iconMenu #topIconMenu li a {
	width: 40px;
	height: 30px;
	display: block;
}
#topContentWrapper .topBox .iconMenu #topIconMenu .rss {
	background: url(images/iconRSS.png) no-repeat;
}
#topContentWrapper .topBox .iconMenu #topIconMenu .email{
	background: url(images/iconMail.png) no-repeat;
}
#topContentWrapper .topBox .iconMenu #topIconMenu .rss:hover {
	background: url(images/iconRSShover.png) no-repeat;
}
#topContentWrapper .topBox .iconMenu #topIconMenu .email:hover {
	background: url(images/iconMailhover.png) no-repeat;
}
#topContentWrapper .topBox .iconMenu span {
	display: none;
}
#topContentWrapper .menuTop {
	float: right;
	background: transparent;
	padding: 0;
	width: 415px;
	height: 22px;
}
#topContentWrapper .menuTop ul {
	list-style-type: none;
	margin: 0;
}
#topContentWrapper .menuTop ul li.page_item {
	float: left;
	margin-left: 5px;
}
#topContentWrapper .menuTop .page_item a.act {
	color: #000;
	background: transparent;
	text-decoration: none;
}
#topContentWrapper .menuTop .page_item a.empty {
	color: #7e7878;
	background: transparent;
	text-decoration: none;
}
#topContentWrapper .menuTop .page_item a:hover.empty {
	color: #FF6600; 
}
#topContentWrapper .menuTop .current_page_item a, #topContentWrapper .menuTop .current_page_item a:visited, #topContentWrapper .menuTop .current_page_item a:hover {
	color: #000;
	background: transparent;
	text-decoration: none;
}
#topContentWrapper .menuTop .page_item a:hover {
	color: #FF6600;
}
#topContentWrapper .menuTop .page_item a{
	color: #7e7878;
	background: transparent;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 8px 15px 2px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
#wrapper {
	width: 100%;
	margin: 0;
	background-color: transparent;
}
img {
	border: none;
}
blockquote {
	font: italic 15px Georgia, "Times New Roman", Times, serif;
	width: 420px;
	background: #2a2a2a url(images/open-quote.gif) no-repeat left top;
	padding-left: 35px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #cfcfcf;
	display: block;
	margin: 5px auto;
}
ins {
	color:#009999;
}

del {
	color:#990000;
}
/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/
h2 {
	margin:0; padding:0;
	font:0.83em Verdana, Arial, Helvetica, sans-serif; color:#b9b9b9;
}

	.post-content h2, .page-content h2 {
		margin:10px 0; padding:0;
		font:bold 2.00em Arial, Helvetica, sans-serif; color:#53798b;
	}

h3 {
	margin:0; padding:0;
	font:bold 1.80em Arial, Helvetica, sans-serif; color: #89AF36;
	font-weight: normal;
}

	.post-content h3, .page-content h3 {
		margin:10px 0; padding:0;
		font:bold 1.60em Arial, Helvetica, sans-serif; 
		color: #000;
	}

	h3 a:link, h3 a:active, h3 a:visited {
		color:#89AF36;
	}
	
	h3 a:hover {
		color: #FF6600;
		text-decoration: none;
	}
	
	h3.post-title, .single h3.post-title, h3.post-title-small {
		margin:0; padding:10px 0;
		width:380px; height:auto;
		border-bottom:4px solid #30393d;
	}
	
		.single h3.post-title {
			font-size:1.80em;
			width:275px;
		}
		
		h3.post-title-small {
			font-size:0.80em;
		}

h4 {
	margin:0; padding:0;
	font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;
}

	.post-content h4, .page-content h4 {
		margin:10px 0; padding:0;
		font:bold 1.17em Georgia, "Times New Roman", Times, serif; color:#53798b;
	}

	#footer h4 {
		margin:0 0 20px 0;
	}

h5, #searchform label {
	/* Sidebar Header */
	margin:0; padding:28px 0 0 20px;
	width:285px; height:55px;
	background:#f5fbfe url(images/sidebar-top.gif) no-repeat top center;
	font:bold 2.25em Arial, Helvetica, sans-serif; color:#587682;
}

	.post-content h5, .page-content h5 {
		margin:10px 0; padding:0;
		width:auto; height:auto;
		background:none;
		font:bold 1.00em Georgia, "Times New Roman", Times, serif; color:#53798b;
	}

	#tag_cloud h5, #searchform label {
		margin:0; padding:0;
		background:none;
	}

a {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF9F5F;
	text-decoration: none;
}
a:hover {
	color: #89AF36;
	text-decoration: underline;
}
p {
	padding: 0px 0px 15px;
}
/* Various Columns
/* -------------- */

.col-580 {
	width:580px;
}

.col-340 {
	width:340px;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

.aligncenter {
	margin:0 auto;
	display: block;
}
/* Clearfix
/* -------------- */

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*header*/
#pageTop {
	display: block;
	background-color: transparent;
	width: 980px;
	height: 450px;
	margin: 0;
	position: relative;
}
#searchform {
	margin: 15px 0 0;
}
#searchform #s {
	border:1px solid #D0D0D0;
	width: 178px;
	height: 22px;
	padding: 4px 5px 0px 5px;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
#pageTop .search {
	display: block;
	background-color: transparent;
	position: absolute;
	width: 178px;
	height: 22px;
	bottom: 75px;
	right: 170px;
}
#pageTop a.logo {
	display: block;
	background: transparent url(images/logo101.png) no-repeat;
	position: absolute;
	width: 281px;
	height: 259px;
	top: 15px;
	right: 150px;
}
/*site*/
#site {
	display: block;
	background: url(images/contentbg.png) no-repeat center bottom;
	overflow: hidden;
	padding: 0 0 10px 0;
	margin: 0 0 0 5px;
	width: 980px;
}
/*content*/
#content {
	width: 600px;
	float: left;
	text-align: left;
	color: #777; /*#D0D0D0;*/
	background: #1f1e1e;
	border: 1px solid #c1c1c1;
	margin: 0 10px 0 0;
	padding: 10px 0;
}
.post {
	display: block;
	padding: 5px 0;
	margin: 0 auto;
	width: 580px;
}
.post-meta {
	margin: 0 0 23px 0; 
	padding: 0;
	border-bottom: 1px solid #FFF;
	position: relative;
}
.post-info {
	margin: 0; 
	padding: 10px 5px;
	width: 190px; 
	height: auto;
	border-bottom: 4px solid #889398;
	bottom: 0; 
	right: 0;
	position:absolute;
}
.post-info {
	text-align:right;
	font:0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
}
.post-info span {
	font-size:1.18em;
	display:block;
}
.post-info span a:link, .post-info span a:active, .post-info span a:visited {
	color:#1e1c1a;
	text-decoration:none;
}
.post-info span a:hover {
	color:#f23183;
}
.post img, .portfolio .image-full img {
	border: 1px solid #2C2F26;
	display: block;
	margin: 0 auto;
	padding: 2px;
	text-align: center;
}
.post .photo_tagi {
	background-color: #2C2F26;
	margin: 0 0 25px;
	padding: 2px;
	width: 575px;
	border: 1px solid #2C2F26;
}
.post-title {
	display: block;
	width: 580px;
	margin: 0 0 6px 0;
}
.post-cat {
	background-color: #2a2a2a;
	padding: 2px 5px 2px 0;
	margin: 6px 0 22px; 
	color: #CFCFCF;
	font-size: 0.9em;
	display: block;
}
.post-cat a {
	color: #DFDFDF;
	text-decoration: none;
}
.post-cat a:hover {
	color: #89AF36;
	text-decoration: underline;
}
.post-date {
	background-color: #5F5F5F;
	padding: 2px 5px;
}
.post-footer {
	padding: 2px 5px;
}
.entry {
	margin: 0; 
}
.entry ul {
	padding-left: 20px;
	margin: 5px 0;
}
.entry li {
	padding: 3px 3px;
}
.storycontent {
	padding: 0 22px 5px;
}
.navigation {
	clear: both;
	padding: 0 0 0 5px;
	margin: 0 auto;
	display: block;
	width: 580px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	margin-right: 15px;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}
/*sociable*/
div.sociable {
	background-color: #2d2d2d;
	float: right;
	padding: 8px;
}
div.sociable ul li {
	float: left;
	margin: 0 3px;
}
/*comments*/
#comments, #respond {
	padding: 10px 0 5px 0;
	clear: both;
}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { padding:1em;}
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:bold 14px georgia,times,serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:2px solid #dcdcdc; float:left; margin:0em 1em 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo { border-color: #5c5c5c; }
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:10px; text-transform: uppercase; font-family: tahoma; font-weight: bold;}
ol.commentlist li div.comment-meta a { color:#a7a7a7; }
ol.commentlist li p { font-size:12px; margin:1em 0em 0em 0em; }
ol.commentlist li ul { font-size:12px; list-style:square; margin:1em 0em 0em 0em; }
ol.commentlist li div.reply { font-size:11px; margin:1em 0em 0em 0em; }
ol.commentlist li div.reply a { font-weight:bold; }
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.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #707070; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #6a6a6a; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #969696; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#2a2a2a; }
ol.commentlist li.odd { background:#0F0D0D; }
ol.commentlist li.parent { border-left:5px solid #464646; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em;}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 220px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 495px;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	border: none;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}
/*portfolio */
.portfolio ul { list-style-type: none; padding-top:15px;}
.portfolio ul li{ padding-bottom:30px; width:100%;}
.portfolio .image{ float:left; width: 35%; margin: 0 10px 0 0; }
.portfolio .image a { background:transparent !important; }
.portfolio .image a img{ width: 100%; height: 100%; padding:1px; border:solid 1px #fff; }
.portfolio .image a:hover img{ border-color:#999; }
.portfolio .info { display:inline; margin-left:20px; }
.portfolio .entry p { padding-top:10px; text-align: justify; }
.portfolio h3 a{ text-decoration: none; color:#ffc600;}
.portfolio h3 a:hover{ background:#ffc600; color:#000;}
.portfolio .long-info { padding-top: 0; }
.portfolio .entry p.more { padding: 0; margin: 0; }
/*sidebar*/
#sidebar {
	float: right;
	overflow: hidden;
	margin: 0 85px 0 0;
	color: #9a9a9a;
	width: 250px;
	text-align: left;
}
#sidebar li.list-main-icon {
	position: relative;
}
#sidebar li.list-main-icon h2 span.icon {
	background-color: transparent;
	position: absolute;
	display: block;
	width: 250px;
	left: 0;
	top: 0;
	text-align: left;
	overflow: hidden;
	z-index: 0;
}
#sidebar h2, #sidebar .sidebartitle{
	font: normal 16px "Trebuchet MS", Tahoma, Arial;
	color: #fff;
	margin: 20px 0px 3px;
	border-bottom: 2px solid #3a3a3a;
	letter-spacing: 1px;
	width: 250px;
	display: block;
	padding: 0 0 8px 0;
	text-align: left;
}
#sidebar a, #sidebar a:visited{
	color: #758C43;
	text-decoration: none;
}
#sidebar a:hover{
	color: #FF6600;
	text-decoration: none;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidebar ul li ul {
	padding: 0;
	margin: 0;
	font-size: 1em;
}
#sidebar ul li ul li{
	padding: 0.3em 0;
	border-bottom: 1px solid #3a3a3a;
}
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
ul.list-blogroll li{
	padding:0.3em 0;
}
ul.list-cat li, li.widget_categories li{
	padding:0.3em 0;
}
ul.list-archives li, li.widget_archives li{
	padding:0.3em 0;
}
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	padding:0.3em 0;
}
ul.list-page li ul li, li.widget_pages li ul li{
	padding:0.3em 0;
}
.sidebar-recent-posts ul li {
	padding:0.3em 0;
}
.sidebar-recent-comments ul li {
	padding:0.3em 0;
}
li.widget_recent_comments li{
	padding:1em 0;
}
li.widget_calendar td {
	padding: 1px 7px;
}
.textwidget {
	padding-top: 5px;
}
#sidebar .blip {
	display: block;
	background-color: transparent;
	width: 250px;
	height: 200px;
	margin: 20px 0 0;
}
/*footer*/
#footer {
	float: left;
	margin: 0 auto 15px 0;
	padding: 5px 0;
	width: 950px;
	height: 25px;
	color: #cfcfcf;
	text-align: left;
}
#footer span {
	margin: 0 0 0 35px;
	font-size: 10px;
}