/*
THEME NAME: Ritme op Maat
THEME URI: http://www.sumsera.com/category/portfolio
DESCRIPTION: A single column theme with no sidebars - rich with powerful and dynamic semantic class selectors; built on the Sandbox Theme by <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.sndbx.org/">Scott Allan Wallick</a>
VERSION: 0.1.0
AUTHOR: <a href="http://www.sumsera.com/">Patricia Ritsema van Eck</a> 
LICENSE: CSS and images are exclusively licensed to <a href="http://www.ritmeopmaat.nl/">Ritme op Maat</a>. Wordpress and Sandbox files are released under the general public license.
*/

@import url("style-images.css");

/* global reset */

* {
 margin:0;
 padding:0;
 }

body {
 font-size:66.7%;
 background-color:#72080C;
 }
 
blockquote, dl, fieldset, from, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul {
 margin: 0.7em 0;
 } 
 
/* general styles */
body {
 font-family:"Trebuchet MS", "Geneva", "Helvetica", sans-serif;
 color:#E8B27D;
 }

cite {
 font-style:italic;
 color:#ffcc66;
 }

.center {
 text-align:center;
 }
    
code, pre {
 font-family:monospace;
 font-size:1.3em;
 color:#ffcc66;
 }

blockquote {
 font-family:"Book Antiqua", Palatino, "Times New Roman", serif;
 font-size:1.18em;
 font-style:italic;
 color:#8c9039;
 background:#670708;
 letter-spacing:0.05em;
 }
  
blockquote blockquote {
 font-size:1em;
 }

hr {
 clear:both;
 }
 
p.clear {
 padding:20px 0 0 0;
 clear:both;
 }
 
div.divider1 {
 clear:both;
 width:100%;
 height: 100px;
 margin:20px 0 30px 0;
  }
  
div.divider2 {
 clear:both;
 width:100%;
 height: 70px;
 margin:20px 0 30px 0;
  }
  
div.divider3 {
 clear:both;
 width:100%;
 height: 85px;
 margin:20px 0 30px 0;
  }
  
div.divider4 {
 clear:both;
 width:100%;
 height: 100px;
 margin:20px 0 30px 0;
  }
  
div.divider5 {
 clear:both;
 width:100%;
 height: 70px;
 margin:20px 0 30px 0;
  }
  
pre, blockquote {
 padding: 1px 15px;
 }

del {
 font-style:italic;
 color:#ffaa00;
 }
     
ins {
 color:#6D6DBF;
 }

.caps {
 text-transform:uppercase;
 }

.important {
 font-style:italic;
 font-weight:bold;
 letter-spacing:0.1em;
 }  

/* image styles */     
img {
 display:block;
 text-align:left;
 max-width:580px;
 border:none;
 margin:10px 0;
 }

img.alignright {
 float:right;
 padding:0 0 0 20px;
 }  

img.alignleft {
 float:left;
 padding:0 20px 0 0;
 }  

img.center {
 display:block;
 text-align:center;
 margin:10px auto;
 }  

.thumbs img {
 display:block;
 float:left;
 width:180px;
 height:123px;
 border:none;
 margin:0 4px;
 border:3px solid #000;
 }
     
img.wp-smiley {
 display:inline;
 margin:0;
 padding:0;
 vertical-align:middle;
 } 

 /* lists */
 
ul, ol {
 margin: 5px 0 0 30px;
 } 

ul li ul, ol li ol, ul li ol, ol li ul {
 margin:5px 0 5px 20px;
 padding-bottom:5px;
}

ol {
 list-style-type:decimal;
 }
  
ol li ol {
 list-style-type:upper-latin;
 }
 
ol li.comment {padding-bottom: 10px; } 

ul.leftlist {
 margin:0 0 0 20px;
 } 

ul.rightlist {
 margin:0 0 0 20px;
 } 
 
ul#links-page {
 float:left;
 list-style-type:none;
 margin:15px 0;
 }

ul#links-page li {
 float:left;
 width:190px;
 }

ul#links-page li ul {
 float:none;
 width:188px;
 }
ul#links-page li ul li {
 float:none;
 width:95%;
 }

li.linkcat h3 {font-size:0.9em;}
/* links */
a {
 color:#ffaa00;
 text-decoration:none;
 border-bottom:1px dotted #ffaa00;
 }

.entry-meta a {
 color:#c78f0e;
 border-bottom:1px dotted #c78f0e;
 } 

.page-link a, a.more-link {
 color:#e99d52;
 border-bottom:1px dotted #e99d52;
 }
  
a:visited {
 color:#ffcc66;
 border-bottom:0px;
 }
 
.navigation a {
 color:#ffaa00;
 text-decoration:none;
 border-bottom:0px;
 }

a:active, a:hover {
 color:#E57416;
 border-bottom:1px solid #E57416;
 }
.navigation a {
 color:#ffaa00;
 text-decoration:none;
 border-bottom:0px;
 }
.navigation a:hover {
 color:#E57416;
 border-bottom:0px;
 }


h1#blog-title a:hover, #secondary ul li div a {text-decoration:none; border-bottom:0px; }
#footer a {
 color:#a96328;
 text-decoration:none;
 border-bottom:1px dotted #a96328;
 }

#footer a:hover {
 border-bottom:1px solid #a96328;
 }
   
.entry-title a, .entry-date abbr, a.more-link {
 border-bottom:0px;
 }

/* typography */
 
h2, h2 a, h3, h3 a, h4, h5, h6 {
 font-family:"Book Antiqua", Palatino, "Times New Roman", serif;
 font-weight:bold;
 text-transform:uppercase;
 color:#e99d52;
 }
.entry-date {
 color:#ffcc66;
 font-weight:bold;
 font-size:0.8em;
 font-family:Verdana, sans-serif;
 letter-spacing:0.2em;
 }
.entry-content h3, .entry-content h4, h3.entry-title, .entry-content h5, .entry-content h6 {
 letter-spacing:0.1em;
 }

.entry-content h4, h3.entry-title {
 width:605px;
 padding:3px 0;
 margin:30px -13px 0 0;
 }
  
h2 {
 font-size:1.3em;
 }
  
h2.entry-title, h2.page-title, h3.entry-title, div#comments h3 {
 font-size:1em;
 margin:0 0 20px 15px;
 text-transform:lowercase;
 letter-spacing:0.4em;
 }
.post h2.entry-title, h3.entry-title, div#comments h3 {
 height:30px;
 padding:40px 0 0 0;
 }  

.entry-date {
 position:relative;
 top:-30px;
 left:15px;
 }

h3 {
 font-size:1.2em;
 }
  
h4 {
 font-size:1.1em;
 }
  
h5 {
 font-size:1em;
 }
  
h6 {
 font-size:0.9em;
 }
  
#container {
 font-size:1.18em;
 }

.page-link {
 color:#e99d52;
 }
  
#footer {
 color:#a96328;
 } 

div.comments ol {list-style-type:none; margin: 15px 0; }
div.comments ol li {padding:15px; }
div.comments ol li {background-color:#68070A; }
div.comments ol li.alt {background: #72080C url(images/headerbullet.png) no-repeat 550px 20px; }
.comment-author, .comment-author a {font-weight:bold; color:#ffcc66; letter-spacing:0.1em; text-transform:uppercase;}
.comment-author a:hover {color:#e57416; }
.comment-meta {font-size:0.8em; font-family: Verdana, sans-serif; letter-spacing:0.1em; }
/* main structure */

body {
 text-align:right;
 margin:0;
 padding:0;
 }

#wrapper {
 width:990px;
 margin:-15px 0 0 auto;
 padding:0;
 text-align:left;
 }
  
#header {
 width:660px;
 height:180px;
 margin:0;
 padding:0;
 }
h1#blog-title, div#blog-description {text-indent:-2000px; }
h1#blog-title {
 width:660px;
 height:180px;
 } 
h1#blog-title a {
 display:block;
 width:100%;
 height:178px;
 }
#access {
 width:100%;
 height:80px;
 margin:0;
 padding:0;
 }

.skip-link {
 width:0;
 height:0;
 text-indent:-2000px;
 }
#menu {
 height:38px;
 margin-top:31px;
 padding:0 75px 0 29px;
 overflow:hidden;
 }

#container {
 width:660px;
 }
  
#content {
 text-align:left;
 padding:0 20px 10px 33px;
 }

#primary {
 margin:0px 357px 0 0;
 padding:0px 12px 10px 33px;
 text-align:left;
 width:630px;
 }
  
.page #primary, .single #primary, .archive #primary, .search #primary {
 margin:40px 357px 0 0;
 padding:40px 12px 10px 29px;
 text-align:left;
 background:url(images/handjes.gif) no-repeat center top;
 }
  
#secondary {
 position:absolute;
 top:0px;
 right:0;
 width:300px;
 overflow:hidden;
 }

#footer {
 clear:both;
 width:660px;
 text-align:right;
 margin:0;
 padding:0;
 }

/* top navigation */

div#menu ul {
 width:100%;
 list-style:none;
 margin:0 auto;
 padding:0;
 }
    
div#menu ul li {
 float:left;
 margin:0;
 padding:0;
 font-weight:bold;
 text-transform:uppercase;
 }

div#menu ul li a {
 display:block;
 height:38px;
 font-size:1.1em;
 color:#850305;
 text-decoration:none;
 border-bottom:0px;
 margin:0;
 padding: 14px 15px 7px 15px;
 }
   
div#menu ul li a:hover {
 color:#ffcc66;
 }
   
div#menu ul li a:active {
 color:#b27600;
 }
   
div#menu ul ul{display:none;}

/* content structure */

.entry-content {
 text-align:justify;
 } 

.single .entry-content {
 text-align:left;
 } 

.page-link {
 float:right;
 width:50%;
 text-align:right;
 margin-bottom:20px;
 }
 
.page span.edit-link {
 clear:both;
 display:block;
 }
.entry-content, .nav-next {
 padding:0 19px 0 0;
 }
.blog .post {
 padding-bottom:80px;
 background:url(images/handjes.gif) no-repeat left bottom;
 }
div.comments {
 margin-top:40px;
 padding-top:40px;
 background:url(images/handjes.gif) no-repeat left top;
 }
.navigation {overflow:visible; } 
.nav-previous {float:left; }
.nav-next {float:right; }
#nav-below {margin-top:30px; padding:3px 2px; background-color:#68070A; overflow:auto; }
.post, #comments {clear:both; }
.entry-meta {text-align:right; padding:0 19px 0 0; color:#a96328;}
.entry-meta .author a {color:#a96328; text-decoration:none; border-bottom:0;}
.single .entry-meta, .single #nav-below, .archive #nav-above {display:none;}

/* primary sidebar */
div.sidebar ul {list-style-type:none; }
div#primary ul {
  float:left;
  width:100%;
  margin:30px 0 0;
  padding:0;
  }

div#primary ul li {
  float:left;
  width:200px;
  margin:0 10px 0 0;
  padding:0;
  }

div#primary ul li h3 {
  padding:0 0 0 0px;
  margin:20px 0 5px 0;
  }    

div#primary ul li ul {
  float:none;
  width:100%;
  margin:0 0 0 13px;
  padding:0 0 0 0px;
  }    

div#primary ul li ul li {
  float:none;
  width:100%;
  list-style-type: square;
  margin:0;
  padding:0;
  }   

div#primary ul li ul li ul {
  width:166px;
  margin:0 0 4px 14px;
  padding:0 0 0 0px;
  }    

div#primary ul li ul li ul li {
  list-style-type: circle;
  margin:0;
  padding:0;
  }   

/* secondary sidebar */
#secondary ul {
 margin-right:15px;
 }
 
#secondary ul li h3 {
 display:none;
 }

#secondary ul li.widget_text {
 height:177px;
 margin-top:76px;
 text-align:left;
 }
#vcard {width:170px; text-align:right; }
#vcard span {
 display:block;
 }

span.company {
 padding-top:15px;
 font-weight:bold;
 font-size:1.22em;
 letter-spacing:0.1em;
 }
  
.ngg-widget a {
 display:block;
 text-decoration:none;
 border:0;
 }
.ngg-widget a img {
 border:0;
 float:right;
 margin:5px 0;
 }
/* footer structure */
  
div#copyrights {
 padding:35px 39px 5px 0;
 }  

/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
a#loadingLink {margin-right:auto;margin-left:auto;}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
a#bottomNavClose, a#loadingLink, a#prevLink, a#nextLink { border-bottom:0px;text-decoration:none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

div.lgpow {display:none; }