/* @override 
	http://seko.grafique.cz/wp-content/themes/seko-theme/style.css
	http://sekopottery.cz/wp-content/themes/seko-theme/style.css
*/

/*   
Theme Name: SEKO Theme
Theme URI: http://sekopottery.cz
Description: ...
Author: Mau
Author URI: http://grafique.cz
Version: 1
*/

@media screen {



* { margin: 0; padding: 0; }
body { background: #fff;
	font-family: "Helvetica Neue",Helvetica, Arial, Geneva, sans-serif;
}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 1060px; margin: 20px auto;position: relative; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a {color: black;text-decoration: none;}
a:hover { text-decoration: underline;} 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 0px 0; }


.entry a { }
.entry a:hover { }

pre { }
code, tt { }



form { }
input[type=text] { }
textarea { }



#sidebar {
	float: left;
	text-align: right;
	width: 200px;
	height: 573px;
	letter-spacing: 0.062em;
	padding-top: 10px;
	font-weight: light;
	position: relative;
	

}

#sidebar.e-galerie .ulwrap{
position: absolute;
/*bottom: -4px;*/
right: 0;
width: 150px;
height: 460px;
overflow: hidden;
	
}

#ulwrap_slider{
position: absolute;
bottom: 0;
right: 0;

}


#sidebar a, #header a {
	text-decoration: none;
	color: #000;
}

#sidebar li a:hover {
	text-decoration: none;
color: #da521f;
}



#sidebar li {
	list-style-type: none;
	font-size: 150%;
	padding: 12px 0 0;
}

#sidebar ul {
	position: absolute;
	bottom: 45px;
	right: 0;
}



#sidebar ul.wp-tag-cloud{
	line-height: 80%;
	bottom: 50px;
	width: 150px;
}

#sidebar.e-galerie ul.menuback{
	font-size: 110%;
	bottom: 0px;
}


#sidebar ul.HiddenSidebar {
	/*display: none;*/
	right:150px;
	bottom: -3px;
	line-height: 190%;
	
}

#menuSwitch1:hover, #menuSwitch2:hover {
	cursor: pointer;
}

#menuSwitch2 a {
font-size: 70%;
visibility: hidden;

}

#footer {
	width: 960px;
	text-align: center;
	font-size: 70%;
	color: #555;
	padding-top: 30px;
}

#squarebox {
	width: 560px;
	height: 560px;
	position: relative;
}

#squarebox.news {
	padding: 80px 0 0 0px ;
	width: 420px;
	height: 400px;
	
}

#footer a {
	text-decoration: none;
	color: #555;
}


a.logo span  {
display: block;
}

.titlespan {
	position: absolute;
	right: 0px;
	top: 125px;
}

a.logo {
display: block;
font-size: 100%;
line-height: 90%;
z-index: 200;
}

a.logo img{
position: relative;
left: 13px;
top: 5px;
background: #da521f;
}


.post {
float: left;
	width: 740px;
	padding-top: 50px;
	padding-left: 70px;

}

.cat_desc {
width: 270px;
float: right;
padding:80px 0 0 20px ;
font-size: 14px;
letter-spacing: 0.07em;
height: 400px;
}

.page .post {
	padding-left: 70px;
}

.entry {
		position: relative;
}

.page .entry {
padding:80px 0 0 455px;
font-size: 14px;
letter-spacing: 0.07em;

	height: 400px;
	/*overflow: hidden;*/
}

.page .pagesquare {
position: absolute;
left: 0;
top: 80px;
background: #fff;
display: block;
width: 400px;
height: 400px;
}

.pagesquare {
position: relative;	
}

div.pagepic{
position: absolute;
/*background: red;*/
top: 0;
left: 0;
/*z-index: 100;*/
display: block;
width: 400px;
height: 400px;
}

.pagesquare img{
width: 400px;
height: 400px;
}

.page .pagesquare h1{
position: absolute;
right: 0;
top: 0px;
background: #da521f;
color: #fff;
font-size: 16px;
display: block;
width: 90px;
height: 30px;
padding: 80px 20px 10px 10px;
line-height: 90%;
}

#post-14 .pagesquare h1{
width: 90px;
height: 30px;
padding: 75px 20px 15px 10px;
}

.pagesquare h1 a {
position: absolute;
left: -280px;
top: 0px;
color: #fff;
width: 110px;
height: 320px;	
padding: 80px 0 0 290px;
display: block;
z-index: 200;
}

.pagesquare h1 a:hover {
text-decoration: none;
}

/*.page .pagesquare h1{
position: absolute;
left: 140px;
top: 140px;
background: #da521f;
}*/


a.squarelink {
position: absolute;
right: 0;
bottom: 0;
background: #82879c;
color: #fff;
font-size: 16px;
text-align: right;
display: block;
width: 90px;
height: 30px;
padding: 80px 20px 10px 10px;
z-index: 200;
text-decoration: none;
}

.news a.squarelink {
right: 20px;
}

.pagesquare a.squarelink {
	bottom: -400px;
}

.whitestripe {
position: absolute;
background: white;
z-index: 101;
display: block;

}

.ws1, .ws2  {width: 20px;height: 400px;top: 0;}
.ws3, .ws4  {width: 400px;height: 20px;left: 0;}
.ws1 {left: 120px;}
.ws2 {left: 260px;}
.ws3 {top: 120px;}
.ws4 {top: 260px;}







#contentbox {
	height: 400px;
	width: 100%;
	position: relative;
	/*overflow: hidden;*/
}

#contentbox.navbox {
width: 150px;
	height: 480px;
	float: right;
	padding-right: 95px;

}

#contentbox.navbox.akce {
width: 150px;
	height: 210px;
	float: right;

}







#content_inside {
	position: relative;
}
.single #content_inside {
	overflow: scroll;
	overflow: visible;
	/*overflow: hidden;*/
	/*width: 100px;*/
	width: 150px;


	padding-right: 64px;
}

#content_inside table {}
#content_inside table tr {}
#content_inside table td {}

.single .category-akce #content_inside {
	height: 210px;
}


#navigation {

	list-style-type: none;
	/*width: 100px;*/
	/*height: 2000px;*/
}

a.gallerythumb{
float: left;
width: 55px;
height: 55px;
padding: 0 15px 15px 0;
z-index: 10;
position: relative;
}

#children{
	margin: 0;
	width: 400px;
	text-align: left;
padding: 30px 0 0 455px;
/*z-index: 900;*/

}

#children h3{
	margin: 0;
	
}


#children a{
	text-decoration: none;
	color: #000;
	font-size: 75%;
	
}


.category-akce #children {
	width: 200px;
	font-size: 90%;
position: absolute;
right: 0;
bottom: 50px;
padding: 0px;	
}

.category-akce #children a span {
color: #da521f;

}


img {
		background: url(images/ajax-loader.gif) no-repeat center center;
}

img.attachment-thumbnail {
		background: url(images/ajax-loader-small.gif) no-repeat center center;
	
}




img.attachment-medium {
	width: 480px; height: 480px;
position: absolute;
left: 0;top: 0;
z-index: 1;
/*display: none;*/
}

img.attachment-medium.selected {
/*display: block;*/
}

.post #content_inside  a img{
width: 55px; height: 55px;
}

#page_navigation {position: absolute;
right: 325px;
top: 560px;
z-index: 500;
font-size: 80%;
letter-spacing: 1em;
	
}

#page_navigation a.page_link {
	display: none;
}

#page_navigation a{
color: #000;
text-decoration: none;
font-size: 200%;
	
}



#content-slider {
	/*position: absolute;*/
	/*left: 400px;
	top: 56px;*/
	text-align: center;
	/*float: left;*/
	width: 480px;
	overflow: hidden;
	height: 620px;
	/*border: 1px solid #999;*/
	/*font-size: 300px;*/
	color: #ccc;
	position: relative;
}

#content-slider-inside {
	list-style: none;
	height: 640px; 		// these 3 lines (height+20)
	overflow: scroll;	// help Opera
	overflow-y: hidden;	// behave

}

#content-slider-inside li {
		width: 480px;
		height: 620px;
		position: relative;
		background: #fff;
		
}

#content-slider-inside li div.selected{
display: block;
}

#content-slider-inside li div.unselected{
display: none;
}

span.moreViews {
	position: absolute;
	left: 0;top: 495px;
}

span.moreViews img{
	float: left;
width: 55px;height: 55px;
padding: 0 15px 15px 0;
}

span.moreViews span{cursor: crosshair;}

.imginfo2 {
	position: absolute;
	left: 0px;
	top:515px;
	z-index: 100;	
	color: #000;		
	font-size: 12px;
	width: 410px;
	text-align: left;


}

.imginfo2.egal {
top: 560px;
}




.fixed {
	/*position: fixed;*/
}


/* prozatiiiiiiiim !!!*/

.post h1 {
	font-size: 100%;
	position: absolute;
	display: none;
}


img {
	border: none;
}




h2.vypal{
	width: 120px;
	height: 250px;
	padding: 0 20px 20px 0;
float: left;
position: relative;
margin: 0;
}

h2.vypal a{
	display: block;
	height: 250px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

img.attachment-thumbnail {
	display: block;
	height: 120px;
	width: 120px;

}

#squarebox.news img.attachment-thumbnail {
	float: left;
	padding: 0 20px 20px 0;
}

.infosquare {
float: left;
display: block;
width: 120px;
padding: 0 20px 0 0;
height: 120px;
}

.pagesquare .infosquare {
position: absolute;
left: 140px;
top: 140px;
}

.infosquare div{
display: block;
width: 90px;
padding: 10px 20px 10px 10px;
height: 100px;
color: #fff;
font-size: 0.9em;
}



h2.vypal div{
position: relative;
top: 10px;
padding: 10px 20px 10px 10px;
height: 100px;
overflow: hidden;
line-height: 17px;
}




.next-posts a, .prev-posts a, #scrollup, #scrolldown{
	background: url(images/prevnext.gif) no-repeat;
	width: 11px;
	height: 13px;
	display: block;
/*background:red;*/
position: absolute;
bottom: 60px;
}

.next-posts a{
left: -42px;

}

.prev-posts a{
right: -40px;
background-position: -11px;
}

#scrollup, #scrolldown{
	background: url(images/prevnext2.gif) no-repeat;
	width: 13px;
	height: 11px;
	display: block;
/*background:red;*/
position: absolute;
	bottom: -30px;
	right: 20px;
	cursor: pointer;
}



#scrolldown {
		right: 0;
	background-position: 0 -11px;
}

#scrollup.whitearr, #scrolldown.whitearr{
	background: url(images/prevnextWhite.png) no-repeat;
	width: 18px;
	height: 16px;
	display: block;
position: absolute;
top: 20px;
z-index: 999;
	right: 138px;
}

.aktualx {
	background: url(images/x.png) no-repeat;
	width: 24px;
	height: 27px;
	position: absolute;
	left: 15px;
	top: 13px;
	display: none;
}

a.gallerythumb.selected .aktualx{
	display: block;
}

#scrolldown.whitearr {
top: 440px;
background-position: 0 -15px;
}



span.name {
	position: absolute;
	right: 0;
	top: 515px;
	color: #da521f;
	font-size: 75%;
}

span.name.egal {
	top: 560px;
}


#content_inside table {
	font-size: 95%;
}





/*HOME*/
#maintext {
	float: left;
	width: 315px;
	text-align: justify;	
	padding-left: 20px;
	font-size: 70%;
	line-height: 150%;
	color: #a5a5a5;
	
}

#mainpic {
	float: left;
width: 740px;
padding: 80px 0 10px 0;	
}

#smallpics img{
	float: left;
	width: 120px;height: 120px;
	padding: 0 15px 0 0;
}


#qtranslate-chooser {
position: absolute!important;
right: 50px;top: 20px;
text-align: left;
list-style-type: none;
text-transform: lowercase;
}

#qtranslate-chooser a:hover {
	color: #da521f;
	text-decoration: none;}

#qtranslate-chooser .active {
display: none;}

/*#footer_language_list{
	position: absolute;
	top: 170px;left: 1010px;
	font-size: .8em;
text-transform:lowercase
}

#footer_language_list li span {
display: none;	
}

#footer_language_list li a span {
display: block;	
}*/


} /* END screen media */























































@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 18pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */