/*
Theme Name: Maaike (NL) (Ad Supported)
Theme URI: http://www.arjentienkamp.com
Version: 1.2
Description: Weblog 2009-2010 Design
Author: Arjen Tienkamp
Author URI: http://www.arjentienkamp.com
*/



* {
border : 0 solid #eee;
list-style : none;
padding : 0;
margin : 0;
}
html, body, #wrap, #bg table, #bg td {
width : 100%;
height : 100%;
overflow : hidden;
}
body {
font : 13px "Helvetica Neue", "Helvetica", Arial, sans-serif;
cursor : default;
color : #000;
background: url(images/background_retro2.jpg) repeat left bottom;
background-color:#8F8F8F;
}
a, a * {
cursor : pointer;
text-decoration : underline;
color : #000;
outline : 0;
}
h1, h2, h4, h5, h3 span {
font-size : 100%;
font-weight : normal;
}
h2 {
font-size : 60px;
margin-bottom : 10px;
color : #fff;  /* CHANGED FROM WHITE DUE TO DIFFERENT BG COLOR OF BODY */
}

/* h2 span {
left : auto;
right : 530px;
top : 29px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
} */

#bg a, #bg img, h1 a, .menu #menu, #menu li.cur ul, #menu ul li.cur ul li.cur ul, h3 span, .block, #float.nxt, #float.prv, #feed p {
display : block;
}
#menu ul, h3, .sml div, #photos a, #feed h5 {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
}
#menu ul ul, #menu ul li.cur ul ul, #float {

}
h1 a, h1 a b, #menu a, .block, h3, h3 span, #photos a {
text-decoration : none;
}
#menu h1 a, h1 b, h3 span, #beijing, #traveling, #float, #photos a, #pack h2, #tips h2, #activities.bej h2 {
color : #fff;
}
#menu h1 a, h1 b {
color : #000000;
}

#menu h1 a, #menu h1 a:focus#shanghai, #beijing, #pack h2, #tips h2 {
text-align : right;
}
#bg, #wrap, .box, h1, #menu, #menu div, #menu ul, h3 span, #photos, #photos img, #float {
position : absolute;
left : 0;
}

#wrap {
top : 0;
width : 100%;
height : 100%;
overflow : auto;
z-index : 70;
}
#menu div { /** hoogte van menu link achtergrond **/
z-index : 81;
width : 100%;
top : 0;
height : 67px; /** was 100% -  nu in PX omdat IE6 kennelijk geen % snapt **/
background : #fff;
opacity:0.6;
filter:alpha(opacity=70);
}
#menu ul {
top : 8px;
z-index : 82;
left : 12px;
}
#menu li {
height : 12px;
float : left;
width : 110px;
clear : both;
}
#menu a, #menu li.cur li a, #menu li.cur li.cur li a {
padding : 0 5px;
display : block;
width : 100px;
background : none;
color : #333;
font-weight : bold;
}
#menu a:hover, #menu a:focus, #menu li.cur a, #menu li.cur li a:hover, #menu li.cur li a:focus, #menu li.cur li.cur a, #menu li.cur li.cur li a:hover, #menu li.cur li.cur li a:focus, #menu li.cur li.cur li.cur a {
background : url(images/pil.gif);
color : #fff;
}
#menu ul ul {
position : absolute;
left : 130px;
top : 0;
border-left : 1px solid #444;
height : 48px; /** hoogte van borderleft van menu blok transparant deel (12px voor ieder item vertical) **/
padding-left : 7px;
left : 126px;
}
#feed div {
height : 0;
overflow : hidden;
padding : 0;
}
#feed h5, #feed p {
padding : 15px 0 25px 0;
border-top-width : 1px;
width : 440px;
}
#feed h5 {
text-transform : uppercase;
padding : 0 5px;
cursor : pointer;
line-height : 20px;
height : 20px;
font-weight : bold;
width : 430px;
}
h1, #menu {
top : 30px;
left : 121px;
z-index : 80;
width : 275px;
height : 67px; /** hoogte van menu blok transparant deel **/
line-height : 12px;
}
h1 {
left : -161px;
top : 0;
}
#menu h1 a, #menu h1 a:focus {
padding :37px 10px 0 0; /** hoogte van titelblok aan menu **/
font-size : 11px;
width : 150px;
line-height : 30px;
height : 30px;
background : #fff url(images/go.gif) repeat-x 0 -30px;
font-weight : normal;
}

#menu h1 a:hover {
background : #FFF;
color : #000;
}


h3 {
border-bottom-width : 1px;
text-transform : uppercase;
line-height : 20px;
position : relative;
padding : 30px 30px 10px 30px;
margin : 0 -30px 10px -30px;
}
h3 span {
left : auto;
right : 530px;
top : 29px;
background : #000;
text-align : center;
padding : 0 5px;
white-space : nowrap;
}
a:hover h3 {
text-decoration : underline;
}
.box {
top : 20%;
left : 200px;
padding-bottom : 100px;
}
.box div {
background : #fff;
padding : 20px 30px;
}
.sml {
width : 520px;
left : 120px;
}
.sml div {
font-size : 11px;
line-height : 1.5em;
}
.sml img {
margin-bottom : 1em;
display : block;

}
.sml h2 {
font-size : 40px;
}
#shanghai, #beijing {
left : auto;
right : 120px;
top : 20%;
}
#blog, #photos, #pack, #tips, #intro.sml, #activities {
left : 450px;
/** blogvak vanaf de rechterkant - origineel right : 200px; **/
right: auto; /** ipv left:auto **/
}
#blog div, #intro div, #activities div {
padding-top : 0;
padding-bottom : 30px;
}
.sml, #beijing, #pack {
top : 30px; /** of 15% **/
}
#photos {
z-index : 90;
bottom : 41px;
right : 40px;
height : 20px;
overflow : hidden;
}
#photos a, #float {
z-index : 90;
height : 20px;
line-height : 20px;
text-align : center;
width : 40px;
background : #000 url(images/gal.gif) no-repeat -6px 5px;
cursor : pointer;
}
#photos a {
width : 20px;
float : left;
margin-left : 1px;
background : #000;
font-weight : bold;
}
#photos a:hover, #photos a.cur {
background : #fff;
color : #000;
}
#photos img {
bottom : -9999px;
}
#float.nxt {
background-position : -16px 5px;
}
#float.prv {
background-position : 7px 5px;
}


/** EXTRA CSS **/

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 1px solid #FFFFFF;
}

p {
margin-bottom:8px;
}

p img {
padding: 0;
max-width: 100%;
}

.navigation {
width: 395px;
height:20px;
}

input {
font-size: 11px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:left;
background-color:#CCC;
border:none;
cursor:pointer;
}

textarea {
font-size: 11px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:5px 0 0 0;
text-align:left;
background-color:#CCC;
border:none;
cursor:pointer;
}




/** Comment Styles **/




ol.commentlist {
margin: 0px 0 0px;
padding: 0;
list-style: none;
line-height: 20px;

}

ol.commentlist p {
margin-bottom:0px;
line-height: 20px;

}

ol.commentlist img {
border:0px;
}

ol.commentlist cite {
font-style: normal;
margin-bottom:5px; 
position:absolute;
margin-top:0x;
margin-left:40px;
background-color:#EEEEEE;
display:block;
height:40px;
width:415px;
padding-left: 5px;
}



ol.commentlist li div.vcard img.avatar { border:0px solid #151613; float:left; margin:2px; margin-right:7px; height:40px; width:40px; }  

ol.commentlist li p { padding-left:48px;} 

ol.commentlist li {
padding: 0px 0px 15px 0px;
/* background: url(images/white-trans.png) repeat; */
border-bottom:0px solid #EEEEEE;
}

ol.commentlist li.alt {
padding: 0px 0px 15px 0px !important;
/* background: url(images/white-trans.png) repeat; */
}



.copy a {
	color:#999;
	font-size:10px;
}