/* global rules */
*	{margin: 0; padding: 0; list-style: none; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; font-size: 100%; color: #000}
body	{background: #fff}
h1, h2, h3, h4, h5, #siteNav .current, #siteNav li a, h2.feat a	{font-family: Georgia, Serif; font-weight: bold; font-variant: small-caps}
p, form, .results, blockquote, #siteNav, #localNav, #featLocal, #featIntro, #featProg, #poppy, dl, #browsers, .map, .sig, sup, .reviewListing	{font-size: 80%}
#featNav {font-size: 90%}
#footer, .reviewDtls	{font-size: 70%}
.reviewListing li h3	{font-size: 120%}
p, .results, #browsers, #featLocal	{line-height: 1.4}

/* general rules */
h1		{font-size: 120%}
h2		{font-size: 120%}
h3		{font-size: 100%; margin-top: 0.75em}
h4		{font-size: 90%; margin-top: 0.75em}
p		{margin: 0.5em 0 0 0}
a		{font-weight: bold}
a:link		{color: #777; text-decoration: none}
a:visited	{color: #999; text-decoration: none}
a:hover		{color: #000; text-decoration: none}
a:visited:hover	{color: #000; text-decoration: none}
.clear		{clear: both}
dl		{margin-bottom: 0.5em}
dt		{font-weight: bold}
dd		{margin: 0 2em}
label		{display: block; padding: 0.75em 0 0.25em 0}
blockquote	{font-style: italic; padding: 0.5em 2em}
.centreContent	{text-align: center}

/* header section rules */
#header {background:  #dce0be; border-bottom: 2px solid #777; height: 110px}
#header h1 {font-size: 10pt; height: 100px; width: 800px; position: relative; margin: 0; color:#777}
#header h1 span {background: url(../images/title.gif) no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%}

/* site navigation section rules */
#siteNav			{padding: 0 10px; height: 50px; position: absolute; top: 82px; right: 0; background: url(../images/nav_corners.gif) no-repeat top left  #fff}
#siteNav li			{float: left}
#siteNav li.current		{padding: 8px 1em; color: #000; border-bottom: 2px solid #777}
#siteNav li a			{display: block; padding: 8px 1em}

/* footer section rules */
#footer		{clear: both; padding: 2em 0; text-align: center; margin: 2em auto}
#footer li	{display: inline; padding: 0 0.5em}

/* home page-specific rules */
#homeMain	{clear: both; margin: 25px 5%}
#homeMain h2	{border-bottom: 1px #777 dashed; margin: 20px 0 10px 0}
.homePic	{margin: 0 0 10px 10px}
#homeAbout, #homeFiles, #homeReviews	{float: left; width: 40%; margin: 0 5px}
#homeFeat	{float: right; width: 55%; margin: 0 5px}

/* normal page (About, Battles) rules */
#main		{margin: 25px 2.5%}
#localNav	{margin: 0; padding: 0; float: left; background: url(../images/localNav_right.gif) top right no-repeat}
#localNav div	{background: url(../images/localNav_right.gif) bottom right no-repeat}
#localNav h4	{font-size: 100%; margin: 0; padding: 5px 10px; background: url(../images/localNav_left.gif) top left no-repeat}
#localNav ul {margin: 0; padding: 0.25em; font-weight: bold; background: url(../images/localNav_left.gif) bottom left no-repeat}
#localNav ul ul {background: #dce0be; padding: 0.25em 0.5em}
#localNav li		{padding: 0.25em 0.5em; border-top: 1px solid #ccc}
#localNav li li	{margin: 0; padding: 0; border: 0}
div#content	{margin-left: 13em}

/* general page (Contact, Changelog) rules */
#genMain	{margin: 25px 10%}

/* About page rules */
#poppy			{background: url(../images/poppyappealwide.gif) 0 50% no-repeat; padding: 10px 0; margin-top: 1em}
#poppy li		{margin-left: 135px}
#browsers		{margin-left: 1.5em}
.poem			{text-align: center; margin: 2em auto; padding-right: 12em}
.sig			{text-align: right; font-style: normal; padding-top: 1em}
#contact input.text	{width: 200px}
#contact textarea	{width: 400px; height: 100px; margin-bottom: 5px}

/* Battle Files page rules */
#battle	{margin-left: 13em}
#battle h2	{margin-bottom: 0.25em}
#battle h4	{margin: 0}
#battle p		{margin: 0 0 0.5em 0}
#browseItem	{width: 15em; float: left; font-weight: bold; margin-top: 1em}
#browseResults	{margin: 1em 0 0 18em; border-left: 1px solid #ccc; padding-left: 2em}
#tips li	{margin-top: 0.75em; list-style: decimal}
#tips li li	{margin-top: 0; list-style: none}
.results	{margin-top: 0.5em}
.results li li	{margin-left: 1.5em}

/* Featured Battle page rules */
h2.feat				{margin: 25px 0 10px 30px}
h2.feat a			{color: #000}
h2.feat a:visited	{color: #000}			
#featNav			{margin: 0 30px; padding: 1px 0 0 0; border-bottom: 1px solid #777}
#featNav li			{margin: 0 1px -1px 0; background: url(../images/localNav_right.gif) no-repeat top right; float: left; display: inline; text-align: center; font-weight: bold; line-height: 1.5}
#featNav li.current		{background: url(../images/tab_wh_r.gif) no-repeat top right; border-bottom: 1px solid #fff}
#featNav li.current span {background: url(../images/tab_wh_l.gif) no-repeat top left; display: block; padding: 0 0.75em}
#featNav a			{background: url(../images/localNav_left.gif) no-repeat top left; display: block; padding: 0 0.75em}
#featNav li.first		{}
#featMain			{margin: -1px 30px 0 30px; padding: 1em; position: relative; border: 1px solid #777; border-top: 0}

#featContent			{margin: 0 14em 0 0}
#featIntro		{margin: 2em}
#featIntro li	{margin-top: 0.75em}
#featLocal			{position: absolute; right: 1em; top: 3em; width: 12em; font-weight: bold; border-left: 1px solid #ccc; padding-left: 1em}
#featProg	{clear: both; text-align: center; margin-top: 1em}
#featProg li	{display: inline; font-weight: bold}
#featProg li.last	{padding: 0 0 2px 5px}
#featProg a.prev {border-right: 1px solid #777; padding: 0 5px 2px 20px; background: url(../images/prev.gif) no-repeat center left}
#featProg a.prev:visited	{background: url(../images/prev_visited.gif) no-repeat center left}
#featProg a.prev:hover	{background: url(../images/prev_hover.gif) no-repeat center left}
#featProg a.prev:visited:hover	{background: url(../images/prev_hover.gif) no-repeat center left}
#featProg a.next {padding: 0 20px 2px 5px; background: url(../images/next.gif) no-repeat center right}
#featProg a.next:visited	{background: url(../images/next_visited.gif) no-repeat center right}
#featProg a.next:hover	{background: url(../images/next_hover.gif) no-repeat center right}
#featProg a.next:visited:hover	{background: url(../images/next_hover.gif) no-repeat center right}
.map				{margin: 10px; padding: 10px; background: #ddd; border: 1px solid #777; text-align: center; float: right; display: inline}
.map img			{border: 1px solid #777}
.pullquote			{border: 1px solid #777; background: #ddd url(../images/quote_close.gif) no-repeat 95% 80%; width: 12em; float: right; display: inline; padding: 5px 25px 5px 10px; margin: 10px; font-style: italic}
.pullquote p		{text-indent: 25px; background: url(../images/quote_open.gif) no-repeat top left}

/*Review page rules */
ul.reviewDtls	{margin-top: 1.5em}
ul.reviewDtls li	{line-height: 1.3}
.cover	{float: right; border: 1px solid #000; margin: 10px}
.thumbCover	{float: left; border: 1px solid #000; margin: 5px}
.reviewListing	{padding: 10px 30px 10px 0; line-height: 1.5; margin: 2em 0}
.listingTitle	{padding-top: 0.5em}