body {
	background-color:white;
	font: 10px/20px tahoma,verdana, helvetica, arial, sans-serif;
	color:#666;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	height:100%;
  text-align: center; 
}

html, body {
     min-height:100.1%;
}

ul {
	list-style-type: none;
}

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #666;
}

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

a:active {
	text-decoration: none;
	color: #666;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
}

h2 h3 h4 {
	color:#111;
}

h5 {
	font-size:12px;
	color:#1C627A;
}

#menu {
	font-size:24px;
	line-height:38px;
	margin-top:8px;
	padding-left:0;
	padding-right:10px;
	text-align:right;
	color:#818182;
}


.title-heading {
	font-size: 24px;
	font-weight: normal;
	color: black;
	letter-spacing: -1px;
}

.toggler { 
	width: 190px; 
	height: 240px; 
	position: absolute;
	padding-top:363px;
	margin-left:-4px;
	z-index:1000;
}

#effect { 
	width: 157px; 
	height: 238px; 
	padding: 0.4em; 
	position: relative; 
}

#effect h3 { 
	margin: 0; 
	padding: 0.4em; 
	text-align: center; 
}

.ui-effects-transfer { 
	border: 2px dotted gray; 
} 

.ui-widget-content a {
	color:#818182;
}

.ui-widget-content a:hover {
	color:#E08743;
}

#content {
	text-align: left; 
	margin: 10px auto 0; 
	width: 814px; 
	height: 680px;
}

#container_archive {
	background: #FFFFFF;
	height: 300px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}

#archive_toggler {
	height:533px;
	margin-top:65px;
	width:100%;
	position: absolute;
	z-index:2;
}

#archive_panel { 
	background:url("../images/wood_light_bg.jpg") repeat scroll 80% center transparent;
	position:relative;
	text-align:left;
	color:#FFFFFF;
	padding:35px;
}



#about_toggler {
	/*height:533px;*/
	margin-top:65px;
	width:100%;
	position: absolute;
	z-index:2;
}

#about_panel { 
	background:url("../images/wood_light_bg.jpg") repeat scroll 80% center transparent;
	position:relative;
	height: 552px;
	text-align:left;
	color:#FFFFFF;
}

#about_text {
	float:left;
	padding-left:226px;
	padding-top:46px;
}

#equipment {
	float:right;
	padding-right:192px;
	padding-top:46px;
}

#about_panel ul a {
	color:#FFFFFF;
}

#copyright {
	text-align: right;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#oshuki_addthis {
	text-align:right;
	padding-top:20px;
}

#header {
	height: 		89px;
	text-align:	right;
	padding: 		0px 0px 0 0;
}


#logo {
	height:65px;
	width:190px;
	background-image:url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	text-align:			right;
	padding: 			0px 0px 0 0;
	z-index:1;
	cursor:pointer;
}

#klick_button {
	height:15px;
	margin-left:133px;
	margin-top:34px;
	position:absolute;
	width:15px;
	z-index:5;
	cursor:pointer;
}

#title {
  position:absolute;
	bottom:0;
	padding-bottom:5px;
	font-size:24px;
	letter-spacing: -.05em;
}

.cloud {
	border:1px solid #f97e0a;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.exif {
	color: #1C627A;
}

.exif a {
	color: #000000;
}

.exif a:hover {
	color: #f97e0a;
}

#notes {
	text-align: justify;
	margin-top: 10px;
	font: 9px/12px verdana, helvetica, arial, sans-serif;
}
#announce {
	background-color: #b8ee45;
	padding: 8px;
	border-top: 1px solid #8dcee4;
	border-bottom: 1px solid #8dcee4;
	color:#1C627A;
	text-align: justify;
	margin-bottom:10px;
}
.bullet {
	margin-bottom:1px;
}
.bullet-select {
	margin-right:2px;
} 
#styleswitcher {
	top:0px;
	left:0px;
	z-index:100;
	position:absolute;
	width:100%;
	text-align:right;
	margin-top:16px;
}
#styleswitcher img {
	margin:8px 8px 8px 0;
}
#about{
	text-align: justify;
	padding:0px;
	margin:0px;
}	
#about .about {
margin:0 10px 5px 0;
float:left;
border:5px solid white;
}
#news{
	text-align: justify;
	padding-top: 0;
	padding-bottom: 0;
}

#news_nevi{
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	width:100%;
}

#footer { margin: 5px; }

p{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#top-nav{
	text-align: right;
}
#top-nav a {
	padding:2px;
}
#top-nav a:hover {
	background-color:white;
}
#thumbnails{
	text-align: center;
	margin:6px 0px 10px 4px;
	clear: both;
	width:34px;		
}
.thumbnails {
	border:1px solid white;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}
.current-thumbnail{
	border:1px solid white;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.thumbnails:hover {
	border:1px solid white;
	margin:0 1px 2px 1px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#browse_thumbs .thumbnails {
	border:none;
	margin:0 2px 4px 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#browse_thumbs .thumbnails:hover {
	border:none;
	margin:0 2px 4px 2px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}
#photobox {
	margin: 0px auto 0px;
	text-align:center;
	background:#f0eeee url(../images/loading_d.gif) no-repeat center;
	padding:7px;
}
#image-border {
    position: 			relative;
	margin: 			0;
}
#menu_browse{
	position: absolute;
	margin: 0px;
	margin-right:-10px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index:10;
}
#menu_browse a{
	outline: none;
}
#menu_browse_prev, #menu_browse_next{
	width: 50%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#menu_browse_prev {
	left: 0px;

	top: 0px;
	float: left;	
}
#menu_browse_next {
	right: 0px;
	top: 0px;
	float: right;	
}
#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: url('../images/prevImage.png') no-repeat center center;
	cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url('../images/nextImage.png') no-repeat center center;
	cursor: pointer;
}


/* Comments */

#close {
top:0px;
right:0px;
margin:5px 5px 0 0 ;
z-index:100;
text-align:right;
}
#comments-wrapper {

	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
#comments-wrapper_nevi {

	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
#commentbox {
	margin:0px auto;
	}

#comment-top {
	padding:20px 5px;
	color:#FFF;
	}    

#comments {
    margin:0px auto;
    text-align:left;
	}

#comment-top h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	}
	
#comment-middle h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	}

#comment-middle {
	padding:20px 0px;
	margin-bottom:7px;
	} 

#addcomment { text-align:left; width: 35%; float: left; margin-top: 5px; }
#addcomment_nevi { text-align:center; width: 35%; float: left; margin-top: 5px; }
	
.formfield{
	width: 				90%;
	padding:			2px;
	margin: 			0px auto;
	font: 				10px verdana, arial, helvetica, sans-serif;
	color:				white;
	border: 			1px solid #464646;
	background: 		#272727;
}
.formfield:hover, .formfield:focus{
	border-top: 		1px solid #F97E0A;
	border-bottom:		1px solid #F97E0A;
	border-left: 		1px solid #F97E0A;
	border-right:		1px solid #F97E0A;
	background: 		#464646;
	color:				#F97E0A;
}
.formbutton{
	font: 				10px verdana, arial, helvetica, sans-serif;
	padding: 			5px;
	margin: 			0px auto;
	color: 				#7D7D7D;
	background: 		#272727;
	border: 			1px solid #464646;
}
.formbutton:hover{
	color: 				#2CCBE9;
	background: 		#272727;
	border-top: 		1px solid #F97E0A;
	border-bottom:		1px solid #F97E0A;
	border-left: 		1px solid #F97E0A;
	border-right:		1px solid #F97E0A;
}

	
#image_comments {
	width:55%;
	float:right;
	margin-top:8px;
	margin-bottom:15px;
	padding: 0 5px 15px 15px;
	border-left:1px solid #999;
	text-align:left;
	background:#eee;
	font: 9px/14px verdana, Helvetica, Arial, sans-serif;
}

#image_comments ul {
	padding:0px;
	margin:0px;
	list-style:none;
	}

#image_comments li {
	color:#666;
	margin:0px 0px 15px 0px;
	padding-left:16px;
	background: url(../images/comment.gif) no-repeat;
	}
	
#image_comments h5 {
margin:15px 0 10px 0;
}
	
#warchives {
	margin-top:5px;
	/*width:280px;
	float:left;*/
	text-align:justify;
}

#rcomments { width:277px; float:right; margin-top:8px; margin-bottom:15px; padding: 0 5px 15px 15px; text-align:left; background:#eee; border-left: 1px solid #1c627a; }

#rcomments ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#rcomments li {
	color:#666;
	margin:0px 0px 15px 0px;
	padding-left:16px;
	background: url(../images/comment.gif) no-repeat;
}

#categories {
text-align:left;
margin-left:7px;
}

#categories a:link{
	color: #a9a9a9;
}
#categories a:visited{
	color: #a9a9a9;
}
#categories a:hover{
	color: #888;
	background-color: #f3f3f3;
}
#categories a:active{
	color: #a9a9a9;
}

#categories img{
border:none;
}	

#categories ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#categories li {
	margin:0px 0px 15px 0px;
}

#contact {
margin-left:8px;
}

<!-- ACCORDION-->		
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #B8EE45;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #498194;
			color: #ffffff;
			cursor: pointer;
			border-bottom: 1px solid #498194;
		}
		
		.accordion_content {
			/*background-color: #ffffff;*/
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #B8EE45;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }