/*
CSS file created with:Instant Blueprint - Create a web project framework in seconds.
 http://instantblueprint.com

Project: blueSite
File: css/style.css
Last edited: July 8, 2010, 9:21 pm
*/

/*  Main  */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #004;
}

#wrapper {
	background: #eee;
	margin:0 auto;
	width:972px; /*  Change to desired width :)  */
	box-shadow: 0px 0px 15px #222;
	-moz-box-shadow: 0px 0px 25px #222;
	-webkit-box-shadow: 0px 0px 25px #222;
}

a { color: #947243; }

/* fonts */
@font-face { font-family: "Portland LDO"; src: url('../font/Portland LDO.ttf'); } 
@font-face { font-family: "Portland LDO"; font-weight: bold; src: url('../font/Portland LDO Bold.ttf'); }

#tagline, #topnav, #mainColumn h1 { font-family: "Arno Pro", "Portland LDO", Georgia, "Times New Romain", sans-serif; }

#topnav {
	height: 50px; width: 100%;
	background: #947243;
	background: -webkit-gradient(linear,
		left bottom,
		left top,
		color-stop(0, rgb(107,81,47)),
		color-stop(1, rgb(148,114,67))
	);
	background:	-moz-linear-gradient(
		center bottom,
		rgb(107,81,47) 0%,
		rgb(148,114,67) 100%
	);
	border-bottom: 5px solid #b59263;
}

#topnav a { color: #fff; text-decoration: none; }
#topnav ul { margin: 0 auto; padding-top: 15px; color: #fff; text-shadow: 1px 1px 3px #333; }
#topnav ul li { display: inline-block; float: left; padding-left: 65px; font-size: 1.35em; font-weight: bold; letter-spacing: 0.15em; }
#topnav ul li.divider { color: #b59263; }

#header {
	height: 300px; width: 100%;
	background: #325a7f;
}

#tagline {
	height: 50px; width: 100%;
	background: #224c76;
	color: #fff;
	text-shadow: 1px 1px 5px #333;
	text-align: center;
	padding-top: 25px;
}

#tagline p { font-size: 1.5em; color: #fff; letter-spacing: 0.25em; }
 #tagline p .alt { color: #cca571; }

#padding1 { height: 5px; width: 100%; background-color: #ddd; }
#padding2 { height: 5px; width: 100%; background-color: #fff; }

#mainBody {
	border-top: 1px solid #ddd;
	background: #fff;
	min-height: 600px; width: 100%;
}

#mainColumn {
	background: #fff;
	height: 710px;
	width: 419px;
	border-right: 1px solid #ddd;
	float: left;
	padding: 40px;
	overflow-y: scroll;
}

.post { border-bottom: 1px solid #ddd; margin-bottom: 20px;}

#mainColumn h1, h2 {
	text-shadow: 1px 1px 2px #777;
	margin-bottom: 20px;
	color: #224c76; letter-spacing: 0.2em;
}
	#mainColumn h1 { font-size: 1.75em; }
	#mainColumn h2 { font-size: 1.15em; }
	#mainColumn p { font-size: 0.85em; margin-bottom: 20px; line-height: 1.9em; }
	
	#mainColumn ul { font-size: 0.85em; list-style: inside; margin: 0 25px 10px 25px; }
		#mainColumn ul li { padding-bottom: 10px; }

.date { position: relative; top: -20px; left: 15px; font-size: 0.8em; }

#column1, #column2 { width: 236px; min-height: 800px; background: #fff; float: left; }
	#column1 h1, #column1 h2, #column1 h3,#column2 h1, #column2 h2, #column2 h3 { font-family: "Arno Pro", "Portland LDO", Georgia, "Times New Romain", sans-serif; font-size: 1.5em; padding: 10px 15px; margin-bottom: 3px; }

.box1, .box2, .box3 { width: 100%; position: relative; }
.box1 { height: 225px; }
.box2 { width: 100%; height: 350px; color: #fff; }
	.box2 h2 { color: #fff; text-shadow: 1px 1px 5px #333; }
	.box2 ul { margin: 0 25px; list-style: inside }
	.box2 ul li { padding-bottom: 5px; }
	.box2 .read-more { position: absolute; bottom: 10px; right: 10px; }
.box3 { height: 225px; }

#column1 .box2 { background: #224c76; }
#column2 .box1, #column2 .box3 { background: #947243;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(107,81,47)), color-stop(1, rgb(148,114,67)) );
	background: -moz-linear-gradient(center bottom, rgb(107,81,47) 0%, rgb(148,114,67) 100%); }

#column2 .box2 { color: #000; }
	#column2 .box2 h2 { color: #224c76; }
	#column2 .box2 ul li { margin-bottom: 15px; }
	
#column2 .box3 { color: #000; text-align: right; }
	#column2 .box3 h2 { color: #fff; text-align: left;}
	#column2 .box3 ul { margin: 0 25px; }
	#column2 input { text-align: left; }
	#column2 .box3 ul li { margin-bottom: 15px; }
	#column2 label { font-size: 0.8em; }

#footer {
	width: 912px; min-height: 50px;
	position: relative;
	clear: both;
	background: #224c76;
	padding: 50px 30px;
	font-size: 0.85em;
	line-height: 1.75em;
	color: #fff;
}

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

#footerContent { position: relative; }
	#footerContent .copyright { margin-top: 50px; }