@charset "UTF-8";
/* CSS Document */

/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body, {height:100%; margin:0; padding:0;}
h3 {margin:0;}


/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}


/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */

 The above code doesn't work in Internet Explorer 6. To address this, we use a conditional comment to specify an alternative style sheet for IE 6 
[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1;}
#header {position:static;padding:0px;}
#content {
	position:relative;
	padding:10px;
}
#footer {position:absolute;padding:20px;}
</style>
<![endif]

.first {
	
}


.last {
		
}
.active {
	color: #900;
}
#content {position:relative; z-index:1; padding:10px; color:#FFF;}

#footer {
	position:absolute;
	width:100%;
	bottom:0;
	z-index:3;
	padding:0px;
	text-align:center;
	font-size: 12px;
	background-image:url(../images/greyback2.png);
}


#header  {
	position:relative;
	z-index:2;
	padding:0px;
}

body {
	margin-top: 0px;
	background-color: #000;
	}

	

#homelink {
	display:block; margin: 1em 2em 1em; padding: 2 0 0.5 1em; border: none;
}


#navlinks {
	position:absolute;
	z-index:10;
	display:block;
	margin: -2em 2em 2em;
	padding: 2em 0 0.5em 1em;
	top: 140px;
	left: 115px;
		}
#navlinks ol li {
	font-family: 'Raleway', cursive;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 9px;
	padding-left: 3px;
}
#navlinks ol li a:link {
	color: #fff;
}

/*#navlinks ol li a:active {
	color:#F90;
}
*/

#navlinks ol li a:visited {
	color:#666666;
}
#navlinks ol li a:hover {
	color:#990000;
}

#navlinks a {
	color: #fff; text-decoration: none;
}

#navlinks a:hover {
	color:#C00; text-decoration: none;	
}


#navlinks .last {
border-right:none;	
}
	body#home a#homenav,
	body#re a#renav,
	body#about a#aboutnav,
	body#galleries a#galleriesnav,
	body#resume a#resumenav,
	body#photoGalleries a#photoGalleriesnav,
	body#content a#contentnav,
	body#journo a#journonav,
	body#arty a#artynav,
	body#urban a#urbannav,
	body#musik a#musiknav
	 {
	color: #fff;
	border-bottom:#990000 solid 3px;
}
#folionavlinks {
	position:absolute;
	z-index:10;
	display:block;
	margin: -2em 2em 2em;
	padding: 2em 0 0.5em 1em;
	top: 140px;
	left: 115px;
		}
#folionavlinks ol li {
	font-family: 'Raleway', cursive;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 9px;
	padding-left: 3px;
}
#folionavlinks ol li a:link {
	color: #000;
}

/*#navlinks ol li a:active {
	color:#F90;
}
*/

#folionavlinks ol li a:visited {
	color:#666666;
}
#folionavlinks ol li a:hover {
	color:#990000;
}

#folionavlinks a {
	color: #fff; text-decoration: none;
}

#folionavlinks a:hover {
	color:#C00; text-decoration: none;	
}


#folionavlinks .last {
border-right:none;	
}
	body#home a#homenav,
	body#re a#renav,
	body#about a#aboutnav,
	body#galleries a#galleriesnav,
	body#resume a#resumenav
	 {
	color: #fff;
	border-bottom:#990000 solid 3px;
}

#body {
	margin-top: 0px;
	background-color: #fff;
	}


#footer {
	position:absolute;
	width:100%;
	bottom:0;
	z-index:3;
	padding:0px;
	text-align:center;
	font-size: 12px;
	}
#thumbs {
	position:absolute;
	z-index:2;
	display:inline-block;
	left: 195px;
	margin-top: 0em;
	margin-right: 2em;
	margin-bottom: 0;
	margin-left: -9.5em;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 5em;
	width: 1000px;
	top: 170px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
		}
	
#thumbs li {
	display:inline-table;
	list-style: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.35);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.35);
	clear: both;
	float: none;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 0;
	}
	
#thumbs li a:link {
	}
	#imgopacity
{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}

#imgopacity:hover
{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity:1;
}
#biobox {
	position: absolute;
	left: 100px;
	top: 205px;
	width: 585px;
	height: 525px;
	/* [disabled]border: thin solid #CCC; */
	white-space:pre;
	padding-top: 15px;
	padding-right: 33px;
	padding-bottom: 10px;
	padding-left: 33px;
	border-radius: 20px;
	/* [disabled]-moz-box-shadow: 5px 5px 5px #999; */
	/* [disabled]-webkit-box-shadow: 5px 5px 5px #999; */
	ox-shadow: 5px 5px 5px #999;
	background-image: url(../images/biobox.png);
	background-repeat: no-repeat;
}
#biobox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#logo {
	position: absolute;
	left: 50px;
	top: 25px;
	z-index: 5;
}
#social {
	position: absolute;
	top: 100px;
	left: 900px;
}
#leftBox{
	position:absolute;
	float:left;
	width:30em;
	height: 100em;
	z-index:2;
	margin: 1em 3em 3em 3em;
	padding:1em 20em 3em 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:lighter;
	color:#4d4d4d;
	border:none;
	background-color:none;
	left: 100px;
	top: 200px;	
}

#leftBox p a {
	color: #00C;
	text-decoration: none;
}
#leftBox p a:hover {
	color: #00C;
	text-decoration: underline;
}
#leftBox h2{
	color:#a80202;
	font-size:1.3em;
	margin-bottom: 4px;
}

#rightBox h2{
	color:#a80202;
	font-size:1.3em;
	margin-bottom: 4px;
}

#leftBox h3 {
	color:#000;
	font-size:1em;
	padding-top: -20px;
}

#rightBox h3 {
	color:#000;
	font-size:1em;
	margin-top: 2px;
}

#leftBox h4 {
	margin: .33em;
	color:#000;
	font-size:.9em;
	font-style:italic;	
}

#rightBox{
	position:absolute;
	float:left;
	z-index:2;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:lighter;
	color:#4d4d4d;
	border:none;
	background-color:none;
	width: 30em;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: -200px;
	left: 750px;
	top: 200px;
	}
#rightBox p a {
	color: #00C;
	text-decoration: none;
}
#rightBox p a:hover {
	color: #00C;
	text-decoration: underline;
}