/*
	Turtle Arena main style sheet
*/

/* Body; background. GNU FreeSans is used in Turtle Arena, and its available on Linux systems.
     Helvetica for Windows... */
body {margin: 0; padding: 10px; background-color: #4e8106; font-family: FreeSans, Helvetica, sans-serif}

/* Float the page in the center of the browser. */
#outer {margin: 0 auto; width: 85%; min-width: 760px; max-width: 980px; margin-top: 10px; margin-bottom: 10px;
background-color: #FFF; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; -khtml-border-radius: 32px; border: 1px solid #000}

/*
========================
Main Styles
========================
*/

.feedicon {border: 0; width: 28px; height: 28px; float: right}

/* Logo centered and links below it
logo 512x256 (width x height)
*/
.logo {text-align: center; display: inline; width: 512px}
.logoImage {border: 0; width: 256px; height: 128px}

.column_links {clear: both; margin: 40px; margin-top: 5px; margin-bottom: 15px; padding: 10px}
.linkRow {text-align: center; font-size: 1.1em}

/* Styles for a selected link (The page your on). */
.selectedLink {color: #000; font-weight: bold}

/* Main content */
#main {margin-left: 16px; margin-right: 16px; margin: 16px}

/* Download box */
.download {background-color: #a8d7ff !important}

/* Header sizes */
h1 {font-size: 1.6em; padding: 0; margin: 0}
h2 {font-size: 1.4em; padding: 0; margin: 0}
h3 {font-size: 1.2em; padding: 0; margin: 0}
h4 {font-size: 1.2em; padding: 0; margin: 0; text-decoration: underline overline}

/* Content; don't be right at the sides. */
#content {margin-left: 40px; margin-right: 40px; clear: both; color: #000000}

/* Main description. */
#content .main {font-size: 0.9em; margin-left: 40px; margin-right: 40px}

/* Fix gap between #main and #pageBottom in features.htm */
#content p {margin: 0; padding: 5px}

/* Indent content below the links bar */
.contentSmash {padding-left: 40px; padding-right: 40px} /* 1024x768: good, 800x600: bad */

/* Picture on the index page */
#mainPic {float: right; margin-right: 20px}

/* Force background to go behind the floating divs. */
.endDiv {clear: both}

/* News on main page (and maybe archive) */
.update_head {font-variant: small-caps; margin-left: 10px; margin-top: 10px}
.update {margin-left: 20px; font-size: 0.8em}

/* Remove border from image links.
	Note w3_icons don't use this class, see .validXHTML and .validCSS
*/
.imgLink {border: 0}


/*
========================
Footer

note: footer was removed from all pages, it is in footer.txt if you want to readd it.
========================
*/
#footer {clear: both; margin-left: 16px; margin-right: 5px}

/* Footer text style. */
.footerContent {margin-top: 15px; vertical-align: middle; float: left; width: 60%; text-align: center;/*margin-left: 70px; min-width: 400px*/}

/* w3 footer icons. */
.w3_icons {margin-top: 15px; float: right; width: 288px}

.validXHTML {border: 0; width: 88px; height: 31px}
.validCSS {border: 0; width: 88px; height: 31px}
.validRSS {border: 0; width: 88px; height: 31px}

/* src="http://www.w3.org/Icons/valid-xhtml10" */
/* src="http://jigsaw.w3.org/css-validator/images/vcss" */

/* Option to remove w3 icons */
/* Enabled CSS is no longer valid, youtube broke XHTML, and I don't need to 'Valid RSS!' on every page... */
/*.footerContent {display: block; width: 100%; float: none}
.w3_icons {margin-top: 0; visibility: hidden}*/


/*
========================
Left and Right Column boxes
========================
*/
.column_head {font-variant: small-caps}

.column_left {clear: left; float: left; padding: 10px; margin-left: 40px; margin-right: 10px; padding-bottom: 5px; width: 40%}

.column_right {clear: right; float: right; padding: 10px; margin-left: 10px; margin-right: 40px; padding-bottom: 5px; width: 40%}


/*
========================
Rounded border boxes
========================
*/

.roundedBox {margin: 10px; padding: 10px; background-color: #f8f8f8; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border: 1px solid #000}