/*  
Theme Name: Janine in Berlin
Original Author: Jai Nischal Verma
Original Author URI: http://www.blogohblog.com
*/

*{margin:0;padding:0;}

/**************** body *****************/

body{
background:#222222;
margin:0;
}

body, th, td, input, textarea{
font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;
font-size : 11px;
font-weight : normal;
color : #000000;
}

/**************** inputs *****************/

form{}
fieldset{}

input, textarea{
font-weight:bold;
}
input.text{
background:#FFFFFF;
border:#FF0066 1px dotted ;
padding:1px;
}
input.button{
background:#ffffff;
border:none;
color:#343434;
}

/**************** fonts *****************/

h1, h2, h3{
color:#343434;
}
h1{
font-size:11px;
font-weight:lighter;
letter-spacing:-.075em;
}
h2{
color:#CCCCCC;
font-size:1em;
font-weight:lighter;
letter-spacing:1px;
}
h3{
font-size:1em;
}
h4{
height:20px;
margin:auto;
padding:2px 5px 0px 0px;
border-top: #FF0066 4px solid; 
font-size:12px; 
font-weight:bold; 
color: #7c7c7c; 
text-transform: uppercase; 
line-height: 120%;
letter-spacing:1px;
}

p, ul, ol{
font-size:1.1em;
line-height:1.8em;
margin:1em 0 1em 0;
}
ul, ol{
margin-left:3em;
}
blockquote{
margin-left:3em;
margin-right:3em;
}
a{
color:#ff0066;
text-decoration:none;
font-weight:normal;
}
a:hover{
border:none; 
color:#343434; 
font-weight:normal;
}

h1 a, h2 a, h3 a{
color:#7c7c7c;
text-decoration:none;
font-weight:bold;
font-size:12px;
letter-spacing:2px;
}
h1 a:hover, h2 a:hover, h3 a:hover{
background:none;
color:#343434;
font-weight:bold;
letter-spacing:2px;
}

hr{
display:none;
}

/**************** wrapper *****************/

#wrapper{}

/**************** header styles *****************/

#header{
background-color:#FFFFFF;
height:60px;
margin:0 auto;
width:938px;
}

/**************** menu styles *****************/

#menu{
float:left;
padding:10px;
height:auto; 
margin-top:18px;
}
#menu ul{
line-height:normal;
list-style:none;
margin:0;
padding:0;
}
#menu li{
float:left;
}
#menu a{
color: #343434;
display:block;
float:left;
font-size:1em;
margin:0px 12px 0px 12px;
padding:10px 0px;
text-decoration:none;
}
#menu a:hover{
color:#ff0066;
}
#menu .current_page_item a{
color:#ff0066;
}

/**************** logo styles *****************/

#logo{
background:url(http://www.janinedehaan.com/2/wp-content/images/header.png) no-repeat left bottom;
border:none;
height:250px;
margin:0 auto; 
width:938px; 
background-color:#ffffff; 
padding:14px 0px 0px 0px;
}
#logo p{ 
margin: 0; 
color: #343434; 
font-weight: bold; 
font-size: .9em; 
}
#logo h1{
letter-spacing:-1px;
font-family: arial; 
font-size:30px;
margin: 0; 
background: #222222; 
display: inline;  
color: #ffffff; 
padding: 2px 5px;
text-transform:uppercase;
}
#logo h1 a{ 
font-size:30px; 
letter-spacing:-1px; 
font-family: arial;
margin: 0; 
background: #222222; 
display: inline;  
color: #ff0066; 
padding: 2px 5px;
}
#logo h1 a:hover{ 
letter-spacing:-1px;  
font-family: arial;
margin: 0; 
background: #222222; 
display: inline;  
color: #ff0066; 
padding: 2px 5px;
}
#logo h2{
color:#CCCCCC;
margin:10px 0 0 17px;
padding:5px;
width:30%;
}
#logo p{
clear:left;
color:#C2C5B1;
font-size:1.2em;
font-weight:bold;
line-height:normal;
margin:0;
padding:0 0 0 20px;
}
#logo a{
color:#FFFFFF;
}

/**************** page *****************/

#page{
background:#FFFFFF;
border:none;
margin:0 auto;
padding:20px 0px 0 0px;
width:938px;
}

/**************** content *****************/

#content{
float:left;
padding:0;
margin:0px 34px; 
width:646px;
}

/**************** h titels *****************/

h1.title{
color:#7C7C7C;
font-weight:bold;
line-height:120%;
margin-top:0;
text-transform:uppercase;
}
h2.title{
height:25px;
margin:0 0 1em 0;
padding:2px 5px 0px 0px;
border-top: #FF0066 4px solid; 
font-size:12px; 
font-weight:bold; 
color: #7c7c7c; 
text-transform: uppercase; 
line-height: 120%;
}
.desctitle{
font-size:10px;
}

/**************** posts *****************/

.post{
border-bottom:#ff0066 1px solid;
}
.post .title{
font-weight:normal;
margin:0;
}
.post h1.title{
font-size:14px;
height:auto;
padding:1px;
text-transform:uppercase;
margin-top:10px;
}
.post .entry{
padding:0 10px 10px 3px;
text-align:justify;
}
.post .meta{
border-bottom:none;
color:#7c7c7c;
font-family:inherit;
font-size:14px;
margin:0;
padding:5px 0px 0px 3px;
}
.post .meta a{
color:#999999;
}
.post .links{
margin:0;
}
.post .tags{
background:none;
font-size:0.8em;
font-weight:normal;
margin-top:0px;
text-transform:none;
}
.post .links a, .post .tags a{
border:none;
}

#recent-posts{}
#recent-posts ul li{
background:none;
font-size:0.8em;
padding:0;
line-height:1.4em;
}
#recent-posts h2{
background:none;
height:25px;
margin:0;
padding:2px 5px 5px 30px;
}
#recent-posts h3{
background:none;
font-size:13px;
margin:0;
padding:15px 0 0 15px;
}
#recent-posts p{
font-size:13px;
line-height:22px;
margin:0 0 10px 0;
padding:15px 0 0 15px;
}


.navigation{
padding-bottom:30px;
color:#FF0066;
}

/**************** sidebar *****************/

.sidebar{
float:left;
}
.sidebar ul{
list-style:none;
margin:0;
padding:0;
line-height:1.4em;
}
.sidebar li{
margin-bottom:2em;
}
.sidebar li ul{}
.sidebar li li{
margin:0;
}
.sidebar li h2{
margin:0 0 0.7em 0;
letter-spacing:1px;
}

#sidebar1{
padding-left:34px;
width:1px; 
color:#000000; 
line-height:120%;
}
#sidebar1 li h2{
height:25px;
margin:auto;
padding:2px 5px 0px 0px;
border-top: #FF0066 4px solid; 
font-size:12px; 
font-weight:bold; 
color: #7c7c7c; 
text-transform: uppercase; 
line-height: 120%;
}
#sidebar1 li ul{
background:none;
line-height:normal;
}
#sidebar1 li li{
background:none;
font-size:.8em;
padding:none;
}

#sidebar2{
padding:0px 34px 0px 0px;
width:190px; 
color:#000000; 
line-height:120%;
}
#sidebar2 li h2{
height:25px;
margin:auto;
padding:2px 5px 0px 0px;
border-top: #FF0066 4px solid; 
font-size:12px; 
font-weight:bold; 
color: #7c7c7c; 
text-transform: uppercase; 
line-height: 120%;
}
#sidebar2 li ul{
background:none;
line-height:normal;
}
#sidebar2 li li{
background:none;
font-size:.8em;
padding:none;
}
#sidebar2 li a{
border:none;
padding-left:0px;
}
#sidebar2 li a:hover{
border:none;
padding-left:0px;
}



#tag_cloud-2{
background-color:none;
}




/**************** design & footer *****************/

#design{
background:#FFFFFF;
height:30px;
}

#footer{
background-color:#FFFFFF;
border-top:none;
color:#000000;
font-size:9px;
padding:5px;
text-align:center;
width:928px;
margin:0px auto;
}
#footer a{
color:#ff0066;
}
.info{
background-color:#ffffff;
border:none;
margin-bottom:20px;
padding:0px 10px 10px 3px;
}

/**************** comments styles *****************/

#commentsbox{padding-left:3px;}
.comlabel{padding-top:25px;}
.comtext{font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;font-size : 11px;font-weight : bold;color : #343434; text-transform : uppercase;background-color : transparent;line-height : 120%;letter-spacing:1px;}
.postlabel{padding-top:25px;}
.posttext{font-family : "Helvetica Neue","Helvetica",Arial,sans-serif;font-size : 11px;font-weight : bold;color : #343434; text-transform : uppercase;background-color : transparent;line-height : 120%;letter-spacing:1px;}
.commentlist{list-style:none;}
.authorcomment{color:#7C7C7C;font-size:1.1em;font-weight:bold;}
.odd{color:#7C7C7C;font-size:1.1em;font-weight:bold;}
.odd a:link{color:#ff0066;}
.commenttext{color:#000000;font-size:11px;line-height:120%;margin:0px 0px 25px 0px;padding:0;}

#author, #email, #url{background:#ffffff;border:1px dotted #ff0066;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;margin-bottom:0.6em;margin-top:5px;padding:3px;width:40%;}

#comment{background:#ffffff;border:1px dotted #ff0066;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;margin-bottom:0.6em;margin-top:5px;padding:3px;width:100%;}

#submit{background-color:#ffffff;border:1px solid #ffffff;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;padding:3px;color:#ff0066;}

/**************** images *****************/

a img{
border:none;
margin-bottom: 0px;
}
.alignright{background-color:#ffffff;float:right;padding:5px;}
.alignleft{background-color:#ffffff;float:left;padding:5px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
img.alingcenter{display:block;margin-left:auto;margin-right:auto;}

/**************** rest *****************/

acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}

blockquote{border-left:5px solid #ddd;margin:15px 30px 0 10px;padding-left:20px;}
blockquote cite{display:block;margin:5px 0 0;}

.center{text-align:center;}

hr{display:none;}

pre{background:#f3f2ed;border:solid 1px #9a9a9a;color:blue;margin:10px;padding:10px;}
code{color:#000;font-size:1.0em;}