/*RESET*/
blockquote, h1, h2, h3, h4, h5, ul, li {margin:0px; padding:0px;}
a {border:0px;}

/*TYPOGRAPHY*/
@font-face {font-family: Kaffeesatz;src: url('/includes/kaffeesatz_bold.otf');}
@font-face {font-family: Kaffeesatz;font-weight: bold;src: url('/includes/kaffeesatz_light.otf');}
h1 {font-family: Kaffeesatz;}


/*DESIGN*/
a {color:#AF2020;}
body {
  font-family: verdana, arial, helvetica, sans-serif;
  color:#473F3D; 
  }
h1, h2, h3, h4 {font-weight: normal; color:#76766F;}
h1 {font-size:2.8em; line-height: 1.5em; border-bottom: 1px solid #E3D7D7;}
h2 {color:#8F7674; font-size:1.8em; line-height: 1.5em; margin-bottom:.5em;}
h3 {color:#47403E; font-weight: bold; font-size:1.2em; line-height: 1.5em; margin-bottom:.5em;}
h4 {font-size:1.1em; text-transform: uppercase; letter-spacing: .3em; margin-top: .5em; font-weight: normal;}
#content {font-size:.8em; line-height: 1.6em; background: url(/images/site/gradient-bb.jpg) repeat-x; margin-left:15px;}
#content a:hover {color:#47403E;}
#content img {border:1px white solid; margin:1px;}
#content li, #sidebar li {
  list-style-type:none;
  padding: 3px 0px 3px 15px;}
#header {background: url(/images/site/header-bb.gif) no-repeat right; }
#header a.rss {display:block; width: 30px; height:60px; margin-left:800px;}
#footer {font-size:.8em; text-align:right; border-top:1px dotted #E3D7D7;}
#frame {background-color:#FFF;}
#sidebar {font-size:.9em; background: url(/images/site/sidebar-bb.jpg) no-repeat bottom #FFF;}
#sidebar blockquote {padding:10px;}
#subnav li a {font-size:1.2em; text-decoration:none;}
#subnav li.current a {color: #000;}
#topnav {background: url(/images/site/logo-bb.gif) no-repeat; font-size:.8em;}
#topnav a {color: #AFA6A4; text-decoration:none;}
#topnav a:hover {color:#473F3D;}
#topnav li {list-style-type:none; border-bottom: 1px solid #E3D7D7; padding: 10px 0px; width:100px;}
#topnav li.current a {color:#473F3D;}
.button {margin: 30px 0px; text-align:right;}
.button a {color: #FFF; text-decoration:none; padding:5px; background: url(/images/site/bg-button.jpg) repeat-x;}
.entryfooter {color:#75756E; margin-bottom: 30px; font-size:.8em; text-transform:uppercase;}
.homeportfolio a img {padding-right:15px; opacity: 0.8;}
.homeportfolio a img:hover {opacity: 1;}
.portfolio img {float:left; padding: 0px 20px 30px 0px; clear:left;}


/*BASICS*/
img {border: 0px;}
#content label, #content input {display: block;}
#content label {margin-top:5px;}
#content input.submit {padding:3px; border:0px; background-color:#473F3D; color:#FFF;}
#content input.submit:hover {background-color:#AF2020;}
.clear {clear:both;}
.floatleft {float:left; margin-right:10px;}
.floatright {float:right; margin-left:10px;}
.module1, .module2, .module3, .module4 {float:left; margin-left:15px;}
.module1 {width: 165px;}
.module2 {width: 330px;}
.module3 {width: 495px;}
.module4 {width: 660px;}

/*STRUCTURE*/
body {text-align:center;margin:0px;padding:0px;}
#content {float:left; width:650px; padding: 15px;}
#footer {clear:both; padding: 15px; margin:30px 30px 15px 250px;}
#frame {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	}
#header {height:105px;}
#maintext{width:415px; margin-right:30px; float:left;}
#sidebar {float:left; width: 200px; padding-bottom: 200px;}
#subnav ul {margin:15px 0px;}
#subnav li {display:inline; padding-right: 15px;}
#topnav {float:left; padding: 50px 0px 0px 135px;}


/*CLOUD*/
#cloud.size1 {font-size: 2em;}
#cloud.size2 {font-size: 1.7em;}
#cloud.size3 {font-size: 1.5em;}
#cloud.size4 {font-size: 1.3em;}
#cloud.size5 {font-size: 1em;}


/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: 0px; }

#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; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#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: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }