/*  
Theme Name: Oktet9
Theme URI: http://oktet9.com
Description: This the theme for the home page of Oktet9.
Version: 1.0
Author: Mato Zgajner
Author URI: http://oktet9.com/
*/

html {
	height: 100%;
}

body {
	margin: 0;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 14px;
	line-height: 18px;
	height: 100%;
}

a:link,
a:visited,
a:active {
	color: black;
}

a:hover {
	color: #999;	
}

h1 {
	margin: 0;
	font-size: 24px;
	line-height: 27px;
}


p {
	margin: 0;
	padding: 18px 0 0 0;
}


.nonFooter {
	min-height: 100%;
	position: relative;
}

* html .nonFooter {
	height: 100%
}

.header {
	width: 960px;
	height: 124px;
	margin: 0 auto;
	padding-bottom: 16px;
	background: url(images/header_bg.png) no-repeat top left;
}

.main {
	width: 960px;
	margin: 0 auto 10px auto;
}

	.content {
		width: 750px;
		padding: 0 0 10px 0;
		float: left;
		background: url(images/body_bg.png) no-repeat top left;
	}
	
		.content .post {
			margin-bottom: 16px;
		}
		
			.content .post h1 > a {
				text-decoration: none;
				color: black;
			}
		
			.content .post .bgUpper {
				height: 15px;
				background: url(images/post_upper_bg.png) no-repeat top left;
			}
		
			.content .post .bgMiddle {
				padding: 0 16px;
				background: url(images/post_middle_bg.png) repeat-y top left;
			}
			
				.content .post .bgMiddle .postinfo {
					font-style: italic;
					color: #999;
				}
				
				.content .post .bgMiddle img.portrait {
					border: 1px solid #CCC;
					padding: 6px;
					float: left;
					height: 180px;
					width: 180px;
				}
				
				.content .post .bgMiddle img.portrait:hover {
					border: 1px solid #333;
				}
				
				.content .post .bgMiddle hr {
					height: 1px;
					background-color: #eee;
					border: 0px;
					margin: 16px 0;
				}
				
				.content .post .bgMiddle h3 {
					margin: 0px;
				}
				
				.content .post .bgMiddle .memberContainer {
					min-height: 194px;
					clear:left;
				}
				
					.content .post .bgMiddle .memberContainer a {
						float: left;
					}

				
				.content .post .bgMiddle .hiddenDiv {
					display: none;
					padding-bottom: 10px;
					padding-top: 0;
					margin-top: 0;
				}

				
				.content .post .bgMiddle dl {
					margin: 7px 0;
					float: left;
				}
				
					.content .post .bgMiddle dl dd
					{
						width: 100px;
						font-weight: bold;
						float: left;
						margin: 0 0 0 16px;
					}
					
						.content .post .bgMiddle dl p
						{
							padding: 0 0 10px 0;
						}
					
					.content .post .bgMiddle dl dt
					{
						width: 408px;
						float: left;
						margin: 0;
					}
				
			.content .post .bgLower {
				height: 18px;
				background: url(images/post_lower_bg.png) no-repeat top left;
			}
	
	.sidebar {
		width: 194px;
		float: left;
		margin-left: 16px;
	}

		.sidebar > .avstralija {
			background: url(images/avstralija_bg.png) no-repeat top left;
			height: 58px;
			font-weight: bold;
			font-size: 22px;
			line-height: 58px;
			list-style: none;
			margin-bottom: 16px;
			padding: 0 30px;
			color: #FAF6BB}

		.sidebar > .avstralija a:link,
		.sidebar > .avstralija a:visited,
		.sidebar > .avstralija a:active,
		.sidebar > .avstralija a:hover {
			color: #FAF6BB;
			text-decoration: none;
		}

			.sidebar > .black > .upper {
				background: url(images/sidebar_black_upper_bg.png) no-repeat top left;
				height: 15px;
			}

			.sidebar > .black > .middle {
				background-color: #222;
				padding: 0px 30px;
				font-size: 22px;
				line-height: 28px;
			}
			
				.sidebar > .black > .middle > ul {
					margin: 0;
					list-style: none;
					padding: 0;
				}
		
				.sidebar > .black > .middle > ul a:link,
				.sidebar > .black > .middle > ul a:visited,
				.sidebar > .black > .middle > ul a:active,
				.sidebar > .black > .middle > ul a:hover {
					color: white;
					text-decoration: none;
				}
			
			.sidebar > .black > .lower {
				background: url(images/sidebar_black_lower_bg.png) no-repeat top left;
				height: 15px;
			}
		
		.sidebar > .grey {
			margin-top: 16px;
		}
		
			.sidebar > .grey > .upper {
				background: url(images/sidebar_grey_upper_bg.png) no-repeat top left;
				height: 15px;
			}

			.sidebar > .grey > .middle {
				background-color: #eee;
				padding: 0px 30px;
			}

				.sidebar > .grey > .middle > h2 {
					margin: 0 0 2px 0;
					font-size: 17px;
				}
			
				.sidebar > .grey > .middle > ul {
					margin: 0;
					list-style: none;
					padding: 0;
				}
				
				.sidebar > .grey > .middle > ul.recentNews {
					list-style: circle;
				}
		
				.sidebar > .grey > .middle > ul a:link,
				.sidebar > .grey > .middle > ul a:visited,
				.sidebar > .grey > .middle > ul a:active {
					color: black;
					font-size: 15px;
				}
				
				.sidebar > .grey > .middle > ul a:hover {
					color: #999;
				}
			
			.sidebar > .grey > .lower {
				background: url(images/sidebar_grey_lower_bg.png) no-repeat top left;
				height: 15px;
			}
			
		
.footer {
	clear: left;
	background: url(images/footer.png) no-repeat top left;
	height: 30px;
	width: 750px;
	text-align: center;
	margin: -30px auto 0 auto;
	line-height: 30px;
	padding-right: 210px;
	position: relative;
}
	
	.footer > span {
		width: 100px;
		position: absolute;
		padding: 0 15px;
	}

	.footer > .older {
		text-align: left;
		left: 0;
	}
	
	.footer > .newer {
		text-align: right;
		right: 210px;
	}