@charset "UTF-8";
body {
	font-family:Courier, serif; text-align:center; font-size: 12px;
	background-color:#FFFFFF; color: #333333;
	margin:0 0 10px 0;
	outline: none; -moz-outline-style: none; height: 100%;
}
a img {border:none;}
a, a:visited {color: #333333; text-decoration: none;}
a {outline: none; -moz-outline-style: none;}
a:focus {outline: none; -moz-outline-style: none;}

/*------------------
 Layout
------------------*/
.center {text-align:center;}
.clear {clear:both;}
table.centerall {width: 100%; height: 650px; }
table.centerall td {vertical-align:middle; text-align: center;}

/*------------------
 Wrappers
------------------*/
div.wrap_main {
	margin:0 auto 0 auto;
	width: 900px; height: 650px;
	position: absolute; text-align: center;
	top:50%; margin-top: -325px; left: 50%; margin-left: -450px;
}


/*------------------
 Homepage
------------------*/
a.homeselect {
	width: 26px; height: 25px; position: absolute; bottom: 0; right: 0;
	background-image: url(../images/icons/arrows_left.png); background-repeat: no-repeat;
}
a.homeselect:hover {}
#carousel {position: relative; margin: 0 auto 0 auto;}
#carousel div {
	background-position: center center; background-repeat: no-repeat; 
	margin: 0 auto 0 auto;
}

/*------------------
 Titles
------------------*/
h1.title {margin:0; padding: 0;}
h1.title a {display:block; }
h1.title span {display: none;}
#newportrait {
	width: 300px; height: 34px; position: absolute; top: 0; left: 0; 
	background-image: url(../images/titles/newportrait.gif); background-repeat: no-repeat;
}

/*------------------
 Main Layout
------------------*/
div.sidenav {
	width: 250px; height: 550px; text-align: left;
	position: absolute; left: 0; top: 50px; 
	font-size: 12px; 
	overflow: hidden;
}
div.maincontent {
	width: 550px; height: 550px; line-height: 150%;
	position: absolute; right: 50px; top: 50px; overflow: hidden;
}
div.maincontent2 {
	width: 550px; height: 550px; line-height: 120%;
	position: absolute; right: 50px; top: 50px;
}
div.maincontent a {font-weight: bold; padding: 3px;}
div.maincontent a:hover {color: #FFFFFF; background-color: #333333;}

/*------------------
 Main Navigation
------------------*/
ul.nav {margin: 0 0 35px 0; padding: 0; list-style: none;}
ul.nav li{margin: 0 0 4px 0; padding: 0; list-style: none;}
ul.nav li a, ul.nav li a:visited {color: #333333; text-decoration: none; padding: 3px;}
ul.nav li a:hover {color: #FFFFFF; background-color: #333333;}
ul.nav li a:active {color: #FFFFFF; background-color: #333333;}
ul.nav li.on a {color: #FFFFFF; background-color: #333333;}

/*------------------
 Section Navigation
------------------*/
ul.visual {margin: 0 0 0 0; padding: 0; list-style: none; }
ul.visual li {margin: 0 0 4px 0; padding: 0 0 0 0; list-style: none; font-size: 12px;}
ul.visual li a, ul.visual li a:visited {color: #333333; text-decoration: none; padding: 3px;}
ul.visual li a:hover {color: #FFFFFF; background-color: #333333;}
ul.visual li a:active {color: #FFFFFF; background-color: #333333;}
ul.visual li.on a, ul.visual li.on a:visited {color: #FFFFFF; background-color: #333333;}
ul.visual li ul {display:none; margin: 4px 0 20px 15px; padding:0;}
ul.visual li ul li {margin: 0 0 4px 0;}
ul.visual a span.date {font-size: 10px; padding-left: 38px; color: #666666;}
ul.visual a:hover span.date {color: #FFFFFF; background-color: #333333;}

/*------------------
 Image page layout
------------------*/
div.image_nav {position:absolute; top: 30px; right: 0; font-size: 12px; text-align: right;}
div.image_nav span.symbol {font-size: 15px; font-weight: bold; padding-right: 5px;}
div.image_nav span.symbol a, div.image_nav span.symbol a:visited {text-decoration: none; color: #333333;}
div.image_frame {position: relative; height: 550px; width: 550px; }
div.image_frame img{z-index: 10;}
div.image_frame table {
	position: absolute; top: 0; left: 0;
	height: 550px; width: 550px;  z-index: -1;
}
div.image_frame table {border-collapse: collapse;}
div.image_frame table td {vertical-align:middle; text-align: center; margin:0; padding:0; }

div.image_info {position: absolute; right: 0; bottom: 0; text-align: right; font-size: 12px;}
#curimage {z-index: 2; border:1px solid #000000; text-align: center;}

div.image_frame a {background-color:transparent;}
#prevpic { 
	display: block; position: absolute; right: 330px; top: 50px; 
	height: 550px; width: 300px;  
	z-index: 100;
}
#prevpic:hover {
	background-image: url(../images/icons/arrows_left.png);
	background-repeat:no-repeat;
	background-position: center left;background-color:transparent;
}
#nextpic {
	display: block; position: absolute; right: 20px; top: 50px; 
	height: 550px; width: 300px; 
	z-index: 100; 
}
#nextpic:hover {
	background-image: url(../images/icons/arrows_right.png);
	background-repeat:no-repeat;
	background-position: center right;background-color:transparent;
}


/*------------------
 Music page
------------------*/
div.miniplayer {vertical-align: middle; line-height: 550px; text-align: center;}

/*------------------
 Contact page
------------------*/
#contact_wrap {
	position: absolute; left:0; 
	text-align: left; font-size: 13px;
	width: 600px; height: 600px;
	background-image: url(../images/backgrounds/contact.gif);
	background-position: left top; background-repeat: no-repeat;
}
#contact_wrap a {
	display: block; height: 21px; width: 155px;  
	position: absolute; top: 324px; left:154px;
}
#contact_wrap a:hover, #contact_wrap a:hover {background-color: transparent; text-decoration: none;}

/*------------------
 Main Content 
------------------*/
#content_wrap {
	position: absolute; left:0; padding-top: 5px; width: 550px; 
	text-align: left; font-size: 12px;
}

/*------------------
Comments
------------------*/
ul.comments {margin: 0; padding: 0; list-style: none;}
ul.comments li {margin: 0 0 10px 0; padding: 0;}

/*------------------
 Custom sliders
------------------*/
/* Pictures slider*/
#side_wrap {
	height: 450px; width: 250px;
	position: absolute; bottom: 0; left: 0;
}
#slider-bg {
	position: absolute; left: 0; top: 0; display: none;
	height: 450px; width: 13px;
	background-image: url(../images/backgrounds/sliderlinevert.gif); 
	background-repeat: repeat-y; 
	outline: none; -moz-outline-style: none; 
}
#slidetiptop {position: absolute; top: -4px; left: 0;}
#slidetipbottom {position: absolute; bottom: 0; left: 0;}
#slider-thumb {position:absolute;cursor:default;}
#tree_wrap_outer {
	position: absolute; left: 0; top: 0; overflow: hidden;
	height: 450px; width: 250px; 
}
#tree_wrap_inner {
	position: absolute; left: 20px;; top: 0; padding-top: 5px;
}

/* Writings slider*/
#slider-bg-writings {
	position: absolute; right: 37px; top: 50px; display: none;
	height: 550px; width: 13px;
	background-image: url(../images/backgrounds/sliderlinevert.gif); 
	background-repeat: repeat-y; 
	outline: none; -moz-outline-style: none; 
}
#slidetiptop-writings {position: absolute; top: -4px; left: 0;}
#slidetipbottom-writings {position: absolute; bottom: 0; left: 0;}
#slider-thumb-writings {position:absolute;cursor:default;}