/*------------------------------------------------------------------
// AARDS PARADIJS CSS FILE
//
// * Created by Lavagraphics
// * on 090121
//
 ------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html{width: 100%; height: 100%;}
body {width: 100%; height: 100%; font: normal 11px Arial, Helvetica, sans-serif, sans-serif; margin: 0; padding: 0; color: #666; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black" ; }

a:link { text-decoration: none; color : #fbb040; border: 0; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #fbb040; border: 0; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #fbb040; border: 0; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #fbb040; border: 0; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

#lavacontainer{width:100%; float:left; position:fixed;}
#lava{float: right;margin: -22px 10px 0 0;  z-index: 9999999; display: block; }
#lava img{width: 25px; height: 17px;}
#lava:hover{padding: 0; background: none;}

hr { display: none; }
img { padding: 0; margin: 0; border: none; text-align: center;}
table { border-collapse: collapse; width: 100%; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }

p{line-height: 18px;}
/** color change */
input, button, textarea, select {color:#373737; vertical-align: middle; }

/* Container 
 ------------------------------------------------------------------*/
#bg { width: 1024px; margin: 0 auto; height: 100%; min-height: 100%;}
.con { width: 1024px; float: left;}


/* Header 
 ------------------------------------------------------------------*/
.header { width: 912px; padding: 25px 0 30px 0; border-bottom: solid 1px #939598; float: left; position: relative; margin: 0 0 5px 112px;}
.header div#logo{padding-left: 170px;}
.header h1 { float: left; font: normal 42px; letter-spacing: -3px; padding-left: 170px;}
.header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#373737; text-decoration: none; }


/* Rss
 ------------------------------------------------------------------*/
.rss {text-align: right; margin: 5px 5px 0 0;}
.rss li { display: inline; background: url(images/rss-ico.png) no-repeat left 2px; padding-left: 20px; margin-right: 5px; }


/* Navigatie menu 
 ------------------------------------------------------------------*/
.menu { width: 912px; padding: 0;  margin: 0 0 5px 112px; float: left; }
.menu ul { padding-left: 170px;}
.menu li { display: inline; font-size:14px; text-transform: lowercase; letter-spacing: 0; float: left; margin-right:30px; }
.menu li ul { display: none;}
.menu li a { padding-left: 7px; margin-right: 1px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 3px 7px 3px 0px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #fbb040;}
.menu li a:hover { background-position: 0% -22px; color:#fff; text-decoration: none;}
.menu li a:hover span { background-position: 100% -22px; color:#fff;}
.menu .current_page_item a { background: url(images/menu-left-h.png) no-repeat left bottom; color:#fff; }
.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { background: url(images/menu-right-h.png) no-repeat right bottom; color:#fff; }


/* Side 1-2-3
 ------------------------------------------------------------------*/
.sc-all { float: right;}
.sc { padding: 20px 20px 20px 10px; width: 480px; }
 .scs1 { float: left; width: 810px; margin-right: 10px;}
.title { font-size: 28px; border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}

/* Post Single
 ------------------------------------------------------------------*/
.post { padding: 15px 0px; line-height: 1.6em; font-size: 105%;}
.post .p-head h1 { font: normal 28px; letter-spacing: -1px; }
.post .p-head h2 { font: normal 24px; letter-spacing: -1px;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#939598; text-decoration: none;}
.post .p-head h2 a:hover { color:#736440; }
.post .p-head h3 { font: normal 21px/23px "Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#939598; text-decoration: none;}
.post .p-head h3 a:hover { color:#fbb040; }
.post .p-date { font-size: 10px; color:#333333;}
.post .p-who { padding: 5px 0px 5px 12px; margin-top: 5px; font-size: 11px; color:#ab9885; border-top: solid 1px #ebeadd; background: url(images/p-cat-ico.png) no-repeat left 6px;}
.post .p-who a { color:#917d69; text-decoration: underline;}
.post .p-con, .post .p-con p {padding: 5px 0; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px;  line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}
.post .p-com { background: #fbfbf8; padding: 10px 5px; border-top: solid 1px #f7f6f0; border-bottom: solid 1px #f7f6f0;}
.post .p-com a, .post .p-com a:visited { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 10px; font-weight: bold; color:#fbb040;}
.post .p-tag { font-size: 11px; color:#917d69; margin-top: 5px;}
.post .p-tag a, .post .p-tag a:visited, .post .p-tag a:hover { color:#917d69; text-decoration: underline;}


/* Post Pages
 ------------------------------------------------------------------*/
.post-page {line-height: 15px;}
.post-page h1 { font: normal 24px "Arial"; padding: 10px 0px;}
.post-page h2 { font: normal 26px "Arial"; }
.post-page p { padding: 5px 0px; color:#666;}
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { padding: 0px; margin: 0px; line-height: 17px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; line-height: 17px;}

.post, .p-head{width: 100%;}
.p-con{float: none; background-color: transparent;}
.p-com{clear: both;}
/* Images
 ------------------------------------------------------------------*/
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; /*border: solid 5px #f2f0ea;*/ }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline;/* border: solid 5px #f2f0ea;*/ }

.alignright { float: right; }
.alignleft { float: left }


/* Navigation
 ------------------------------------------------------------------*/
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }

/* Side 1
 ------------------------------------------------------------------*/
.s1 { float: left; width: 285px; height: 446px; font-size: 11px; background: url(images/lieven.jpg) no-repeat bottom right;}


/* Widget Panel
 ------------------------------------------------------------------*/
.s1 .widget { background: #dddcd2; width: 160px; margin-bottom: 10px; color:#443e36;}
.s1 .widget-all { padding: 7px 10px 10px 10px; color:#443e36; }
.s1 .widget h3 { font-size: 14px; letter-spacing: -1px; color:#443e36; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #cec5b9; }
.s1 .widget li { padding: 1px 0px;}
.s1 .widget a, .s1 .widget a:visited { color:#736c62; text-decoration: underline; }
.s1 .widget a:hover { color:#000; text-decoration: underline;}
.s1 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}
.s1 .widget_calendar table { width: 100%;}
.s1 .widget_calendar table td { text-align: center; padding: 3px; }
.s1 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #ecece3;}
.s1 .widget_calendar caption { background: #ecece3; padding: 3px 0px;}
.s1 .widget_calendar #today { background: #ecece3;}
.s1 .widget_search #s { border: solid 1px #ecece3; padding: 3px; margin-bottom: 5px;}
.s1 .widget_flickrRSS h3 { margin-bottom: 10px;}
.s1 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s1 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 0px 0px; }
.s1 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}


/* Side 2
 ------------------------------------------------------------------*/
.s2 { float: left; width: 200px; font-size: 11px;  color:#A7A9AC;}
.s2 h3 { font-size: 14px; color:#fbb040; padding-bottom: 5px;}


/* Category Panel
 ------------------------------------------------------------------*/
.s2 .categ-all { background: #f1f2f2 url(images/categ-top.png) no-repeat top; margin-bottom: 10px;}
.s2 .categ {padding: 7px 10px 10px 10px; color:#a7a9ac; }
.s2 .categ h3 { font-size: 14px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;}
.s2 .categ li { padding: 2px 0px 2px 0px;}
.s2 .categ li a, .s1 .categ li a:visited, .s1 .categ li a:hover { text-decoration: underline; color: #a7a9ac;}


/* Search Panel 
 ------------------------------------------------------------------*/
.s2 .search { background: #f1f2f2 url(images/search-top.png) no-repeat top; padding: 7px 15px 10px 15px;}
.s2 .search h3 { padding-bottom: 15px; background: none; padding-left: 0; }
.s2 .search input { border: none; background: url(images/search-form.png) no-repeat; padding: 7px 10px 7px 10px; font-size:14px; color:#666;}
.s2 .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

/* Newsletter Panel 
 ------------------------------------------------------------------*/
.s2 .newsletter input { border: none; background: url(images/search-form.png) no-repeat; padding: 7px 10px 7px 10px; font-size:14px; color:#666; margin-top: 3px; width: 150px;}
.s2 .newsletter input.button { background: #f1f2f2 url(images/btn_subscribe.png) no-repeat; border: none; padding: 0 0 0 18px; margin: 5px 0 0 5px;  height: 15px; font-size: 11px; color: #FBB040;  text-align: left; cursor: pointer;}

/* Recent Panel 
 ------------------------------------------------------------------*/
.s2 .recent { background: #f1f2f2 url(images/about-top.png) no-repeat top; padding: 6px 10px 15px 10px;}
.s2 .recent a,.s2 .recent a:visited { color:#a7a9ac; }
.s2 .recent a:hover { color:#a7a9ac; text-decoration: underline;}

.s2 .recent .tabs { padding-bottom: 15px; float: left; }
.s2 .recent .tabs li { display: inline; font-weight: bold; font-size: 11px; float: left; }
.s2 .recent .tabs li a { padding: 0px 0px 0px 9px; margin-right: 1px; background: url(images/tab-left.png) no-repeat left 1px; float: left; color: #f1f2f2;}
.s2 .recent .tabs li a span { padding: 2px 10px 3px 1px; display: block; background: url(images/tab-right.png) no-repeat right 1px; color: #f1f2f2;}
.s2 .recent .tabs li a:hover { background-position: 0% -19px; color:#ccc; text-decoration: none;}
.s2 .recent .tabs li a:hover span { background-position: 100% -19px; color:#ccc; text-decoration: none;}
.s2 .recent .tabs li a:link.active { background: url(images/tab-left.png) no-repeat left -19px; color:#fbb040; }
.s2 .recent .tabs li a:link.active span { background: url(images/tab-right.png) no-repeat right -19px; color:#fbb040; }
.s2 .recent .tabs li a:visited.active { background: url(images/tab-left.png) no-repeat left -19px; color:#f1f2f2; }
.s2 .recent .tabs li a:visited.active span { background: url(images/tab-right.png) no-repeat right -19px; color:#f1f2f2; }
.s2 .recent #r-tags { display: none; line-height: 20px; padding: 10px 0px;}
.s2 .recent #r-posts li { padding: 3px 0px; border-bottom: solid 1px ##A7A9AC; background: url(images/recent-arrow.png) no-repeat left 6px; padding-left: 18px;}
.s2 .recent #r-com { display: none; }
.s2 .recent #r-com li { padding: 3px 0px; border-bottom: solid 1px ##A7A9AC; line-height: 1.5em;}
.s2 .recent #r-com li a { display: block; background:url(images/r-com-ico.png) no-repeat left 2px; padding-left: 15px; font-weight: bold; }


/* Flickr Panel 
 ------------------------------------------------------------------*/
.s2 .flickr { background: #becf2d url(images/flickr-top.png) no-repeat top; width: 280px; padding: 7px 10px;}
.s2 .flickr ul { padding-top: 15px; border-bottom: none; border-top: none;  }
.s2 .flickr li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline;margin-right: 9px;}
.s2 .flickr li a img, .s2 .flickr li a:visited img { background: url(images/flickr-bkg-li.gif) no-repeat top; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s2 .flickr li a:hover img { background: url(images/flickr-bkg-li.gif) no-repeat bottom; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}


/* About Panel 
 ------------------------------------------------------------------*/
.s2 .newsletter, .s2 .about-all { background: #f1f2f2; color:#a7a9ac; }
.s2 .about { background: url(images/about-top.png) no-repeat top; padding: 7px 15px 15px 15px;}
.s2 .about h3 { color:#fbb040; padding-bottom: 5px; margin-bottom: 10px;}
.s2 .about p { padding: 3px 0px;}


/* Widget Panel  
 ------------------------------------------------------------------*/
.s2 .widget { background: #e5eac0; color:#666600; margin-bottom: 10px;}
.s2 .widget-all { padding: 15px;}
.s2 .widget h3 { color:#666600; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget li { padding: 1px 0px 1px 0px;}
.s2 .widget li { padding-left: 10px;}
.s2 .widget p { color:#996633; padding: 3px 0px;}
.s2 .widget a, .s2 .widget a:visited { color:#336600;}
.s2 .widget a:hover { color:#000;}
.s2 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}
.s2 .widget_calendar table { width: 100%;}
.s2 .widget_calendar table td { text-align: center; padding: 4px; }
.s2 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget_calendar caption { background: #d7deaa; padding: 3px 0px;}
.s2 .widget_calendar #today { background: #d7deaa;}
.s2 .widget_search #s { border: solid 1px #c8d18a; padding: 3px; margin-bottom: 5px;}
.s2 .widget_flickrRSS h3 { margin-bottom: 10px;}
.s2 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s2 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin-right: 5px;}
.s2 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 5px; padding: 5px;}
.s2 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 5px; padding: 5px;}
.s2 .widget_flickrRSS li a:hover img { border: solid 1px #000;}


/* Comment List
 ------------------------------------------------------------------*/
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}
.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: bold 14px/14px "Arial"; letter-spacing: -1px; color: #fbb040;}
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 ------------------------------------------------------------------*/	
.com-form { background: #f8f8f2 url(images/com-form-top.png) no-repeat left top; padding-top: 10px; }
.com-form-bot { background: url(images/com-form-bot.png) no-repeat left bottom; padding: 5px 20px 20px 20px;}
.com-form h3 { font-size: 16px; letter-spacing: -1px; border-bottom: solid 1px #e6e3db; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#666;}
.com-form p strong { color:#FF3300; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #666; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form button { cursor: pointer; display: block; width: 140px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em; margin-top: 5px;}


/* Footer 
 ------------------------------------------------------------------*/
.footer { width: 1024px; padding: 20px 0px; float: left;}
.footer p {border-top: solid 1px #939598; font-size: 11px; color:#acaa9c; padding: 10px 0 0 313px; text-align: left;}
.footer p a, .footer p a:visited { color:#acaa9c; text-decoration: underline;}
.footer p a:hover { color:#333; text-decoration: underline;}
.footer span.theme {padding-left:130px;}