* {margin: 0; padding: 0;}

@font-face
	{
	font-family: "FontWeb2013";
	src: url("fonts/font2013.ttf");
	}

@font-face
	{
	font-family: "BlogFont2013";
	src: url("fonts/candara.otf");
	}

body
	{
	background: #002244;
	font-family: "FontWeb2013";
	}

body, input, textarea, select
	{
	font-family: "FontWeb2013";
	/* font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; */
	color: #333333;
	margin: 0px auto;
	}

h1, h2, h3
	{
	margin-bottom: 1em;
	font-weight: normal;
	color: #002244;
	}

h1
	{
	font-size: 2.2em;
	}

h2	{
	font-size: 1.7em;
	}

h3	{
	font-size: 1em;
	font-weight: bold;
	}

p, blockquote, ul, ol, form
	{
	margin-bottom: 1.5em;
	}

blockquote, ul, ol
	{
	margin-left: 3em;
	}

blockquote
	{
	margin-right: 3em;
	font-style: italic;
	}

ul
	{
	list-style-type: square;
	}

a
	{
	color: #002244;
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	color: #882266;
	}

.obr-l
	{
	float: left;
	margin-left: 5px;
	padding: 2px;
	border: #224466 2px solid
	}

.obr-c
	{
	float: center;
	margin-left: 5px;
	padding: 2px;
	border: #224466 2px solid
	}

.obr-r
	{
	float: right;
	margin-left: 5px;
	padding: 2px;
	border: #224466 2px solid
	}



/* Wrapper ============================================================================== */

#wrapper
	{
	width: 980px;
	margin: 5px auto;
	border: 7px solid #ffffff;
	background-color: #ffffff;
	}



/* Header =============================================================================== */

#header
	{
	height: 160px;
	position: relative;
	background: #002222 url(images/header.png) no-repeat;
	margin: 0px auto;
	}

#header h1, #header h2
	{
	}

#header h1
	{
	position: absolute;
	top: 70px;
	left: 10px;
	font-size: 3em;
	letter-spacing: -1px;
	}

#header h2
	{
	position: absolute;
	top: 130px;
	left: 15px;
	font-size: 1em;
	}

#header a
	{
	text-decoration: none;
	color: #ffffff;
	}

#header:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}



/* TopMenu ============================================================================== */

#topmenu
	{
	width: 980px;
	position: absolute;
	margin: -160px -5px;
	}

#topmenu ul
	{
	list-style: none;
	text-align: right;
	padding: 10px 0px 10px 0px;
	margin: 0;
	}

#topmenu li
	{
	padding: 0em 0.7em 0em 0.7em;
	display: inline;
	}

#topmenu li a
	{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	font-size: 1.0em;
	}

#topmenu li a.active
	{
	border-bottom: 2px solid #ffffff;
	}

#topmenu li a:hover
	{
	border-bottom: 2px solid #ffffff;
	}



/* Content ============================================================================== */

#content
	{
	background-color: #aaddff;
	border-top: 5px solid #778899;
	margin: 0px auto;
	width: 980px;
	}



/* Sidebar ============================================================================== */

#sidebar
	{
	background: #aaddff;
	float: left;
	width: 300px;
	padding: 10px 0px 0px 0px;
	}

#sidebar ul
	{
	margin: 0;
	list-style: none;
	padding: 0 10px;
	}

#sidebar li
	{
	margin-bottom: 20px;
	}

#sidebar li ul
	{
	line-height: 1.5em;
	list-style-type: square;
	padding-left: 15px;
	}

#sidebar li li
	{
	margin: 0px;
	color: #002266;
	}

#sidebar li li ul
	{
	margin: 0px;
	list-style-type: circle;
	font-weight: none;
	}

#sidebar h2
	{
	border-bottom: 3px solid #004466;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	}

#sidebar a
	{
	text-decoration: none;
	color: #002244;
	padding-left: 0px;

	}

#sidebar a:hover
	{
	text-decoration: underline;
	color: #770000;
	}



/* Blog ================================================================================= */

#blog
	{
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* font-size: 14px; */
	background: #ffffff;
	float: right;
	width: 670px !important;
	width: 646px;  /* IE6 3px problem */
	margin: 0px auto;
	padding: 10px 0px 0px 10px;
	min-height: 660px;
	}



/* Post ================================================================================= */

.post
	{
	}

.post .title
	{
	height: 50px;
	border-top: 1px solid #002244;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	background: #ffffff url(images/style.gif) repeat-x;
	}

.post .title a
	{
	text-decoration: none;
	}

.post .title a:hover
	{
	text-decoration: underline;
	}

.post .date
	{
	margin-top: -95px;
	text-align: right;
	font-size: x-small;
	padding: 10px;
	color: #0077aa;
	}

.post .entry
	{
	padding: 10px;
	line-height: 1.5em;
	}

.post p
	{
	text-align: justify;
	}

.entry h1, .entry h2, .entry h3
	{
	color: #333333;
	}



/* Footer =============================================================================== */

#footer
	{
	background: #446688 url(images/style.gif) repeat-x;
	border-top: 1px solid #002244;
	border-bottom: 1px solid #002244;
	}

#footer p
	{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: small;
	}

#footer a
	{
	text-decoration: none;
	}

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