/*

Theme Name: Joyblog
Theme URI: 
Description: WP theme
Version: 0.9
Author: Lars Bachmann
Author URI: http://www.conseo.dk
Tags: 

*/



* {

	margin: 0;
	padding: 0;

}

a {
	color: #322713;
	text-decoration:none;
}
a:hover {
	color: #322713;
	text-decoration:underline;
}



body {

	background: #322713;
	color: #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	background-image: url(images/joyblog_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;

}

.title

{

	font-size: 24px;

}



p,code,ul {padding-bottom: 1.2em;}



li {list-style: none;}



h1 {

	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 4px;

}



h1,h2,h3 {
	padding: 6px 0 6px 0;
	color: #000000;
	font: Verdana, Geneva, sans-serif;
}

h1 a,h2 a,h3 a {
	padding-top: 6px;
	color: #000000;
	text-decoration: none;
	font: bold 24px Helvetica, sans-serif;
}


h1 a:hover,h2 a:hover,h3 a:hover {padding-top: 6px; color: #ba0e0e; text-decoration: underline;}


.clear {clear: both;}


/* structure */

.container {

	background: #FFF;
	font-size: 11px;
	margin: 0 auto;
	padding: 0;
	width: 900px;

}



/* header */

.top {

	padding: 0;

}



/* title */

.header {

	background: #FFF;
	font-size: 14px;
	height: 184px;
	margin: 0 auto;
	padding: 0;
	width: 900px;

}



#logo {

	width: 900px;
	height: 184px;
	margin: 0 auto;
	background: url(images/header.jpg);

	}



#logo h1, #logo h2 {

	margin: 0;
	padding: 0;
	text-transform: lowercase;

}



#logo h1 {

	padding: 70px 5px 0 25px;
	font-size: 36px;
	color: #212121;

}



#logo h2 {

	padding: 0px 0 0 25px;
	font-size: 11px;
	color: #FFFFFF;

}





#logo a {

	color: #FFFFFF;

}



/* navigation */

.navigation {	

	background: #FFFFFF;
	height: 25px;

}



.navigation ul

{

list-style: none;

}



.navigation li

{

display: inline;

}



.navigation a {

	background: #FFFFFF;

	color: #ffffff;
	display: block;
	float: left;
	font: bold 11px Verdana;
	line-height: 41px;
	padding: 0;
	text-decoration: none;

}

.navigation a:hover {background: #666666; color: #ffffff; text-decoration: underline}



/* main */

.main {

	border-top: 4px solid #FFF;

}



/* sub navigation */
.sidenav {
	float: left;
	width: 200px;
	margin: 5px;
}
.sidenav h2 {
	color: #FFFFFF;
	background-color:#ba0e0e;
	font-size: 14px;
	line-height: 15px;
	margin: 5px 0 0 0;
	padding-left: 12px;

}
.sidenav ul {
	padding: 0;
    border: 0px;

}

.sidenav ul ul {
	padding: 0;

}

.sidenav li {border: 0px}
.sidenav li a {
	font-size: 11px;
	font-weight: bold;
	color: #322713;
	display: block;
	padding: 5px 0 5px 10px;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	color: #ba0e0e;	
}

.sidenav li li
{
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
}



/* content */

.content {

	float: right;
	margin: 10px 0;
	padding: 0 16px;
	width: 650px;
    color: #000;

}

.content .descr {

	color: #000;
	font-size: 11px;
	margin-bottom: 6px;

}

.content li, .content ol {

	margin-left: 18px;

}

.content p {font-family: Verdana, Arial, Helvetica, sans-serif;}



/* footer */

#footer {

	background-color: #322713;
	color: #FFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 25px;
	padding-top: 10px;

}

#footer p

{

padding: 0px;
margin: 0px;

}

#footer a, #footer a:hover {color: #FFF;}


/******************* style comments ***********************/

#comment_area

{

	margin-top:15px;

}



textarea.txtcomment

{

	width:470px;
	height:150px;
	border:1px solid #000000;

}



input[type="submit"],#submit

{

	padding:8px;
	border:1px solid #d5d5d5;
	background:#ba0e0e;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;

}

/************ navigation **********/

div.navigationbottom

{

	margin-bottom:20px;

}



div.leftnav

{

	float:left;

}



div.rightnav

{

	float:right;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}



.content .categor

{

padding: 0 0 3px 0;
margin-top: 3px;
margin-bottom: 6px;
border-bottom: 1px solid #dedede;

}

.commentlist li

{

padding-bottom: 20px;

}



#author, #email, #url

{

border: 1px solid #666666

}
#commentwrap {

display: block;

width: 570px;

margin-bottom: 20px;

margin-top: 20px;

margin-left: 5px;

}



.commentlist li{

display: block;

float: left;

clear: both;

margin-left: 0px;

margin-bottom: 10px;

}



.commentlist ol {

margin-left: 0px; 

padding-left: 0px;



}

.commentlist {

margin-left: 0px; 

padding-left: 0px;

}



.comment-inside {

background-image: url(images/comment-bg.gif);

padding-left: 15px;

padding-right: 15px;

padding-top: 0px;

padding-bottom: 0px;

margin: 0px 0px 0px 0px;

width: 542px;

float: left;

color: #000000;

}