/*
Theme Name: Joyful Orange
Theme URI: http://joyfulorange.org/
Description: Theme for Joyful Orange Website.
Version: 1.0
Author: Zenman Productions
Author URI: http://zenmanproductions.com.com/
*/

body { margin: 0; padding: 0; color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #ffec87 url(images/bg_repeat.gif) top center repeat-x; }

input, textarea { color: #555; padding: 4px 3px; font-size: 12px; background: url(images/input_bg.png) top center repeat-x; }
input:hover, textarea:hover, input:focus, textarea:focus { border: 1px solid #777; }
input, textarea, fieldset { border: 1px solid #fead00; }
form label { display: block; margin: 5px 0 2px; }
form label.inline { display: inline; }
textarea { width: 300px; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
fieldset { margin: 10px 0; padding: 10px; }
fieldset legend { font-size: 20px; color: #555; }

div.field_col { float: left; width: auto; margin-right: 10px; }
div.buttons { margin-top: 10px; }
div.buttons input, input.button { cursor: pointer; background: url(images/button_bg.png) center center no-repeat; padding: 2px 1px; color: #fff; }
div.success { margin: 10px 0 10px 50px; padding: 10px; border: 2px solid #2c6a25; background: #c7e0c4; }
div.error { margin: 10px 0 10px 50px; padding: 10px; border: 2px solid #900; background: #f1d9ce; }

div.clear { clear: both; float: none; }

div#address { width: 200px; float: left; margin-right: 20px; }

form#contact { width: auto; float: left; border-left: 3px dotted #777; padding-left: 20px; }

a { -moz-outline: 0; color: #001872; }
a:hover { color: #FEAD00; }
	a img { border: 0; }
	
div#wrap { position: relative; width: 1124px; margin: 0 auto; background: url(images/bg.jpg) top center no-repeat; }

div#header { width: 900px; margin: 0 auto; height: 100px; }
	h1 { margin: 0; padding: 0; }
		h1 a { background: url(images/logo.png) no-repeat; float: left; display: block; width: 251px; height: 125px; }
			h1 a span { display: none; }
		
			div#top_nav { width: 610px; float: right; overflow: hidden; }
			div#top_nav ul { margin: 0 0 0 -25px; padding: 0; width: 650px; margin-top: 15px; }
				div#top_nav ul li { display: block; float: left; list-style: none; padding-left: 25px; margin-right: 10px; background: url(images/nav_separator.png) center left no-repeat; }
					div#top_nav ul li a { height: 20px; display: block; float: left; background: transparent top left no-repeat; }
					div#top_nav ul li#diablogues_nav a { width: 89px; background-image: url(images/nav/diablogues_off.png); }
					div#top_nav ul li#agent_nav a { width: 125px; background-image: url(images/nav/agent_off.png); }
					div#top_nav ul li#merchandise_nav a { width: 91px; background-image: url(images/nav/merchandise_off.png); }
					div#top_nav ul li#contact_nav a { width: 58px; background-image: url(images/nav/contact_off.png); }
					div#top_nav ul li#donate_nav a { width: 91px; background-image: url(images/nav/donate_off.png); }
						div#top_nav ul li a span { display: none; }

div#sub_nav { position: relative; top: 71px; left: 10px; }
div#sub_nav ul { list-style: none; margin: 0; padding: 0; }
div#sub_nav ul li { display: block; float: left; position: relative; background: transparent; }
	div#sub_nav ul li a { cursor: pointer; display: block; float: left; width: 203px; padding: 15px 0; height: 10px; text-align: center; 
		font-family: Geneva, Helvetica, sans-serif; font-style: italic; text-transform: uppercase; 
		text-decoration: none; color: #fff; font-size: 13px; vertical-align: middle; line-height: 15px; background: url(images/nav_bg.png) top center no-repeat; }
		div#sub_nav ul li a:hover, div#sub_nav ul li:hover a { color: #001872; background-position: 0 -47px; }

		div#sub_nav ul li:hover ul.sub { display: block; }

			div#sub_nav ul li ul.sub { top: 40px; display: none; position: absolute; z-index: 9999; background: #fff; padding: 10px; margin-left: 6px; left: 0; opacity: 0.9; filter: alpha(opacity=90)}

				div#sub_nav ul li ul.sub li { display: block; font-weight: bold; float: none; }
					div#sub_nav ul li ul.sub li a { text-transform: none; font-style: normal; width: 187px; text-align: left; height: auto; background: none; color: #001872; float: none; display: inline-block; padding: 3px 0; font-size: 12px; text-decoration: none; }
						div#sub_nav ul li ul.sub li a:hover { background: none; color: #fead00; text-decoration: underline; }


div#body_top { z-index: 6000; margin: 40px auto 0; clear: both; background: url(images/body_top.png) top center no-repeat; width: 935px; height: 20px; }

div#body { clear: both; margin: 0 auto; width: 935px; background: url(images/content_bg.png) top center repeat-y; }

	div#masthead { width: 906px; height: 285px; margin: 0 auto; background: url(images/mastheads/about.jpg) top center no-repeat; }

	div#content { min-height: 500px; margin-left: 250px; width: 625px; }
		div#content h2 { color: #fead00; font-style: italic; font-size: 28px; font-weight: normal; font-family: Georgia, "Book Antiqua"; margin: 0 0 20px 15px; }
		div#content h3 { font-size: 16px; font-weight: normal; }
		div#content div.body_text { padding: 10px 0; margin-left: 50px; border-top: 3px dotted #777; border-bottom: 3px dotted #777; }
			div#content div.body_text p { line-height: 15px; margin: 0 0 12px 0; text-align: justify; }
			
			div#content a.back_link { margin-top: 10px; float: right; padding-left: 20px; font-weight: bold; background: url(images/back_arrow.png) center left no-repeat; color: #001872; font-style: italic; text-decoration: none; }
				div#content a.back_link:hover { text-decoration: underline; }
		
	div#footer { clear: right; margin-left: 300px; padding-bottom: 20px; color: #b0b0b0; font-size: 10px; }
		div#footer a { text-decoration: none; color: #b0b0b0; }
		div#footer a:hover { color: #001872; }
			div#footer a.logo { padding-right: 20px; background: url(images/zenman.png) center right no-repeat; }
div#content h2.prodtitles { margin: 0; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
a.additional_description_link { text-decoration: none; }

div#pillar_top { background: url(images/pillar_top.png) no-repeat; width: 309px; height: 320px; position: absolute; z-index: 7000; top: 125px; left: 73px; }		
div#branch { background: url(images/orange_branch.png) no-repeat; width: 381px; height: 680px; position: absolute; z-index: 9999; top: 270px; left: 3px; } 270px; left: 3px; }eight: 680px; position: absolute; z-index: 9999; top: 270px; left: 3px; } 270px; left: 3px; }