/*
Theme Name: XprsYrslf
Theme URI: http://xprsyrslf.be/
Description: A theme by XprsYrslf.be.
Version: 1.0
Author: Jeroen Op 't Eynde
Author URI: http://xprsyrslf.be/
Tags: none

	XprsYrslf 1.0
	 http://xprsyrslf.be/

	This theme was designed and built by Jeroen Op 't Eynde,
	whose blog you will find at http://xprsyrslf.be/

*/

* {padding:0;margin:0;border:0;}

/*Text, input, tags*/
body{ font-size:1em; color:#fff; }
p,blockquote,pre{margin:1em; margin-bottom:2em; /*text-shadow: 2px 2px 2px #000;*/ }
blockquote{ font-style:italic; font-size:.9em;}
input,textarea,select{ border:1px solid #000; padding:5px;background:#333; color:#fff;  font-size:.75em; }
a{ color:#9C9; text-decoration:none; } a:hover{ color:#0B0; text-decoration:underline; }
strong{ font-weight:700; font-variant:normal; font-style:normal; }
h1,h2,h3,h4{ padding-top:.9em; font-weight:700; text-shadow: 3px 3px 3px #000;  }
h1{ font-size: 1.5em; } h2{ font-size: 1.3em; } h3{ font-size: 1.1em; } h4{ font-size: 1.1em; }
ul li{ margin-left:.5em; padding:.1em; padding-left:1em; list-style:square inside; }

pre{ width:100%; overflow: auto; }

/*Classes*/
.accessibility{ display:none; visibility:hidden; }
.error_message{ color:red; }
.small{ font-size:.8em; }
.medium{ font-size:.9em; }
.large{ font-size:1.1em; }
.left{ text-align:left;}
.center{ text-align:center;}
td.center{ vertical-align:middle; }
.right, .readmore{ text-align:right;}
table.maxwidth{ width:100%; height:100%; }
div.line{border-bottom:.1em solid #666;width:100%;margin:0 auto;clear:both}
img.inlineleft, img.alignleft{ float:left; margin-right:5px; }
img.inlineright, img.alignright{ float:right; margin-left:5px; }

/*Body, page centering*/
body{ overflow:scroll; }
html, body{
    font-family: Verdana,Helvetica,sans-serif;
    font-size:1em;
    background:#666 url("images/woodbg.png") fixed;
    width:100%; min-height:100%;
    text-align:center; /* center div#ctr */

}
div#ctr{
    position:relative; text-align:left;
    display:block; clear:both;
    width:100%; min-height:100%;
    margin:0 auto; 
}

div#header{width:100%; height:6em;}
div#header h1{ display:none; }
/*Menu*/
div.menu{
    float:left; width:100%; height:7em; text-align:center;
    background:transparent url('images/menustrip.png') repeat-x center;}
div.menu ul {margin-left:-1em; margin-top:2.6em;}
div.menu ul li{ list-style:none; display:inline; margin:0; padding:1.5em; }
div.menu ul li a{
    color:#CCC;
    font-weight:700;
    font-size:1.3em;
    text-decoration:none;
    text-shadow:3px 3px 3px #000; }
div.menu ul li a:hover,div.menu ul li.current_page_item a{ color:#0B0; }

div#submenu{ float:right; /*width:280px; margin-top:-19px; margin-right:20px;*/ position:relative; top:-19px; right:20px; display:inline; width:280px; margin:auto; }
div#submenu ul.main{ list-style:none;background:transparent url("images/submenu-middle.png") repeat-y 50%; }
div#submenu ul.main li{ list-style:none; padding-left:23px; }
div#submenu ul.main li a{ color:#CCC }
div#submenu ul.main li a:hover, div#submenu ul.main li.current_page_item a{ color:#0B0 }
div#submenu ul.main li h2,div#submenu ul.main li.pagenav h2{ font-size:1.1em; }
div#submenu ul.main li ul li{ list-style:square inside; margin-left:-10px; }
div#submenu div.bottom{ background:transparent url("images/submenu-bottom.png") no-repeat top; height:57px; }

div#content{ float:right; width:67%; margin-bottom:25px; }
div#content h2.pagetitle{ font-size:1.6em; }
div#content div.post h3 a{ color:#fff; }
div#content div.post h3 a:hover{ color:#0B0 }

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

div.comment img.avatar{ float:left; margin:0 10px; text-shadow:3px 3px 3px #000; }
form#conForm{ padding-left:1em; }

div.search{ margin:.6em auto; }
div.search input{float:left; width:45%; margin-left:2px;}
div#submenu ul.main li div.search{ padding-right:27px;}

/*Footer*/
div#footer{
	position:relative; bottom:0;
	display:block; clear:both;
	text-align:left; font-size:.80em;
	border-top:1px solid #000;
	width:100%; min-height:250px;
	background-color:rgba(0,0,0,0.5);
	margin-top:25px; padding:10px 50px; }

div.disclaimer{ clear:both; padding-top:25px; }
div#footer ul.main{ width:100%;}
div#footer ul.main li{ list-style:none; }
div#footer ul.main li.widget{ width:auto; float:left; }
div#footer ul.main li ul li{ list-style:disc inside; }