/*
Theme Name: Kanata
Theme URI:
Description:
Author: 
Author URI: 
Version: 
Tags: brown, dark, two-columns, fixed-width, left-sidebar

.
*/   

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;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display: none;
	}
	
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}	
h2{
	font-size: 1.6em;
	clear:left;
	}
h2.pagetitle {
	font-size: 1.6em;
	padding: 5px 5px 5px 0;
	}
h3 {
	padding: 0;
	font-size: 1.6em;
	margin: 10px 0 10px 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


a, a:link, a:visited{ color: #626262; text-decoration:underline;}
a:hover, a:active{ color: #626262; text-decoration:none;}	

#sidebar a, #sidebar a:link, #sidebar a:link{ color:#626262; text-decoration:none;}
#sidebar a:hover, #sidebar a:active{ color:#626262; text-decoration:underline;}



a.comment, a.comment:link, a.comment:visited{ color: #f29222; padding-left:13px; background:url(images/comment_bubble.gif) no-repeat 0 2px;}

ul#top_pages li a, ul#top_pages li a:link, ul#top_pages li a:visited{ color:#fff; text-decoration:none; display:block;}	
ul#top_pages li a:hover, ul#top_pages li a:active{ color:#fff; text-decoration:underline; display:block;}	

.entry p.postmetadata a, .entry p.postmetadata a:link,.entry p.postmetadata a:visited{text-decoration:none;}
.entry p.postmetadata a:hover,.entry p.postmetadata a:active{text-decoration:underline;}


body {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg.gif) repeat-y top center;
	color: #626262;
	width:100%;
}

#container{
	width:810px;
	margin:auto;
}

	#header{
		width:810px;
		height:224px;
		background:url(images/header_bg.jpg) no-repeat 0 0;
		position:relative;
	}
	
		#header h1{
			font-size:28px;
			color:#fff;
			font-weight:300;
			top: 111px;
			left:13px;
			padding:111px 0 0 13px;
		}
			#header h1 a:link, #header h1 a:visited{ text-decoration:none; color: #fff;}
			#header h1 a:hover, #header h1 a:active{ text-decoration:none; color: #fff;}
		
			.description{
				font-size:12px;
				color:#fff;
				clear:both;
				padding-top:4px;
				padding-left:13px;
			}
			
			ul#top_pages{
				list-style:none;
				float:left;
				margin:47px 0 0 210px;
			}
				* html ul#top_pages{
					margin:47px 0 0 105px;
				}
				
				*:first-child+html ul#top_pages{
					list-style:none;
					float:left;
					margin:35px 0 0 210px;
				}
				
				ul#top_pages li{
					text-align:center;
					background:#f29222;
					padding:11px 18px 7px 18px;
					border-bottom:6px solid #bda282;
					float:left;
					color:#fff;
					font-size:14px;
					margin-left:7px;
				}
			
				/*ul#top_pages li ul{
					display:none;	
				}*/
			
		#content_wrapper{
			width:810px;
			background: url(images/side_nav_bg.gif) no-repeat;
			float:left;
			margin-bottom:30px;
		}
		
			
			#sidebar{
				width:202px;
				min-height:400px;
				float:left;
				margin-top:75px;
				background:url(images/sidebar_bg_rpt.gif) repeat-y 0 75px;
				padding-bottom:50px;
			}
			
			* html #sidebar{
				height:400px;
			}
			
				/* Begin Form Elements */
				
				#searchform {
					margin: -20px 0 15px -3px;
					float:left;
					padding: 0 0px;
					text-align: center;
					}
				
				#sidebar #searchform #s {
					width: 156px;
					height:14px;
					float:left;
					margin-left:3px;
					padding:2px;
					font-size:13px;
					color: #626262;
				}
					* html #sidebar #searchform #s{
						font-size:12px;
					}
				
				#sidebar #searchsubmit {
					padding:0 0 0 4px;
					float:left;
				}
				
				
						.widget_search #searchform {
							margin: 0px auto 15px auto;
							float:left;
							padding: 0 0;
							text-align: center;
							}
						
							* html .widget_search #searchform {
								margin: 0px auto 15px 2px;
								float:left;
								padding: 0 0;
								text-align: center;
								}
							
						.widget_search #searchform #s {
							width: 156px;
							height:14px;
							float:left;
							padding:2px;
							font-size:13px;
							color: #626262;
						}
							* html .widget_search #searchform #s{
								font-size:12px;
							}
						
						 .widget_search #searchsubmit {
							padding:0 0 0 4px;
							float:left;
						}
						
						
						
						
						
						
						.single_search{
							margin:20px 0 0 160px;
							height:14px;
							
						}
						
							.single_search #searchform {
								margin: 0px auto 15px auto;
								float:left;
								padding: 0 0;
								text-align: center;
								}
							
								* html .single_search #searchform {
									margin: 0px auto 15px 2px;
									float:left;
									padding: 0 0;
									text-align: center;
									}
								
							.single_search #searchform #s {
								width: 156px;
								height:14px;
								float:left;
								padding:2px;
								font-size:13px;
								color: #626262;
							}
								* html .single_search #searchform #s{
									font-size:12px;
								}
							
							 .single_search #searchsubmit {
								padding:0 0 0 4px;
								float:left;
							}
							

				
				#sidebar ul{
					margin:30px 0 0 10px;
					font-size: 11px;
				}
				
				#sidebar ul li{
					margin:6px 0 6px 0;
					font-size: 11px;
				}
					
					#sidebar ul li#search{
						
						font-size: 11px;
						float: left;
						clear: left;
					}
					
					#sidebar ul li ul{
						margin:3px 0 20px 10px;
						font-size: 11px;
					}
					
					#sidebar ul li ul li ul{
						margin:3px 0 0 10px;
						font-size: 11px;
					}
					
						#sidebar ul li ul li ul li ul{
							margin:3px 0 0 10px;
							font-size: 11px;
						}
				
				ul h2{
					font-size:16px;
					color: #50771c;
					border-bottom:1px solid #50771c;
					padding-bottom:7px;
					padding-left:2px;
					margin-bottom:5px;
				}
			
			#content{
				width:548px;
				min-height:500px;
				float:left;
				background:#fceecf url(images/content_bg.gif) no-repeat;
				padding: 30px 30px 0 30px;
			}
				* html #content{
					height:400px;
					padding: 30px 0px 0 30px;
				}
				
				.post{
					width:548px;
					padding-bottom:10px;
				}
				
				.postHeading{
					width:546px;
					height:40px;
					
				}
				
					.postDate{
						width:40px;
						height:37px;
						background:url(images/date_bg.gif) no-repeat;
						text-align:center;
						color:#fff;
						font-size:10px;
						float:left;
						padding:3px 0 0 0;
					}
					
						.postDate p{
							margin:0;
							padding:0;
						}
						
							.postDate p.day{
								font-size:12px;
								font-weight:bold;
							}
					
					.postTitle{
						width:490px;
						height:28px;
						border-top: solid 1px #603913;
						border-right: solid 1px #603913;
						border-bottom: solid 1px #603913;
						float:left;
						padding:5px 7px 5px 7px;
					}
					
						* html .postTitle{
							padding:4px 7px 4px 7px;
						}
					
					.postTitle h2{
						margin:0;
						padding:0;
						color:#626262;
						font-size:18px;
					}
						.postTitle h2 a:link, .postTitle h2 a:visited{color: #626262; text-decoration:none;}
						.postTitle h2 a:hover, .postTitle h2 a:active{color: #626262; text-decoration:none;}
					
					.postTitle small{
						color: #603913;
						font-size:10px;
					}
					
					.post {
						margin: 0 0 40px;
						text-align: justify;
						}
					
					.post hr {
						display: block;
						}
										
				.entry{
					width:528px;
					padding: 17px 10px 17px 10px;
				}
				
				.page_entry {
					min-height: 300px;
				}
				
					* html .page_entry {
						height: 300px;
					}
				
					.entry p{
						padding: 0 0 15px 0;
						line-height: 16px;
					}
					
					.entry p.postmetadata{
						border-top: solid 1px #603913;
						padding:3px;
						text-align:right;
						font-size:10px;
						margin-top:10px;
						clear:both;
					}
					
					.entry ul{
						margin:10px 0 10px 30px;
						list-style:disc;
					}
					
					.entry ul li{
						margin:6px 0 6px 0;
					}
						
							
							.entry ol {
								padding: 0 0 0 35px;
								margin: 5px 0 5px 0;
								list-style:decimal;
								}
							
							.entry ol li {
								margin: 0;
								padding: 0;
								}
							
							.postmetadata ul, .postmetadata li {
								display: inline;
								list-style-type: none;
								list-style-image: none;
								}
								
							
					
						.commentlist li, #commentform input, #commentform textarea {
							font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
							}
						
						.commentlist li {
							font-weight: bold;
							}
						
						.commentlist li .avatar { 
							float: left;
							border: 1px solid #eee;
							padding: 2px;
							background: #fff;
							margin:0 5px 0 0;
							}
						
						.commentlist cite, .commentlist cite a {
							font-weight: bold;
							font-style: normal;
							font-size: 1.1em;
							}
						
						.commentlist p {
							font-weight: normal;
							line-height: 1.5em;
							text-transform: none;
							}
						
						#commentform p {
							font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
							}
						
						.commentmetadata {
							font-weight: normal;
							}
							
						#commentform input {
							width: 170px;
							padding: 2px;
							margin: 5px 5px 1px 0;
							}
						
						#commentform textarea {
							width: 100%;
							padding: 2px;
							}
						
						#commentform #submit {
							margin: 0 -7px 0 0;
							float: right;
						}
							
						/* Begin Comments*/
						.alt {
							margin: 0;
							padding: 10px;
							}
						
						.commentlist {
							padding: 0;
							text-align: justify;
							}
						
						.commentlist li {
							margin: 15px 0 3px;
							padding: 5px 10px 3px;
							list-style: none;
							}
						
						.commentlist p {
							margin: 10px 5px 10px 0;
							}
						
						#commentform p {
							margin: 5px 0;
							}
						
						.nocomments {
							text-align: center;
							margin: 0;
							padding: 0;
							}
						
						.commentmetadata {
							margin: 0;
							display: block;
							}
						/* End Comments */
						
						/* Begin Images */
						p img {
							padding: 0;
							max-width: 100%;
							}
						
						/*	Using 'class="alignright"' on an image will (who would've
							thought?!) align the image to the right. And using 'class="centered',
							will of course center the image. This is much better than using
							align="center", being much more futureproof (and valid) */
						
						img.centered {
							display: block;
							margin-left: auto;
							margin-right: auto;
							}
						
						img.aligncenter {
							display: block;
							margin-left: auto;
							margin-right: auto;
							}
						
						img.alignright {
							padding: 4px;
							margin: 0 0 2px 7px;
							display: inline;
							}
						
						img.alignleft {
							padding: 4px;
							margin: 0 7px 2px 0;
							display: inline;
							}
						
						.alignright {
							float: right;
							}
						
						.alignleft {
							float: left
							}
						/* End Images */
							
						
						
						/* Begin Calendar */
						#wp-calendar {
							empty-cells: show;
							margin: 10px auto 0;
							width: 155px;
							}
						
						#wp-calendar #next a {
							padding-right: 10px;
							text-align: right;
							}
						
						#wp-calendar #prev a {
							padding-left: 10px;
							text-align: left;
							}
						
						#wp-calendar a {
							display: block;
							font-weight: bold;
							}
						
						#wp-calendar caption {
							text-align: center;
							width: 100%;
							}
							
						*:first-child+html #wp-calendar caption {
							text-align: center;
							width: 100%;
							margin-bottom: 5px;
							}
						
						#wp-calendar td {
							padding: 3px 0;
							text-align: center;
							}
							
						#wp-calendar td#today a {
							font-weight:bold;
							}
						
						
						/* End Calendar */
						
						
						
						/* Begin Various Tags & Classes */
						acronym, abbr, span.caps {
							cursor: help;
							}
						
						acronym, abbr {
							border-bottom: 1px dashed #999;
							}
						
						blockquote {
							margin: 15px 30px 0 10px;
							padding-left: 20px;
							border-left: 5px solid #ddd;
							}
						
						blockquote cite {
							margin: 5px 0 0;
							display: block;
							}
						
						.center {
							text-align: center;
							}
						
						.hidden {
							display: none;
							}
						
						hr {
							display: none;
							}
						
						a img {
							border: none;
							}
						
						.navigation {
							display: block;
							text-align: center;
							margin-top: 20px;
							margin-bottom: 40px;
							}
							
							.alignright {
								float: right;
								}
							
							.alignleft {
								float: left
								}
							
							.navigation a:link, .navigation a:visited{ color: #5f350f; font-size:18px; text-decoration:none;}
							.navigation a:hover, .navigation a:active{ font-size:18px; text-decoration:underline;}
							
							.navigation .alignright a:link, .navigation .alignright a:visited { color: #7aaa39;}
							.navigation .alignright a:hover, .navigation .alignright a:active { color: #7aaa39;}
						/* End Various Tags & Classes*/

					
			#footer{
				width:608px;
				height:25px;
				background:url(images/header_bg.gif) no-repeat 0 0;
				font-size: 11px;
				position: relative;
				clear: both;
				margin-left: -30px;
			}
			
				#footer p#footer_inside {
					position: absolute;
					bottom: 45px;
					right: 15px;
					text-align: right;
				}

				#footer img{
					vertical-align:text-bottom;	
					margin-top:2px;
				}