html { margin: 0; padding: 0; }
body { background: #FFF url(../images/bg.png) top center repeat-x; text-align: center; margin: 0; padding: 0; font: 14px Helvetica, Tahoma; }
html, body, #page-wrap {height: 100%;}
body > #page-wrap {height: auto; min-height: 100%;}

h1, h2 {  }
h1 { color: #003366; font: 26px/26px Helvetica, Tahoma; }
h2 { color: #003366; font: 20px/22px Helvetica, Tahoma; }
h3 { color: #003366; font: bold 16px/20px Helvetica, Tahoma; }

a:link, a:visited { text-decoration: none; color: #003366; }
a:hover, a:active { text-decoration: underline; color: #003366; }

.clear { clear: both; }

@font-face { font-family: 'KingthingsCalligraphicaLightL'; src: url('../fonts/Kingthings_Calligraphica_Light.eot'); src: local('Kingthings Calligraphica Light'), local('Kingthings Calligraphica Light'), url('../fonts/Kingthings_Calligraphica_Light.woff') format('woff'), url('../fonts/Kingthings_Calligraphica_Light.ttf') format('truetype'), url('../fonts/Kingthings_Calligraphica_Light.svg#KingthingsCalligraphicaLight') format('svg'); }

@font-face { font-family: 'KingthingsCalligraphicaRegula'; src: url('../fonts/Kingthings_Calligraphica.eot'); src: local('Kingthings Calligraphica'), local('Kingthings Calligraphica'), url('../fonts/Kingthings_Calligraphica.woff') format('woff'), url('../fonts/Kingthings_Calligraphica.ttf') format('truetype'), url('../fonts/Kingthings_Calligraphica.svg#KingthingsCalligraphica') format('svg'); }

@font-face { font-family: 'KingthingsCalligraphicaItalic'; src: url('../fonts/Kingthings_Calligraphica_Italic.eot'); src: local('Kingthings Calligraphica Italic'), local('Kingthings Calligraphica Italic'), url('../fonts/Kingthings_Calligraphica_Italic.woff') format('woff'), url('../fonts/Kingthings_Calligraphica_Italic.ttf') format('truetype'), url('../fonts/Kingthings_Calligraphica_Italic.svg#KingthingsCalligraphicaItalic') format('svg'); }

#page-wrap { width: 800px; margin: 20px auto; padding: 0; position: relative; }

#header {  }

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

#header .navigation { display: block; list-style: none; position: relative; top: -5px; left: -5px; }

#header .navigation li { display: inline; width: 126px; }

#header .navigation li a { font: 22px KingthingsCalligraphicaLightL; margin: 0 40px; color: #FFF; }

#content { text-align: left; overflow: auto; margin-top: 75px; padding-bottom: 100px; font-family: Helvetica, arial, sans-serif; }

#content .postFooter { height: 30px; background: #5588BB; color: white; border: 3px solid #336699; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content .postFooter a { color: #DBEAF5; font-size: 12px; margin-right:20px; text-decoration: underline; }
#content .postFooter .author { color: #DBEAF5; font-style: italic; margin-top: 8px; float: left; margin-left: 20px; }
#content .postFooter .read-more { color: #DBEAF5; font-style: italic; float: right; margin-top: 8px; }

#content #latest-post .read-more { float: right; margin-right:20px; margin-top: -20px; }

#content .post { padding: 10px 0 30px 0; }

#content .post span{ float: right; padding: 5px; color: #08335a; font: bold 12px Helvetica, Tahoma; }

#content #gallery { float: left; width: 600px; margin-top: -55px; }

#content .side-bar { float: left; width: 200px; }

#content .side-bar h2 {
	text-align: center;
	width: 200px;
}

#content .side-bar li{
	list-style: none;
	text-align: left;
}

#content img.front-page {
	padding: 5px;
	margin: 0 10px;
	border: 2px solid #003366;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: rgba(0,0,0, .1) 0 0 8px;
	-webkit-box-shadow: rgba(0,0,0, .1) 0 0 8px;
	box-shadow: rgba(0,0,0, .1) 0 0 8px;
}

#content img.contact-page {
	padding: 5px;
	margin: 0 60px 0 10px;
	border: 2px solid #003366;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: rgba(0,0,0, .1) 0 0 8px;
	-webkit-box-shadow: rgba(0,0,0, .1) 0 0 8px;
	box-shadow: rgba(0,0,0, .1) 0 0 8px;
}

#footer {
	height: 80px;
	position: relative;
	margin-top: -80px;
	clear: both;
	background: #08335a;
	width: 100%;
	color: #FFF;
}

#footer p { padding: 40px 0 0 0; font: 12px Helvetica, Tahoma; }

#footer a { color: #FFF; }

/* contact form */
.contact-form input,.contact-form  textarea { padding: 9px; border: 1px solid #e5e5e5e; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 200px; -moz-box-shadow: rgba(0,0,0, .1) 0 0 8px; -webkit-box-shadow: rgba(0,0,0, .1) 0 0 8px; box-shadow: rgba(0,0,0, .1) 0 0 8px; background: #FFF; background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px); background: -webkit-gradient('linear', left top, left 25, from(#FFF), color-stop(4%, #EEE), to(#FFF)); }

.contact-form textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%; }

.contact-form input:hover, textarea:hover, input:focus, textarea:focus { border-color: #CCC; -moz-box-shadow: rgba(0,0,0, .15) 0 0 8px; -webkit-box-shadow: rgba(0,0,0, .15) 0 0 8px; }

.contact-form form label { margin-left: 10px; color: #999999; }

.contact-form .submit input { padding: 9px 15px; width: 75px; cursor: pointer; background: #617798; border: 0; font-size: 14px; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }