/* Created by http://freehtml5templates.com */



/* reset */

* {

	margin: 0;

	padding: 0;

}



/* render html5 elements as block */

header, footer, section, aside, nav, article {

display: block;

}



body {

line-height: 1;

background-color: #AFE5F7;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #666;

font-size: 14px;

line-height: 18px;

}

	

/* layout */



#wrapper {

width: 940px;

margin: 0 auto;

margin-top: 5px;

margin-bottom: 5px;

border: 8px #fff solid;

}



nav {

width: 940px;

height: 50px;

margin: 0 auto;

background: #0088b3;

}



header {

width: 940px;

height: 400px;

margin: 0 auto;

background: #fff url(images/logo.png) no-repeat left top;

}



#main {

width: 940px;

margin: 0 auto;

padding-top: 30px;

background: #FFF url(images/colbg.png) repeat-y;

overflow: hidden;

}



#content {

float: right;

width: 640px;

margin-right: 30px;

}



#sidebar {

float: left;

padding-left: 20px;

width: 220px;

background: #fff;

}



footer {

width: 940px;

margin: 0 auto;

clear: both;

}



/* basics */



@font-face {

	font-family: 'Lobster13Regular';

	src: url('Lobster_1.3-webfont.eot');

	src: local('Lobster13Regular'), url('Lobster_1.3-webfont.woff') format('woff'), url('Lobster_1.3-webfont.ttf') format('truetype'), url('Lobster_1.3-webfont.svg#webfontcOtP3oQb') format('svg');

	font-weight: normal;

	font-style: normal;

}



h1,h2,h3,h4,h5,h6 {

font-weight: bold;

clear: both;

}



a:link, a:visited {

color: #15627A;

}



a:hover, a:active {

color: #555;

}



hr {

background-color: #E7E7E7;

border: 0;

height: 1px;

margin-bottom: 18px;

clear: both;

}



p {

margin-bottom: 18px;

}



li {

padding-left: 5px;

}



/* nav */



nav .menu {

font-size: 16px;

font-weight: bold;

}



nav .menu ul {

margin: 0;

padding: 17px 0 0 20px;

list-style: none;

line-height: normal;

}



nav .menu li {

display: block;

float: left;

}



nav .menu a {

display: block;

float: left;

margin-right: 5px;

padding: 0px 15px;

text-decoration: none;

color: #eee;

}



nav .menu a:hover {

text-decoration: underline;

}



/** HEADER **/

header h1 { 	

text-align: center;

padding-top: 80px;

font-size: 90px;

font-family: 'Lobster13Regular', Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

}



header h1 a:link, header h1 a:visited {

text-decoration: none;

color: #0088b3;

}



header h1 a:hover { 

color: #555;

}





/** ARTICLES **/

article img {

border: none;

-webkit-box-shadow: 3px 3px 7px #777;

-moz-box-shadow: 3px 3px 7px #777;

}



#content p, ul, ol, hr {
	margin-bottom: 24px;
	text-align: justify;

}



#content ul ul, ol ol, ul ol, ol ul {

margin-bottom: 0;

}



#content h1, h2, h3, h4, h5, h6 {

margin: 0 0 20px 0;

line-height: 1.5em;

}



#content h1 {

font-size: 60px;

text-align: center;

color: #346A14;

margin-top: -25px;

}



#content h2 {

display: block;

background: #ddd;

padding-left: 10px;

font-size: 22px;

}



.alignleft, img.alignleft {

display: inline;

float: left;

margin-right: 8px;

margin-top: 4px;

}



.alignright, img.alignright {

display: inline;

float: right;

margin-left: 8px;

margin-top: 4px;

}



.aligncenter, img.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

text-align: center;

}



img.alignleft, img.alignright, img.aligncenter {

margin-bottom: 12px;

}



/* sidebar and footer widget blocks */



aside h3 {

display: block;

width: 200px;

height: 40px;

background: #fff url(images/headingback.png) no-repeat;

font-size: 19px;

padding-left: 7px;

margin-right: 15px;

color: #E4F7E4;

}



aside ul {

list-style: none;

margin-bottom: 20px;

margin-top: -15px;

}



aside li a {

display: block;

text-decoration: none;

}



aside li a:hover {

text-decoration: underline;

}



#footer-area {

background: #0088b3;

color: #ddd;

font-size: 90%;

padding: 18px 0;

overflow: hidden;

}



.footer-segment {

float: left;

margin-right: 20px;

margin-left: 20px;

width: 190px;

}



footer aside h4 {

color: #fff;

font-size: 16px;

line-height: 1.5em;

}



footer a:link, footer a:visited {

color: #75d2f1;

text-decoration: underline;

}



footer a:hover {

color: #555;

}



footer p {

margin-top: -15px;

}