/*
Theme Name: ppp-marsh
*/

@charset "utf-8";

/*#################
   RESET STYLES
#################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*#################
    MAIN STYLES
#################*/

body {
	background:#EBECAC;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
}

#container {
	width:900px;
	height:auto;
	overflow:auto;
	margin:25px auto 0;
	padding:25px;
	background:#563b19 url(/wp-content/themes/ppp-marsh/images/bg.jpg) bottom repeat-x;
	border:2px solid #FFF;
}

	#header {
		width:900px;
		height:240px;
		background:#3C0001 url(/wp-content/themes/ppp-marsh/images/header01.jpg) no-repeat;
	}
	
	#barTop {
		width:888px;
		height:auto;
		overflow:auto;
		padding:0 5px;
		margin:15px 0;
		background:#261907;
		border:1px solid #CCCCCC;
		font-size:0.8em;
		
	}
		
		#barTop li{
			position:relative;
			float:left;
		}
		
		#barTop a{
			display:block;
			width:125px;
			height:19px;
			padding:6px 0 0;
			text-align:center;
		}
		
		#barTop a:link, #barTop a:active, #barTop a:visited{
			color:#FFF;
			text-decoration:none;
		}
		
		#barTop a:hover {
			background:#c9a87b;
			color:#261907;
		}
	
	#barLeft {
		width:560px;
		height:auto;
		overflow:visible;
		margin:0 40px 0 0;
		padding:0;
		position:relative;
		float:left;
	}
	
		#barLeft h1 {
			font-size:1.2em;
			font-weight:normal;
			color:#d9a964;
			margin:10px 0 25px;
		}
		
		#barLeft h2 {
			font-size:1.1em;
			font-weight:normal;
			color:#d9a964;
			margin:10px 0;
		}
		
		#barLeft p {
			font-size:0.8em;
			font-weight:normal;
			line-height:1.2;
			color:#fff;
			margin:10px 0;
			text-align:justify;
		}
		
		#barLeft .quotes {
			text-align:center;
			line-height:1.5;
		}
		
		#barLeft .toTop {
			display:block;
			text-align:right;
		}
		
		#barLeft .toTop a {
			font-size:0.8em;
			color:#d9a964;
			text-decoration:none;
		}
		
		.divider {
			width:250px;
			margin:35px auto;
			border-top:2px solid #a58250;
		}
		
		#eventsTable {
			font-size:0.8em;
			background:#231807;
			border:1px solid #140e05;
		}
		
		#eventsTable .tblDate {
			background:#140e05;
			color:#d9a964;
			border-bottom:1px solid #140e05;
		}
		
			#eventsTable td {
				padding:5px;
			}
			
		#barLeft a:link, #barLeft a:active, #barLeft a:visited {
			color:#ecbd79;
			text-decoration:none;
		}
		
		#barLeft a:hover {
			text-decoration:underline;
		}
		
		#barLeft ul {
			font-size:0.8em;
			list-style:square inside;
			margin:0 0 0 40px;
			line-height:1.2em;
			color:#d9a964;
			text-align:justify;
		}
		
		#barLeft li {
			margin:10px 0;
			list-style:disc outside;
		}
		
		#barLeft .txtli {
			color:#FFF;
		}
		
		#barLeft .portrait {
			float:left;
			margin:0 10px 0 0;
		}
	
	#barRight {
		width:258px;
		height:auto;
		overflow:auto;
		padding:20px 20px;
		position:relative;
		float:right;
		background:#261907;
		border:1px solid #CCCCCC;
	}
	
		#barRight ul {
			font-size:0.9em;
		}
		
		#barRight li {
			margin:12px 0;
		}
	
		#barRight h2 {
			font-size:0.9em;
			font-weight:normal;
			color:#d9a964;
			margin:10px 0;
		}
		
		#barRight a {
			width:250px;
			height:auto;
			padding:2px 2px 2px 0;
		}
		
		#barRight a:link, #barRight a:active, #barRight a:visited {
			text-decoration:none;
			color:#FFF;
			padding:0 0 0 8px;
		}
		
		#barRight a:hover {
			background:#c9a87b;
			padding:0 0 0 5px;
			border-left:4px solid #FFF;
			color:#261907;
		}
		
/*
		#barRight form {
			margin:8px 0 0;
		}
		
		#barRight input {
			width:200px;
			margin: 0 0 2px;
		}
		
		#barRight .btn {
			margin:4px 0 0 40px;
			width:100px;
		}
		
		#barRight label {
			font-size:0.8em;
			width:40px;
			display:block;
			float:left;
			text-align:right;
			margin:0 5px 0 0;
			vertical-align:middle;
		}
*/		
		#barRight p {
			font-size:0.8em;
		}
		
	.signature {
		margin:25px 0 0;
	}
	
#footer {
	width:950px;
	margin:10px auto 25px;
	text-align:center;
	font-size:0.8em;
	color:#fff;
}

#footer a{
	text-decoration:underline;
	color:#FFF;
}

#contentGallery {
	width:560px;
}

#contentGallery .thm {
	width:170px;
	margin:0 25px 25px 0;
	position:relative;
	float:left;
}

#contentGallery .thmEnd {
	width:170px;
	margin:0 0 25px 0;
	position:relative;
	float:left;
}

.productBox {
	margin:0 0 25px 0;
}

.productBox img {
	position:relative;
	float:left;
	margin:0 10px 0 0;
}

#tblContact {
	font-size:0.8em;
}

#tblContact td {
	padding:5px;
}

#barLeft .links {
	text-align:left;
	font-size:0.7em;
	margin:0 0 20px;
}