/*

Deeper Province CSS Styles

http://deeperprovince.com 

ALL CONTENT © COPYRIGHT 2009

COLOUR REFERENCES
BODY BG: #FFF
FONT COLOR MAIN: #000
FONT COLOR HEADING: #666
FONT COLOR SPECIFIC: #666
LINKS: #000

-------------------------------------------------------- */

/*MAIN STRUCTURE
-------------------------------------------------------- */

body {
	font-size: 62.5%;
	line-height: 1.8em;
	font-family: Arial, "Times New Roman", sans-serif;
	color: #333333;
	background: #6b130a url(../images/body_background.jpg) repeat-x; 
}

.inner {
	width: 940px;
	margin: 0pt auto;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

/*TYPOGRAPHY
-------------------------------------------------------- */

p {margin:0 0 1.5em; font-size: 1.3em;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

/*MISCLEANOUS
-------------------------------------------------------- */

a:focus, a:hover {color:#fff; text-decoration:underline;}
a {color:#fff;text-decoration: none;}

/* <textEditor> */
.highlight {
	color: #B72E18;
}
/* </textEditor> */

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

table {font-size: 1.3em;}
table td {padding: 5px;}


strong {font-weight:bold;}
abbr, acronym {border-bottom:1px dotted #666;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
address {margin:0 0 1.5em;font-style:italic;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*WRAPPER
-------------------------------------------------------- */
#wrapper {
	width: 940px;
	margin: 0pt auto;
	margin-top: 40px;
	background: #FFFFFF url(../images/wrapper_background.jpg) top no-repeat;
}

/*HEAD
-------------------------------------------------------- */

#head .inner {
	height: 60px;
	border-bottom: 1px solid #be311a;
}

#head .prospectus {
	background-image: url(../images/prospectus_button_background.png);
	background-repeat: no-repeat;
	margin: 19px 40px 0 0;
	padding: 4px 8px 4px 8px;
}

#head .prospectus a {
	font-size: .9em;
	color: #fff;
}

#head .prospectus a:hover {
	color: #FFFFFF;
}

/*NAVIGATION
-------------------------------------------------------- */

#head ul {
	margin: 25px 0 0 40px;
	padding: 0;
	float: left;
}

#head li {
	float: left;
	margin: 0 25px 0 0;
	list-style-type: none;
}

#head a {
	float: left;
	color: #737373;
	font-size: 1.4em;
	text-transform: uppercase;
}

#head a:hover {
	color: #be311a;
	
}

/*SECTION NAVIGATION
-------------------------------------------------------- */

ul.sectionMenu {
	list-style-type: none;
	padding: 0;
	margin-top: 30px;
}

ul.sectionMenu li {
	font-size: 1.3em;
	margin-bottom: 10px;
}

/*ADVERT
-------------------------------------------------------- */

.slideshow {
	margin: 40px 40px 0 40px;
	position: relative;
	width: 860px;
}

.logo {
	position: absolute;
	width: 169px;
	top: -30px;
	right: -30px;
	z-index: 2;
}

#portfolio {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1;
}

/*CONTENT
-------------------------------------------------------- */

#content .inner {
	width: 860px;
	min-height: 400px;
}

.breadcrumb {
	height: 40px;
	background-color: #dedede;
	border-top: 1px solid #be311a;
	border-bottom: 1px solid #afafaf;
}

.date-box {
	color: #b72e18;
	margin: 15px 20px 0 0;
	font-size: 1.4em;
}

.bc {
	margin: 15px 0 0 50px;
	font-size: 1.4em;
}

.bc a {
	margin-right: 5px;
	color: #003399;
}

.house-icon {
	margin: 12px 0 0 20px;
}

.main-content {
	clear: both;
	background: #fdfdfd url(../images/content_background.jpg) repeat-x;
	min-height: 300px;
}

.right-content {
	width: 280px;
	margin: 30px 20px 0 0;
	min-height: 300px;
	position: relative;
	background: #be301a url(../images/news_background.jpg) no-repeat top;
}

.right-content p {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
}

.right-content h2 {
	padding-left: 10px;
	color: #FFF;
	font-size: 1.4em;
}

.news-bubble {
	position: absolute;
	width: 136px;
	top: -15px;
	right: 40px;
	margin-bottom: 20px;
}

.left-content {
	width: 460px;
	margin: 0 0 0 20px;
	padding-top: 20px;
}

.left-content h2 {
	color: #b72e18;
	margin-top: 10px;
}

.left-content a {
	color: #003399;
}

.left-content-detail {
	width: 820px;
	margin: 0 0 0 20px;
	padding-top: 20px;
}

.left-content-detail h2 {
	color: #b72e18;
	margin-top: 10px;
}

.left-content-detail li a {
	color: #333333;
}

.gallery {
	margin: 20px 0 0 20px;
}

.gallery h2 {
	color: #b72e18;
}

.blogsElement h2 {
	font-size: 1.4em;
	background: url(../images/envelope.png) no-repeat;
	margin-left: 10px;
	margin-top: 30px;
	padding-left: 35px;
	
}

.postInfo {
	margin-left: 50px;
	color: #FFFFFF;
}

.rss {
	float: right;
	margin-right: 10px;
	border: none;
}

div.rss img {
	border: none;
}

div.eventsCalendar a {
	color: #003399;
}

.post a {
	color: #333333;
}

.postInfo {
	color: #333333;
}

div.postBody p {
	padding-left: 10px;
	padding-right: 10px;
}

h2.letters-home {
	padding-left: 10px;
	color: white;
}

.linksModule ul {
	padding-left: 25px;
	margin-left: 0;
}

.linksModule li {
	font-size: 1.3em;
}

/*FOOT
-------------------------------------------------------- */

#foot .inner {
	height: 30px;
	margin-bottom: 10px;
}

#foot p {
	color: #fdfdfd;
	margin: 5px 0 10px 0;
	font-size: 1.1em;
}