/* v1.0 | 20080212 | http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* MISC */
.hidden { display: none; visibility: hidden; }
div.hr { display: block; clear: both; width: 100%; }
div.hr hr { position: relative; border: 0; top: 60px; }
#skiplink { position: absolute; left: -9000px; }
.left { float: left; }
.right { float: right; }

/* members, mods, admins */
a.member:link { color: #6aadff; }
a.member:visited { color: #6aadff; }
a.member:hover { color: #b2d5ff; }
a.member:focus { color: #b2d5ff; }
a.member:active { color: #dcecff; }

a.member.mod:link { color: #c8c97d; }
a.member.mod:visited { color: #c8c97d; }
a.member.mod:hover { color: #f3f49f; }
a.member.mod:focus { color: #f3f49f; }
a.member.mod:active { color: #fafada; }

a.member.admin:link { color: #e2a947; }
a.member.admin:visited { color: #e2a947; }
a.member.admin:hover { color: #f7c164; }
a.member.admin:focus { color: #f7c164; }
a.member.admin:active { color: #fcdda9; }


#container #flash { color: white; text-align: center; font-style: italic; }
	#container #flash > div { padding: 1.2em; }
	#container #flash a { color: white; }
	#container #flash div.hide { float: left; opacity: .8; }
		#container #flash div.hide img { width: 1.6em; height: 1.6em; }
	#container #flash p { display: inline; font-size: 1.4em; }
	#container #flash span.hide { padding-left: 1em; font-style: normal; opacity: .8; }
		#container #flash .hide:hover { opacity: 1; }

	#container #flash .notice { background: #588b2b; }
	#container #flash .error { background: #8b2b2b; }
	#container #flash .report { background: #8b832b; }

/*** HEADER and FOOTER ***/
/* positioning/coloring */
#header, #footer { background-color: #2b578b; min-height: 4.4em; margin-bottom: -.5em; }
#footer { margin-top: 3em; }
	body.forum.main #footer { min-height: 4.4em; background-color: #001835; margin-top: -5px; }
#header .left, #footer .left, #header .left h1, #footer .left p, #header .left ul, #footer .left ul, #header ul li, #footer ul li { float: left; }
#header .right, #footer .right { float: right; }
#container div.hr.bottom { height: 5px; }

/* starmen.net logo */
#header .left h1, #footer .left p { position: relative; float: left; margin-top: 1.4em; padding: 0 .5em 0 0; }
#footer .left p { top: .5em; }
	#header .left h1 a, #footer .left p a { display: block; width: 140px; text-indent: -9000px; opacity: .6; background: transparent url(images/logo-starmen.png) left center no-repeat; }
		#header .left h1 a:hover, #footer .left p a:hover { opacity: .9; }

/* breadcrumb nav */
#header .left ul li, #footer .left ul li { position: relative; top: 8px; min-width: 6em; max-width: 18em; min-height: 4em; line-height: 2.2em; padding: 0 .6em 0 .8em; overflow: hidden; font-family: "Trebuchet MS",Trebuchet,Helvetica,sans-serif; }
#footer .left ul li { top: -8px; padding-top: 2em; min-height: 2.2em; }
	#header .left ul li a, #footer .left ul li a { position: relative; display: block; padding: 0 0 0 1.7em; font-style: italic; font-size: 1.3em; color: #c6d2e0; text-decoration: none; white-space: nowrap; background: transparent url(images/bullet.png) center left no-repeat; }
		#header .left ul li a span, #footer .left ul li a span { text-indent: -9000px; position: absolute; width: 100%; top: 0; right: -1em; background: transparent url(images/fade.png) top right repeat-y; }
		body.forum.main #footer .left ul li a span { background: none; }
	#header .left ul li.selected { background: transparent url(images/selected-down-lightblue.png) 65% bottom no-repeat; }
	#footer .left ul li.selected { background: transparent url(images/selected-up-lightblue.png) 65% top no-repeat; }
		body.forum.main #footer .left ul li.selected { background-image: url(images/selected-up-darkblue.png); }
	#header .left ul li.selected a, #footer .left ul li.selected a, #header .left ul li a:hover, #footer .left ul li a:hover, #header .left ul li a:focus, #footer .left ul li a:focus { color: white; }

/* profile/inbox */
#header .right ul li { position: relative; line-height: 36px; padding: 0 1em 0 3.2em; font-size: 1.1em; }
	#header .right ul li img.sprite { position: absolute; left: 0; top: .3em; }
	#header .right ul li#inbox img.sprite { top: .9em; left: 1.2em; }
	#header .right ul li#inbox a:link, #header .right ul li#profile a.logout:link { color: #89c0e6; }
	#header .right ul li#inbox a:visited, #header .right ul li#profile a.logout:visited { color: #89c0e6; }
	#header .right ul li#inbox a:hover, #header .right ul li#profile a.logout:hover { color: #b8e2ff; }
	#header .right ul li#inbox a:focus, #header .right ul li#profile a.logout:focus { color: #b8e2ff; }
	#header .right ul li#inbox a:active, #header .right ul li#profile a.logout:active { color: #e8f6ff; }
	#header .right ul li a.member { font-weight: bold; }

#footer .right p { position: relative; font-size: 1.1em; line-height: 4.1em; padding-right: 103px; }
	#footer .right p span { display: block; position: absolute; right: 0; top: 0; width: 97px; }
		#footer .right p span a { display: block; width: 97px; text-indent: -9000px; opacity: .25; background: transparent url(images/logo-fangamer.png) center center no-repeat; }
			#footer .right p span a:hover { opacity: .75; }

/* MAIN TYPOGRAPHY */
html { font-size: 62.5%; }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
pre { white-space: pre; }
pre * { font-size: 100%; white-space: pre; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 80%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* FORMS */
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/* QUOTES */
blockquote > p:before { content: "\201C"; }
blockquote > p:after { content: "\201D"; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.forum-body ul > li blockquote p, .spymsg blockquote p { font-size: 1.2em; }
cite { font-style: normal; font-size: 1.1em; }

/* LINKS */
a { text-decoration: none; }
a:link { color: #6aadff; }
a:visited { color: #6aadff; }
a:hover { color: #b2d5ff; }
a:focus { color: #b2d5ff; }
a:active { color: #dcecff; }

/*** SITE-SPECIFIC STYLES ***/
html { color: white; background: #2e5db0 url(images/bg-body.png) top left repeat-x; font-family: "lucida sans",lucida,helvetica,verdana,"microsoft sans serif",arial,sans-serif; }
.wrapper { position: relative; width: 960px; margin: 0 auto; }
#top .wrapper { }
	#top h1 { position: relative; float: left; clear: both; width: 100%; min-height: 193px; padding-left: 200px; margin: 1em 0; font-weight: normal; background: transparent url(images/ebfgp-logo.png) center left no-repeat; }
		#top h1 a { display: block; padding-top: 70px; font-size: 3.8em; color: white; font-style: italic; letter-spacing: -.1em; }
		#top h1 span { display: block; font-size: 2em; color: #2b59ae; }

	#top ul { height: 7.1em; clear: both; top: 20px; }
		#top ul li { position: relative; top: 12px; float: left; height: 5em; margin-right: .2em; }
			#top ul li a { display: block; text-align: center; color: white; line-height: 3.8em; min-width: 70px; height: 3.8em; padding: 0 30px; font-size: 1.5em; background-color: #1b5d30; border-bottom: 2px solid #3f6bb7; }
				#top ul li a:link, #top ul li a:hover, #top ul li a:focus { border: 0; }
				#top ul li a:hover { background-color: #327c49; color: #bae9c9; }
				#top ul li.cursection a, #top ul li.cursection a:hover { background-color: #3a3633; color: #e9e9e9; border-bottom-color: #3a3633; }

#content { position: relative; }
	#content .wrapper { position: relative; width: 960px; background-color: #3a3633; color: white; }
	#content p.pretext { color: #bcbbbb; font-size: 1.2em; margin: 0 0 0 2.5em; padding-top: 2.5em; }
	#content h2 { font-size: 4em; font-weight: normal; color: #7dcc9c; margin: 0 0 .5em .75em; }
	#content h3 { font-size: 1.8em; font-weight: normal; margin-top: 2em; margin-left: -1em; color: #d8f3cb; }
	#content #sidebar { float: left; width: 260px; padding: 34px; margin-right: 25px; background: transparent url(images/bg-sidebar.png) top right repeat-y; }
		#content #sidebar ul, #content #sidebar ul li { margin: 0; padding: 0; list-style: none; }

	#content table { margin: 1em; }
		#content table td { padding: .5em; font-size: 1.3em; vertical-align: top; line-height: 1.5em; }
		#content table td.label { padding: .5em; text-align: right; }

	#content p { margin: 1em 0 0 0; font-size: 1.4em; line-height: 1.65em; }
	#content pre { margin: 1em 0 0 0; padding: 2em; color: #c2cee0; font-size: 1.3em; line-height: 1.5em; background-color: #0e1828; border: 1px dotted #1f2c40; }
	#content ul { list-style: disc outside; }
		#content ul li { margin: 1em 0 0 2em; }
			#content ul li ul { list-style: circle outside; }

#bottom .wrapper { text-align: center; margin: 20px auto; color: #4a5567; }