/* 
WordPress theme
=============
Theme Name: Inua
Description: Custom made commercial template
Author: Peter Kahoun
Author URI: http://kahi.cz
Version: 2010.8.1

CSS Document
=============
Media:screen, presentation
Author:Peter Kahoun aka Kahi
Author contact:kahi@kahi.cz; web:kahi.cz
Date:2010/08


Colors
=============
97bf0d green


Layout
=============
960px
	subpage = 
		30 + 568 + 20 + 312 + 30

Notes
=============

*/


/*
	@group 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;}

th {text-align:left;}

fieldset, img {border:0;}

article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

a {color:inherit;}

/*
	@end
*/

/*
	@group Layout & low-level
*/

body {
	background:#fff url(images/body-back-low-simple.png) repeat-x;
	font-family:Arial, sans-serif; color:#000; font-size:12px; line-height:1.5;
}

body.front {
	background-image:url(images/body-back-simple.png);
}

	#body-wrap {
		background:url(images/body-back-low.jpg) center top no-repeat;		
	}
	
	.front #body-wrap {
		background-image:url(images/body-back.jpg);		
	}

body.mac {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
}

#all {
	position:relative; margin:0 auto;
	width:960px; padding-top:124px; 
}

	#main {
		position: relative;
		background-color:#fff;
	}


	#footer {
		clear: both; margin-top:24px;
		padding:24px 0 60px;
		border-top:2px dotted #ddd;
		color:#777;
	}
	
		#footer .right a {
			margin-left:1em;
		}
		
		
/*
	@end
*/

/*
	@group Header
*/

h2#nav {
	position:absolute; left:-9999px; width:0; overflow:hidden;
}

#logo a {
	display:block; position:absolute; left:45px; top:38px;
	width:213px; height:42px;
	background:url(images/logo-inua.png) no-repeat;
	text-indent:-9999px;
}

.skip-content {
	color:transparent; font-size:small;
	display:block; position:absolute; left:-4500px; top:90px;
}

.skip-content:focus,
.skip-content:active {
	color:#fff; left:45px;
}

#nav-main {
	position:absolute; right:6px; top:88px;
}

	#nav-main li {
		display:inline; font-size:14px; color:#ccc;
	}
		
		#nav-main li:after {
			content:' |'; 
		}
		
		#nav-main li:last-child:after {
			content:''; 
		}
		
	#nav-main a {
		padding:0 8px;
		text-decoration:none;
	}
	
	#nav-main a:hover {
		color:#fff;
	}
	
	#nav-main .current-menu-item a,
	#nav-main .current-menu-ancestor a {
		font-weight: bold;
	}

#nav-search {
	position:absolute; top:45px; right:10px;
	width:300px;
	text-align:right;
}
	
	#nav-search h3,
	#nav-search label {
		position:absolute; left:-9999px; width:0; overflow:hidden;
	}
		
	#nav-search input {
		vertical-align:top;
		height:26px; line-height:26px; padding:0 4px; 
		border:1px solid #777;
		-moz-border-radius:4px; /* FF1+ */
		-webkit-border-radius:4px; /* Saf3+, Chrome */
		border-radius:4px; /* Opera 10.5, IE 9 */
		background-color:#fff; /* Opera fix */
		font-size:13px; color:#444;
	}
	
	.mac #nav-search input {
		vertical-align:baseline;
		-webkit-appearance: none;
	}
	
	#nav-search button {
		width:30px; height:28px;
		border:0;
		background:url(images/button-search.png) no-repeat;
		text-indent:-9999px;
		cursor: pointer; vertical-align:baseline;
	}

#nav-search div {
	display:inline;
}


/*
	@end
*/

/*
	@group Frontpage Layout
*/

.front #main {
	padding-top:342px; /* 310 + 2*6 + 20 (space) */
}

section.top-articles {
	position:absolute; left:0; top:0; /* form. 124px */
	height:322px; width:100%; overflow:hidden; 
	background:#96ba0d url(images/green-box-back.png) right top repeat-y;
}

#main > .col {
	float:left; margin-right:12px;
	width:312px;
}

#main > .col.last {
	float:right; margin-right:0;
}

/*
	@end
*/

/*
	@group Subpage Layout
*/

.col-main {
	float:left;
	width:568px; padding:30px 15px 0 30px;
}

.col-sub {
	float:right;
	width:312px; padding:30px 30px 0 0;
}

#d_1, #d_2 {
	position: absolute; left:-21px; top: 51px;
	width: 21px; height: 222px;
	background: url(images/shade-left.png) no-repeat;
}

#d_2 {
	left: auto; right: -21px;
	background-image: url(images/shade-right.png);
}

.front #d_1,
.front #d_2 {
	display: none;
}

/*
	@end
*/

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

.noscreen, .hidden {
	position:absolute; left:-9999px; width:0; overflow:hidden;
}