/*
THEME NAME: RW Folio Sandbox
THEME URI: http://www.robertwierenga.nl/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.0
AUTHOR: <a href="http://www.robertwierenga.nl">Robert wierenga</a> &amp; <a href="http://www.plaintxt.org/">Sandbox</a>
AUTHOR URI: http://www.robertwierenga.nl
*/

/* import */
@import url("css/reset.css");
@import url('css/layout.css');
@import url('css/screen.css');

/* HEADER TITLE */
h1#blog-title { 
font-size: 12px;
line-height: 20px;
color : #999; 
text-align: left;
display: block;
width : 240px; 
/* border-bottom : 1px solid #cccccc;*/
} 
h1#blog-title a { 
text-transform : uppercase;
color : #000000;
line-height: 20px; 
text-decoration : none;
} 
h1#blog-description { 
display : none;					/* ! */ 
font-size : 0.8em; 
color : #999;
line-height: 20px; 
} 

/* POST */
.entry-title{
	font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size:40px;
	letter-spacing: -1px;
	line-height: 40px;
	/* font-weight:200; */
	clear:both;
	margin: 0 0 0 0;
}
.entry-content img {
padding: 6px 6px 0 0;
float:left;
}
b, strong	{
font-weight : bold ;
}
i, em	{
font-style : italic ;
}

/* .entry-content object {
padding: 20px 10px 0 0;
} */

.entry-content {
text-align:justify;
padding-bottom:10px;
}
blockquote {
	margin: 20px 30px 20px 30px;
	line-height: 1em !important;
	font-style: italic;
}
.entry-content h2 { 
font-size : 1.2em; 
text-decoration : none; 
margin : 20px 0 0 0; 
}
.entry-content h3 { 
font-size : 1em;
font-weight: bold; 
margin : 16px 0 4px 0; 
}

/* uitzonderingen */
.category-portfolio img {
float:none;
padding: 6px 3px 0 0;
}
div#post-83 img {
float:none;
padding: 6px 3px 0 0;
}
.ngg-gallery-thumbnail img {
padding-left: 0px;
}
div#post-31 img {
float:none;
padding: 0 0 0 0;
}

/* menu items */
li.page_item {
font-family : Georgia, "Times New Roman", Times, serif;
margin : 0 10px 0 0;
font-size : 40px;
letter-spacing : -2px;
line-height : 40px;
}

/* lineheight */
body {
font-family: Georgia, "Trebuchet MS", "Palatino Linotype", serif;
font-size: 75%;  /* 12px */
background: url(img/pageBg.jpg) fixed 275px 0px no-repeat;
/* background: url(img/facade.jpg) fixed 0px 0px no-repeat; */
/* background: url(img/grid20.gif) top left no-repeat; */
/* background: url(http://www.smileycat.com/miaow/archives/images/misc/layout_grid.gif) top left no-repeat;*/
}
h3.widgettitle {
line-height: 20px;
}
h2.page-title {
line-height: 20px;
font-weight:bold;
}
html>body { 
font-size: 12px; 
}
p { 
line-height: 20px;
}

/* LINKS */
a, a:link, a:visited, a:active { 
text-decoration : none; 
} 
a:link {
color:#0066CC;
}
a:hover { 
text-decoration : underline; 
color: #0099CC; 
}
a:active { 
color: #3399CC; 
} 
a:visited { 
color: #003366; 
} 

/* LIST LAYOUT */
div.post ul li { 
list-style-image : url(img/bullet_blue.png); 
line-height : 1.5em; 
list-style-position : outside; 
margin : 5px 20px 5px 18px; 
font-size : 1em; 
} 
div.page ul li { 
list-style-image : url(img/bullet_blue.png); 
line-height : 1.5em; 
list-style-position : outside; 
margin : 5px 20px 5px 18px; 
font-size : 1em; 
}
ul#reviews li {
list-style-image:none}

/* Just some example content 
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
*/

/* .alignleft {}
.alignright {}

div#nav-above,div#nav-below{}
div#nav-above{} */

div#nav-below{
display:none;
}
div#nav-above div.nav-previous{
background-color:#FFFFFF;
display:block;
height: 40px;
width:325px;
position:fixed;
top:0px;
left: 350px;
}
div#nav-above div.nav-next{
text-align:right;
background-color:#FFFFFF;
display:block;
height: 40px;
width:325px;
position:fixed;
top:0px;
left:675px;
}
div#nav-below div.nav-previous{
background-color:#FFFFFF;
display:block;
height: 20px;
width:325px;
position:fixed;
bottom:0px;
left: 350px;
}
div#nav-below div.nav-next{
text-align:right;
background-color:#FFFFFF;
display:block;
height: 20px;
width:325px;
position:fixed;
bottom:0px;
left:675px;
}

/* META POST */
div.entry-date { 
color : #999; 
font-family:"Trebuchet MS";
font-size : 1em;
line-height: 20px; 
margin : 0px 0 0px 0;
padding: 0 0 0 0; 
clear : both; 
} 
div.entry-meta { 
color: #666666; 
font-size : 0.8em;
line-height: 20px; 
text-transform : uppercase; 
margin : 0px 0 20px 0; 
clear : both;
padding: 0 0 0 0;  
} 
abbr.published { 
position:relative;
top: 0px;
left: 0px;
color : #999; 
font-size : 0.9em;
line-height: 20px; 
/* text-transform : uppercase; */
/* margin : 0px 0 0px 0; */
clear : both; 
} 

/* form + buttons */
select {
color: #006699;
font-size:12px;
height: 20px;
width: 125px;
border-color:#333333;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
}
input#s {
width: 123px;
color: #006699;
border-color:#333333;
border-style: solid;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;

}
input#searchsubmit {
background: url(img/search.gif) no-repeat left;
cursor: pointer;
border: none;
}

/* COMMENTS */
form#commentform .form-label { 
margin : 10px 0 0 0; 
} 
form#commentform span.required { 
background : #fff; 
color : red; 
} 
form#commentform, form#commentform p { 
padding : 10px 0 0px 0; 
} 
input#author, input#email, input#url { 
width : 50%; 
} 
input#author, input#email, input#url, textarea#comment { 
padding : 0.2em;
width: 250px;
color: #006699;
border-color:#333333;
border-width: 1px;
} 
div.comments ol li { 
margin : 0 0 1em 20px; 
} 
textarea#comment { 
height : 10em; 
margin : 0 0 0.5em; 
overflow : auto; 
width : 66%; 
} 
div#respond h3 { 
margin : 10px 0 -10px 0;
font-weight:bold; 
padding : 0 0 0 0; 
} 
div#comments-list h3 { 
margin : 10px 0 10px 0;
font-weight:bold;  
padding : 0 0 0 0; 
} 
div.comment-meta { 
text-transform : uppercase; 
font-size : 0.8em; 
} 
span.fn { 
font-weight : bold; 
} 
div.comment-meta a { 
color : #006699; 
} 
div.comments p { 
margin : 10px 0 0 32px; 
font-style : italic; 
} 
/* a.comment-link { 
background : url(images/comment.png) no-repeat; 
padding : 0 10px 0 10px; 
} */

/*
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;} */

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts 
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;} */