/*
	Theme Name: Custom
	Theme URI: http://kahi.cz
	Description: Custom commercial template
	Version: 1.0
	Author: Peter Kahoun
	Author URI: http://kahi.cz/
*/

/* CSS Document
 ****************
 * Media: screen, presentation
 * Tested in: Opera 9.5, Firefox 3, Safari 3 (Win), Chrome and IE 6,7 (additional stylesheets applied)
 * Note: MOSe applied
 *  
 * Author: Peter Kahoun aka Kahi
 * Author contact: kahi@kahi.cz; web: kahi.cz
 * Date: 2009/06  
 */


/* Colors
 ****************
 * yellow	e8a921
 * 			000
 * 		 	fff
 * 
 * Widths
 ****************
 * 996 total
 * 560 content max
 */


/* =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%;}

input[type=text] {padding:1px 3px;}

hr {display:none;}

th {text-align:left;}


/* =general classes
------------------------------------------------*/

.noscreen, .hidden, #pagetitle, #h-nav, .skip, .pg-index h2 {
	position:absolute; left:-10000px; top:-1000px;
	width:0; height:0; overflow:hidden;}

.cleaner {
	clear:both; height:0;}



/* =layout
------------------------------------------------*/

body {
	background:#000 url(images/back.png) repeat-x;
	color:#fff; font-family:Arial, Helvetica, sans-serif;}

#all {
	margin:0 auto; position:relative;
	width:972px; padding:115px 12px 50px 12px; /*  996 total w */
	background:#000;}

#header {
	position:absolute; left:12px; top:0;
	width:972px;}

#content {
	float:left;
	width:560px; padding:0 0 50px 40px; /* 600 total w */
	border-top:3px solid #e8a921;}

#sidebar {
	float:right;
	width:300px; padding-left:30px; /* 330 total w */
	background:url(images/line-vertical.png) no-repeat;}


/* =header
------------------------------------------------*/

#header {
	border-top:3px solid #e8a921; border-bottom:1px solid #222;
	background:url(images/header-back.png) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

	#address {
		position:absolute; right:0; top:0;
		width:300px; padding-top:15px;}

		#address h3,
		#address p {
			font-size:120%; text-transform:uppercase; font-weight:bold; line-height:1.5}

		#address h3 {
			 color:#e8a921;}

		#address p {}

			#address p a {
				color:#e8a921; text-transform:none;}

			#address p .tel {
				padding-left:14px;
				background:url(images/icon-tel.png) left center no-repeat;}

			#address p .email {
				padding-left:14px;
				background:url(images/icon-mail.png) left center no-repeat;}

	#nav {margin-left:20px;}

		#nav li a {
			float:left;
			padding:9px 18px; line-height:70px;
			background:url(images/nav-item-separator.png) right top no-repeat;
			color:#fff; font-size:13px; text-decoration:none; text-transform:uppercase; font-weight:bold;}

			#nav li a:hover,
			#nav li.current_page_item a {
				padding-top:0;
				border-top:9px solid #e8a921;}


/* =general typography
------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

a {
	text-decoration:underline;}

a:hover {
	text-decoration:none;}



/* =content subpages
------------------------------------------------*/

	/* blocks */

#content p,
#content ol,
#content ul,
#content dl,
#content form,
#content table {
	margin-bottom:1em;
	font-size:120%; line-height:1.5;}

	#content li ul,
	#content li ol,
	#content li p,
	#content li h3,
	#content li h4,
	#content dl p,
	#content form p,
	#content form table,
	#content form li,
	#content form dl {
		font-size:100%;}


	/* inlines */

#content strong {
	font-weight:normal; color:#e8a921;}

#content a {
	color:#e8a921;}


	/* headings */

#content h2,
#sidebar h3 {
	padding:9px 0 20px 0; position:relative;
	overflow:hidden;}
	
	#content h2 .in, 
	#sidebar h3 .in {
		float:left;
		padding:0 10px; min-width:250px;
		border-bottom:1px solid #e8a921;
		background:url(images/box-h-back.png) repeat-x;
		font-size:130%; line-height:34px; text-transform:uppercase; font-weight:bold;}

	#content h2 .d, 
	#sidebar h3 .d {
		position:absolute; left:0; top:0px;
		width:100px;
		border-top:9px solid #e8a921;}

#content h3,
#content h4,
#content h5 {
	margin:1.5em 0 0.66em;
	font-size:160%; color:#e8a921; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;}

#content h4 {
	font-size:130%;}

#content h5 {
	font-size:130%; font-weight:normal;}


	/* lists */

#content ul {
	padding-left:1.33em;
	list-style:square;}

#content ol {
	padding-left:1.66em;
	list-style:decimal;}


	/* images and flowing content */

#content div img,
#content a img  {
	padding:6px;
	border:1px solid #444;
	background:#222;}

#content .right,
#content .alignright,
#content .figure-right {
	float:right; margin:0.5em 0 0.5em 1.5em;
	text-align:center;}

#content .left,
#content .alignleft,
#content .figure-left {
	float:left; margin:0.5em 1.5em 0.5em 0;
	text-align:center;}

#content .figure-left img,
#content .figure-right img,
#content .figure img {
	margin-bottom:0;}

#content .figure-left p,
#content .figure-right p,
#content .figure p {
	padding:0.5em;
	font-size:110%; font-style:italic;}


	/* else */

#content .perex p {
	font-size:160%; color:#e8a921; font-weight:bold;}

#content blockquote {
	padding-left:1.5em;
	border-left:3px solid #444;
	font-style:italic;}

#content q,
#content cite {
	font-style:italic;}

#content q {
	quotes:'„' '“' '‚' '‘';}

#content th,
#content td {
	padding:5px 10px 5px 5px;
	border:1px solid #444;}

#content th {
	background:#222 url(images/box-h-back.png) repeat-x;}

#content dt {
	margin-bottom:0.5em;
	font-weight:bold; font-style:italic;}

	#content dd {
		margin:0 0 1em 2em;}
	
	
 	/* form (contact form) */
 	

#content form {
	clear:both; padding-top:20px;}

#content form fieldset {
	padding:15px; 
	border:1px solid #444;}
 	
#content form legend {
	padding:3px;
	background:#000;
	font-weight:bold; color:#e8a921;}

#content #contact-form  {
	position:relative;}
	
	#content form table th,
	#content form table td {
		border:0;}

	#content form table th {
		background:transparent none;
		text-align:right; font-weight:normal;}

	#content form tr.text {}  /* see IE when changing pos. */
		
	#content form tr.text label {
		position:absolute; left:275px; top:0px;
		width:150px;}
		
	#content form tr.text textarea {
		position:absolute; left:275px; top:25px;}	
	
		
	#content form tr.text th ,
	#content form tr.text td {
		display:block;}

#content form tr.text th {
	text-align:left;}

#content form input[type=text],
#content form textarea {
	width:135px;
	border:0; 
	background:#fff; 
	color:#000; font-size:100%; font-family:Arial, Helvetica, sans-serif;}
	
#content form textarea {
	width:230px; height:70px; padding:5px;}

#content form [type=submit] {
	height:26px; padding:0 15px;
	border:0; 
	background:url(images/button.png) repeat-x;
	cursor:pointer;
	color:#000; line-height:26px; font-weight:bold;}

#content form p.submit {
	padding-left:275px;}
	

#content p.edit {
	padding:1em 0;}

	#content p.edit a {
		padding:6px;
		border:1px solid #444;
		background:#222;}

p.admin a {
	position:fixed; top:0; right:0; 
	padding:15px; 
	color:#e8a921; text-decoration:none; font-size:130%;}

/* =content index page specific
------------------------------------------------*/

#index-image {
	position:relative; height:300px; /* 400 total w */
	padding:50px;}

	#index-image .overlay {
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(images/index-image.jpg) no-repeat;}


/* =boxes 3
------------------------------------------------*/

.boxes-3 {
	overflow:hidden;
	border-top:3px solid #e8a921;}

	.boxes-3 .box {
		float:left; margin:0 20px 0 25px;
		width:275px; height:22em;
		background:url(images/box-back.jpg) right bottom no-repeat;}

	.boxes-3 .box h3 {
		position:relative; margin-top:9px;
		padding-left:10px;
		border-bottom:1px solid #e8a921;
		background:url(images/box-h-back.png) repeat-x;
		color:#fff; font-size:130%; line-height:34px; text-transform:uppercase; font-weight:bold;}

		.boxes-3 .box h3 span {
			position:absolute; left:0; top:-9px;
			width:100px;
			border-top:9px solid #e8a921;}

	.boxes-3 .box .box-content {
		padding:20px 10px;
		font-size:110%; color:#d2dad8; line-height:1.7;}

		.boxes-3 .box a {
			color:#e8a921;}

		.boxes-3 .box .more {
			padding:2em 1em 0 0;
			text-align:right; color:#e8a921;}

		.boxes-3 .box ul.half + .more {
			clear:both;}

		.boxes-3 .box .more:after {
			content:' →';}

		/* box 1 */
		.boxes-3 .box ul.half {
			width:50%; float:left;}

			.boxes-3 .box ul.half li {
				padding-left:20px;
				background:url(images/arrow-right-grey.png) left center no-repeat;
				line-height:2;}

		/* box 2 */
		.boxes-3 .box .left {
		float:left; margin-right:1em; margin-bottom:0.5em;}

		.boxes-3 .box a img {
			padding:6px;
			border:1px solid #444;
			background:#222;}

		/* box 3 */
		.boxes-3 .box ol {
			list-style-type:none;}

		.boxes-3 .box ol em {
			color:#e8a921; font-weight:bold; font-style:normal;}


/* =sidebar
------------------------------------------------*/

#sidebar-in {
	border-top:3px solid #e8a921;}

#sidebar a {
	color:#fff;}


#sidebar h3 {
	/* inh. from #content h2 */
	margin-left:25px;
	padding-bottom:0;}
	
	#sidebar h3 .in {
		min-width:180px; /* 200 total w */}
	
#sidebar ul#nav-sub {
	width:200px; margin-left:25px;}
	
#sidebar #nav-sub a {
	display:block;
	padding-left:30px;
	border-bottom:1px solid #444;
	background:url(images/arrow-right-grey.png) 10px center no-repeat;
	line-height:2.2; text-decoration:none; font-size:120%;}
	
	#sidebar #nav-sub a:hover,
	#sidebar #nav-sub li.current_page_item a {
		background-image:url(images/arrow-right-yellow.png);
		color:#e8a921;}
	
	#sidebar #sidebar-photo {
		margin:3em 0;
		height:320px;
		background:url(images/sidebar-photo.jpg) no-repeat;}
		

/* =footer
------------------------------------------------*/

#footer {
	clear:both; margin-top:3em; position:relative;
	padding:2em 1em;
	background:url(images/line-horizontal.png) no-repeat;
	color:#acabac; font-size:110%;}

	#footer a {
		color:#e8a921; }

	#footer em {
		color:#e8a921; font-style:normal;}

	#footer p {
		margin-bottom:1em}

	#footer .madeby {
		position:absolute; right:1em; top:2em;
		width:30%;
		text-align:right;}