/* Reset - by YAHOO
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*
 Photoplaces Theme by Dieter Orens
 http://www.dio5.com
 */
 
/* ---------------------- $General ----------------------------------------- */
html{ height:100% }
body {
	height:100%; 
	font-size: 62.5%; 
 	font-family:Arial, Helvetica, sans-serif;
}
.allWrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
img {
	border:1px solid #d5d1c3;
	padding:4px;
	background-color:#FFF;
}

.clear{ clear:both; }

/* ----------------------------- $Container ---------------------------------- */
.container { 
	width: 880px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}
.container *{ margin-left:25px; margin-right:25px; }
.container * *{ margin-left:0; margin-right:0; }

/* ----------------------------- $Header ------------------------------------- */
#Header { 
 	background: #571402 url(../images/headerHigh.gif) repeat-x;
	height:244px;
	}
#Header .container{ height:184px; padding-top:60px;  }
#Header h1{ 
	background:url(../images/h1title.gif) no-repeat;
	width:454px;
	height:81px;
	text-indent:-30000px;
}
#Header a#Skipper{ display:block; text-indent:-30000px; }
#Header p.tagline{ display:none; }
#Header #LogInfo{ position:absolute; right:0; top:5px; }
#Header #LogInfo ul{ position:relative; overflow:hidden; }
#Header #LogInfo ul li{ float:left;}
#Header #LogInfo ul li a{ color:#CCC; font-size:1em; margin-left:.5em; }
#Header a.feed{ position:absolute; color:#CCC; top:5px; left:0; padding-left:20px; background:url(../images/feed-icon.png) no-repeat left center; }
#Header a#DoeMee{  position:absolute; right:10px; top:50px; text-indent:-30000px; width:166px; height:121px; background:url(../images/signup.gif) no-repeat left center; }
	
/* ----------------------------------- $Navigation ---------------------------- */

#Navigation { position:absolute; bottom:2px; right:0;}
#Navigation ul { position:relative; overflow:hidden;}
#Navigation ul li { margin-left:1em; float:left;}
#Navigation ul li a { display:block; text-decoration:none; color:#FFF; font-size:1.4em; background:#000 url(../images/navTopRight.gif) right top no-repeat; border-bottom:1px solid #696969; }
#Navigation ul li a span{ display:block; background:url(../images/navTopLeft.gif) left top no-repeat; padding:.6em 1em; }

#Navigation ul li a:hover{ font-weight:normal; border-bottom:1px solid #454545; background:url(../images/navTopRightActive.gif) right top no-repeat; }

#Navigation ul li a.current,
#Navigation ul li a.section,
#Navigation ul li a.section:hover,
#Navigation ul li a.current:hover{ border-bottom:1px solid #454545; background:url(../images/navTopRightActive.gif) right top no-repeat; font-weight:bold; color:#ffd200;}  

#Navigation ul li a:hover span,
#Navigation ul li a.current span,
#Navigation ul li a.section span,
#Navigation ul li a.section:hover span,
#Navigation ul li a.current:hover span { background:url(../images/navTopLeftActive.gif) left top no-repeat;}

/* ---------------------------------- $PreContent -------------------------------------- */

#PreContent{ background:#454545 url(../images/preContent.gif) repeat-x bottom left; }
#PreContent .container{ padding:1em 0 3.2em; }
#PreContentLeft{ width:525px; float:left;  }
#PreContentLeft p{ width:400px; }
#PreContentLeft ul{ margin-bottom:1em; }
#PreContentRight{ width:250px; float:right;}
#PreContentLeft #RandomPics{ position:relative; overflow:hidden; margin-bottom:20px; width:100%; }
#RandomPics li{ float:left; margin-right:12px; }
#RandomPics li a { display:block; border:1px solid #666; padding:5px; background-color:#666; }
#RandomPics li a:hover{ background-color:#000; }
#RandomPics img{ display:block; border:0; padding:0; background:transparent; }

/* ---------------------------------- $Content ----------------------------------------- */

#Content{ margin:2em 0 3em; }
#ContentLeft{ float:left; width:525px; }
.pagination, .paginationBottom{ position:relative; overflow:hidden; margin-bottom:1em;}
.paginationBottom{ margin-top:-1.8em; }
#PageCommentsPagination{ margin-top:0; }
.pagination li, .paginationBottom li{ float:left; background-color:#f6f3e9; font-size:1.2em; padding:.2em .3em; margin-right:.2em; border-bottom:2px solid #d5d1c3; }
.pagination li strong, .paginationBottom li strong{ font-weight:bold; }
.pagination li a, ol.paginationBottom li a, #PageCommentsPagination li a{ text-decoration:none; }
.pagination .next{ background:#f6f3e9 url(../images/roundTopRight.gif) no-repeat right top; }
ul.pagination .next{ float:right; margin-right:0;}
.pagination .prev{ background:#f6f3e9 url(../images/roundTopLeft.gif) no-repeat left top;}
.paginationBottom li{ border-bottom:none; border-top:2px solid #d5d1c3; }
.paginationBottom .next{ background:#f6f3e9 url(../images/roundBottomRight.gif) no-repeat right bottom; }
.paginationBottom .prev{ background:#f6f3e9 url(../images/roundBottomLeft.gif) no-repeat left bottom;}

/* ------------------------ $Right Content ------------------------------- */
#ContentRight{ float:right; width:250px; }
#ContentRight li a{ font-size:1.2em; }
#ContentRight li{ margin-bottom:.5em; }
#ContentRight ol{ margin-bottom:2em; padding:.5em 0; }
#ContentRight ol li{ margin-bottom:.5em; background:#f6f3e9; }
#ContentRight ol li.first{ background:#f6f3e9 url(../images/roundTopRight.gif) right top no-repeat; }
#ContentRight h2{ font-size:1.4em; font-weight:bold; color:#333; margin-bottom:1em; margin-top:2em; }
#ContentRight ol li a{ display:block; color:#454545;font-size:1.2em; text-decoration:none; padding:.3em 0 .3em .4em; border-bottom:3px solid #e3e0d5;}
#ContentRight ol li a:hover, #ContentRight li a.current{ color:#900; }
#ContentRight #LoggedIn{ position:relative; }
#LoggedIn p{ margin-left:60px; }
#LoggedIn .gravatar{ position:absolute; left:0; top:0; }

#registreer #ContentRight{ display:none; }

#Profile{ background:#f6f3e9 url(../images/roundTopRight.gif) right top no-repeat; padding:1em; margin-top:3em; }
#Profile h2{ margin-top:0; margin-bottom:.5em; text-transform:capitalize; }
body #ContentRight #Profile h2 a{ text-decoration:none; color:#900; }
#Profile #Details{ position:relative; }
#Profile #Details p span{ display:block; }
#Profile #Details p{ position:absolute; left:60px; top:0;}
#Profile h3{ margin-top:1em; margin-bottom:.5em; font-size:1.2em; font-weight:bold; }
#Profile ul{ margin-right:5em; }
#Profile li{ position:relative; margin-bottom:.2em;}
#Profile li span{ position:absolute; left:0; top:0;}
#Profile li strong{ left:6em; position:relative; }
/* ----------------------------------- $LatestMembers ------------------------------------------------ */

#LatestMembers{ overflow:hidden; width:100%; font-size:1.1em; }
#LatestMembers li{ position:relative; margin-bottom:5px; background:#f6f3e9; padding:5px; }
#LatestMembers li.first{ background:#f6f3e9 url(../images/roundTopRight.gif) right top no-repeat; }
#LatestMembers .holder{ float:left; margin-left:10px; }
#LatestMembers img{ float:left; padding:3px; }
#LatestMembers li span{ display:block; }
#LatestMembers .fn{ font-weight:bold; }
#LatestMembers li span a{ font-size:1em; padding:0; border:none; text-decoration:underline; }
#LatestMembers li span a.url{ text-decoration:none; color:#900; }

/* ----------------------------------- $hReview $SearchResults --------------------------------------- */

li.hreview, div.hreview div.hreviewContent, .searchResults #SearchResults li{ position:relative; background-color:#f6f3e9; border-top:6px solid #d5d1c3; border-bottom:6px solid #d5d1c3; margin-bottom:3em; padding:.8em 1em 1.3em; clear:both; min-height:13em; }
.searchResults #SearchResults li{min-height:5em; }
li.hreview .photo, div.hreview .item .photo{position:absolute; top:3.6em; left:1em; }
div.hreview .item .photo{ top:1em; }
li.hreview .holder, div.hreview div.holder{ position:relative; margin-left:100px;  }
.adr, .latitude, .longitude{ font-weight:bold; }
.geo{ background-color:#e3e0d5; }
.hreview .reviewer{ font-style:italic; border-top: 1px solid #d5d1c3; margin-bottom:2em;}
.authorPic img{ position:absolute; right:0; padding:2px; border:0;}
li .authorPic img{ right:1em; top:.7em; }
.editOptions{ position:absolute; top:-2em; right:0;}
.editOptions ul{ position:relative; overflow:hidden;}
.editOptions li{ float:right; padding:.2em; background-color:#d5d1c3;}
#GMap, #leden #Holder #GMap{ width:100%; height:300px; color:#000; }
#leden #GMap{ height:600px; }
.overviewPage #GMap{ margin-bottom:3em; }
#GMap img{ background:transparent; }
#Kaartje_map{ display:block; }
#Kaartje_map, .overviewPage #GMap { border-top:6px solid #d5d1c3; border-bottom:6px solid #d5d1c3; }
.gmap img, .gmnoprint img{ background:transparent; }
form .gmnoprint div{ margin-bottom:0;}

/* --------------------------------- $Comments -------------------------------------------------------- */
#PageCommentsHolder{ margin-top:1em; }
#PageCommentsHolder h4{ font-weight:bold; font-size:1.4em; margin-bottom:.5em;}
#PageCommentsHolder h5{ font-weight:bold; font-size:1.3em; margin-bottom:.5em; margin-left:55px; }
#CommentHolder{ margin-bottom:5em; }
#PageComments li{ position:relative; margin-bottom:1em; padding:1em; }
#PageComments .comment{ margin-left:55px; }
#PageComments .comment img{ display:block; margin:10px 0; }
#PageComments .fn{ text-transform:capitalize; }
#PageComments .photo{ padding:2px; position:absolute;  }
#PageComments .even{ background:#f6f3e9 url(../images/roundTopRight.gif) right top no-repeat; }
#PageComments .time{ font-size:1em; color:#999; margin-top:-.3em; }
#PageComments li li{ margin:0; padding:0; }
#PageCommentsHolder a.feed{ padding-left:20px; background:url(../images/feed-icon.png) no-repeat left center; }
#CodeHelp ul{ margin-left:1em; margin-bottom:1em; }
#CodeHelp h5{ margin-left:0; }
#CodeHelp { border-top:3px solid #f6f3e9; width:80%; margin-bottom:1em; padding:3px; }

.editcomment #ContentLeft{ width:40px; float:left; }
.editcomment #ContentRight{ width:525px; float:left; margin-left:0; }
.editcomment #ContentRight h2{ margin-top:0; }

/* -------------------------------------------- $Members ------------------------------- */
#Members div.vcard{ position:relative; background-color:#f6f3e9; border-top:6px solid #d5d1c3; border-bottom:6px solid #d5d1c3; margin-bottom:3em; padding:.8em 1em 1.3em; clear:both; min-height:13em; }
#Members div .photo{ position:absolute; top:3.6em; left:1em; }
#Members .holder{ margin-left:60px;}
#Members h4{ font-size:1.4em; font-weight:bold; margin-bottom:.5em; }
#Members .holder ul{ margin-bottom:1.5em; width:36em; }
#Members .holder li{ position:relative;}
#Members .holder li span{ position:absolute; left:0; }
#Members .holder li strong{left:6.5em; position:relative;}
#Members #TotalLoc{ position:absolute; right:1em; top:.5em; }
#leden #Content div.wide{ width:95%; }

/* -------------------------------------------- $GroupPhotos --------------------------- */
#flickr-pool #ContentRight{ display:none; }
#flickr-pool #ContentLeft{ width:100%; }
#GroupPhotos{ overflow:hidden; width:100%; }
#GroupPhotos li{ float:left; width:120px; height:120px; }
#GroupPhotos span.owner{ display:block; margin-left:5px;}

/* -------------------------------------------- $Footer -------------------------------- */


  	
/* --------------------------------------------- $Copy --------------------------------- */
#Push { height:50px; }
#Copy {	background:#454545 url(../images/copyBg2.gif) repeat-x; height:50px; color:#ffd200; }
#Copy .container{ padding-top:25px; }
#Copy a{ color:#ff8503; }

/* --------------------------------------------- $Overlay ------------------------------ */
#t_over{ background-color:#000000; position:absolute; top:0; left:0; z-index:5; display:none; cursor:pointer;}
#c_over{ background-color:#FFF; border:1px solid #d5d1c3; padding:5px; }
#c_over img{ border:none; padding:0; }
#c_over .ft{ margin-top:5px; }
#c_over .ft a{ font-weight:bold; color:#333; }
#c_over .ft a:hover{ color:#000; }

/* ---------------------------------- $Taken from typography ------------------------------------------- */
/* ---------------------------------- $Taken from typography ------------------------------------------- */
/* GENERIC STYLES */ 
.typography * { font-family:Arial, Helvetica, sans-serif; }

/* PARAGRAPHS */
.typography p{ color: #333; line-height: 1.4em;	font-size: 1.2em; margin-bottom:.5em; }
.typography blockquote { margin: 10px; font-size: 1.4em; color: #777; font-style: italic; }

.typography strong{ font-weight:bold; }
.typography em{ font-style:italic; }

/* LINKS */
.typography a { color:#900; text-decoration:underline; }
.typography #PreContentLeft a { color:#ffd200;}
.typography #ContentRight a { color:#000; }
.typography #ContentRight a:hover{ background-color:#f6f3e9; }
.typography #PageCommentsHolder a:hover{ color:#FFF; background-color:#900; }

/* ----------------------- $PreContent ------------------------------------- */
.typography #PreContentLeft h2, .typography #PreContentRight h2{ color:#FFD200;font:1.8em "Trebuchet MS", Verdana, Arial, sans-serif; margin-bottom:.5em; }
.typography #PreContentLeft p, .typography #PreContentLeft ul{ color:#FFF; }
.typography #PreContentLeft li{ font-size:1.2em; line-height:1.4em; }

/* ------------------------ $Content ------------------------------------- */
.typography #ContentLeft h2{ position:relative; font-size:1.4em; margin-bottom:1em; font-weight:bold; }
.typography #ContentLeft h2 a{ text-decoration:none; }
#MijnOfAlle{ text-decoration:none; position:absolute; right:0; }
.good{ color:#449e24; border-top:1px solid #91d17b; border-bottom:1px solid #91d17b; font-weight:bold; background:#e5fee1; width:auto; padding:.5em; margin-bottom:1em;}
.bad{ color:#900; font-weight:bold; background:#FFFFCC; width:auto; }
div.bad, p.bad{ padding:.5em; border-bottom:1px solid #900; border-top:1px solid #900; margin-bottom:1em;}
div.bad ul{ font-size:1.2em; margin-bottom:.5em; color:#333; }
div.good, div.bad{ padding-bottom:0; }
#Content div.good h2, #Content div.bad h2{ margin-bottom:.5em;}
.typography .bad h3{ font-size:1.4em; font-weight:bold; margin-bottom:.5em; }
.info li{ font-size:1.2em; color:#333; }
/* ------------------------ $ .hreview list ------------------------------ */

.typography h3{ margin-bottom:.8em; }
.typography .hreviewContent h3, .typography #Members h3{ font-size:1.6em; font-weight:bold; text-transform:capitalize;  margin-bottom:.5em; }
.typography h3 a, .typography h3 a:link, .typography h3 a:visited, .typography h3 a:hover, .typography h3 a:active { font-size:1.4em; font-weight:bold; text-decoration:none;}
.typography #Members h3 a{ font-size:1em; }

/* FORMS */
.typography label { font-size: 1em; }
.typography input.text, .typography textarea { font-size: 1em; }


.typography #Content p.authorDate { color: #444; margin-top: -15px; }

/* ------------------------------------------------- $from FORMS ----------------------------------------- */
/* Forms  to do: clean this up.....! :-)
*******************************************************/

fieldset{ font-size: 1.2em; }
.typography fieldset p, .typography fieldset li{ font-size:1em; }
fieldset div{ margin-bottom:1em; } 
fieldset #ConfirmPassword, fieldset #Title, #contact #Email, fieldset #Description, fieldset #Access, fieldset #Travel, fieldset #PhotoSite{ margin-bottom:2em; }
fieldset h3{ border-top:6px solid #f6f3e9; padding-top:.5em; }
fieldset .gravatar{ float:left; margin-right:1.5em; }

label { display:block; margin-bottom:2px; }
#LoginForm_LoginForm label.right, #Categories label, #ProvinceID label, #Protection label, #MailOnComment li label, #MailOnNews li label{ display:inline; }

fieldset #CatProvWrap, fieldset #DetailWrap{ margin-bottom:0;position:relative; overflow:hidden; width:100%;}
fieldset #Gravatar{ margin-bottom:2em; overflow:hidden; width:100%; }
#Categories, #StreetWrap, #NameWrap{ float:left; }
#ProvinceID, #CityWrap, #WebWrap{ float:right; }
#ProvinceID{ margin-right:7em; }
label.FormHeading, fieldset h3{ font-weight:bold; margin-bottom:1em; color:#454545;  }

p.info{ color:#999; }

.required label:after{ content:" *"; color:#990000; }
.required li label:after{ content:""; }

input.text, textarea, select { padding: 3px; background-color:#f6f3e9; border:none; border-top: 3px solid #d5d1c3; border-bottom: 3px solid #d5d1c3; color:#000; font-size: 1.1em; font-weight: bold; }

textarea{ width:99% }
#PageCommentsHolder textarea, .editcomment textarea{ width:80%; height:12em; }
input.text{ width:16em; }
select { width: auto; }

input.text:focus, textarea:focus{ background-color:#FFFFCC; }
input.action { padding: 2px; font-size: 1em; font-weight:bold; }
input.error, textarea.error{background-color:#FF3300; }

#LoginForm_LoginForm input.action{ font-weight:normal; }

input.action:hover, input.action:focus { cursor: pointer; }
#Website input, #PhotoSite input{ width:50%; }
#Title input, #Camera input, #Lenses input, #Access input,#Hobbies input, #Music input, #Movies input, #Sports input, #Books input, #Travel input, #FlickrURL input{ width:99%; }
ul.checkboxset li, ul.optionset{ margin-top:.5em; }
.checkboxset li label, .optionset li label{ margin-left:.3em; }

form#Form_upLoadPhotoForm, form#Form_editPhotoForm{ background-color:#f6f3e9; border-top: 6px solid #d5d1c3; border-bottom: 6px solid #d5d1c3; padding:1em; margin-bottom:2em; }
input#SearchForm_SearchForm_action_results{ border:2px solid #b9b8b2; background-color:#f6f3e9; }

#Search{ display:inline; }
#Search label{ display:none; }

form span.message{ background-color:#FFFFCC; color:#990000; display:block; font-weight:bold; width:16em; }
#Status img, img.loader{ border:none; padding:0; }