/* Test screen stylesheet*/

/* FONT STACKS
	"Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif
	 Georgia, "Times New Roman", Times, serif
*/

	/*Global styles*/
	* 		{ margin: 0px; padding: 0px; color: #666 }
	html 		{ font: 62.8%/1.7em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif }
	body 		{ background: #000 url('gfx/background.jpg') 50% 100px; background-repeat: no-repeat }

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

	/*Main wrapper*/
	#wrap	{ margin: 0px auto; padding: 0px; width: 780px }

	h1 { background: transparent url('gfx/header.png') 0px -10px; background-repeat: no-repeat; width: 780px; height: 125px; text-indent: -9999px; line-height: 0px }	
	h2 { float: left; width: 245px; font-size: 3em; font-weight: normal; font-family: "Georgia"; color: #fff; padding: 10px 20px 20px 10px }
	h3 { font-size: 2em; font-weight: normal; font-family: "Georgia"; color: #bcd; padding-bottom: 0px; padding-top: 20px }
	p { padding: 10px 0 10px; font-size: 1.2em }

	#main_nav	{ float: right; display: block; padding-top: 10px; margin-right: 6px; width: 445px }
	#main_nav li { list-style-type: none; float: left }
	#main_nav a	{ display: block; color: #fff; font-size: 1.4em; font-weight: bold; padding: 5px 7px; margin: 0px 4px 0px 4px; text-decoration: none }
	#main_nav a.current	{ color: #000; background: #bcd; padding: 5px 7px; margin: 0px 4px 0px 4px; -khtml-border-radius: 5px; -webkit-left-radius: 5px; -moz-border-radius: 5px }
	#main_nav a:hover	{ color: #000; background: #bcd; padding: 5px 7px; margin: 0px 4px 0px 4px; -khtml-border-radius: 5px; -webkit-left-radius: 5px; -moz-border-radius: 5px }			

	#subnav		{ float: left; width: 720px; background: #191919; padding: 10px; font-size: 1.2em; font-weight: bold; text-decoration: none }
	#subnav a	{ padding-right: 10px }

	#content	{ float: left; width: 740px; padding: 20px; background: #111 url('gfx/paper_back.jpg'); background-repeat: repeat-x; border: 1px solid #000; clear: both;
	 			-khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	 			-khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;
				-khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px;
				}

	#content img.boxed	{ background: #191919; padding: 10px; width: 295px; -webkit-box-shadow: 0px 0px 8px #000;-moz-box-shadow: 0px 0px 8px #000 }
	#content blockquote { padding: 20px; font-family: "Palatino Linotype" Georgia, Serif; background: #191919; height: 178px; font-size: 1.1em; font-style: italic; line-height: 1.5em; font-weight: bold
			 			-khtml-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px;
						-khtml-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px;	
						}
	blockquote p	{ color: #666; padding: 10px 0px 0px 0px; font-weight: bold }

	#content .left_content	{ float: left; padding: 0px 10px 10px 10px; margin: 10px 10px 10px 0px; width: 335px; border-right: 2px solid #191919; clear: both; }
	.left_content ul		{ padding-top: 10px }
	.left_content li		{ margin-left: 20px; font-size: 1.2em }


	#content .right_content	{ float: right; padding: 0px 10px 10px 10px; margin: 10px 10px 10px 0px; width: 335px }
	.right_content ul		{ padding-top: 10px }
	.right_content li		{ margin-left: 20px; font-size: 1.2em }


	.news_thumb				{ float: left; padding: 10px; margin: 10px 10px 10px 0px; background: #191919; border: 0px; -webkit-box-shadow: 0px 0px 8px #000 ;-moz-box-shadow: 0px 0px 8px #000 }
	.latest_thumb			{ float: left; display: block; width: 96px; height: 96px; text-align: center; padding: 5px; margin: 10px 5px 10px 0px; border: 0px }

	/*Scroller*/
	#image { float: left; width: 740px; height: 480px; background: #000; margin: 0px auto; text-align: center; overflow: hidden; line-height: 480px; margin-bottom: 20px }
    #image img { display: inline; vertical-align: middle; border: 0px }	

	#left	{ display: block; float: left; cursor: pointer; width: 47px; padding: 12px 0px 0px 0px; margin-left: 44px }
	#right	{ display: block; float: left; cursor: pointer; width: 47px; padding: 12px 0px 0px 0px }

	#scroller	{ float: left; position: relative; display: block; padding: 10px 0px 10px 0px; margin: 0px; overflow: hidden; width: 740px }
	#scroller li	{ list-style-type: none; float: left; text-align: center; padding: 0px; margin: 0px 0px 0px 0px; border: 0px solid #000;overflow: hidden }
	#scroller img	{ cursor: pointer; height: 76px; padding-top: 0px }

	#footer { width: 780px; display: block; float: left; padding-top: 0px }
	#footer p { font-size: 1em; font-weight: bold; text-align: center }
	
	input.txt, textarea	{ background: #333; padding: 4px; border: 1px solid #666 }
	textarea			{ width: 300px }
	input.button		{ font-weight: bold; color: #000; padding: 8px }

	.guestbook_post	{ background: #191919; margin: 10px 0px; padding: 0px 10px 10px 10px; margin-right: 20px  }
	.guestbook_title a	{ font-weight: bold; color: #bde }
	.guestbook_date	{ font-style: italic }

	table { margin: 10px 10px 10px 0px; font-size: 1.2em; border-collapse: collapse }
	td	  { border-bottom: 1px solid #222; padding: 4px }
	td.bordered	  { border-right: 1px solid #222; padding: 4px; font-weight: bold }
	td.last	  { border-bottom: 0px }