/*  
Name: ZOZ Framework aafkeholwerda.css
Theme URL:  
Description: Framework revised 
Version: 1.1 Author: Arjan Terol 
Author URL: http://www.zetozet.nl  
*/

/* @group Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,form,button{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1.0em;}
q:before,q:after {content:'';}
a,a:active,a:focus,ins,img {outline:none;}
img {background:#ef4747 url(/i/photo-loader-night.gif) 50% 50% no-repeat;border:0;outline:none;}
font,center,div[align],p[align],table[align],font[color] {color:#cd0000;font-weight:bold;background:#eecc11;margin:10px;padding:10px;border:2px dashed #cd0000;font-size:2em}
/* @end */

html {font-size:100.1%;}
body {font:64% "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;}
body {background:#000;}
	h1, h2, h3 {font-size: 1.8em;margin:0;color: #fff;letter-spacing: .1em}
	h1 {color:#c9c2c0}
/* @group Links */
.mini-nav a, .mini-nav a:link, .mini-nav a:visited, .mini-nav a:active, .meta_nav a, .meta_nav a:visited, .vcard a, .vcard:visited, .social_info a, .social_info a:link, .social_info a:visited, .about a, .about a:visited {text-decoration:none;color:#8c8c8c;background:none;padding:1px;}
.mini-nav a:hover, .meta_nav a:hover, .vcard a:hover, .social_info a:hover, .about a:hover {background:#8c8c8c;color:#fff;outline:none;}
#left_container ul.main-navigation a {padding:2px 0 0 8px;height:18px;display:block;width:auto;color:#d2d2d2;vertical-align:middle;text-decoration:none;}
#left_container ul.main-navigation li li a.sub {padding-left:24px;}
#left_container ul.main-navigation a:hover, ul.main-navigation a.selected {background:#ff7800;color:#fff !important;}
.vcard a {display:block;}
.vcard .download a {margin-top:1.6em;padding-left:22px;background:url(/i/vcard.png) 2px 0 no-repeat;}
.vcard .download a:hover {background:#8c8c8c url(/i/vcard.png) 2px 0 no-repeat;color:#fff;}
.vcard a.url {display:none;}
/* @end */
/* @group Layout */
#header, #wrapper {width:960px;margin:0 auto;display:block;overflow:hidden;}
#header {height:96px;}
#logo {position:relative;top:30px;left:110px;width:341px;height:64px;background:url(/i/logo-night.png) 0 0 no-repeat;}
#left_container, #right_container {width:198px;padding:0;margin:0;display:inline;}
#right_container {float:right;right:0;}
#left_container {float:left;left:0;}
.mini-nav {position:absolute;font-size:1.2em;color:#d2d2d2;margin-top: 270px;width:198px;display: block}
.photos {width:500px;height:500px;padding:0;margin-left:230px;position:relative}
.show {width:500px;height:500px;padding:0;margin-left:230px;position:relative}
.about {width:500px;height:auto;padding:0;margin-left:230px;position:relative;text-align:justify;}
.vcard {position:relative;width:198px;font-weight:500;color:#d2d2d2;margin:0 0 1em;font-size: 1.1em;line-height:1.5em; }
.left {float:left;width:40%;display:inline;}
.right {float:right;width:40%;display:inline;}
.thumb_nav {width:198px;margin:16px 0 2em !important;padding-bottom: 2em;display:none;}
.photo_info {width: 198px;height: 198px;position: absolute;margin-top: 16px;clear:both;}
.nav {width:198px;height:198px;margin-top:12px;display:block;}
.social_info {width: 198px;height: 198px;position: absolute;margin-top: 16px;clear:both}
.design {position:absolute;top:470px;color:#6e6969}
#footer {clear:both;position:absolute;top:440px;width:960px;color:#6e6969;font-size:11px;text-align:center;line-height:2.6em;}
/* @end */
/* @group Listings */
#header .meta_nav {position:relative;right:0;top:0;height:32px;margin:-64px 0 0 760px;width:198px;padding-top:8px;letter-spacing: .1em}
#header .meta_nav li {color:#d2d2d2;list-style:none;display:inline;font-size:1.3em;font-weight:500;}
#left_container ul.main-navigation {margin:16px 0 0 0;padding:0;font-size:1.3em;font-weight:500;color:#d2d2d2;width:198px;list-style:none;}
#left_container ul.main-navigation li {list-style:none;margin-bottom:10px;letter-spacing:.1em;}
#left_container ul.main-navigation ul {margin:8px 0 18px 0;}
#left_container ul.main-navigation li li {margin-bottom:10px;}
.nav ul {list-style:none;}
.nav li {height:66px;width:66px;margin:0;float:left;list-style:none;background:#000;display:inline-block}
.nav li img {background:#343433 url(/i/photo-loader-night.gif) 50% 50% no-repeat;max-height:66px;max-width:66px;margin:0;border:0;opacity:.6}
.nav li a.activeSlide {background:#ff7800;height:66px;width:66px; display:block;outline:none}
.nav li a.activeSlide img {opacity:1;max-height:60px;max-width:60px;margin:3px 0 0 3px;background:transparent url(/i/photo-loader-night.gif) 50% 50% no-repeat;}
li.hidden {display:none}
/* @end */
/* @group Headers */
#header h1 {font-size: 2em;position: absolute;margin-left: 736px;margin-top: 22px;letter-spacing: 0}
#header h1 span {color: #fff;letter-spacing: .1em;}
.about h1 {color:#9b61a8;}
.about h2 {color:#fff;}
#logo h1 {text-indent:-99999px;margin:0 !important;}
/* @end */
/* @group Markup */
.about img {float:left;margin:.2em 1em 0 0;}
.about p strong {font-weight:700 !important}
.about p {font-size:12px;line-height:1.7em;color:#fff;margin:0 0 1em 0;}
.photos img, .show img {background:#343433 url(/i/photo-loader-night.gif) 50% 50% no-repeat;border:0;max-width:500px;max-height:500px}
img.black_background {background:#000 !important;}
.vcard p, .vcard div {margin:0;}
.vcard .fn {font-weight:700;font-size:12px;}
.photo_info p {font-size: 1.1em;line-height:1.5em; color: #c9c2c0;margin:.2em 0 1.2em;}
.photo_info p.justify {text-align:left}
.social_info p {font-size: 1.1em;line-height:1.5em; color: #c9c2c0;margin:.2em 0 1.2em;}
.social_info p.justify {text-align:left}
body .social_info .icons img, body .social_info .icons a, body .social_info .icons a:hover img, body .social_info .icons a:hover {background:transparent !important;padding:0 !important;height:32px;width:32px;margin-right:4px;}
.design p {color:#6e6969}
#footer img {background:none;}
#footer a, #footer a:visited {color:#fff;}
/* @end */