* { margin: 0; padding: 0 }

a { color: #700 }
a:visited { color: #300 }
a:hover { color: #900; text-decoration: none }

a img { border: none }

body { background: #300; border-top: 5px solid #300; font-family: Georgia, Times, serif; font-size: 62.5%; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#skipper { display: none}

#index #content p { }

#head {  background: url(./gfx/head-bg.jpg) }
	#head a { color: #da7 }
	#head h1 { background: url(./gfx/title.jpg) no-repeat 0 62px; height: 203px; margin: 0 auto; text-indent: -9999px; width: 640px }
		#head h1 a { border: 1px solid red }
		#head #menu { background: #4f0302 url(./gfx/menu-bg.gif) repeat-x; border-bottom: 20px solid #300 }
			#head #menu ul { font-family: "Book Antiqua", Georgia, serif; font-size: 1.3em; text-transform: uppercase; margin: 0 auto; width: 640px }
				#head #menu ul li { float: left }
					#head #menu ul li#first-item { background: url(./gfx/first-item-bg.gif) no-repeat 16px 16px; margin: 0; padding: 0 0 0 80px }
				#head #menu ul li a { border-bottom: 2px solid #4f0302; float: left; letter-spacing: 1px; padding: 15px 0 12px 0; margin: 0 0 0 41px; text-decoration: none }
				#head #menu ul li a:hover, #head #menu ul li.current a { border-bottom: 2px solid #a74; color: #eda }
		#head ul li { display: inline }
		
		#eng { position: absolute; top: 0; right: 0; background: #300; padding: 8px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #700; border-right: 0; border-top: 0; font-family: "Book Antiqua" }
			#eng a { color: #eda; text-decoration: none }
			#eng a:hover { color: #fff }
		
#content { position: relative; background: #f3e6d8 url(./gfx/content-bg.jpg) repeat-x; border-top: 2px solid #fff }
	#content-wrap { z-index: 100 !important; position: relative; background: url(./gfx/onama-content-bg.gif) 22px 34px no-repeat; margin: 0 auto; padding: 30px 0 1px 122px; width: 520px }
	
	#content h2 { clear: both; color: #711; font-family: Georgia, serif; font-size: 3.2em; font-weight: normal; margin: 0 0 20px 0 }
		#content h2:first-letter { font-size: 1.2em }
	#content h3 { width: 100%; border-bottom: 1px solid #db9; clear: both; color: #200; font-family: Georgia, serif; font-size: 2.1em; font-weight: normal; letter-spacing: 1px; margin: 0 0 20px 0; padding: 0 0 6px 0 }
		#content h3:first-letter { font-size: 1.2em }
	#content p { color: #422; font-size: 1.3em; line-height: 24px; margin: 20px 0 }
		#content p.first-par:first-letter { font-size: 1.8em }
		
	p.postmeta { font-style: italic; margin-top: -50px !important; text-align: right }	
		
	.col { float: left; margin: 0 20px 0 0; width: 250px }
	
	#gallery { padding: 0 0 15px 0 }
		#gallery img { float: left; border: 1px solid #db9; background: #fff; padding: 2px; margin: 0 20px 30px 14px }
		.news-post img { float: right; border: 1px solid #db9; background: #fff; padding: 2px; margin: 0 0 20px 14px }
	
	#content ul { width: 216px; margin: 20px 20px 20px 10px }
		#content ul li { background: url(./gfx/bullet.jpg) no-repeat 0 8px; font-size: 1.3em; line-height: 1.8em; list-style: none; padding: 0 0 0 12px } 
	
	table { font-size: 1.3em }
		table td { border-bottom: 1px solid #dcb; padding: 6px 0 }

#foot { width: 100%; background: #300 url(./gfx/foot-bg.jpg) repeat-x; clear: both; padding: 47px 0 40px 0 }

	#foot-info { margin: 20px 0 0 0 }
	
	#foot a { border-bottom: 2px solid #500; color: #da7; text-decoration: none }
		#foot a:hover { border: 0; color: #eda }
	#foot img { display: block; margin: 0 auto }
	#foot p { color: #da7; font-family: "Book Antiqua", Georgia, serif; font-size: 1.3em; letter-spacing: .06em; padding: 2px; text-align: center }