/*
Theme Name: kgn
Theme URI: http://klasg.se/
Description: Nytt tema för 2009.
Version: 1.0
Author: Klas Gidlöf
Author URI: http://klasg.se/
Tags: brown, fixed-width, light, two-columns, widgets, jquery, photoblog
*/

/* SITE **********************************************************************/
body { background: #90857b;
			 margin: 25px 0px; margin: 0px;
			 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			 font-size: 80%;
			 color: #555; }
div#site { width: 1070px;
					 margin: 0px auto; }

/* TEXT **********************************************************************/			 
h1, h2, h3, h4, h5 { font-family: Trebuchet MS;
										 margin-bottom: 0.1em;
										 font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: #6b85a8;
															 text-decoration: none; }
a { color: #b24f0d; }
a:hover { color: #4a5e7d; }
a:active {  }

p {  }
p a {  }
p a:hover {  }
p a:active {  }

li {  }
li a { text-decoration: none; }
li a:hover {  }
li a:active {  }

input { color: #555; }

/* PICTURES ******************************************************************/
img {  }

/* HEADER ********************************************************************/
div#header { height: 204px;
					/*	 position: static;
						 top: 25px;*/
						 padding: 25px 25px 0px; 
						 background:  #D7CEC0; }
div#header-title { width: 50%; height: 170px; float: left; }
div#header-title h1 { margin: 0px;
									 		border: none;
										 	font-size: 3em; }
div#header-title h1 a span { color: #fff; }
div#header-title h1 a span:hover { color: #000; }
div#header-title h1 a	{ color: #766d63; }
div#header-title h1 a:hover	{ color: #fff; }

div#header-title p { margin-top: 2em; padding: 1em;
										 color: #000;
										 border: 1px solid #000;
										 background: #fff;
										 filter: alpha(opacity = 20);
										 -moz-opacity: 0.2;
										 opacity: 0.2;
										 zoom: 1; /* IE Hack */ }
div#header-slogan { width: 50%; height: 170px; float: left; clear: right; }
div#header-slogan img { float: right; }
div#header-slogan p { margin: 0px; }
div#header-menu ul { margin-top: 170px; padding: 0px; list-style: none; }
div#header-menu ul li { padding: 2px 15px 2px 15px;
												font-size: 1.6em;
												float: left;
												overflow: hidden; }
div#header-menu ul li a { color: #766d63; text-decoration: none; }
div#header-menu ul li a:hover { color: #fff; }

/* MAIN **********************************************************************/
div#content { padding: 0px 22px;
							overflow: auto;
							background: #D7CEC0; }
div#wrapper { padding: 0px 20px;
							overflow: auto;
							background: #efebe5;
							border: 1px solid #d1c7ba; }

/*div#slideshow { margin: 2em 0 0 4px;
								height: 268px;
								width: 977px;
								background: url('images/slideshow.jpg') no-repeat top; }*/
div#slideshow { display: none; margin: 0px;
								border: 1px solid #d1c7ba;
								border-bottom: none;
								height: 240px;
								width: 1024px;
								background: url('images/slideshow-bg.jpg'); }
																
div#slideshow h2 { margin-top: 1.3em;  }								
div#main-wsb { width: 700px; float: left; }
div#main-wsb h1, div#main-wosb h1 { text-align: center;
									margin-bottom: 15px; }
div#main-wsb ul { padding-left: 25px; }
div#main-wosb { width: 970px; }
.imgholder { }
.imgholder img { background-color: #fff;
								 padding: 10px;
								 margin: 0 auto;
								 border: 10px solid #E6E0D7; }
.post-details, .details { background-color: #fff;
													padding: 10px;
													margin: 0 auto;
													border: 1px solid #d1c7ba;
													color: #766d63; }
div.post-ratings { width: 698px;
									 margin: 0px;
									 text-align: center;
									 background-color: #e6e0d7;
									 border-top: 1px solid #d4c9ba;
									 border-left: 1px solid #d4c9ba;
									 border-right: 1px solid #d4c9ba; }
div#navi { text-align: center; margin: 1.5em; border-color: #555;  }
div#navi a { color: #6b85a8; border-color: #6b85a8;}

/* SIDEBAR *******************************************************************/
div#sidebar { width: 270px; float: left; margin: 1em 0 2em; font-size: 1.1em; }
div#sidebar p {  }
div#sidebar h2 { font-size: 1.6em; margin: 0px; }
div#sidebar ul { margin: 0px 0 1em; padding-left: 1em; list-style: none; }
div#sidebar li { padding: 0.2em; }
div#sidebar ul li ul li { border-bottom: 1px solid #fff;
													background: url('images/hover.jpg') no-repeat 0 0; }
div#sidebar ul li ul li:hover { background: #fff; }
div#sidebar ul li ul li a:hover { color: #555; } 
/*
div#sidebar ul{ margin: 1em 0px; padding-left: 20px; list-style: none; }
div#sidebar ul li ul { margin: 0px 0px 1em; padding-left: 10px; }
div#sidebar ul li ul li { padding: 0.2em;  }
div#sidebar ul li ul li:hover {  }*/

/** Search *******************************************************************/
div#sidebar .search input { width: 100%;
														padding: 0.5em;
														
														font-weight: bold;
														background: url('images/search.png') no-repeat right #e6e0d7;
														border: 1px solid #d1c7ba; }

/** Calendar *****************************************************************/

/** Widgets ******************************************************************/

/* COMMENTS ******************************************************************/
div#comments ul, #comments ol { padding: 1em 1em 1em 1em; list-style: none; }
div#comments ul li, #comments ol li { background-color: #efebe5;
																			border-top: 1px solid #d1c7ba;
																			padding: 1em 1em 0.1em; }
div#comments input { width: 182px;
										 padding: 0.5em 0.5em 0.5em 3em;
										 background-color: #e6e0d7;
										 font-weight: bold;
										 border: 1px solid #d4c9ba; }
div#comments textarea { width: 684px;
												padding: 0.5em;
												background-color: #e6e0d7;
												border: 1px solid #d4c9ba; }
div#comments textarea:current { background-color: #fff; }
div#comments #submit { width: 100px;
											 text-align: center;
											 padding: 0.5em;
											 background: none; }
div#comments label { font-weight: bold; display: none; }
div#comments ul li.alt { background-color: #e6e0d7; }
input#email { background: url('images/mail.png') no-repeat left; }
input#author { background: url('images/author.png') no-repeat left; }
input#url { background: url('images/url.png') no-repeat left; }

/* FOOTER ********************************************************************/
div#footer { height: 178px;
						 padding: 0px 2em;
						 background: #D7CEC0;
						 clear: both; }
div#footer p { margin-top: 0px; }

/* OTHER *********************************************************************/
.left { float: left; }
.right { float: right; }
.center { text-align: center; margin: 0 auto; }
.hidden { display: none; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.transparent {  } 
.small { font-size: 0.8em; }
.post-link { margin: 2em 0; }
/*.test { color: #fff; }*/