/*
Theme Name: Theme voor RobbertWelagen.nl
Theme URI: http://robbertwelagen.nl/
Description: Theme voor RobbertWelagen.nl
Version: 1.0
Author: Bram Perry
Author URI: http://dearcomputer.nl/
Tags: 

*/

body { background:url(images/bgtile.png) repeat fixed; line-height:27px; font-family:Lucida Sans Unicode, Lucida Grande, Arial, sans-serif }
ul { list-style: url(images/bullet.png); list-style-position:outside }
h3 { font-size:120% }
a { color:#0066cc }
a:visited { color:#800080 }
#container { width:850px; margin:40px auto; background:#fff; }
#container #nav { position:relative; height:445px; z-index: 50}
#container #nav .nav_main { position:relative; top:40px; left:40px; width:756px; height:320px; background:url(images/nav.png) no-repeat top left;  }
#container #nav .nav_main span { display:none }
#container #nav a.nav_lipari { display:block; position: absolute; left: 45px; top: 288px; width:80px; height:32px; background:url(images/off/nav_lipari.png); }
#container #nav a.nav_philippes-middagen { display:block; position: absolute; left: 45px; top: 320px; width:208px; height:35px; background:url(images/off/nav_philippes.png); }
#container #nav a.nav_verre-vrienden { display:block; position: absolute; left: 45px; top: 352px; width:180px; height:26px; background:url(images/off/nav_verrevrienden.png); }
#container #nav a.nav_porta-romana { display:block; position: absolute; left: 45px; top: 382px; width:165px; height:29px; background:url(images/off/nav_portaromana.png); }
#container #nav a.nav_korte-verhalen { display:block; position: absolute; left: 138px; top: 287px; width:151px; height:31px; background:url(images/off/nav_korteverhalen.png); }
#container #nav a.nav_bio {	display:block; position: absolute; left: 338px; top: 204px; width:46px;	height:27px; background:url(images/off/nav_bio.png); }
#container #nav a.nav_agenda { display:block; position: absolute; left: 419px; top: 204px; width:71px; height:32px; background:url(images/off/nav_agenda.png); }
#container #nav a.nav_contact {	display:block; position: absolute; left: 502px; top: 203px; width:80px; height:29px; background:url(images/off/nav_contact.png); }
#container #nav a.nav_pers { display:block; position: absolute; left: 615px; top: 203px; width:54px; height:35px; background:url(images/off/nav_pers.png); }
#container #nav a.nav_tekeningen { display:block; position: absolute; left: 680px; top: 203px; width:114px; height:43px; background:url(images/off/nav_tekeningen.png); }

#container #nav a.nav_tekeningen span,
#container #nav a.nav_pers span, 
#container #nav a.nav_contact span, 
#container #nav a.nav_agenda span,
#container #nav a.nav_bio span,
#container #nav a.nav_porta-romana span,
#container #nav a.nav_verre-vrienden span,
#container #nav a.nav_korte-verhalen span,
#container #nav a.nav_philippes-middagen span,
#container #nav a.nav_lipari span { display:none }

#container #nav a.nav_lipari:hover, body.lipari #container #nav a.nav_lipari { background:url(images/over/nav_lipari.png); }
#container #nav a.nav_philippes-middagen:hover, body.philippes-middagen #container #nav a.nav_philippes-middagen { background:url(images/over/nav_philippes.png); }
#container #nav a.nav_verre-vrienden:hover, body.verre-vrienden #container #nav a.nav_verre-vrienden { background:url(images/over/nav_verrevrienden.png); }
#container #nav a.nav_porta-romana:hover, body.porta-romana #container #nav a.nav_porta-romana { background:url(images/over/nav_portaromana.png); }
#container #nav a.nav_korte-verhalen:hover, body.korte-verhalen #container #nav a.nav_korte-verhalen { background:url(images/over/nav_korteverhalen.png); }
#container #nav a.nav_bio:hover, body.bio #container #nav a.nav_bio { background:url(images/over/nav_bio.png); }
#container #nav a.nav_agenda:hover, body.agenda #container #nav a.nav_agenda { background:url(images/over/nav_agenda.png); }
#container #nav a.nav_contact:hover, body.contact #container #nav a.nav_contact { background:url(images/over/nav_contact.png); }
#container #nav a.nav_pers:hover, body.pers #container #nav a.nav_pers { background:url(images/over/nav_pers.png); }
#container #nav a.nav_tekeningen:hover, body.tekeningen #container #nav a.nav_tekeningen { background:url(images/over/nav_tekeningen.png); }

#container #content { z-index: 100; padding:0 40px 40px 40px; font-size:90% }
#container #content .postWithImage { float: left; width: 450px; margin-top:-22px; margin-bottom:10px}
*:first-child+html #container #content .postWithImage { margin-top:-10px } /* ie7 only */
#container #content .postWithoutImage { float: left; width: 450px;  margin-left: 296px; margin-bottom:10px}
#container #content .page-image { float: left; margin-right: 20px; margin-bottom: 40px; }

#sticker { position:relative; float:right; margin-right:-55px; margin-top:10px; background: url(images/sticker.png); z-index: 100 }
#sticker span, #sticker{ display:none }
#sticker a { display:block; width: 227px; height: 225px; }