/*  
Theme Name: Civic
Theme URI: http://www.lightboxgallery.net.nz
Description: A chocolate colored Wordpress Theme by <a href="http://www.lightboxgallery.net.nz" title="Voyages to the Periphery">Lumenous</a> - Widget Ready, 3 Columns, Clean tones, Rounded Edges, Web 2.0. This WordPress theme is categorized under a Creative Commons License.
Version: 1.0
Author: Callum Strong
Author URI: http://www.lightboxgallery.net.nz

Edited by Matthew Bartlett (mhjb.co.nz / mhjbnz@gmail.com)
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body {background-color:#DDE5D9; font:13px Trebuchet MS;}
#wrapper {
	width:725px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0;}
#main {
	background-color:white;
	padding:20px;
	width:685px;
	padding-bottom:20px;}

h3 {
	background: transparent;
	text-align: left;
	margin: 1.5em 0 .5em 0;
	font-size: 16px;
	font-weight: strong;
	border-bottom: #DEE4DA 1px solid; }
h3.first { margin-top: 0; }	
		

/**************** Search Bar *********************/
OFF#searchbar {height:20px; color:#FFFFFF;}
OFF#searchtext {OFFwidth:232px; height:35px; background:url(images/searchbar.gif) no-repeat left;}
#ls {
	border: 1px solid #ccc; 
	margin: 0; }
	

/**************** Header *********************/
#header_left_top{
	width:100%; 
	height:78px; 
	background: url(images/topper.gif) left bottom no-repeat; }
#header_left{
	/* width:726px; */
	width: 100%; 
	height:40px; 
	background-color: #eee; 
	float:left;}
OFF#subscribe{width:179px; height:40px; padding-top:20px; margin-left:10px; float:left;}

#header_right {
	width:224px;
	height:80px;
	background-color:#FFFFFF;
	float:left;
	margin-bottom:4px;}
#header_right h1 a {color:#8AB459; text-decoration:none; padding-left:10px; font:25px Trebuchet MS; letter-spacing:-2px;}

/**************** Navigation *********************/
#navigation {
	margin: 10px; }
#menu ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;}
#menu ul li{ 
	float:left;
	margin: 0 5px 0 0;
	height: 22px; 
	display: inline;}
#menu ul li a {
	display: block;
	padding-right: 1em; 
	color:#8AB459;
	text-decoration: none; 
	font-weight: bold;
	font-size: 14px; }
#menu ul li a:hover {
	text-decoration: underline; }

#menu ul li.current_page_item {
	OFFbackground: #594D40 url(images/tab_right.gif) no-repeat right top; }
#menu ul li.current_page_item a {
	OFFbackground: url(images/tab_left.gif) no-repeat; 
	color: black;
 }

/**************** Sidebars *********************/
#sidebar1 {
	width:200px;
	OFFbackground-color: #CED4CA;
	float:left;}
#sidebar1_top {
	width:231px; height:5px; 
	OFFbackground:url(images/sidebarl_top.gif) bottom left no-repeat; }
#sidebar1 h2, #sidebar2 h2 { 
	font-size:12px;
	color: black; /* #63B4CD; */
	OFF background:url(images/sidebarl_cat.gif) left no-repeat;
	width:213px; height:28px;
	text-transform:uppercase;
	/* padding-left:10px; padding-top:5px; */ }
#sidebar1 a{
	color: #8AB459 /*#2d5498 */; text-decoration:none;}
#sidebar1 a:hover { text-decoration: underline; OFFcolor:#FFFFFF;}
#sidebar1 ul { list-style-type:none; }
#sidebar1 ul li { 
	list-style-type:none;
}
#sidebar1 ul li ul{
	font-style:normal;
	list-style-type:none;
	margin:0 0 20px 0; padding:0px;}
#sidebar1 ul li ul li{
	border: 0;
	display: block;
	margin: 0 0 8px 0;
	padding: 0; }
#sidebar1 ul li ul li ul li {
	margin-left: 8px; }
#sidebar1 p{padding:0 5px;}

#sidebar2 {
	width:200px;
	float:left; }
#sidebar2_top {
	width:200px; height:5px; background:url(images/sidebarr_top.gif) bottom left no-repeat;}
#sidebar2 a{color:#211100; text-decoration:none;}
#sidebar2 a:hover{color: #8AB459;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{
	list-style-type:none;
	margin: 0 0 40px 0;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 10px;}
#sidebar2 p{padding:0 5px;}
#sidebar2_bottom {width:200px; height:5px; background:url(images/sidebarr_bottom.gif) top left no-repeat;}

/**************** Links *********************/
a:link{color:#8AB459};, a:visited{color: #8AB459;text-decoration:none;}
a:hover{color: #BBB690;}

/**************** Blog Entry *********************/
#blog {
	width:485px;
	float:left;}
.date {
	font-size:11px;
	color: gray; 
	text-transform: uppercase; 
	margin-bottom: .5em; }
.posted { color:#666666; padding-left:11px; font-weight:bold;}
.entry h2 {
	color: black; /* #8AB459; */
	font-weight:normal;
	margin: 1em 0 .75em 0;
	text-align:left;
	font-size: 1.6em; }
.entry h2.first {
	margin-top: 0; }
.post_title h2 {
	margin: 0; }
.entry h2 a{text-decoration:none; color:#8AB459;}
.entry h2 a:hover {color: #333333;}
.tags { padding-bottom:5px; margin-bottom:10px; font-size:11px; border-bottom:1px solid #CDC9AB;}
.entry p {
	font-size: 16px; 
	margin-bottom: .75em; 
	line-height: 1.5em; }
.post {
	text-align:left;
	margin: 0 15px 20px 15px; }

html>body .entry ul { 
	list-style: none; 
	margin-left: 15px;
	text-indent: -15px; } 
.entry li { 
	font-size: 16px; 
	margin: 7px 0 8px 10px; }

.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { 
	margin-left:35px; }
.entry ol li { 
	margin: 0 0 .5em 0;  }
.meta {background:url(images/meta.gif) left no-repeat; width:476; height:43px; padding-left:15px; padding-top:35px; font-size:11px; color:#FFFFFF;}
.meta a, .meta a:visited {color: #CC9900; text-decoration: none;}

h2.search {
	font-size:16px;
	color:#211100;
	margin-left: 10px; }

/**************** Comments *********************/
#comments {font-size:13px; font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist {
	padding:20px; }
.commentlist ul.children li {
	text-indent: 0; }
.commentlist ul.children li::before {
	content: none; }

.commentlist p{font-size:11px; padding-top:5px;}
#author, #email, #url {width:12em;font-size:11px; color:#666666;font-weight:bold;padding:3px; margin-right:5px; border:1px solid #211100;}
#submit{font:bold 0.8em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #211100;font:13px Tahoma;color:#666666;font-weight:bold;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 20px 10px; padding-left: 20px; border-left: 5px double #ccc; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:20px;}
.alignleft{float:left; padding-left:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color:#000;}

/**************** Footer *********************/
#footer {height:31px; background: url(images/footer.gif) center no-repeat; color:#FFFFFF; font-size:11px;}
#footer a{color:#CC9900;}
#copyright { padding-left:10px; padding-top:6px;}

.textwidget {
	margin-top: 2em; }