/* CSS Document */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, div, img { margin: 0; padding: 0; background-repeat: no-repeat; }

body {
	background-color: #F1D8AF;
	background-image: url('../images/bg_dragonmoon.jpg');
	background-attachment: fixed;
	font-family: Georgia, serif;
	color: black;
	}
	
a:link, a:visited { text-decoration: none; color: #CC0000; }
a:hover { text-decoration: underline; color: #CC0000; }

img, a img  { border: none; }

.separator { clear: both; }

p, h1, h2, h3, h4, h5, h6, ul { margin-bottom: .8em; padding-bottom: .8em; line-height: 1.5em; }

ul, ol { list-style-type: none; }

h3 { font-size: 18px; font-style: italic; }
	
p, ul { font-size: 16px; }
	
.container { width: 900px; margin: 0 auto; text-align: left; background-color: #F1D8AF; }
	
		#masthead { display: block; width: 660px; height: 320px; float: left; background: url('images/masthead.jpg'); }
			a:hover#masthead, a:active#masthead { text-decoration: none; }
			#masthead span { position: relative; left: -9999px; }
	
	.content { padding: 3em 0; }

	#mainmenu { float: right; width: 240px; height: 320px; padding: 0; }
		#mainmenu li { display: inline; float: left; margin: 5px 10px; }
			#mainmenu li a { display: block; width: 100px; height: 60px; }

			#mainmenu li span { display: none; }

			#mainmenu li.map a.mainmenulink { background-image: url(images/navigation-map.jpg); }
			#mainmenu li.tangrams a.mainmenulink { background-image: url(images/navigation-tangrams.jpg); }
			#mainmenu li.yijing a.mainmenulink { background-image: url(images/navigation-yijing.jpg); }
			#mainmenu li.handynastychina a.mainmenulink { background-image: url(images/navigation-handynastychina.jpg); }
			#mainmenu li.greatwallofchina a.mainmenulink { background-image: url(images/navigation-greatwallofchina.jpg); }
			#mainmenu li.wallpapers a.mainmenulink { background-image: url(images/navigation-wallpapers.jpg); }
			#mainmenu li.audio a.mainmenulink { background-image: url(images/navigation-audio.jpg); }

body#books #mainmenu li.books a, body#author #mainmenu li.author a, body#map #mainmenu li.map a, body#tangrams #mainmenu li.tangrams a, body#yijing #mainmenu li.yijing a, body#handynastychina #mainmenu li.handynastychina a, body#greatwallofchina #mainmenu li.greatwallofchina a, body#audio #mainmenu li.audio a, body#wallpapers #mainmenu li.wallpapers a {
	opacity: 0.50; -moz-opacity: 0.5; filter: alpha(opacity=50); 
	}

body#home li.home a:hover, body#books li.books a:hover, #author li.author a:hover, #map li.map a:hover, #tangrams li.tangrams a:hover, #yijing li.yijing a:hover, #handynastychina li.handynastychina a:hover, #greatwallofchina li.greatwallofchina a:hover, #audio li.audio a:hover, #wallpapers li.wallpapers a:hover {
	cursor: default;
	}

#map h1, #tangrams h1, #yijing h1, #handynastychina h1, #greatwallofchina h1, #audio h1, #wallpapers h1 { width: 200px; height: 120px; float: left; margin-right: -200px; }

	#map h1 span, #tangrams h1 span, #yijing h1 span, #handynastychina h1 span, #greatwallofchina h1 span, #audio h1 span, #wallpapers h1 span { position: relative; left: -9999px; float: left; }

#map h1 { background-image: url('images/h1-map.jpg'); }
	
#tangrams h1 { background-image: url('images/h1-tangrams.jpg'); }

#yijing h1 { background-image: url('images/h1-yijing.jpg'); }

#handynastychina h1 { background-image: url('images/h1-handynastychina.jpg'); }

#greatwallofchina h1 { background-image: url('images/h1-greatwallofchina.jpg'); }

#audio h1 { background-image: url('images/h1-audio.jpg'); }

#wallpapers h1 { background-image: url('images/h1-wallpapers.jpg'); }
	
	.main p, .main ul, .main h2, .main h3, .main h4, .main h5, .main img {
	padding-left: 250px;
	}
	
		#wallpapers .main img { width: 300px; }
		
	.submenu li { display: inline; margin-right: 15px; font-size: 11px; }
	h5 { text-align: right; }
	
#footer { text-align: center; padding-bottom: 30px; background-color: #CC0000; color: #FFF; }
	#footer ul { margin-top: 15px; padding-top: 15px; margin-bottom: 10px; }
		#footer ul li { display: inline; margin-right: 15px; font-size: 12px; font-weight: bold; }
			#footer ul li a { color: #FFF; } 
			
			body#books #footer li.books a, body#author #footer li.author a, body#map #footer li.map a, body#tangrams #footer li.tangrams a, body#yijing #footer li.yijing a, body#handynastychina #footer li.handynastychina a, body#greatwallofchina #footer li.greatwallofchina a, body#audio #footer li.audio a, body#wallpapers #footer li.wallpapers a
			{ color: #FF6666; text-decoration: none; }