body{
	background:#474741 url(images/body-bg.jpg) scroll repeat-x 0 0;
}

#header{
	
}
#menu{
	position:absolute;
}
	#menu ul{
		position:relative;
		top:-35px;
	}
	#menu li{
		float:left;
		list-style-type:none;
		padding:2px 20px 0 0;
	}
	#menu li a{
		color:#8B8B8B;
		text-decoration:none;
		font-family:sans-serif;
		display:block;
		width:auto;
		height:2em;
	}
	#menu li.active a,
	#menu li a:hover{
		color:#fff;
	}
	#menu li.active a{
		background:transparent url(images/active_li.png) no-repeat scroll 50% 100%;
	}
#search{
	position:absolute;
}
	#search form{
		left:750px;
		position:relative;
		top:-95px;
	}
	#search-text{
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(images/search-text.jpg) no-repeat scroll left top;
		border:medium none;
		height:22px;
		margin:0;
		padding:5px 0 0 5px;
		vertical-align:top;
		width:145px;
	}
#navigation{
	position:relative;	
}
	#navigation ul li{
		list-style-type:none;
		float:left;
		padding:7px 15px 3px 0;
		padding-right:15px;
	}
	#navigation  ul li a{
		color:#8B8B8B;
		font-family:sans-serif;
		text-decoration:none;
		display:block;
		width:auto;
		height:2em;
	}
	#navigation ul li a:hover,
	#navigation li.active a{
		color:#000;
	}
	#navigation li.active a{
		background:transparent url(images/active_li_black.png) scroll no-repeat 50% 100%;
	}
	
#navigation ul,
#sub_navigation{
	margin:0;
	padding:0;
}
#sub_navigation{
	margin-left:20px;
}

	.subnav{
		border-bottom:1px solid #ccc;
		padding:5px 0;
		margin:0 30px;
	}
	#sub_navigation li{
		float:left;
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#sub_navigation li a{
		font-family:sans-serif;
		font-size:1em;
		padding:0 10px 14px;
		text-decoration:none;
		color:#8F8E89;
	}
	#sub_navigation li.active a,
	#sub_navigation li a:hover{
		color:#373737;		
	}
	#sub_navigation li.active{

	}
	#sub_navigation li.active a{
		background:transparent url(images/sn_triangle.jpg) no-repeat scroll center bottom;		
	}
	/*
	#sub_navigation{
		margin-left:20px;
	}
	#sub_navigation li{
		float:left;
		list-style-type:none;
		padding:0;
		padding-left:0px;
		margin:0 10px;
		display:block;
		height:32px;
	}
	#sub_navigation li a{
		font-size:.9em;
		padding:0px;
		padding-top:6px;
		text-decoration:none;
		color:#888;
		display:block;
		height:32px;
		font-family:sans-serif;
	}
	#sub_navigation li.active a,
	#sub_navigation li a:hover{
		color:#000;		
	}
	#sub_navigation li.active{
		padding-left:15px;
		background:transparent url(images/sn_li.jpg) no-repeat scroll left top;
	}
	#sub_navigation li.active a{
		padding-right:15px;
		background:transparent url(images/sn_a.jpg) no-repeat scroll right top;		
	}
*/
#page_title{
	/*
	background:transparent url(images/title-bg.jpg) no-repeat scroll -43px top;
	min-height:80px;
	position:relative;
	top:5px;
	padding:0 75px 0 20px;
	*/
}
	#page_title h1,
	#page_title_level2 h1{
		clear:left;
		color:#000;
		font-size:2.2em;
		line-height:100%;
		padding-top:20px;
	}
	#resizer{
		text-align:right;
		color:#888;
		font-size:12px;
		font-family:sans-serif;
		margin:10px 30px 10px 0 ;
		float:right;
	}
	#resizer a {
		color:#888;
		text-decoration:underline;
		text-transform:uppercase;
	}
	#resizer a:hover {
		text-decoration:none;
	}
	#mini-navigation{
		float:right;
		padding-top:1em;
		font-family:serif;
	}
	#mini-navigation a{
		font-size:2em;
		text-decoration:none;
		color:#fff;
	}
	a#smallFont {
		font-size:12px;
	}
	a#revertFont {
		font-size:16px;
	}
	a#bigFont {
		font-size:20px;
	}	
#page_body{
	clear:both;
	padding-top:30px;
	margin:0 35px;
}
#content{
	/*margin:10px 75px 45px;*/
}
	/*fancy box*/
	.fancybox_holder {
		margin:0 auto !important;
		position:relative;
		text-align:center;
	}
	.magnify_right, .magnify_left {
		position:absolute;
		top:20px;
		z-index:10;
	}
	.magnify_right {
		right:-70px;
	}
	.magnify_left {
		left:-25px;
	}
	.magnify_right a, .magnify_left a {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(images/magnify.gif) no-repeat scroll 0 0;
		display:block;
		height:24px;
		width:70px;
	}
	.magnify_right a:hover, .magnify_left a:hover {
		background-position:0 -24px;
	}
#footer{
	/*
	color:#9E9E9E;
	margin:0 75px;
	padding:7px 0;
	text-align:right;
	*/
}
	#footer a{
		color:#9E9E9E;
		font-size:.9em;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
/* edit mode */
.edit-mode{

}
	.edit-mode textarea{
		height:auto;
	}
	
/* overview */
.overview{

}
	.overview .image{
		width:60px;
		height:60px;
		margin:30px 10px 15px 30px;
	}
	.overview .title{
		width:380px;
		margin-top:10px;
	}
	.indiv_color .title{
		margin-top:0;
		padding-left:30px;
		width:450px;
	}
	.overview .meta{
		width:250px;
		margin:20px 0 0 30px;
	}
	.overview h1{
		padding:30px 0 10px;
	}
	.indiv_color h1{
		padding:30px 0;
	}
	.overview h2{
		color:#989898;
		font-size:1em;
	}
	h2,
	h3{
		font-weight:normal;
		font-family:Georgia, Arial, sans-serif;
		color:#393944;
		font-size:1.4em;
		font-style:italic;
	}
	h3{
		font-size:1.1em;
	}
table.names{
		
}
	table.names th,
	table.names td{
		padding:3px 10px;
	}
	table.names td.title{
		padding:3px 10px 3px 0;
		text-align:left;
	}
	table.names td.border_grey_top{
		padding:0;
	}
#color_pick{
	margin:10px 0;
	padding:10px 0;
	text-align:left;
	font-size:1em;
	font-family:sans-serif;
}
	#color_pick .beautify{
		/*margin-right:35px;*/
		color:#888;
	}
#color_section{
	/*margin:0px 0;
	padding:10px 0;
	*/
	display:none;
}
#color_sidebar{
	float:left;
	width:150px;
	padding:10px;
	border:1px #ccc solid;
	margin:10px 20px 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	#color_sidebar ul{
		margin-left:10px;
	}
	#color_sidebar ul li{
		list-style-type:none;
	}
	#color_sidebar ul li a{
		text-decoration:none;
	}
	#color_sidebar ul li img{
		height:27px;
		position:relative;
		top:10px;
		width:27px;
	}
.source{
	clear:both;
}
	.source-title{
		font-size:1.1em;
		font-weight:normal;
		line-height:250%;
	}
	.source-name{
		font-size:.85em;
		color:#94947d;
	}
body.edit{
	background-position:0 32px;
}
blockquote{
	margin-right:230px;
}
#footer{
	font-size:1em;
	font-style:italic;
}

/**anyar, diowahi meneh*/
#page_title,
#page_title_level2,
#content,
#footer{
	margin:0 auto;
	width:960px;
}

#page_title{
	background:transparent url(images/title.jpg) no-repeat scroll center 2px;
	margin-top:10px;
}
#page_title_level2{
	background:transparent url(images/title_level2.jpg) no-repeat scroll center 2px;
	margin-top:10px;
}
#content{
	background:transparent url(images/container.jpg) repeat-y scroll center top;
	padding-bottom:10px;
}
#footer{
	background:transparent url(images/footer.jpg) no-repeat scroll center top;
	color:#9E9E9E;
	margin-bottom:20px;
	padding:10px 0;
	text-align:right;
	font-family:sans-serif;
}
	#footer .i{
		margin-right:30px;
	}
/* rollover */

.choose_image_title{
	color:#d6341e;
	/*text-transform:uppercase;*/
	margin-right:5px;
	font-family:'Trebuchet MS', Verdana;
	font-size:1.2em;
}
.choose_image{
	margin:0;
	margin-right:5px;
}
.choose_image li{
	list-style-type:none;
	margin:5px 0;
	padding:0;
}
.choose_image li a{
	background:#C9C7B7 none repeat scroll 0 0;
	color:#757361;
	display:block;
	font-family:Verdana;
	font-size:0.85em;
	height:18px;
	padding:1px 5px;
	text-align:right;
	text-decoration:none;
	width:35px;
}
.rollover_text_100 .choose_image li a{
	width:90px;
	text-align:center;
}
.rollover_text_150 .choose_image li a{
	width:150px;
	text-align:center;
}
.choose_image li a.active{
	background:#716C59 url(images/chooseimage.jpg) no-repeat scroll right top;
	color:#fff;
	margin-right:0;
	padding-right:16px;
}
.caption_margin_top{
	margin-top:20px;
}
.caption_margin_left{
	margin-left:20px;
}

.rollover_margin_left{
	margin-left:30px;
}

.rollover_border_top{
	border-top:1px solid #C9C7B8;
	padding-top:20px;
}
.rollover_border_right{
	border-right:1px solid #C9C7B8;
}
.rollover_border_bottom{
	border-bottom:1px solid #C9C7B8;
}
.rollover_border_left{
	border-left:1px solid #C9C7B8;
	padding-left:15px;
}

#bycolor{
	width:100%;
}
	#bycolor td{
		width:25%;
		vertical-align:middle;
		padding:5px 0;
	}
	#bycolor td img{
		margin-right:5px;
	}
	#bycolor td a.pigment_link{
		text-decoration:none;
	}
	#bycolor td a.pigment_link:hover{
		text-decoration:underline;
	}
.watercolor {
	margin:0 auto;
}
.watercolor .magnify_right{
	top:110px;
	right:-60px;
}
.width100{
	width:100%;
}
.width25{
	width:25%;
}

.index{
	width:95%;
	margin:0 auto;
}
	.index td{
		width:50%;
	}
	.index h2 a{
		font-style:normal;
		text-decoration:none;
		background:transparent url(images/a_index.jpg) no-repeat scroll 100% 50%;
		padding-right:18px;
	}
	.index h2 a:hover{
		text-decoration:underline;
	}
	.index img{
		margin:15px 10px 20px;
	}
table.wiki{
	width:100%;
}
	table.wiki th,
	table.wiki td{
		padding:2px 15px;
	}
.wikitable table.wiki{
	width:auto;
}

.two_images{
	width:48%;
}
table.two_columns{
	width:100%;	
}
	.vertical_line{
		background:transparent url(images/vertical_line.jpg) repeat-y 50% 0%;
	}
	.vertical_line .two_images{
		padding:0 5px;
	}
.rounded_audio{
	background-color:#e4e1cf;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border:1px solid #c7c4b1;
	padding:10px;
}
h3.choose_image_title{
	font-style:normal;
}
.index_timeline{
	width:100%;
	margin:0 auto;
}
	.index_timeline td{
		padding:5px;
	}
	.index_timeline h2{
		font-size:1.1em;
	}
	.index_timeline h2 a{
		font-style:normal;
		text-decoration:none;
		background:transparent url(images/a_index.jpg) no-repeat scroll 100% 50%;
		padding-right:18px;
	}
	.index_timeline h2 a:hover{
		text-decoration:underline;
	}
	.index_timeline img{
		margin:15px 10px 20px;
	}
#home_holder{
	position:relative;
	background:transparent url(images/line_vertical.jpg) repeat-y scroll 68% 50%;
}
#home_link{
	display:block;
	float:left;
	height:411px;
	left:64px;
	position:relative;
	top:-62px;
	width:571px;
}
#home_sidebar{
	float:right;
	margin-right:100px;
	margin-top:30px;
	position:relative;
	text-align:left;
}
	#home_sidebar h2{
		color:#D6341E;
		font-family:'Trebuchet MS',Verdana;
		font-size:1.4em;
		margin-right:5px;
		font-style:none;
	}
	#home_sidebar ul{
		
	}
	#home_sidebar ul li{
		list-style-type:none;
		padding:5px 0;
		padding-right:20px;
		text-align:right;
	}
	#home_sidebar ul li a{
		font-style:normal;
		text-decoration:none;
		background:transparent url(images/a_index.jpg) no-repeat scroll 100% 50%;
		padding-right:18px;
		font-size:1.2em;
		font-family:Georgia;
	}
	#home_sidebar ul li a:hover{
		text-decoration:underline;
	}