/*	
Theme Name: White Minimalix
Description: A minimal white blog theme
Version: 1
Author: Andreas Berst
*/

/********************************************************************************************************
1.) Basic Structure
*********************************************************************************************************/

/*RESET Small*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
margin:0;
padding:0;
background-color: transparent;
}

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

h3 {
color: #000000;
font-size: 14px;
}

.entry p {
margin-bottom: 1em; 
}

body{
font-size: 11.5px;
font-family: 'Lucida Grande', 'Tahoma';
color: #666666;
line-height: 21px;
position: relative;
}

#top{
width: 940px;
margin: 0 auto;
position: relative;
clear: both;
}

#main{
clear:both;
position: relative;
margin:15px auto auto auto;
width:940px;
border-top: 1px solid #999999;
}

#footer{
width: 940px;
margin: 0px auto 40px auto;
position:relative;
clear: both;
font-size: 9px;
border-top: 1px solid #999999;
color: #999999;
}

/********************************************************************************************************
2.) Top Area
*********************************************************************************************************/

#logo {
width: 148px;
height: 0px;
margin: 20px auto 0px 0px;
float:  left;

}

#layer {
width: 732px;
height: 0px;
margin: 20px auto 0px 0px;
float:  left;
}

#nav {
height: 20px;
width: 740px;
float:  left;
margin: 10px auto 4px 0px;
clear: both;
}

#search {
float: left;
width: 180px;
height: 25px;
margin: 10px 0px 4px auto;
}
/********************************************************************************************************
3.) Main Area
*********************************************************************************************************/

#newsflash {
width:  940px;
height:  84px;
margin-top: 1px;
border-bottom: 1px solid #999999;
}

#cats {
width:  940px;
height:  25px;
border-bottom: 1px solid #999999;
}

#wrapper{
width: 940px;
margin-top: 1px;
padding-bottom: 25px;
padding-top: 20px;
background: url(images/smoothgrey.png) no-repeat;
clear: both;
}

#content {
overflow:hidden;
width: 614px;
height: 100%;
float: left;
border-right: 1px solid #cccccc;
padding-right: 5px;
background-color: transparent;
}

#sidebar {
width: 300px;
height: 99%;
padding-left: 19px;
background-color: transparent; 
float: right;
}

.clearfloat {
clear:both;
}


/*********************************************************************************************************
3.1) Navigation
**********************************************************************************************************/

#nav li {
float: left;
list-style-type: none;
margin-right: 15px;
}

#nav li a {
display:inline;
padding:0;
text-decoration:none;
line-height:28px; 
position:relative;
float:left;
font-size: 12px;
color: #666666;
}

#nav li a:hover {
font-size: 12px;
text-decoration: none;
color: #cc6600;
}

#nav .current_page_item a{
font-size: 12px;
font-weight: bold;
cursor: default;
}

#nav .current_page_item ul a{
font-size: 12px;
font-weight: normal;
}

#nav .current_page_item a:hover{
font-size: 12px;
font-weight: bold;
cursor: default;
color: #666666;
}

/*********************************************************************************************************
3.2) Search
**********************************************************************************************************/

#s {
margin-top: 3px;
padding: 1px;
height: 15px;
border: 1px solid #999999;
float: left;
color: #999999;
}

#searchsubmit {
margin-top: 5px;
margin-left: 7px;
width: 15px;

}	

#searchform {
padding-right: 0px;
}
/*********************************************************************************************************
3.2) Categories
**********************************************************************************************************/

#cats ul{
width: 540px;
margin: 0px auto;
padding-top: 3px;
list-style-type: none;
}

#cats li a {
display:inline;
float: left;
text-decoration:none;
position:relative;
font-size: 12px;
color: #666666;
margin-right: 30px;
}

#cats li a:hover {
font-size: 12px;
color: #cc6600;
}

#cats .current-cat a{
font-size: 12px;
color: #cc6600;
cursor: default;
}

/*********************************************************************************************************
3.2) Content
**********************************************************************************************************/

h2 {
clear: both;
font-size: 24px;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.4em;
padding-bottom: 5px;
}

.title a {
text-decoration: none;
color: black;
font-weight: 100;
}

.meta {
text-decoration: none;
color: #666666;
}

.meta a {
text-decoration: none;
color: #666666;
}

.meta a:hover {
color: #cc6600;
}

.cleaner a {
text-decoration: none;
color: #666666;	
}

.cleaner a:hover {
color: #cc6600;	
}

#linklist {
margin-top: 20px;
}

#linklist ul {
border-top:	1px solid #cccccc;
padding-top: 5px;
margin-top: 15px;
width: 99%;
}


#linklist ul li {
padding-top: 5px;
margin-top: 5px;
}

#linklist ul li a {
color: dd6a00;	
} 

#social {
width:  99%;
height: 70px;
float:  left;
margin: 30px auto 15px auto;
border-bottom: 1px solid #cccccc;
}

#social a img {
margin: 5px auto 3px auto;
border:  none;
color:  transparent;
}



/*********************************************************************************************************
3.3) Sidebar
**********************************************************************************************************/
	
#sidebar li a {
text-decoration: none;
color: #cc6600;
background-color: transparent; 
}

#sidebar li {
list-style-type: none;
background-color: transparent; 
}

#sidebar h3 {
border-bottom: 1px solid #cccccc;
background-color: transparent; 
}

nau
#sidebar-top, #sidebar-middle {
width:300px;
margin-bottom:  20px;
}

#sidebar-top .widget ul li {
border-bottom: 1px solid #cccccc;
}

#sidebar-bottom {
width:300px;
float: right;
}

#sidebar-bottom h3 {
border-bottom: 1px solid #cccccc;
background-color: transparent;
margin-bottom: 15px; 
}

#sidebar-left {
width:135px;
float: left;
margin-bottom:  20px;
}

#sidebar-left h3 {
margin-bottom: 3px;
}

#sidebar-right {
width:135px;
float: right;
margin-bottom:  20px;
}

.widget {
background: transparent;
margin-bottom:  20px;
text-decoration: none;
}

.widget a {
background: transparent;
margin-bottom:  20px;
text-decoration: none;
color: #666666;
}

.widget a:hover {
background: transparent;
margin-bottom:  20px;
text-decoration: none;
color: #cc6600;
}

.widget a img {
margin: 15px auto auto 15px;
border: 1px solid #cccccc;
}

.widget a:hover img {
margin: 15px auto auto 15px;
border: 1px solid #cc6600;
}

#get_recent_comments_wrap ul li {
border-bottom: 1px solid #cccccc;
margin-bottom:  4px;
}

/*********************************************************************************************************
3.4) Comments
**********************************************************************************************************/


#comments {
margin-top: 10px;
padding-top: 15px;
border-top: 1px solid #cccccc;
}

#number {
font-size: 20px;
}

#comment {
margin: 10px 10px auto auto;
border: 1px solid #cccccc;
padding: 10px;
}

#comment a {
color: #cc6600;
text-decoration: none;
}

#author, #email, #url {
margin-top: 10px;
border: 1px solid #cccccc;	
}

/*********************************************************************************************************
4.) Scripte
**********************************************************************************************************/

.cufon-canvas canvas {
position:relative !important;
}

.cufon-canvas {
text-indent:0 !important;
}

#googleads {
border: #cccccc solid 1px;
border-top:none;
width: 601px;
height: 20px;
margin-bottom: 5px;
padding-left: 5px;
}

#googleads2 {
height: 70px;
}


/*********************************************************************************************************
5.) Plugins
**********************************************************************************************************/

.socialicon{
margin-left: 10px;
}

#navpagecount{
margin-left: 150px;
}

.thumbnail img{ 
	border: 1px solid #cccccc;
	padding: 3px;
	background-color: white;
	margin: 7px 5px 7px 0px ;
}

#relatedposts {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-top: 15px;
margin-bottom: 15px;
}

#socialtext {
float: left;
margin-top: 8px;
margin-left: 5px;
margin-right: 30px;
}

#socialtext2 {
float:left;
margin-right: 30px;
}


/*********************************************************************************************************
6.) Footer
**********************************************************************************************************/

#partner {
width: 940px;
margin: 0px auto 0px auto;
position:relative;
clear: both;
font-size: 9px;
border-top: 1px solid #999999;
color: #999999;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #cc6600;
}



/*********************************************************************************************************
7.) Customization
**********************************************************************************************************/

.widget-optin {
background-color: #FC3;
border: 5px solid orange;
color:black;
padding: 13px;
}

	.widget-optin h3 {
	font-weight: bold;
	}

	.widget-optin span {
	float: left;
	height: 35px;
	margin: 10px;
	width: 220px;
	}
	
	.widget-optin span input {
	float: right;
	}
	
		span.optin-vorname {
		margin-top: 30px;	
		}
		
		span.optin-button {
		margin-bottom: 30px;
		}
		
		span.optin-button input#submitbutton {
		background-color: #C60;
		border: 2px solid black;
		padding: 5px;
		}
		
		span.optin-button input#submitbutton:hover {
		background-color: orange;
		}

.mailingform {
background-color: #FC3;
border: 5px solid orange;
color:black;
padding: 13px;
}
/*
	.mailingform h3 {
	font-weight: bold;
	}

	.mailingform span {
	float: left;
	height: 35px;
	margin: 10px;
	width: 220px;
	}
	
	.mailingform span input {
	float: right;
	}
*/