/*

Theme Name: Kanata

Theme URI:

Description: Canada related theme, based on a wooden background. Fixed width, widget-ready. Brought to you by 9th sphere.

Author: 9th sphere

Author URI: http://www.9thsphere.com

Version: 1.3.4

Tags: brown, dark, two-columns, fixed-width, left-sidebar



Copyright (c) 2009 9th sphere (a division of Etalco Limited)

.

*/   



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:1010px;

	margin:auto;

}



	#header{

		width:1010px;

		height:224px;

		background:url(images/header_bg.jpg) no-repeat top center;

		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:1010px;

			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: 140px;

					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 5px 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:748px;

				min-height:400px;

				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:748px;

					padding-bottom:10px;

				}

				

				.postHeading{

					width:746px;

					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:690px;

						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:728px;

					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:808px;

				height:225px;

				background:url(images/footer_bg.jpg) 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;

				}


}