/*
  Theme Name: Art of Martin Staněk
  Version: 1.0
	Description: Wordpress theme of Martin Stanek's portfolio. This template contains CSS for layout and also basic styling.
  Author: Martin Stanek
	Author URI: http://www.martinstanek.cz
	
	Release: November 2009
	
	Changelog:
		v1.0 First release
*/


/*

Barvy ve skinu:

Modrá pozadí: #f5fafd
Modrá border: #e0e4e7
Šedá border: #E7E7E7

*/

/* imported stylesheets -------------------------------- */
@import 'reset.css';

/****************************
 **** General ***************
 *************************** */
 
/* General selectors */
body {
  font: normal 0.86em/1.28em "Arial CE", Arial, sans-serif;
  color: #303030;/*#181818;*/
  background: #fff url('images/bg-body.jpg') repeat fixed top center;
  text-align: center;  
}
p {
  	margin: 0; 
  	text-indent: 0;
  	text-align: left;
	padding: 0 0 0.8em 0;
}
a {
	color: #303030;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Helvetica, "Arial CE", Arial, sans-serif;  
	margin: 0;
  padding: 0.7em 0 0.5em;
  font-weight: bold;
  color: #272727;
}
h1 {
  font-size: 140%;
}
h2 {
  	font-size:130%;
  	letter-spacing: -0.03em;
	color: #181818;
	line-height: 1.0em;
}

h3 {
  	font-size:120%;
  	font-weight: bold;
	color: #2d2d2d;
	letter-spacing: -0.03em;
}
h4 {
  font-size:110%;
  color: #555555;
}

h3 + ul {
	padding-top: 0;	
}
h2 + div h3 {
	padding-top: 0.2em!important;
}
/*
h2 ~ div h3 {
	padding-top: 0;
}*/
h3 a {
  	padding:0 0 0 0;
	text-decoration: none;
	border-bottom: 1px dotted;
	background: transparent url('images/bg-link.png') no-repeat right center;
}
h3 a:hover {
  	border-bottom: none;
}
h2 a {
	border-bottom: 1px dotted;
}
h2 a:hover {
  	border-bottom: none!important;
}
li h3 {
padding:0 0 0.3em;
}
/*
li h3 {
	color: #2a2a2a;
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
*/
li p {
	padding: 0;
}
ul {
	padding-left: 22px;
	list-style-image: url('images/list-item.png');
}
ul li {
	margin: 5px 0;
}
ul li a {
	color: #181818;
}
h3 + table {
	margin-top: 0!important;
}
table {
	margin: 0.7em 0;
}
em {
	font-style: italic;
}
input, textarea {
	font-size: 100%
}

/* END General selectors */

/* General classes */
.hidden {
  display: none!important;
}
.clear {
  clear: both;
  margin:0;
  margin-top: -1px;
  border: 0;
  height: 1px;
  visibility: hidden;
  font-size: 1px;
  line-height: 1;
  padding: 0;
  display: block;
  
}
.divider {
	display: none!important;
}
.grey {
  color: #505050;
}
.red,
.obligatory {
  color: #C2273F;
}
.left {
	float: left;
	width: 35%;
	padding-right: 3%;
}
.right {
	float: right;
	width: 62%;
}
.delimiter {
	display: none;
}
.rcol {
	float: right;
	clear: right;
}
.lcol {
	float: left;
	clear: left;
}

/* END - General classes */

/****************************
 **** Layout and styles *****
 *************************** */

/* Rounded corners */
#navigation li {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
#ref-single,
#categories,
#content {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}		
#sidebar {
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
}

.article-meta,
#resources {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}		
				
/* Layout ------------------------*/
#container {
	text-align: center;
	width: 100%;
	min-width: 1100px;
	background: transparent;
}
/* Override for smaller screen */
.narrow #container {
	min-width: 980px;
}

/* Hlavicka --------------------------*/
#header,
#contentholder {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative; /* Kvůli logu */
}
#contentholder {
	position: static;	
}

#headerholder {
	position: relative;
	z-index: 10;
}

/* Override for smaller screen */
.narrow #contentholder,
.narrow #header {
	width: 980px;
}

/* Logo ---------------------------*/
h1#logo {
	height: 25px;
	width: 150px;
	font-size:120%;
  	overflow:hidden;
  	text-align:left;
   	
  	position:absolute;
  	top:  0;
	right: 0;
}
h1#logo a {
	height: 25px;
	width: 150px;
	text-decoration: none;
	position: absolute;
	text-indent: -10000em;
	background: transparent url('images/logo-martin.png') no-repeat scroll 0 -60px;
}
h1#logo a:hover {
  text-decoration: none!important;
}
h1#logo em {
  	position: absolute;
  	top: -1000em;
	left:  0;
}
#uvodni-strana h1#logo,
#homepage h1#logo {
	position:absolute;
  	top:  145px;
	right: auto;
	left: 207px;
	height: 55px;
	width: 380px;
}
#uvodni-strana h1#logo a,
#homepage h1#logo a {
	background-position: 0 0;
	width: 380px;
	height: 55px;
}
#homepage h1#logo a {
	background-position: 0 -95px;
}
#headerholder {
	background-color: #615149;
	border-bottom: 1px solid #52423a;
}


/* Navigace ----------------------*/
#navigation {
	padding: 0 20px;
	height: 40px;
}
#navigation ul {
	list-style-type: none;
	padding: 3px 0;
}
#navigation li {
	display: block;
	float: left;
	margin-right: 5px;
}
#navigation li a {
	color: #fff;
	display: inline-block;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
	padding: 3px 6px;
	font-weight: bold;
	text-decoration: none;

}


#navigation .current_page_item,
#navigation li:hover,
#navigation .current_page_parent,
#single .page-item-5,
#portfolio .page-item-5  {
	background-color: #d9eaf4;
}
#navigation .current_page_item a,
#navigation li:hover a,
#navigation .current_page_parent a,
#single .page-item-5 a,
#portfolio .page-item-5 a {
	color: #403028;
	text-decoration: none;
}
/* Override wordpress curent page (baaaddd) */
#single #navigation .current_page_parent,
#portfolio #navigation .current_page_parent  {
	background: none;
}
#single #navigation .current_page_parent a,
#portfolio #navigation .current_page_parent a   {
	color: #fff;
}
#single #navigation .current_page_parent:hover,
#portfolio #navigation .current_page_parent:hover  {
	background-color: #d9eaf4;
}
#single #navigation .current_page_parent:hover a,
#portfolio #navigation .current_page_parent:hover a  {
	color: #403028;
}

#language-selector {
	position: absolute;
	top: 41px;
	right: 10px;
	height:20px;
	width: 95px;
}

/* Language list selector plugin override --------------------- */
#lang_sel_list {
	font-family: inherit;
	height:20px;
	padding: 0;
	position:static;
	width:100%;

	background: #efefef;
	border: 1px solid #bbb;
	border-top: 0;
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}
#lang_sel_list ul {
	border-top: 0;
	height:auto;
	width: 125px;
	list-style: none;
	margin:0;
	padding:0;
}

#lang_sel_list li {
	float:left;
	position:relative;
	width:auto;
	height:auto;
	padding:5px;
}
#lang_sel_list li.icl-en {
	padding:5px 4px 5px 7px!important;
}
#lang_sel_list li.icl-cs {
	padding:5px 4px 5px 4px!important;
}
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
	background:none;
	color:inherit;
	height:auto;
	line-height:1;
	padding:0;
	border: 0;
	font-size: 11px;
}
#lang_sel_list a, #lang_sel_list a:visited {
	background:none;
	color:inherit;
	height:15px;
	line-height:1;
	padding:0;
	border: 0;
	font-size: 11px;
}


/* Obsah ------------------------------*/
#graphics-martin {
	padding: 0;
	position: absolute;
	z-index: 2;
	display: block;
	top: 60px;
	left: 0;
	height: 520px;
	width: 200px;
}
#intro-text {
	padding: 15px 0 20px 50px;
	background: transparent url('images/bg-intro.jpg') no-repeat 0 0;
}
#intro-text p {
	width: 430px;
}
.narrow #intro-text p {
	width: 370px;
}

#intro p {
	font: normal 140%/120% "Lucida Grande", "Lucida Sans", Lucida, Helvetica, "Arial CE", Arial, sans-serif;
	letter-spacing: -0.02em;
}
.narrow #intro p {
	font-size: 130%;
}

#content {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	padding: 9px 20px;	
}

/* Homepage -----------------------------*/
#uvodni-strana #contentholder,
#homepage #contentholder {
	width: 940px;
	padding-left: 160px;
	position:relative;
}
/* Override for smaller screen */
#uvodni-strana.narrow #contentholder,
#homepage.narrow #contentholder {
	width: 820px;
}
#uvodni-strana #content,
#homepage #content {
	padding-left: 50px;
	background: #f5fafd url('images/bg-bluegradient.png') repeat-x 0 0;
	border: 1px solid #e0e4e7;
	color: #595959;
}
#uvodni-strana #graphics-martin,
#homepage #graphics-martin {
	background: transparent url('images/martin-home.png') no-repeat 30px 0;
}
#uvodni-strana #intro,
#homepage #intro {
	padding-top: 158px;
	position: relative;
}
#uvodni-strana #intro p,
#homepage #intro p {
	padding: 0;
}
#uvodni-strana #intro #recent,
#homepage #intro #recent {
	width: 404px;
	height: 187px;
	position: absolute;
	right: 10px;
	bottom: 0;
}

#uvodni-strana #content h2,
#homepage #content h2 {
	font-size: 120%
}
.box {
	width: 48%;
	padding-right: 2%;
}
.box h2 {
	height: 30px;
	text-indent: -10000em;
	background: transparent url('images/home-headers.png') no-repeat 0 0;
}
#design-ui h2 {
	background-position: 0 1px;
}
#webdesign h2 {
	background-position: 0 -42px;
}
#corporate h2 {
	background-position: 0 -130px;
}
#icons h2 {
	background-position: 0 -85px;
}
#homepage #design-ui h2 {
	background-position: 0 -177px;
}
#homepage #webdesign h2 {
	background-position: 0 -220px;
}
#homepage #corporate h2 {
	background-position: 0 -310px;
}
#homepage #icons h2 {
	background-position: 0 -262px;
}

.icon-arrow {
	padding-left: 18px;
	background: transparent url('images/list-item.png') no-repeat left;
}
.icon-yes {
	text-indent: -1000em;
	background: transparent url('images/icon-yes.png') no-repeat center center;
}
.icon-no {
	text-indent: -1000em;
	background: transparent url('images/icon-no.png') no-repeat center center;
}
.button {
	background:transparent url('images/button-left.png') no-repeat 0 0;
	float:right;
	font-size:12px;
	padding-left:14px;
	position:relative;
}
.button {

}
.button a {
	display: block;
	padding:0 14px 0 0;
	line-height: 27px;
	height: 27px;
	background: transparent url('images/button-right.png') no-repeat right;
	font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Helvetica, "Arial CE", Arial, sans-serif;
	color: #3c3c3c;
	text-decoration: none;
	text-shadow: #fff 1px 1px 1px;
}
.button a em {
	display: none;

}

#link-portfolio {
	display: block;
	width: 404px;
	height: 187px;
	text-indent: -10000em;
	outline: none;
	background: transparent url('images/reference-home.png') no-repeat 0 5px;
}


/*
.image {
	width: 490px;
	height: 352px;
	position: relative;
	overflow: hidden;
	
}	
.mask {
	width: 490px;
	height: 352px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: transparent url('images/mask.png') no-repeat 0 0;
}

#controls {
	margin: 5px auto;
	width: 90px;
	text-align:center;
}

#prevBtn a,
#nextBtn a {
	display: inline-block;
	width:40px;
	height: 20px;
	text-indent: -10000px;
	outline: none;
	background: transparent url('images/controls-arrow.png') no-repeat 0 0;
}
#prevBtn a {
	background-position: -50px 0;
}
*/
/* Portfolio --------------------------*/

/*
#portfolio #categories {
	float: left;
	width: 185px;
	padding: 0 20px 15px 20px;
	border: 1px solid #b6d5e9;
	background: #d8ecf7 url('images/bg-bubble.png') repeat-x bottom;
	position: relative;
}
#portfolio #categories h3,
#portfolio #categories h2 {
	text-shadow: #ecf7fd 1px 1px 1px;
}

#portfolio #content {
	float: right;
	width: 807px;
	padding-top: 15px;
	background-color: #fff;
	border: 1px solid #e7e7e7;
}

#portfolio #categories #tip {
	position: absolute;
	top: 45px;
	right: -17px;
	width: 18px;
	height: 33px;
	background: transparent url('images/pointer.png') no-repeat -35px 0;
}
*/

#portfolio #content {
	width: 1000px;
	padding-top: 175px;
	background: transparent url(images/zavorka.png) no-repeat center 70px;
	border: 0;
}


#reference-bubble h3 {
	font-weight: normal;	
}
#reference-bubble h3 a {
	text-decoration: none;
	color: #181818;
	border: 0!important;
}
#reference-bubble p {
	color: #303538;
}
.title {
	display: none;
}

#reference-bubble .title {
	display: block;
	padding-left: 0!important;
}
#reference-bubble .title span a {
	color: #6b94a4!important;
}
#reference-bubble {
	display: block;
	padding: 5px 8px;
	border: 1px solid #b6d5e9;
	background: #f5fafd;
	max-width: 320px;
	min-width: 150px;
	z-index: 9;
}
#tip {
	display: none!important;
	position: absolute;
	right: 25%;
	bottom: -17px;
	display: block;
	width: 33px;
	height: 18px;
	background: transparent url('images/pointer.png') no-repeat 0 0;
	z-index: 10;
}

#referencies {
	display: block;
	width: 1050px;
	margin-left: 50px;
	min-height: 600px;
	position:relative;
}
/*
.narrow #referencies {
	width: 980px;
}*/

#referencies h3 {
	font-size: 110%;
	padding: 0;
	border: 0!important;
}
#referencies h2 a {
	text-decoration: none;
	border-bottom: 0;
	color: #272727;
}
#portfolio #referencies .title {
	display: block;
	padding-left: 15px;
}
#referencies .title h3 {
	padding-top: 0!important;
}
#portfolio #referencies .title span {
	font-size: 95%;
	color: #afafaf;
}
#portfolio #referencies .title span a {
	color: #afafaf;
}

.reference .title span a {
	color: #afafaf;
	text-decoration: none;
}
.reference .title h3 a {
	border-bottom: 0;
	display: block;
	background: transparent url('images/list-item.png') no-repeat 90% 5px;
}

.reference {
	float: left;
	margin-right: 10px;
	z-index: 2; /* aby vsechno s Jquery fungovalo*/
}
.no_rotate .reference { 
	padding: 0 5px 20px 0;
	border-right: 1px dotted #bbb;
}
#referencies .last {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.thumb {
	margin: 0 0 5px 0;
	position: relative;
	padding: 12px 14px 14px 12px;	
	background: transparent url('images/bg-reference.png') no-repeat 0 0;
	/*border: 1px solid #dfdfdf;*/
}
.thumb a {
	display: block;
	width: 210px;
	height: 160px;
	overflow: hidden;
	/*border: 1px solid #dfdfdf;*/
}

/* Filter categories -------------------*/

#filter {
	left:50%;
	margin-left:-350px;
	position:absolute;
	text-align:center;
	top:-140px;
	width:620px;
}
#filter.extended {
	margin-left:-400px;
	width:650px;
}
#filter li {
	list-style: none;
	float: left;
	display: block;
	margin: 0 0 15px 0;
} 

#filter li.cat-item a { 
	float: left;
	display: block;

	height: 25px;
	padding-left: 25px;
	background: transparent url('images/checkbox.png') no-repeat 0 3px;
}
#filter li.cat-item a:hover { 
	background-position: 0 -71px;
}
#filter li.cat-item strong {
	display: block;
	height: 35px;
	text-indent: -10000em;
	background: transparent url('images/categories-headers.png') no-repeat 0 0;
}
/* Vse */
#filter li.cat-item-0 strong { 
	width: 60px;
	background-position: 0 -220px;
}
/* Flash */
#filter li.menu-item-582 strong,
#filter li.menu-item-585 strong {
	width: 80px;
	background-position: 0 -74px;
}  
/* Design UI */
#filter li.menu-item-581 strong,
#filter li.menu-item-588 strong {
	width: 130px;
	background-position: 0 -36px;
}  
/* Webdesign */
#filter li.menu-item-580 strong,
#filter li.menu-item-587 strong {
	width: 130px;
	background-position: 0 0;
}  
/* Grafika */
#filter li.menu-item-583 strong {
	width: 100px;
	background-position: 0 -108px;
}
/* Graphics */
#filter li.menu-item-586 strong {
	width: 115px;
	background-position: 0 -262px;
}

/* Flash */
#filter li.cat-item-13 strong,
#filter li.cat-item-37 strong {
	width: 80px;
	background-position: 0 -74px;
}  
/* Design UI */
#filter li.cat-item-5 strong,
#filter li.cat-item-40 strong {
	width: 130px;
	background-position: 0 -36px;
}  
/* Webdesign */
#filter li.cat-item-4 strong,
#filter li.cat-item-33 strong {
	width: 130px;
	background-position: 0 0;
}  
/* Grafika */
#filter li.cat-item-6 strong {
	width: 100px;
	background-position: 0 -108px;
}
/* Graphics */
#filter li.cat-item-37 strong {
	width: 115px;
	background-position: 0 -262px;
}
/* Graphics */
#filter li.cat-item-34 strong {
	width: 140px;
	background-position: 0 -310px;
}



#filter li.current-cat a,
#filter li.current-cat a:hover {
	background-position: 0 -35px;
}
#filter li.current-cat-parent {

}
 

/* Single reference */
#single #content {
	float: left;
	width: 320px;
	border: none;
	background: none;
	padding: 25px 20px 0 0;
	/*background: transparent url(images/bg-single.jpg) no-repeat -30px 20px;*/
}
#single.narrow #content {
	width: 280px;
}
#single #contentholder {
	margin-top: 80px;
}
#single #panel {
	float: right;
	width: 760px;
}
#single.narrow #panel {
	width: 680px;
}
#single #content #tip {
	position: absolute;
	top: 45px;
	right: -17px;
	width: 18px;
	height: 33px;
	background: transparent url('images/pointer.png') no-repeat -35px 0;
}

#ref-single {
	text-align:right;	
}
#ref-single p {
	font-size:24px;
	font-weight:50;
	line-height:26px;
	color:#9f9f9f;
	text-align:right;
	letter-spacing: -0.02em;
}
.narrow #ref-single p {
	font-size:22px;
	line-height:25px;
}
#ref-single > a {
	font-size:14px;
	line-height: 1;
	color:#505050;
	margin: -8px 1px 10px 0;
	display: inline-block; 
	text-align:right;
	text-decoration: none!important;
	border-bottom: 1px dotted #505050;
	letter-spacing: 0.02em;
}
#ref-single > a:hover {
	border-bottom: 0;
	padding-bottom: 1px;
}
#ref-single h2 {
	font-size:24px;
	text-align:right;
}

#ref-extra {
	
}

#ref-links {
	width: 310px;
	margin-top: 25px;
	padding: 40px 10px 0 0;
	background: transparent url(images/text-related.png) no-repeat 100% 0;
}
.narrow #ref-links {
	width: 270px;
}

#ref-links ul {
	list-style: none;
	list-style-image: none;
}
#ref-links li {
	text-align: right;
}
#ref-links a {
	color: #ed3200;
	text-decoration: none;
}
#ref-links a:hover {
	border-bottom: 1px dotted #ed3200;
}

/* Portfolio Galeries */
#gallery-container {
	width: 650px;
  	/*height: 450px;*/
  	position: relative;
 }
#gallery-mask {
	width: 652px;
  	height: 450px;
  	overflow: hidden;
  	border: 1px solid #e7e7e7;

}
#mask-tl,
#mask-tr,
#mask-bl,
#mask-br {
	position: absolute;
	width: 15px;
	height: 14px;
}
#mask-tl {
	top: 0px;
	left:  0px;
	background: transparent url('images/mask-topleft.png') no-repeat 0 0;
}
#mask-tr {
	top: 0px;
	right:  -2px;
	background: transparent url('images/mask-topright.png') no-repeat 0 0;
}
#mask-bl {
	bottom: 0px;
	left:  0px;
	background: transparent url('images/mask-bottomleft.png') no-repeat 0 0;
}
#mask-br {
	bottom: 0px;
	right:  -4px;
	background: transparent url('images/mask-bottomright.png') no-repeat 0 0;
}
#gallery-image {
 	background-color: #fff;
 	text-align: center;
 	width: 650px;
 	height: 450px;
	overflow: hidden;
}
#gallery-image img {
 	/*display: inline!important;*/
}
.smallimg {
	border: 1px solid #bebebe;
}

.gallery .clear {
	clear:both;
	display:block;
	height:auto;
	line-height:1;
	margin: 0;
	visibility:visible;

}

#gallery-thumbs {
 	position: absolute;
 	right: -100px;
 	top: 0;
 	padding: 40px 0 0 18px;
 	-moz-border-radius: 8px;
 	width: 80px;
 	background: transparent url(images/bg-single-thumbs.png) no-repeat 0px 30px;
 }


.gallery {
	/* Style rules for the entire gallery */
	}
.gallery-item {	
	display: block;
	float: left;
	clear: left;
	width: 80px;
	height: auto;
	max-height: 100px;
	margin-top: 10px;
	overflow: hidden;
	border: 1px solid #cacaca; 	
}
.gallery-item:hover {	
	border: 1px solid #ff6123; 	
}
	
.gallery-item:first-child {	
	margin-top: 0px;
	}
.gallery-caption {
	/* Style rules for captions within the gallery */
	}

#loading {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
	height: 46px;
	margin: -23px 0 0 -23px;
	background: transparent url('images/ajax-loader.gif') no-repeat center center;
}
/* Neco o mne */
#neco-o-mne #intro {
	position: absolute;
	left: 0;
	top: 130px;
	margin: 0;
	height: 600px;
	
}

#neco-o-mne #graphics-martin,
#about-me #graphics-martin {
	width: 275px;
	top: 110px;
	background: transparent url('images/martin-about.png') no-repeat 0 0;
}

#neco-o-mne #contentholder,
#about-me #contentholder {
	position: relative;
}
#neco-o-mne #content,
#about-me #content {
	position: absolute;
	top: 80px;
	left:  243px;
	padding: 0;
}
#neco-o-mne #wrap,
#about-me #wrap {
	float: left;
	padding: 9px 20px 20px;
	width: 470px;
}
#neco-o-mne.narrow #wrap,
#about-me.narrow #wrap {
	width: 400px;
}
.lead {
	font: italic 140%/120% "Lucida Grande", "Lucida Sans", Lucida, Helvetica, "Arial CE", Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -0.01em;
	padding-top: 8px;
}
#sidebar {
	float: right;
	padding: 9px 20px 20px;
	width:275px;
	background-color: #f6fbfe;
	min-height: 500px;
}
.narrow #sidebar {
	width:255px;
}
#neco-o-mne.narrow #sidebar img,
#about-me.narrow #sidebar img {
	width:110px;
	height: 110px;	
}
#neco-o-mne #sidebar,
#about-me #sidebar {
	min-height: 280px;	
}
#about-gallery {
	position: absolute;
}
#about-gallery ul {
	list-style: none;
} 
#sidebar h2 {
	color: #ed3200;
}
#sidebar ul {
	list-style-image: none;
	padding-left: 0;
}
.meta {
	font-size: 0.85em;
	color: #b2b2b2;
}
h2 + p.meta {
	margin-top: -8px;
}	
h3 + p.meta {
	margin-top: -5px;
}

/* Kontakt */
#kontakt #graphics-martin,
#contact #graphics-martin {
	width: 275px;
	top: 110px;
	background: transparent url('images/martin-about.png') no-repeat 0 0;
}

#kontakt #contentholder,
#contact #contentholder {
	position: relative;
}
#kontakt #content,
#contact #content {
	position: absolute;
	top: 80px;
	left:  243px;
	padding: 0;
}
#kontakt #wrap,
#contact #wrap {
	float: left;
	padding: 9px 20px 20px;
	width: 470px;
}
#kontakt.narrow #wrap,
#contact.narrow #wrap {
	width: 400px;
}

#kontakt dt,
#contact dt {
	display: block;
	float: left;
	clear: left;
	margin: 0 5px 10px 0; 
	height: 40px;
	line-height: 40px;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Helvetica, "Arial CE", Arial, sans-serif;
	font-weight: bold;
	padding-left: 50px;
}
#kontakt dd,
#contact dd {
	float: left;
	height: 40px;
	width: 160px;
	margin: 0 0 10px 0; 
	line-height: 40px;
}
.icon-skype {
	background: transparent url(images/icons-contact.png) no-repeat 0 0;
}
.icon-web {
	background: transparent url(images/icons-contact.png) no-repeat 0 -85px!important;	
}
.icon-twitter {
	background: transparent url(images/icons-contact.png) no-repeat 0 -40px!important;
}
.icon-email {
	background: transparent url(images/icons-contact.png) no-repeat 0 -125px!important;
}
/* FOOTER */
#footerholder {
	clear: both;
	padding-top: 80px;
}

/* Form COMPONENT -----------------*/
.wpcf7-form {}
.wpcf7-form p {
	
}
.wpcf7-form input[type=text],
.wpcf7-form textarea {
	border: 1px solid #bbbbbb;
	font-size: 130%;
	font-family: "Arial CE", Arial, sans-serif;
	color: #606060;
	padding: 3px;
}

.wpcf7-form input[type=text] {
	width: 240px;
}

.wpcf7-form textarea {
	font-size: 110%;
	color: #606060;
	width: 80%;
	height: 140px;
}
.wpcf7-form .submit {
	margin-top: 0;	
}

.label {
	display: inline-block;
	margin-bottom: 2px;
	font-size: 110%;	
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Helvetica, "Arial CE", sans-serif;
}

/* Wordpress styles */
.alignright {float:right; margin-left: 1.3em!important;}
.alignleft {float:left; margin-right: 1.3em!important;}

.aligncenter {display: block; margin-left: auto!important; margin-right: auto!important;}
a .alignright {float:right; margin:0 0 1.3em 1.3em}
a .alignleft {float:left; margin:0 1.3em 1.3em 0}
a .aligncenter {display: block; margin-left: auto; margin-right: auto}

img.alignright,
img.alignleft,
img.aligncenter {border:2px solid #BEBEBE;}

.image .aligncenter {border:2px solid #BEBEBE;}
/********************
**** BLOG ***********
*********************/

#blog #contentholder {
	position: relative;
	top: 80px;
}

#blog #wrap {
	padding: 40px 30px 20px;
}
#blog #graphics-martin {
	width: 275px;
	height: 620px;
	width: 300px;
	top: -61px;
	left: -18px;
	background: transparent url('images/martin-blog.png') no-repeat 0 0;
}

#blog #content {
	padding: 0;
	float: right;
	position:relative;
	width: 837px;
	min-height: 520px;
}
#blog.narrow #content {
	width: 730px;
	min-height: 520px;
}

.tweetmeme_button {
	float: none!important;
	position: absolute;
	top: 10px;
	right: 0px;	
}

#resources {
	width: 765px;
	padding: 7px 35px;
	background: #f5fafd;
	left:1px;
	position:absolute;
	top:1px;
}
.narrow #resources {
	width: 659px;
}
#resources strong {
	margin-right: 3px;
}

.article h1 {
	font-size: 18pt;
	letter-spacing: -0.4pt;
	font-style: italic;
}
.article .article-meta {
	color: #555555;
}


#date {
	float: left;
	width: 55px;
}
	
#date p {
	background-color: #000;
	font: italic 11pt Adobe Garamond Pro, Garamond, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: 100;
	text-align: center;
	padding: 10px 16px;
	color: #fff;
	width: 20px;}
	
.article-single {
	margin-left: 0px;
	padding: 9px 30px 20px;
}	

.article-single p {
	padding-top: 5px;
	line-height: 15pt; 
	color: #454545;
}	
.article-single .lead {
	font: normal 120%/130% "Arial CE", Arial, sans-serif;
	letter-spacing: 0;
	padding-top: 0;
}
	
	.preview p{padding-bottom: 5px;}
	
	.article-single p em{font-style: italic;}
	.article-single p strong{font-weight: bold;}

#upcoming {
	border-top: 1px solid #efefef;
	padding: 0px 10px;	
	margin-top: 15px;
}
#upcoming h2,
#upcoming p  {
	color: #555555;
}
#upcoming h2 {
	font-size: 110%	
}
/* META */
.article-single .article-meta {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 765px;
	padding: 7px 35px;
	background: #f5fafd;
}
.narrow .article-single .article-meta {
	width: 658px;
}


 .date {
	margin-right: 5px;
	font-weight: bold;
	display: inline-block;

}
.article-single .article-meta .tags {

}
.article-single .article-meta .tags em {

}
/*	
.article-single .article-meta {
	position: absolute;
	font-size: 110%!important;
	color: #fff;
	top: -30px;
	left: 25px;
}
.article-single .article-meta .date {
	display: inline-block;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-right: 5px;
	line-height: 43px;
	width: 110px;
	height: 43px;
	background: transparent url(images/sticky-red.png) no-repeat 0 0;
}
.article-single .article-meta .tags {
	display: inline-block;
	text-align: center;
	line-height: 50px;
	padding-right: 8px;
	height: 50px;
	background: transparent url(images/sticky-blue-right.png) no-repeat 100% 0;
}
.article-single .article-meta .tags em {
	display: inline-block;
	line-height: 50px;
	font-weight: bold;
	height: 50px;
	padding: 0 6px 0 15px;
	background: transparent url(images/sticky-blue-left.png) no-repeat 0 0;
}*/


.image {
	text-align: center;
	margin: 0.5em 0;
}
.image span {
	font-size: 80%;
	clear: both;
	display: block;
}
	
.article-single h1 {
	font-size: 18pt;
	letter-spacing: -0.4pt;
	font-style: italic;
	padding: 45px 0 15px 0;
}
		
			
		.article-single ul {
			margin-left: 52px;
			padding-top: 18px;
			padding-left: 0;
			list-style: none;}
	
			.article-single ul li {
			}

.article-single h2 {
	font-size: 140%;
	padding-bottom: 0.1em;
}

.left {
	float: left; 	
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 10px;}

.right {
	float: right;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-top: 10px;}	
	
.center {
	margin: 0px auto;
	display: block;}		


/* Bibliography */
#bibliography ul {
	margin-left: 10px;	
	padding-top: 8px;
}

#bibliography li {
	color: #555555;
	margin: 8px 0;
}
#bibliography li a {
	color: #555555;
	display: block;
	font-weight: bold;
	text-decoration: underline;	
}
#bibliography li a:hover {
	text-decoration: none;	
}
#bibliography {
	border-top: 1px solid #efefef;
	padding: 0px 10px;	
	margin-top: 15px;
}
#bibliography h2  {
	color: #555555;
	font-size: 110%;	
}
/* Comments */

.submit {
	background:transparent url('images/button-left.png') no-repeat 0 0;
	font-size:11px;
	padding-left:14px;
	margin: 10px 0 0 0;
	position:relative;
	float: left;
}
.submit input {
	display: block;
	float: left;
	padding:0 14px 0 0;
	line-height: 27px;
	border: 0;
	height: 27px;
	background: transparent url('images/button-right.png') no-repeat right;
	font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Helvetica, sans-serif;
	color: #3c3c3c;
	text-decoration: none;
	text-shadow: #fff 1px 1px 1px;
}

#cf-content-submit .submit {
	margin-left: 67px;
}

.infoline {
	background-color: #FFFEF2;
	border-top: 1px dotted #EBE5B3;
	border-bottom: 1px dotted #EBE5B3;
	padding: 5px !important;
}

#discussion-area {
	margin: 20px 0;
	clear: both;
	padding: 0 30px;
	float: right;
	width: 767px;
	
}
.narrow #discussion-area {
	width: 670px;
}
#discussion-area h4 {
	font-size: 120%;
	color: #ED3200;
	margin-bottom: 10px;
}

textarea#comment {
	border: 1px solid #A3A3A3;
	width: 470px;
	padding: 3px 6px;
	color: #303030;
	font-size: 100%;
	font-family: Arial, sans-serif;
}


#post-comments {
	padding-bottom: 20px;
	/*border-bottom: 1px solid #E3E3E3;*/
}

/* Komentare */ 
.comment {
	display: block;
	position: relative;
	min-height: 60px;
	margin-top: 30px;
	padding: 10px 15px;	
	background-color: #fcfcfc;
	border: 1px solid #e2e2e2;
	-moz-border-radius: 10px;
}
.comment-head {
	position: absolute;
	left: 15px;
	top: -20px;
	width: 400px;
	
}
.authorcomment {
	background-color: #f5fafd;
	border: 1px solid #e0e4e7;
}

.comment-head h5 {
	padding: 0;	
	display: inline;
}
.comment-head > span {
	font-size: 90%;
	color: #454545;
}

.input-container {
	clear: both;
	margin: 5px 0 5px 0;
}

#cf-identifiers label {
	display: inline-block;
	width: 60px;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	line-height: 25px;
}

#cf-identifiers input {
	border: 1px solid #A3A3A3;
	width: 250px;
	padding: 4px 5px;
}

.post-comments-instructions {
	padding: 5px 0;
}

	
#post-navigation {	
	margin-left: 80px;
	width: 790px;}
	
	#post-navigation a, #commentform a {
		font: normal 11pt "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
		color: #ed3200;
		text-decoration: none;}
		
	#post-navigation a:hover, #commentform a:hover {
		font: normal 11pt "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
		color: #000;
		text-decoration: underline;}		


.thumbnail {
	background-color: #92278f;
	width: 188px;
	height: 306px;
	margin-left: 18px;
	margin-bottom: 36px;
	margin-right: 18px;
	float: left;}	
	


/* tables */
.table {
	width: 720px;
}
.narrow .table {
	width: 650px;
}
.article-single table {
	background:#FFFFFF none repeat scroll 0 0;
	border-collapse:collapse;
	font-family:"Lucida Sans Unicode","Lucida Grande", Lucida, Helvetica,Sans-Serif;
	font-size:12px;
	margin: 10px;
	text-align:left;
	width: 100%;
}
.article-single table thead th,
.article-single table thead td {
	border-bottom:2px solid #e0e4e7;
	font-size:13px;
	font-weight:normal;
	text-align: center;
	padding:7px 6px;
}
.article-single table tbody th {
	color:#2d2d2d;
	font-size:13px;
	font-weight:normal;
	padding:7px 6px;
	width: 150px;
}
.article-single table td {
	padding:7px 6px;
}

.article-single table tr.even {
	background:#f5fafd
}


#m404 #contentholder {
	margin-top: 80px;	
}



.codecol .wp_syntax {
  float: left;
  width: 46%!important;
  background: #f6faf3 url('images/icon-yes.png') no-repeat 98% 5px;
  border: 1px solid #d8e2d2;
}
.codecol .wp_syntax:first-child {  
  background: #fcf5f5 url('images/icon-no.png') no-repeat 98% 5px;
  border: 1px solid #ebdcdc;
}