/*  
Theme Name: Rounded gaess
Theme URI: http://www.mindloop.be/
Description: Theme based on Rounded Transparent by <a href="http://www.mindloop.be">Mindloop Webdesign</a> (widget ready) - modified by gaess. 


Version: 0.1
Author: Daniel Gasser
Author URI: http://www.gaess.ch/

This theme was designed and built by Daniel Gasser 
based upon Rounded Transparent by Andy Mathijs
 
*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

body {
	font-size:16px;
	font-family:arial,helvetica,clean,sans-serif;
	background-color:#12151C;
	/*margin:10px;*/
	margin-top:35px;
	margin-bottom:15px;
	background-image:url(images/bg_dani.png);
	background-repeat:repeat-x;
}

body * {
	line-height:1.1em;
	color:#12151C;
}

input, textarea {
	border:1px solid #cccccc;
	padding:4px;
	margin:2px;
}

div.header h2 {
	margin-top:0em;
}

img {
	border:0px solid #CCCCCC;
	margin:5px;
}

form#commentform {
	width:605px;
}

.pagetitle{
	margin-left:20px;
}

/* font styles */

h1, h2, h3 {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin-top:1em;
}


h1 {
	font-size: 1.6em;
	}

h2 {
	font-size: 1.4em;
	}


h3#comments, h3#respond, .pagetitle, h2.center {
	font-size: 1.4em;
	color: #FFFFFF;
	margin-top: 1em;
}

h3#comments, h3#respond {
        margin: 0px 0px 0px 20px;
}

h3#respond {
	font-size: 1.2em;
}

a {
	color:#006699;
	text-decoration:none;
}

a:hover {
	color:#0033FF;
	text-decoration:underline;
}


p {
	margin-top:10px;
}

pre, code {
	font-size:0.9em;
	font-family:courrier,monospace;
	background-color:#e0e0e0;
}

table {
	font-size:inherit;
	font:100%;
}

select, input, textarea {
	font-size:99%; 
	font-family:arial,helvetica,clean,sans-serif;
}



/*post class*/

.post {
	float:left;
	border:0px solid #CCCCCC;
	margin:5px;
}

.post h2 a {
	float:right;
	color:#096594;
	font-size:16px;
	text-decoration:none;
}

.post ol, .commentlist ol {
	list-style:decimal;
	padding:5px 0px 5px 0px;
	list-style-position:inside;
}

.post ul, .commentlist ul {
	list-style:disc;
	list-style-position:inside;
	padding:5px 0px 5px 0px;
}

.post li, .commentlist li {
	padding-bottom:5px;
}

.post strong, .post b {
	font-weight:bold;
}

.post em, .post i {
	font-style:italic;
}


blockquote {
	font-style:italic;
	color:#666666
}

blockquote blockquote {
	margin-left:20px;
	color:black;
}

/* navigation class */

.navigation {
	display:block;
	clear:both;
	margin:20px 0px 20px 0px;
	overflow:auto;
}

.navigation a {
	border:1px solid #cccccc;
	background-color:white;
	padding:10px;
	float:left;
	display:inline;
	margin-right:10px;
}

#submit {
	border:1px solid #cccccc;
	background-color:white;
	color:#999999;
	padding:3px;
}


.page_item .page_item, #sidebar ul.children {
	margin-left:20px;
}

#calendar_wrap td, #calendar_wrap thead tr th {
	padding:3px;
}

#calendar_wrap thead {
	background-color:#666666;
	color:white;
}

#calendar_wrap caption {
	text-align:center;
}

#searchsubmit {
	display:block;
}

#searchsubmit {
	border:0px;
	position:relative;
	top:-4px;
}

div.clear {
	clear:both;
	height:0px;
	width:0px;
	overflow:hidden;
}


#page {
	width:840px;
	margin-left:auto;
	margin-right:auto;	
	background-repeat:repeat-y;
}

#header {
	width:840px;
	height:191px;
	padding-top:9px;
	background-image:url(images/head_top_dani.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

#header form {
	margin-left:580px;
	margin-top:55px;
}

#header form input {
	float:left;
	display:inline;
}

#header #headerimg {
	background-image:url(images/head_dani.jpg);
	display:block;
	width:840px;
	height:191px;
}

#header #headerimg h1 {
	clear:both
}

#header #headerimg h1 a {
	font-size:36px;
	color:white;
        letter-spacing:0.2em;
	text-decoration:none;
	position:relative;
	top:0px;
	left:100px;	
}

#header #headerimg .description {
	position:relative;
	top:5px;
	left:110px;
        color:white;
        font-size:20px;
}

#themenu {
	position:relative;
	left:450px;
	width:390px;
	clear:both;
}

#themenu li {
	float:left;
	display:inline;	
}

#themenu li a {
	display:block;
	padding:10px 10px 8px 10px;
	color:#666666;
	text-decoration:none;
	border-right:1px solid #666666;
}

#themenu li a:hover {
	color:#000000;
}


/***The sidebar**/
#sidebar {
	float:left;
	display:inline;
	width:196px;
	background-image:url(images/sidebar_dani.jpg);
	background-repeat:no-repeat;
	background-color:white;
	position:relative;
	left:20px;
	top:-44px;
	padding-top:20px;
}

#sidebar ul {
	padding:10px;
}
	
#sidebar #side-footer {
		background-image:url(images/side_footer_dani.jpg);
		background-repeat:no-repeat;
		height:14px;
		position:relative;
		top:5px;
}

#sidebar h2 {
		font-size:16px;
		color:#003366;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
}

/***The content**/
#content {
	float:right;
	display:inline;
	width:625px;
}

#content .post {
	margin-top:10px;
	background-image:url(images/post.jpg);
}

#content .post .header {
	background-image:url(images/post_header_dani.jpg);
	height:20px;
	padding:7px 10px 3px 10px;	
}

#content .post span.date {
	margin-left:7px;
	font-size:10px;
	background-image:url(images/date.jpg);
	background-repeat:no-repeat;
	padding:3px 0px 3px 18px;
	background-position:0px 2px;
}

#content .post .comments a {
	margin-left:15px;
	font-size:10px;
	background-image:url(images/comments.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:3px 10px 3px 20px;
}

#content .post .footer {
	background-image:url(images/post-bottom-dani.jpg);
	background-repeat:no-repeat;
	height:16px;	
	clear:both;
}

#content .post .entry {
color:#333333;
padding:20px 10px 20px 10px;
width:595px;
}

#content .post p.postmetadata {
font-size:10px;
position:relative;
left:30px;
}

#footer {
clear:both;
}