/* 
Theme Name: Robin Papa Photography Theme
Theme URL: http://www.robinpapa.com
Description: A theme for the portfolio of Robin Papa
Author: Robin Papa
Author URI: http://www.robinpapa.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}



/* Basic Layout */

body { font-size: 62.5%;  /* 16px x 62.5% = 10px */ }

h1 { font-size: 2em; /* 10px x 2em = 20px */ }
h2 { color: #252525; font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif; }
h3 { font-size: 2.2em; color: #0fb2ef; font-family: Verdana; }
h4 { font-size: 1.6em; color: #0fb2ef; font-family: Verdana; }
h5 { font-size: 1.4em; color: #0fb2ef; font-family: Verdana; font-weight: bold; }

em{
font-style: italic;
}



p, ul, li {
font-family: Helvetica, Verdana, Arial ;
font-size: 1.3em; /* 10px x 1.2em = 12px */
line-height: 1.68em;
color: #252525;
}

p.small {
margin-top: 10px;
margin-left: 10px;
font-size: 1em;
}

img.left {
float: left;
margin: 0;
}

img.right {
float: right;
margin: 0 0 10px 10px;
}

a {
color: #0fb2ef;
text-decoration: underline;
}

a:hover {
color: #7adbff;
text-decoration: underline;
}

a:active {
color: #7adbff;
}

strong {
	font-weight: bolder;
}


/* Layout */

#container{
width: 960px;
margin-left: auto;
margin-right: auto;
}

#contentstartshere{
float:left;
}

/* Top Bar */

#bar{
width: 100%;
height: 30px;
background-color: #252525;
}

#insidebar{
width: 960px;
margin-left: auto;
margin-right: auto;
}

#insidebar ul{
float:right;
margin-top: 5px;
}

#insidebar li{
color: #b8b8b8;
display: inline;
list-style-type: none;
padding: 0 18px 0 0;
font-size: 0.8em;
}

/* Languages */
#insidebar li.lang{
padding: 0px 5px 0 0;
}

#insidebar a:hover{
color: #b8b8b8;
}

#insidebar li.lang a{
padding: 0px 0px 0 20px;
background: url('images/nl.gif') no-repeat;
}

#insidebar li.langen{
padding: 0px 5px 0 0;
}

#insidebar li.langen a{
padding: 0px 0px 0 20px;
background: url('images/en.gif') no-repeat;
}


/* Header Logo */

h1 a{
float: left;
margin-top: 70px;
background: url('images/logo.jpg') #FFF no-repeat;
text-indent: -9999px;
height: 45px;
width: 190px;
}

/* Main Navigation */
ul#mainnav {
float: right;
text-align: right;
margin-top: 93px;
margin-bottom: 50px;
}

ul#mainnav li {
display: inline;
float:none;
padding: 0 0 0 30px;

font-size: 1.3em;
text-transform: capitalize;
font-family: 'Helvetica Neue', Helvetica, Verdana, Arial;
font-weight: 200;
}

ul#mainnav li a{
color: #888;
text-decoration: none;
}

ul#mainnav li a.active{
color: #0fb2ef;
text-decoration: none;
}

ul#mainnav li a:hover{
color: #0fb2ef;
text-decoration: none;
}

ul#mainnav li.current a{
color: #0fb2ef;
text-decoration: none;
}



/* Dividers */

.divider{
float: left;
height: 1px;
width: 960px;
border-bottom: solid 1px #e6e6e6; 
}

.dividerintrocontent{
margin-top: 50px;
margin-bottom: 50px;
float: left;
height: 1px;
width: 960px;
border-bottom: solid 1px #e6e6e6; 
}

.line_withbreak1{
width: 540px;
height: 1px;
background: url('images/line_withbreak.gif') repeat-x;
margin-bottom: 30px;
}

.line_withbreak2{
width: 390px;
height: 1px;
background: url('images/line_withbreak.gif') repeat-x;
margin-bottom: 30px;
}

.line_withbreak3{
width: 620px;
height: 1px;
background: url('images/line_nobreak.gif') repeat-x;
margin-bottom: 30px;
}

.line_withbreak4{
width: 310px;
height: 1px;
background: url('images/line_nobreak.gif') repeat-x;
margin-bottom: 30px;
}

.line_withbreak5{
width: 960px;
height: 1px;
background: url('images/line_nobreak.gif') repeat-x;
margin-bottom: 30px;
}


/* Intro Talk */


#intro h2, #intro_contact h2, #intro_work h2, #intro_blog h2, #intro_about h2, #intro_wedding h2, #intro_404 h2, #intro_nl h2, #intro_werk h2, #intro_about_nl h2, #intro_wedding_nl h2{
text-indent: -9999px;
margin-top: 50px;
background: url('images/subheader.gif') no-repeat;
width: 850px;
height: 150px;
float: left;
}

#intro_wedding h2{
background: url('images/subheader_wedding.gif') no-repeat;
}

#intro_contact h2{
background: url('images/subheader_contact.gif') no-repeat;
}

#intro_work h2{
background: url('images/subheader_work.gif') no-repeat;
}

#intro_blog h2{
background: url('images/subheader_blog.gif') no-repeat;
}

#intro_about h2{
background: url('images/subheader_about.gif') no-repeat;
}

#intro_404 h2{
background: url('images/subheader_404.gif') no-repeat;
}

#intro_nl h2{
background: url('images/nl_subheader.gif') no-repeat;
}

#intro_werk h2{
background: url('images/nl_subheader_work.gif') no-repeat;
}

#intro_about_nl h2{
background: url('images/nl_subheader_about.gif') no-repeat;
}

#intro_wedding_nl h2{
background: url('images/nl_subheader_wedding.gif') no-repeat;
}

#introsub h2{
display: none;
font-size:1.7em;
line-height: 24pt;
margin-top: 25px;
letter-spacing:-1.0px;
font-weight: 200;
float: left;
width: 760px;
}

#introsub h2 a{
color: #0fb2ef;
text-decoration: underline;
}

/* Buttons (Flickr & Twitter) */

.h2extra{
width: 860px;

}

#button_twitter a{
background: url('images/twitterbird.gif') no-repeat;
width: 50px;
height: 50px;
display:block;
float: right;
margin-top: -160px;
}

#button_rss a{
background: url('images/rssicon.gif') no-repeat;
width: 50px;
height: 50px;
display:block;
float: right;
margin-top: 40px;
margin-right: 60px;
}


#button_learnmore a{
text-indent: -9999px;
background: url('images/learnmore.gif') no-repeat;
width: 125px;
height: 50px;
margin: -40px -80px 0 0;
display: block;
float: right;
}

#button_meerweten a{
text-indent: -9999px;
background: url('images/meerweten.gif') no-repeat;
width: 125px;
height: 50px;
margin: -40px -50px 0 0;
display: block;
float: right;
}

/* Slide Showcase */

/*
 * Required
 */
.fotocontainer { float:left; width:900px; height:380px; margin-top: 44px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:900px; cursor: default; }
/*
 * Optional
 */
 
#s4{
margin-top: 44px;
margin-left: 25px;
}


#nav {
float: left;
margin: 25px 0px 0 824px;
font-family: 'Trebuchet MS', 'Verdana';  
font-size: 1em;
display: inline;
}

#nav a {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 5px 2px 5px;
 text-decoration: none; color: #666; background: #eee;
margin-right: 6px;
}
#nav a.activeSlide { background: #0fb2ef; color: #dbf4fd;}
#nav a:focus { outline: none; }

/*
ul.pagination li   { display: inline; padding-right: 4px; }
ul.pagination li a { padding:1px 4px 0px 4px; text-decoration: none; color: #0fb2ef; background: #dbf4fd;}
ul.pagination li.active a { background: #0fb2ef; color: #dbf4fd; }
*/

/*
 * Slide Background
 */
#slideback{
float: left;
width: 960px;
height: 480px;
background: url('images/slide_background.gif');
margin-bottom: 60px;
}

/* Latest Blogposts & Information Text Block */

#latestblogandinfo{
display: block;
float: none;
width: 960px;
}



/* Latest Blog Posts */

#latestblog{
float:left;
}

#latestblog h3{
margin-bottom: 10px;
margin-right: 0px;
}

#latestblog p.date{
text-transform: uppercase;
font-size: 1em;
color: #252525;
}

#latestblog h4.title{
margin-bottom: 30px;
text-transform: capitalize;
}

.commentcount a{
font-family: Arial;
text-decoration: none;
text-transform: uppercase;
color: #aaa;
margin-left: 440px;
float: left;
margin-top: -55px;
padding: 2px 0px 8px 18px;
background: url('images/comment_icon.gif') no-repeat;
}





/* information block */

#info {
margin-left: 30px;
float: left;
width: 390px;
background: url('images/who_image.jpg');
}

#info h3{
margin-bottom: 10px;
}

#info h5{
margin-bottom: 10px;
}

#info p{
color: #252525;
font-size: 1.2em;
line-height: 1.68em;
width: 200px;
}



/* About Me Page */

#portraiture {
margin-left: 30px;
float: left;
width: 310px;
}

#portraiture h3{
margin-bottom: 10px;
}

#portraiture h5{
margin-bottom: 10px;
}

#portraiture p{
width: 300px;
height: 825px;
background: url('images/photowall.jpg') no-repeat;
}

#aboutme{
width: 620px;
float: left;
}

#aboutme h3{
margin-bottom: 10px;
}

#aboutme h5{
margin-bottom: 10px;
text-transform: capitalize;
}

#aboutme p{
margin-bottom: 30px;
}

/* Your Wedding */

.tablepricing{
margin-bottom: 30px;
text-align: left;
}

.alacartepricing{
margin-bottom: 30px;
text-align: left;
width: 500px;
}

.alacartepricing table{

}

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
.tablepricing img {
	border:0;
	margin-top: 0.5em;
	}	
table {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#EFFBFF
	}
tr.odd .column1	{
	background:#EFFBFF;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	font-family: Arial;
	font-size: 1.1em;
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	text-align:center;
	}
	
				
th {
	font-family: Arial;
	font-size: 1.2em;
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding: 15px 10px;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font-size: 1.4em; color: #0fb2ef; font-family: Arial; font-weight: bold; 
	width: 170px;
	}	
	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font-size: 1.4em; color: #0fb2ef; font-family: Georgia, Times New Roman; font-weight: bold; 
	margin:.5em .5em .5em 0;
		}		
tfoot th em {

	color:#678197;
	font-family: Georgia, Times New Roman;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
	
	#yourwedding{
	width: 960px;
	float: left;
	}

#yourwedding h5, #yourwedding h3{
margin-bottom: 10px;
}

#yourwedding p{
margin-bottom: 30px;
}




#bookscroller { height: 0;}
#navbook { margin-top: 350px; float: right; margin-}
#navbook li { width: 56px; float: left; margin: 8px; list-style: none }
#navbook a { width: 56px; padding: 3px; display: block;}
#navbook a.activeSlide { background: #0FB2EF; }
#navbook a:focus { outline: none; }
#navbook img { border: none; display: block }

#bookscrollcontainer {
	display:block;
	float:right;
	height:430px;
	width:440px;
}





/* Contact */

#form{
width: 620px;
float: left;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { width: 485px; text-align: center; background: #F2F3F6; border: 1px solid #7E8AA2; padding: 10px; }

/*****Forms*****/
ol.forms { float: left;  list-style: none; margin: 0; width: 100%; }
ol.forms li {
	clear: both;
	float: left;
	margin-bottom: 8px;
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	font-weight: bold;
	padding-right: 20px;

}
ol.forms input, ol.forms textarea {
	color:#333;
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 1px;
	padding: 2px;
	-webkit-border-radius: 1px;
	width: 214px;
}
ol.forms textarea { height: 300px; width: 500px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #0fb2ef; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	float: left;
	right: 0;
	top: 0;
	margin-left: 0px;
}
ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.inline input {
float:left;
width: 12px;
margin: 4px 8px 0 0;
}


#form h3{
margin-bottom: 10px;
}



li.buttons button{
margin: -28px 115px 0 0;
float:right;
}

button::-moz-focus-inner {
border: 0;
}

#contactinfo {
float: left;
margin-top: 30px;
}

#contactplaces{
width: 310px;
margin-left: 30px;
float:left;
}

#contactplaces h3, #contactwhere h3{
margin-bottom: 10px;
}

#contactwhere{
margin-top: 40px;
width: 310px;
margin-left: 30px;
float:left;
}




/* Work */

.worktext{
float:left;
width: 230px;
margin-left: 30px;
}

.worktext p.date{
margin-top: 10px;
}

.worktext p.viewmorework{
margin-top: 10px;
}

.workpiece {
background: url('images/work_bg.gif') no-repeat;
margin-left: -8px;
width: 696px;
height: 293px;
}

.workimg{
width: 700px;
float: left;
margin-bottom: 50px;
}

.workitself{
padding: 15px 0 0 15px;
} 



/* Blog */

#post {
float: left;
}

.posts {
float: left;
margin-bottom: 50px;
}

.post-date{
float: left;
display: inline;
background: url('images/date_bg.gif') no-repeat;
width: 60px;
height: 60px;
margin-right: 10px;
margin-top: -2px;
}

.post-date .month{
margin-left: 14px;
margin-top: 12px;
text-transform: uppercase;
color: #FFF;
font-size: 1.6em;
font-family: arial;
font-weight: bold;
}

.post-date .day{
margin-left: 23px;
margin-top: 0px;
text-transform: uppercase;
color: #FFF;
font-size: 1.4em;
font-family: arial;
font-weight: bold;
}

.posts h2 a{
font-size: 3.2em;
color: #252525;
font-weight: bolder;
text-decoration: none;
letter-spacing: -2px;
}

.posts p.postedin{
margin-left: 5px;
margin-bottom: 20px;
font-size: 1.1em;
letter-spacing: 0.8px;
color: #252525;
}

.posts p.postedin a{
text-decoration: none;
}

.posts .postcontent {
color: #252525;
}

.posts p{
margin-bottom: 20px;
color: #333;
}

.posts img{
margin-bottom: 10px;
}

#postnavigation{
float: left;
margin-bottom: 20px;
}

.posts a.more-link{
float: right;
}

/* Footer */

#footer{
margin: 0px auto 0 auto;
height: 110px;
width: 960px;
}

#footer p.footer{
margin-top: 60px;
margin-left: 0px;
color: #aaa;
font-size: 1em;
float: left;
}

#bar_bottom{
margin-top: 80px;
margin-bottom:0px;
float: left;
height: 110px;
width: 100%;
background: url('images/footer_bg.gif');
}

#footermenu{
float: right;
margin-top: 0px;
}

ul#footernav {
margin-top: 58px;
}

ul#footernav li{
display: inline;
padding-left: 30px;
color: #aaa;
font-size: 0.8em;
}

ul#footernav li a{
color: #aaa;
text-decoration: none;
}

ul#footernav li a:hover{
color: #888;
}

/* Comments */
h3.commentsh3 {
margin-top: 40px;
margin-bottom: 20px;
}

.gravatar {
margin-right: 20px;
float: left;
border: 1px solid #eee;
padding: 6px;
background: #fff;
width: 80px;
height: 80px;
}

.namedate {
width:84px;
}

.comment-author{
width: 100px
}

.comment-date{
font-size: 0.7em;
width: 180px;
color: #a6a6a6;
}

#comments li {
margin-bottom: 30px;
list-style: none;
}

.comment-text{
padding: 15px 20px 0;
margin-left: 110px;
min-height: 140px;
width: 500px;
}

.comment-text p{
margin-bottom: 10px;
font-size: 1.0em;
color: #333;
}

li.odd .comment-text{
border: 1px solid #EEE;
}

li.even .comment-text{
background: #eff;
border: 1px solid #eee;
}

#comments .highlight .comment-text{
background: #eff;
border: 1px solid #0FB2EF;
}

#commentform input, #commentform textarea{
	color:#333;
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
	margin-left: -4px;
	background: #eeffff;
}

#commentform label{
margin-left: 10px;
}

 #commentform textarea{
 width: 530px;
 min-height: 140px;
 margin-left: 110px;
 background: #eeffff;
 	-moz-border-radius: 3px;
	padding: 5px;
	-webkit-border-radius: 3px;
 }

button#sub{
margin-left: 110px;
}

/* Dutch Edits */

h1.dutch a{
float: left;
margin-top: 60px;
background: url('images/logo_nl.jpg') #FFF no-repeat;
text-indent: -9999px;
height: 55px;
width: 203px;
}

#button_twitter_nl{
background: url('images/twitterbird.gif') no-repeat;
width: 50px;
height: 50px;
display:block;
float: right;
margin-top: -160px;
margin-right: 60px;
}

/* Javascript Lightbox Jquery */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

p.comments{
	margin-bottom:10px;
	
}

#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{}