/*
Theme Name: Transparency
Author: ChiQ (Customized by MCGWD)
Author URI: http://www.mcgwebdevelopment.com/
*/

* { margin: 0; padding: 0; }
body { text-align: center; font: 12px Arial; color: #000; }
a { text-decoration: none; color: #68A2BA; }
a:hover { color: #f90; }
img { border: 0; }
.break { font-size: 0; width: 0; height: 0; clear: both; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.hidden { display: none; }
.noimage img { display: none; }

#wrapper { width: 900px; margin: auto auto; text-align: left; }

/** BEGIN header **/
#header {}
#header ul { list-style-type: none; border-bottom: 2px solid #63A4B8; height: 37px; margin-bottom: 0; }
#header ul li {	text-transform: uppercase; font-size: 0.9em; font-weight: bold;	font-family: Verdana; float: left; }
#header ul li a { color: #000; display: block; padding: 12px; }
#header ul li.here a { background-color: #527D8D; }
#header ul li.current_page_item a { background-color: #527D8D; color: #fff; }
#header ul li a:hover {	background-color: #527D8D; color: #fff; }
#logo {	height: 80px; padding: 10px 0; width: 900px; background: url(images/logo.png) no-repeat right; }
#header h1 { font-size: 28px; font-weight: normal; margin-top: 12px; }
#header h1 a { color: #000; }
#header #description { color: #63A6B9; font-size: 16px; font-weight: bold; margin-bottom: 0; }
/** END header **/

/** BEGIN body **/
#body {	clear: both; border-bottom: 2px solid #63A5BF; }
#body #latest {	background-color: #527D8D;	margin-bottom: 10px;	padding-bottom: 10px;	border-width: 1px;	border-style: solid;	border-color: #66A3BF;	}
#body #latest .l {	float: left;	width: 300px;	padding: 15px 20px;	}
#body #latest h3 {	font-size: 0.9em;	text-transform: uppercase;	margin-bottom: 10px;	}
#body #latest img {	border: 4px solid #FEFFFF;	}
#body #latest .post {	float: right;	width: 560px;		padding-top: 20px; }
#body #latest .post h2 {	font-size: 1.9em;	margin-bottom: 15px;	}
#body #latest .post h2 a {	color: #000;	}
#body #latest .post p {	margin-bottom: 10px;	padding-right: 40px; }
#body #latest .post .readmore {}

#body #content { float: left; width: 554px; border-right: 1px solid #67A3BB; min-height: 300px; }
#body #content .post { padding: 10px 20px 20px 0; }
#body #content .post span.l a {	float: left; font-size: 0.9em; text-transform: uppercase; color: #000; font-weight: bold; width: 282px; }
#body #content .post span.r a {	float: right;	font-size: 0.9em;	text-transform: uppercase;	color: #000;	font-weight: bold;		padding-right: 20px;	width: 252px;	text-align: right;	}

#body #content .post h1 { padding: 0; line-height: normal; font-size: 2.2em; clear: both; margin-bottom: 10px; color: #64a4bb; font-weight: normal; }
#body #content .post h2 { padding: 10px 0 0 0; line-height: normal; font-size: 1.6em; clear: both; margin-bottom: 10px; font-weight: normal; }
#body #content .post h2 a { color: #62A4BA; }
#body #content .post h3 { padding: 10px 0 0; line-height: normal; font-size: 1.3em; clear: both; margin-bottom: 2px; font-weight: normal; }
#body #content .post p { margin-bottom: 10px; line-height: 1.3em; }

#body #content .post .details {	clear: both;	border-top: 1px solid #66A4BD;	padding: 5px 0 0 0;	font-size: 0.9em;	margin-top: 40px;		height: 20px;	}
#body #content .post .details a {	color: #000;	}
#body #content .post .details .l {	float: left;	}
#body #content .post .details .r {	float: right;	}

#body #content #postnav {	clear: both;	padding: 20px 10px;	font-size: 0.9em;	}
#body #content #postnav strong {	padding: 5px;	border: 1px solid #66A2BE;	font-weight: normal;	}
#body #content #postnav a {	padding: 5px;	border: 1px solid #66A2BE;	color: #000;	}

#body #sidebar {	float: right;	width: 345px;	border-left: 1px solid #67A3BB;	margin-left: -1px;	}
#body #sidebar .box {	border-bottom: 1px solid #66A4BD;	padding: 10px 0 10px 10px;	}
#body #sidebar a {	color: #000;	}
#body #sidebar a:hover {	color: #68A2BA;	}
#body #sidebar .box h2 { font-size: 1em; text-transform: uppercase; font-weight: bold; }
#body #sidebar .box ul { list-style-type: none; padding: 5px 0 0; }
#body #sidebar .box ul li { padding: 3px 0 3px 16px; background: url(images/bullet.gif) no-repeat 0 8px; }
#body #sidebar .box ul li a:hover {}

#body #sidebar .l { border-right: 1px solid #66A4BD; float: left; width: 149px;	padding: 10px; }
#body #sidebar .l h2 { font-size: 1em; text-transform: uppercase; font-weight: bold; }
#body #sidebar .l ul { list-style-type: none; padding: 5px 0 20px; }
#body #sidebar .l ul li {	padding: 3px 0 3px 16px;	background: url(images/bullet.gif) no-repeat 0 center;	}
#body #sidebar .l ul li a {}
#body #sidebar .l ul li a:hover {}
#body #sidebar .r { float: right;	width: 165px;	padding: 10px 0 10px 10px;	border-left: 1px solid #66A4BD;	margin-left: -1px;	}
#body #sidebar .r h2 { font-size: 1em; text-transform: uppercase; font-weight: bold; }
#body #sidebar .r ul {	list-style-type: none; padding: 5px 0 20px; }
#body #sidebar .r ul li { padding: 3px 0 3px 16px; background: url(images/bullet.gif) no-repeat 0 center; }
#body #sidebar .r ul li a {}
#body #sidebar .r ul li a:hover {}
/** END body **/

#footer { clear: both; padding: 20px 0; font-size: 0.9em; }
#footer p { margin-bottom: 10px; }
#footer a { color: #000; }
#footer a:hover { color: #f90; }

/** BEGIN misc **/
#body #content .post h3 { margin-bottom: 5px; }
#body #content .post ul { padding-left: 15px; margin-bottom: 10px; }
#body #content .post ul li { padding: 2px 0; }
#body #content .post ol { padding-left: 20px; margin-bottom: 10px; }
#body #content .post ol li { padding: 2px 0; }
#body #content .post blockquote { padding-left: 10px; border-left: 2px solid #000; font-style: italic; margin-left: 2px; }
.single { border-top: 2px solid #63A5BF; margin: 0 0 10px; }
#comments { padding: 0 20px 10px 0; border-top: 1px solid #66A4BD; }
#comments h2 {	font-weight: normal;	font-size: 1.5em;	padding-top: 25px;	margin-bottom: 20px; }
#comments p {	margin-bottom: 10px;	}
#comments form p {	margin-bottom: 5px;	}
.commentdetails {	margin-top: 20px;	}
.commentauthor {	text-transform: uppercase;	font-weight: bold;	margin-bottom: 2px !important; }
.commentdate {	font-size: 0.9em;	margin-bottom: 5px;	}
.required {	color: #ff0000;	}
/** END misc **/

/** BEGIN wp page numbers **/
#page {	padding: 20px 10px; }
#wp_page_numbers ul { list-style-type: none; }
#wp_page_numbers ul li { float: left; padding: 5px; border: 1px solid #66A2BE; margin: 2px; font-size: 0.9em; }
#wp_page_numbers ul li a { color: #ffffff; }
/** END wp page numbers **/

#gallery-7 a img { border: 1px solid #68A2BA; padding: 0; }
#gallery-7 a:hover img { border: 1px solid #f90; }

/* Begin Images */
.post img { max-width: 524px; padding: 4px; background: #527d8d; border: 1px solid #66a4bd; margin: 0 1.5em 1em 0; }
img.centered { display: block; margin: 0 auto 1em; }
img.alignright { margin: 0 0 1em 1.5em; display: inline; }
img.alignleft {	margin: 0 1.5em 1em 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

body.mceContentBody { text-align: left; font: 12px Arial; color: #000; width: 534px; padding: 10px; }
body.mceContentBody h1 { padding: 0; line-height: normal; font-size: 2.2em; clear: both; margin-bottom: 10px; color: #64a4bb; font-weight: normal; }
body.mceContentBody h2 { padding: 10px 0 0 0; line-height: normal; font-size: 1.6em; clear: both; margin-bottom: 10px; font-weight: normal; }
body.mceContentBody h3 { padding: 10px 0 0; line-height: normal; font-size: 1.3em; clear: both; margin-bottom: 2px; font-weight: normal; }
body.mceContentBody p { margin-bottom: 10px; line-height: 1.3em; }
body.mceContentBody a { text-decoration: none; color: #68A2BA; }
body.mceContentBody a:hover { color: #f90; }
body.mceContentBody img { max-width: 524px; padding: 4px; background: #527d8d; border: 1px solid #66a4bd; margin: 0 1.5em 1em 0; }
body.mceContentBody img.centered { display: block; margin: 0 auto 1em; }
body.mceContentBody img.alignright { margin: 0 0 1em 1.5em; display: inline; }
body.mceContentBody img.alignleft {	margin: 0 1.5em 1em 0; display: inline; }
body.mceContentBody .alignright { float: right; }
.alignleft { float: left; }