/*
Theme Name: WhiteCasual
Theme URI: http://www.rss-blog.de/
Description: A white, elegant Theme for Wordpress. Widget-ready. Tested with FF 2 + 3, IE 6 + 7, Opera 9.25, Safari 3
Version: 1.0
Author: Thomas Gigold
Author URI: http://gigold.de/
Tags: white, orange, two columns, widgets

	This theme was designed and built by Thomas Gigold,
	whose blog you will find at http://gigold.de/

	The CSS, XHTML and design is released under CreativeCommons Licence:
	http://creativecommons.org/licenses/by-nc-sa/2.0/de/
*/


/*
default styles
------------------------/
*/

*{
	margin:0;
	padding:0;
	}
body{
	/*font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;*/ /*original*/
	font-family: Tahoma,Verdana, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;
/*	background-color: #F6F7F2;*/
	background-color: #CECECE;
/*	background-color: #A2B9F0;*/
	}
h1, h2, h3, h4, h5{
	font-weight:normal;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family: Tahoma,Verdana, Lucida Grande, Lucida Sans, Arial, sans-serif;
	}
img{
	border:none;
	}
a{
	color:#000;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
ul,ol{
	list-style-type:none;
	}
/*
clear
------------------------*/
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
.clearfix{
	display: inline-block;
	}

/* Hides from IE-mac \*/ 
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */
.clearforie{
	clear:both;
	background-color:#FFFFFF;
	height:0.1em;
	}
/*
line wrapper - the page
------------------------*/
div#lineWrapper{
	margin:0 auto;
	padding:35px 15px 20px 15px;
	width:730px;
	background-color:#FFFFFF;
	border-left:1px solid #DBDAC7;
	border-right:1px solid #DBDAC7;
	}

/*
line header - name says it
------------------------*/
div#lineHeader{
	height:75px;
	padding:10px 10px;
	overflow:hidden;
	background-image:url(images/framebg.gif);
	background-repeat:repeat;
	border-bottom:1px solid #ED9D04;
	}
div#lineHeader a img{
	border:none;
	}
div#lhLogo{
	position:absolute;
	background-color:#ED9D04; /*original*/
	margin:-25px 0 0 0;
	height:30px;
	padding:70px 10px 0 10px;
	}
div#lhLogo a:link, div#lhLogo a:visited{
	text-decoration:underline;
	color:#FFFFFF;
	}
div#lhLogo a:hover, div#lhLogo a:active{
	text-decoration:none;
	}
/*
links in line header
------------------------*/
div#lhHelp{
	text-align:right;
	}
div#lhHelp p{
	font-size:11px;
	line-height:14px;
	}
div#lhHelp a.feedurl{
	padding:0 0 0 17px;
	background-image:url(images/feed-icon-14x14.png);
	background-repeat:no-repeat;
	color:#F48B20;
	}

/*
main frame
------------------------*/
#lineWeblog{
	margin:20px 0 0 0;
	padding:0;
	background-image:url(images/sidebg.gif);
	background-repeat:repeat;
	}
#lineContent{
	background-image:url(images/contbg.gif);
	background-repeat:repeat-y;
	background-position:left;
	}
/*
line dashboard - description
------------------------*/
#lineDashboard{
	width:710px;
	padding:5px 10px;
	border-bottom:1px solid #ED9D04;
	}
#lineDashboard p{
	margin:2px 0 0 0;
	font-size:0.9em;
	line-height:1.4em;
	}

/*
line footer
------------------------*/
#lineFooter{
	clear:both;
	font-size:0.85em;
	margin:10px 0 0 0;
	padding:10px;
	background-color:#E3E3E3;
	}
#lineFooter p{
	margin:0;
	padding:0;
	}
#lineFooter a:link, #lineFooter a:visited{
	text-decoration:underline;
	}
#lineFooter a:hover, #lineFooter a:active{
	text-decoration:none
	}
/*
content
------------------------*/
#sideContent{
	float:left;
	padding:10px 15px 0 10px;
	width:455px;
	background-color:#FFFFFF;
	border-right:1px solid #cccccc;
	}
#sideImage{
	padding:10px 15px 0 10px;
	width:705px;
	background-color:#FFFFFF;
	}
#comLine{
	width:455px;
	}
/*
sidebar
------------------------*/
div#sideMetabar{
	padding:0;
	}
div#sideMetabar ul li{
	width:210px;
	margin:0 10px 10px auto;
	padding:5px 10px 15px 10px;
	font-size:0.85em;
	line-height:1.4em;
	border-bottom:1px dashed #BBBBBB;
	}
div#sideMetabar ul li li{
	margin:0 1.6em;
	padding:0.1em 0;
	border:none;
	list-style-type:circle;
	}
div#sideMetabar h2, .widgettitle{
	padding:0 0 5px 0;
	}
/*
blog items
------------------------*/
.post{
	margin:0 0 40px 0;
	}
.post ul{
	margin:0.6em 1.2em;
	padding:0.6em 1.2em;
	list-style-type:circle;
	}
.post h2{
	margin:0 0 3px 0;
	padding:0;
	font-size:1.7em;
	line-height:1.4em;
	}
/* CUSTOM START */	
.post code {
	color:green;font-family:"courier new",courier,monospace;
}
*/ CUSTOM END */
.post ol {
	margin:0.6em 1.2em;
	padding:0.6em 1.2em;
	list-style-type:decimal;
}
.post p {
	margin:0px 0px 10px 0px;
}

/* CUSTOM START */
.post div.image
{
font-size: 90%;
text-align: center;
border-top:1px solid #E3E3E3;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
border-bottom:1px solid #E3E3E3;
margin:0 0 10px 0; /*Abstand unter Bild*/
}
/* CUSTOM END */

/* CUSTOM START */
.post span.tooltip { display:inline; position: relative; }
.post span.tooltip span.info{ display:none; }
.post span.tooltip:hover span.info
{
display:block; 
position: absolute;
top: 20px;
left: 0;
width: 200px;
z-index: 100; 
border: 1px solid #cecece;
background: yellow;  
}
/* CUSTOM END */

.post div
{
margin:0 0 10px 0; /*Abstand unter Bild*/
}

/* CUSTOM START */
.post blockquote {
	background: #DDD url(images/blockquote.gif) no-repeat 16px 8px;
	border: 1px solid #CCC;
	margin:0 0 10px 0; 
	padding: 10px 25px 0 64px;
	color: #2f59a4;
	}
/* CUSTOM END */

.post td.style
{
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid black;
	cellspacing:1em;
	height:18px;
	font-family:Tahoma;
	font-size: 100%;
	font-weight: normal;
}
.post .meta{
	font-size:0.85em;
	margin:0 0 15px 0;
	color:#959595;
	}
.post .meta a{
	color:#959595;
	}
.post .tags{
	font-size:0.75em;
	background-color:#E3E3E3;
	padding:2px 10px;
	}
.post .entry{
	font-size:1.em;
	line-height:1.3em;
	}
.post .singlm{
	padding:1px 0;
	border-bottom:1px dashed #E3E3E3;
	}
.post .singlmage{
	padding:1px 0;
	}
.post .coms{
	clear:both;
	margin:10px 0 0 0;
	text-align:right;
	border-top:1px dashed #E3E3E3;
	border-bottom:1px dashed #E3E3E3;
	padding:5px 0;
	}
.post .comsearch{
	margin:0;
	border-bottom:1px dashed #E3E3E3;
	padding:0;
	}
.post .comsing{
	clear:both;
	margin:10px 0 0 0;
	text-align:right;
	border-bottom:1px dashed #E3E3E3;
	padding:5px 0 0 0;
	}
.post .comspag{
	margin:10px 0 0 0;
	text-align:right;
	padding:5px 0 0 0;
	}
.pagination{
	position:relative;
	top:-30px;
	padding:0 10px 10px 10px;
	border-bottom:1px dashed #E3E3E3;
	}
.paginarchiv{
	position:relative;
	top:-30px;
	padding:10px 10px 10px 10px;
	border-bottom:1px dashed #E3E3E3;
	border-top:1px dashed #E3E3E3;
	}
.paginage{
	position:relative;
	top:-30px;
	padding:10px 10px 10px 10px;
	border-bottom:1px dashed #E3E3E3;
	border-top:1px dashed #E3E3E3;
	}
.pagleft{
	float:left;
	}
.pagright{
	float:right;
	}
.adminred{
	color:#bb0000;
	font-size:10px;
	}
.adminred a{
	color:#bb0000;
	}
img.alignleft{
	float:left;
	margin:0 10px 10px 0;
	}
img.alignright{
	float:right;
	margin:0 0 10px 10px;
	}
.attachment{
	padding:10px 0;
	text-align:center;
	}
/*
comments
------------------------*/
.clitem{
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	background-position:top left;
	background-image:url(images/combubl-l.gif);
	background-repeat:no-repeat;
	}
.clcont{
	border:1px solid #cccccc;
	border-top:none;
	padding:5px 0;
	position:relative;
	top:-3px;
	}
.comext{
	padding:10px 10px 20px 10px;	
	}
.comext p{
margin:0px 0px 10px 0px; /* neu */
}
.cometa{
	background-color:#cccccc;
	padding:3px 10px;
	font-size:10px;
	}
.avatar{
	position:relative;
	top:-10px;
	margin:0 5px 0 0;
	float:left;
	}
.avatar img{
	border:1px solid #ffffff;
	}
.cometadat{
	float:right;
	}

/*
commentform
------------------------*/
form#commentform{
	width:403px;
	border:1px solid #CCCCCC;
	padding:20px 25px;
	margin:5px 0 10px 0;
	border:1px solid #ccc;
	}
form#commentform label{
	display:block;
	padding:3px 0;
	}
form#commentform label span{
	display:block;
	float:left;
	width:110px;
	}
form#commentform input{
	font-size:12px;
	padding:2px;
	}
form#commentform .intext{
	width:286px;
	border:1px solid #ccc;
	}
form#commentform #comment{
	width:400px;
	border:1px solid #ccc;
	}
form#commentform #subcom{
	text-align:right;
	}