/*
Theme Name: Petar Kodzas
Theme URI: http://www.petarkodzas.com/
Description: Custom CMS theme
Version: 1.0
Author: Helen Hou
Author URI: http://hsquaredweb.com/
*/

body {
	margin:0;
	padding:0;
	background:#333;
	color:#EEE;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
}

h1, h2, h3 {
	color:#EEE8CA;
	text-transform:uppercase;
	margin-bottom:10px;
}

hr {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#999 none repeat scroll 0 0;
	border-color:#999 -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	height:0;
}

a img {
	border:0;
}

.clear {
	clear:both;
}

#container {
	margin:20px auto 10px auto;
	width:960px;
	height:550px;
	overflow:hidden;
	text-align:left;
}

#sidebar {
	width:250px;
	float:left;
}

#header {
	height:167px;
}

#header h1 {
	text-indent:-99999px;
	line-height:0;
	margin:0;
	padding:0;
}

/********** MENU STYLES **********/

#menu {
	width:250px;
	padding:20px;
	height:373px;
	overflow:hidden;
	background:#94C5D0;
	w\idth:210px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px dotted #FFF;
}

#menu li a {
	text-decoration:none;
	color:#333;
	padding:4px;
	display:block;
	border-bottom:1px dotted #FFF;
}

#menu li a:hover, #menu li.current_page_item a, #menu li.current_page_parent a {
	background:#A0C9D2;
}

/************ CONTENT STYES *************/

#content {
	width:700px;
	padding:0 10px;
	height:550px;
	overflow-x:hidden;
	overflow-y:auto;
	float:right;
	w\idth:680px;
}

#content h1 {
	font-size:2.5em;
	margin-top:0;
}

#content h2 {
	font-size:2em;
	margin-top:0;
}

#content h3 {
	font-size:1.5em;
	margin-top:0;
}

#content p {
	line-height:18px;
}

#content a {
	color:#94C5D0;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content ul#program-list {
	list-style:square;
	padding-left:20px;
	font-size:18px;
}

img.left {
	float:left;
	margin:0 20px 20px 0;
}

img.right {
	float:right;
	margin:0 0 20px 20px;
}

#footer {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	text-align:center;
}

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

#footer a:hover {
	text-decoration:underline;
}