/*
	Theme Name: BrainScope
	Theme URI: http://kahi.cz/
	Version: 1.0
	Author: Peter Kahoun
	Author URI: http://kahi.cz/
*/


/* =reset */

body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

fieldset, img {border:0;}

body {font-size:62.5%;}

th {text-align:left;}


/* =main
*********************************/

body {
	background:#2b4a46 url(images/back.png);
	color:#000; font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif;
}

#body-in {
	padding:30px 0 60px 40px;
	background:url(images/back-grad.png) repeat-x;
}

#container {
	position:relative;
	width:650px; padding:202px 40px 40px 40px;
	border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	background:#fff url(images/header.png) no-repeat;
}

	#logo a {
		position: absolute; left:40px; top:74px;
		width:269px; height:36px; overflow:hidden;
		background:url(images/logo.png) no-repeat;
		text-indent:-999px;
	}
	
	#subtitle {
		position: absolute; left:40px; top:128px;
		width:300px; height:60px;
		font-size:120%; line-height:1.6;
	}


/* =nav
*********************************/

@media all {

#nav {
	margin:0 -40px;
	height:41px;
	background:url(images/nav-back.png) repeat-x;
}

#nav > li {
	float:left;
	height:41px;
	position:relative; /* only needed for li.has-children */
}

	#nav > li > a {
		display:block;
		height:41px; padding:0 40px 0 20px;
		border-left:1px solid #b9c1c0;
		line-height:41px; text-decoration:none; font-size:120%;
	}

		#nav > li.current_page_item > a,
		#nav > li.current_page_ancestor > a,
		#nav > li:hover > a {
			background:url(images/nav-back.png) repeat-x;
		}

		#nav > li.current_page_item + li > a,
		#nav > li.current_page_ancestor + li > a,
		#nav > li:hover + li > a {
			border-left:1px solid #96a5a3;
		}

	#nav > li:first-child > a {
		padding-left:40px;
	}


	/* menu items with children*/

#nav > li.has-children {

}

	#nav > li.has-children > a {
		position:relative;
	}

	#nav > li.has-children > a > span { /* todo js addClass('has-children') */
		position:absolute; right:10px; top:16px;
		width:9px; height:10px;
		background:url(images/nav-arrow-down.png) no-repeat;
	}

	#nav > li.has-children:hover > a > span {
		background-position:0 bottom;
	}


	/* second level */

#nav ul {
	visibility:hidden;
	position:absolute; left:0; top:41px; z-index:10;
	min-width:250px; max-width:500px; width:auto;
}

#nav li:hover ul {
	visibility:visible;
}

	#nav ul li a {
		display: block; padding:10px 20px;
		background-color:#e6ebea; background-color:rgba(230, 235, 234, 0.96);
		border:1px solid #d3d8d7; border-width:1px 1px 0 0;
		text-decoration: none; font-size: 110%;
	}

	#nav ul li.current_page_item a,
	#nav ul li.current_page_ancestor a,
	#nav ul li a:hover {
		background-color:#c7d1d0;
	}

	#nav ul li:last-child a {
		-moz-border-radius: 0px 0px 3px 3px;
		-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px;
		border-radius: 0px 0px 3px 3px;
	}


#nav a.grouping {
	cursor:default;
}

#nav-langs {
	position: absolute; right:30px; top:0;
	padding-top:20px;
	background:#e7eceb;
	line-height:1;
}
	
	#nav-langs a {
		display: block;
		padding:10px 15px;
		text-decoration: none; text-transform: uppercase; text-align: center;
	}
	
	#nav-langs .active a,
	#nav-langs a:hover {
		background:#d8e0df;
	}

}/* /media */


/* =else
*********************************/

@media all {

#skip a {
	visibility: hidden;
	position: absolute; left:40px; top:-25px;
	border-bottom:1px dashed #fff;
	color:#fff; font-size:120%; text-decoration: none;
}

#skip a:active,
#skip a:focus {
	visibility: visible;
}

#footer {
	margin:0 -40px;
	padding:40px 40px 0;
	border-top:1px solid #eee;
	font-size:110%;
}

	#footer .links {
		float:right; width:50%;
		text-align: right;
	}

	#footer .links a {
		margin-left:1em;
	}

	#footer .thanks {
		float:left; margin-top:-15px;
		width:50%;
	}

		#footer .thanks a {
			float:left; margin-right:15px;
			width:30px; height:30px; 
			background:url(images/footer-logos.png) 0 0 no-repeat;
			text-indent:-9999px; overflow: hidden;
		}
		
		#footer .thanks a.wp {}
		#footer .thanks a.cc {background-position:center top;}
		#footer .thanks a.pk {background-position:right top;}	
	
/*	
	<ul class="thanks">
		<li><a href="http://wordpress.org" title="Publikační systém WordPress"
		class="wp">publikační systém: WordPress</a></li>

		<li><a rel="license" title="Licence Creative Commons" class="cc"
		href="http://creativecommons.org/licenses/by-nd/3.0/cz/">licence: Creative
		Commons</a></li>

		<li><a href="http://kahi.cz" title="design: Peter Kahoun" class="pk">design:
		Peter Kahoun</a></li>
	</ul>	
*/	

.to-admin,
.post-edit-link {
	position: absolute; right:5px; top:6px;
	width:16px; height:16px; padding:0;
	background:url(images/admin-controls.png) no-repeat;
	text-indent:-999px;
}

.post-edit-link {
	top:249px;
	background-position:left bottom;
}

.the-id {
	position: absolute; right:9px; top:265px;
	font-size:91%; color:#666;
}

}


/* =content: general
*********************************/

@media all {

#content {
	clear:both;
	padding:45px 0 60px;
	font-size:120%; line-height:1.5;
}

.cleaner {
	clear:both;
}

.hidden {
	position: absolute; left:-9999px; top:-9999px; width:0; height:0; overflow:hidden;
}

#content p,
#content ul,
#content ol,
#content dl,
#content table,
#content pre,
#content form {
	margin-bottom:1em;
}

	/* links */
	
a {
	padding:2px;
	color:#000;
}

a:hover {
	text-decoration: none;
	background-color:#e7eceb;
}	

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	padding-left:0;
}
	
	
	/* headings */

h1, h2, h3, h4, h5, h6 {
	margin:24px 0 12px;
	font-family: Cambria, Georgia, Garamond, serif; font-variant: small-caps;
}

h1:target, h2:target, h3:target, h4:target, h5:target, h6:target {
	font-weight: bold;
}

h1 {
	margin-top:0;
	font-size:26px;
}

h1 ~ h1 {
	margin-top:24px;
}

#content h2 {
	font-size:20px;
}

#content h3 {
	font-size:18px;
}

#content h4 {
	font-size:15px; font-variant:inherit;
}

#content h5 {
	font-size:14px; font-variant:inherit; font-style: italic;
}

#content h6 {
	font-size:13px; font-variant:inherit; font-style: italic;
}


	/* lists */

#content ul {
	margin-left:42px;
}

	#content ul > li {
		padding:0 0 4px 25px;
		background:url(images/li.png) 0px 0.4em no-repeat;
	}

#content ol {
	margin-left:60px;
	list-style:decimal;
}

	#content ol > li {
		padding:0 0 4px 5px;
	} 

	#content li ul {
		margin:0.5em 0 0.5em 30px;
	}

	#content li ol {
		margin:0.5em 0 0.5em 40px;
	}

#content dt {
	font-style:italic;
}

#content dd {
	margin:0.5em 0 0.5em 40px;
}


	/* links to files */

a[href$='.zip'],
a[href$='.rar'],
a[href$='.7z'],
a[href$='.gz'],
a.type-archive {
	padding-right:20px; margin-right:2px;
	background:url(images/icons/compress.png) right center no-repeat;
}

a[href$='.pdf'],
a.type-pdf {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_acrobat.png) right center no-repeat;
}

a[href$='.txt'],
a.type-text {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_text.png) right center no-repeat;
}

a[href$='.doc'],
a[href$='.docx'],
a[href$='.rtf'],
a.type-richtext {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_word.png) right center no-repeat;
}

a[href$='.xls'],
a[href$='.xlsx'],
a.type-table {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_excel.png) right center no-repeat;
}

a[href$='.ppt'],
a[href$='.pptx'],
a.type-presentation {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_powerpoint.png) right center no-repeat;
}

a[href^='mailto:'],
a.email {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/email.png) right center no-repeat;
}


	/* quotes */

#content blockquote {
	margin:1em 40px;
	font-style: italic; color:#333;
}

cite {
	font-style:italic;
}

blockquote + p cite:only-child {
	display:block; margin:-0.5em 40px 2em;
	text-align:right; font-style:italic; color:#333;
}

	blockquote + p cite:only-child:before {
		content:'— ';
	}

q {
	font-style: italic; color:#333;
	quotes:'' '' '' ''; /* quotes expected to be in-content */
}


	/* images */

.alignright,
.right,
.figure-right {
	float:right; clear:right; margin:0 0 .5em 1.5em;
}

.alignleft,
.left,
.figure-left {
	float:left; margin:0 1.5em .5em 0;
}

	.figure-left p,
	.figure-right p,
	.figure p {
		padding:.5em 0;
		font-size:91.7%;
	}

img {
	padding:1px;
	border:1px solid #ccc;
}

a img {
	border-color:#ccc #999 #999 #ccc;
}


	/* tables */

table {
	width:100%;
}

td, th {
	padding:3px 12px 3px 6px;
	vertical-align: top;
	border-bottom:1px solid #ddd; /*border-color: #bbb #fff #bbb #fff;*/ /*border-right-width:3px;*/
}

th {
	background-color:#f2f6f4;
}


	/* specials */

#content pre {
	overflow:scroll;
}

hr {
	margin:3em 0;
	height:0;
	border:0; border-bottom:2px solid #eee;
}

p.important,
div.important,
.warning,
.positive,
.negative,
.download {
	padding:1em
}

.important {
	padding-top:.5em; padding-bottom:.5em; /* eg. ul.important */
	border:1px solid #e4e4e4;
	background-color:#f4f4f4;
}

.warning {
	border:1px solid #fef299;
	background-color:#fef8df;
}

.meta {
	font-size:91%; font-style:italic;
}



	/* forms */
	/* not prepared to use table-layouted forms, use form>div>label+element constr. */
	/* not prepared to use fieldset & legend */

form > div {
	margin-bottom:1.5em;
}

label {
	display:block; margin-bottom:0.5em;
}

input[type=text],
textarea {
	padding:2px 3px;
	border:1px solid #888; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	font-family: Cambria, Georgia, Garamond, serif; font-size:116.7%;
}

input[type=text]:focus,
textarea:focus {
	border-color:#000;
}

input[type=text] {
	padding:2px 3px;
	width:200px;
}

textarea {
	width:644px; height:7em;
}

	form table textarea {
		width:400px;
	}

input[type=radio] {
	margin-left:2ex;
}

form label.req {
	font-weight: bold;
}



} /* /media */


/* =content: news
*********************************/

#content .news {
	overflow:hidden; margin-bottom:1em; position: relative;
}

#content .news h2 {
		margin:0 0 0.5em 65px;
}

#content .news .dt {
	position:absolute; left:0; top:0;
	width:45px; padding-right:20px;
	font-size:100%; line-height:1.5; font-family:Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; font-weight:bold; text-align:right;
}

	#content .news .dt span {
		display: block;
	}

#content .news .content {
	margin-left:65px;
}

	#content .news .content a.more-link {
		font-size:91.67%;
	}
	
	#content  .news .content a.more:hover {
		background-color:#e7eceb;
	}
	

	/* navigation - pagination */

#content .nav-pag {
	margin:2em -40px;
	overflow:hidden;
}

#content .nav-pag:last-child {
	margin-bottom:0;
}

#content .nav-pag span a { /* .nav-pag > span.next > a */
	display:block; float:right;
	padding:10px 40px 10px 20px;
	border-top:1px solid #dde1e0;
	background-color:#e7eceb;
	font-size:91.67%;
}

#content .nav-pag .prev a {
	float:left;
	padding:10px 20px 10px 40px;
}

	#content .nav-pag a:hover {
		border-top-color:transparent;
		background-color:#c7d1d0;
	}

.col3 {
	float:left;
	width:150px;
}

/*
.col3 + .col3 + .col3:after {
	content:'.'; display:block;	clear:both;
}
*/