/* layout centering */
html, body { height: 100%; }

#outer {height: 100%; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner {margin-left: auto; margin-right: auto; /* for all browsers*/
	width: 950px;
	height: 385px;
}

/* general rules */
a { color: #8fbb00; text-decoration: none; }
a:visited { color: #658400; }
a:hover { color: #6f706d; border-bottom: 1px solid #6f706d; }

/* optional: #inner[id] {position: static;} */

#header {
	width: 960px;
}
	#header h1 {
		text-indent: -9000em;
		height: 60px;
		background: url(../img/logo.gif) no-repeat;
		float: right;
	}
	#header address {
		text-align: right;
		float: left;
	}

#content {
	height: 400px;
	color: white;
	padding-left: 10px;
}
	#content p {
		line-height: 1.8em;
	}
	
	/* different images */
	.home {
		background: #8fbb00;
		padding-left: 0 !important;
		text-align: center;
	}
	
	.blank {
		padding-right: 10px;
		width: 930px !important;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		color: #222 !important;
	}
	
	.about { /* put the image on the left */
		background: #8fbb00 url(/img/about.jpg) no-repeat top left;
		padding-left: 590px !important;
		padding-right: 10px;
		width: 350px;
	}

	.boudoir, .pricing, .proofs, .contact {
		padding-right: 590px;
		width: 350px;
	}
	.contact {
		background: #8fbb00 url(/img/kissing_bride_and_groom.jpg) no-repeat top right;
	}
	.pricing {
		background: #8fbb00 url(/img/pricing.jpg) no-repeat top right;
	}
	.boudoir {
		background: #8fbb00 url(/img/boudoir.jpg) no-repeat top right;
	}
	.proofs {
		background: #8fbb00 url(/img/contact.jpg) no-repeat top right;
	}
	.schedule {
		padding-left: 0 !important;
	}	
	.galleries {
		background: #8fbb00;
		padding-left: 0 !important;
	}
	.proofs {
		padding-left: 0 !important;
		padding-right: 600px;
	}
	
	/* quick general rules */
	#content h3, #content h4, #content h5, #content h6 {
		color: white;
		font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	}
	#content a { color: #161d00; }
	#content a:visited { color: #161d00; }
	#content a:hover { color: #000; border-bottom: 1px solid #000; }

#inner-content-scrollable {
	width: 370px;
	height: 400px;
	overflow: auto;
}
	.proofs #inner-content-scrollable {
		width: 380px;
	}
	
/* navigation */
#navigation, #sub-navigation {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}
	#navigation ul, #sub-navigation ul {
		list-style-type: none;
		margin: 0;
	}
		#navigation ul li, #sub-navigation ul li {
			float: left;
			padding-left: 9px;
			border-left: 1px solid #dedede;
		}
		
		.active-nav a { color: #66b11a !important; }
		.active-nav a:hover { color: #161d00 !important; border-bottom: 1px solid #161d00 !important; }
		
#sub-navigation { background: #e7fbc6; }
#sub-navigation ul li { border-left: 0 none; }
#sub-navigation a { color: #66b11a; }
#sub-navigation a:visited { color: #66b11a; }
#sub-navigation a:hover { color: #161d00; border-bottom: 1px solid #161d00; }

/* footer */
#footer {
	text-align: center;
	font-size: .9em;
}

/* proofs */
.proofEvent { 
	font-size:		1.2em;
}
.proofEvent a {
	display:		block;
	padding:		25px;
	text-decoration: 	none;
	color: white !important;
	border-bottom:		2px solid #ddd;
	text-align:		center;
}
.proofEvent a:hover {
	color:			#658400 !important;
	background-color: 	#e7fbc6;
	border-bottom:		2px solid #658400;
}

/* CONTACT FORM */
#contact-form {

}
	#contact-form input, #f5 {
		background-color: #f1f6e9;
		border: 1px solid #66b11a;
	}
	
	#f5 /* message textarea */ {
		height: 60px;
	}
	
	#submit {
		background-color: #e7fbc6;
		display: block;
		color: #449008;
		font-weight: bold;
		margin-top: 10px;
		padding: 6px;
	}
		

#blogContent {
	color: #222;
}
	#blogContent div.post {
		border-bottom:			1px solid #8fbb00;
	}
	
	#blogContent h1 {
		font-weight:			bold;
		font-size:			2em;
	}

	#blogContent a { color: #8fbb00; }
	#blogContent a:visited { color: #658400; }
	#blogContent a:hover {color: #6f706d; border-bottom: 1px solid #6f706d; }
	
	#blogContent p img {
		display:			block;
		margin:				0 auto;
		border:				15px solid #000;
	}
	#blogContent p.author {
		font-style: italic;
	}
	#blogContent p.date {
		float: right;
	}
	#blogContent #nextFive {
		text-align:			center;
		font-size: 1.2em;
	}
	#blogContent #nextFive p {
		margin:				0;
	}

.month1 { background: url(/css/blogdate/01.gif) no-repeat 0 0; }
.month2 { background: url(/css/blogdate/02.gif) no-repeat 0 0; }
.month3 { background: url(/css/blogdate/03.gif) no-repeat 0 0; }
.month4 { background: url(/css/blogdate/04.gif) no-repeat 0 0; }
.month5 { background: url(/css/blogdate/05.gif) no-repeat 0 0; }
.month6 { background: url(/css/blogdate/06.gif) no-repeat 0 0; }
.month7 { background: url(/css/blogdate/07.gif) no-repeat 0 0; }
.month8 { background: url(/css/blogdate/08.gif) no-repeat 0 0; }
.month9 { background: url(/css/blogdate/09.gif) no-repeat 0 0; }
.month10 { background: url(/css/blogdate/10.gif) no-repeat 0 0; }
.month11 { background: url(/css/blogdate/11.gif) no-repeat 0 0; }
.month12 { background: url(/css/blogdate/12.gif) no-repeat 0 0; }

p.date {
	width: 42px;
	height: 10px;
	padding: 18px 0 14px 0;
	text-align: center;
	color: black;
	font-weight: bold;
}

p.date span { display: none; }