/**
 * bodacious.css - "BODACIOUS" stylesheet
 *
 * @author      Thomas Michael Edwards <tmedwards@motoslave.net>
 * @copyright   Copyright (c) 2009-2013 Thomas Michael Edwards
 * @version     1.13, 2013-07-05
 */

/******************************************************************************/

/** RESET & HTML5 ENABLING ********************************************/

* { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: normal; }
table { border-collapse: collapse; border-spacing: 0; }
header, footer, nav, section, article, aside, details, figure, hgroup { display: block; }
mark, time { display: inline; }
:hover, :active { outline: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }


/** BASE STYLES *******************************************************/

html { overflow-y: scroll; }

body { position: relative; color: #000; background: #777 url("../images/bodacious_background.png") top left repeat; font-family: verdana, tahoma, arial, geneva, helvetica, sans-serif; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; text-align: left; }
body > hr { display: none; }

a:hover, a:active { color: #c30; text-shadow: 1px 1px #bbb; }
a:hover > img, a:active > img { border: 1px solid #c30; -moz-box-shadow: 0 0 6px #333; -webkit-box-shadow: 0 0 6px #333; box-shadow: 0 0 6px #333; }

abbr, dfn { cursor: help; border-bottom: 1px dotted; }

dfn { font-style: normal; font-weight: normal; }

dt { font-weight: bold; }
dt > em { font-weight: normal; }

details { background-color: #ddd; margin-left: 2em; margin-right: 2em; padding: 0.4em; border: 1px solid #777; }
details > dt, details > div > dt { font-style: normal; font-weight: bold; }
details > dd, details > div > dd { margin-left: 0; text-indent: 0; }

figure { background-color: #ddd; margin-left: 1em; margin-right: 1em; padding: 0.2em; border: 1px solid #777; }
figure > dt, figure > div > dt { font-style: normal; font-weight: normal; text-align: center; }
figure > dd, figure > div > dd { margin-left: 0; text-indent: 0; }
figure.left { float: left; margin-left: 0; }
figure.right { float: right; margin-right: 0; }

img { margin-left: 1em; margin-right: 1em; border: 1px solid #777; vertical-align: text-bottom; }
img.left { float: left; margin-left: 0; }
img.right { float: right; margin-right: 0; }

p { margin: 1em 0; }

pre, code { font-family: "dejavu sans mono", "lucida console", "courier new", courier, monospace; }
pre { white-space: pre; }

.desc { font-size: 85%; }

.note { margin-left: 2em; margin-right: 2em; padding: 0.4em; background-color: #eee; border: 1px solid #888; }
div.note { margin-top: 1em; }
div.note > p:first-child { margin-top: 0; }
div.note > p:last-child, div.note > p + p { margin-bottom: 0; }
.red-note { background-color: #fee; border: 1px solid #f88; }

.box { background-color: #eee; padding: 0.4em; border: 1px solid #888; }
div.box { margin-top: 1em; }
div.box > p:first-child { margin-top: 0; }
div.box > p:last-child, div.box > p + p { margin-bottom: 0; }
.red-box { background-color: #fee; border: 1px solid #f88; }


/** HEADER STYLES *****************************************************/

body > header { position: relative; width: 900px; height: 150px; margin: 0 auto; background: #777 url("../images/bodacious_nameplate.jpg") no-repeat top center; border-bottom: 1px solid #333; }
body > header > div { display: none; }


/** NAVIGATION STYLES *************************************************/

body > nav { position: relative; width: 885px; margin: 0 auto; padding: 0 0 0 15px; font-size: 80%; color: #000; background-color: #fff; }

body > nav ul { display: inline-block; margin: 0; padding: 3px 5px 11px 5px; list-style: none; background-color: #bbb; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
body > nav ul li { display: inline; }
body > nav ul li a { margin: 0; padding: 3px 10px 6px; font-variant: small-caps; font-weight: bold; letter-spacing: 1px; color: #fff; background-color: #555; text-decoration: none; }
body > nav ul li a { -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
body > nav ul li.selected a { color: #fff; background-color: #393; text-shadow: 1px 1px #555; }
body > nav ul li a:hover, body > nav ul li a:active { color: #fff; background-color: #c30; text-shadow: 1px 1px #000; }


/** MAIN CONTENT STYLES ***********************************************/

#main { clear: both; width: 860px; margin: 0 auto; padding: 4px 20px 8px; font-size: 90%; color: #000; background-color: #fff; }
#main hr { display: none; }

/* basic heading styles */
#main h1 { margin: 0.75em 0 0.83em; font-size: 1.5em; }
#main h2 { margin: 1em 0; font-size: 1.17em; }
#main h3 { margin: 1.33em 0 0.25em; font-size: 1em; }
#main h4 { margin: 1.67em 0 0.25em; font-size: 0.83em; }
#main h5 { margin: 2.33em 0 0.25em; font-size: 0.67em; }
/* expanded heading styles */
#main h1 { padding: 8px 0 10px 10px; color: #fff; background-color: #333; }
#main h1 { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
#main h1 { -moz-box-shadow: 0 1px 6px #333; -webkit-box-shadow: 0 1px 6px #333; box-shadow: 0 1px 6px #333; }
#main h2 { padding: 4px 0 6px 6px; color: #000; background-color: #ddd; border-left: 6px solid #777; }

#main > h1:first-child { margin-top: 0.5em; }
#main h3 + p, #main h4 + p, #main h5 + p { margin-top: 0.25em; }

#main table.logos { width: 100%; }
#main table.logos tr th, #main table.logos tr td { vertical-align: top; text-align: center; }

#main dl, #main ul, #main ol { margin: 1em 0 1em 3em; line-height: 1.2; }
#main dl dl, #main dl ul, #main dl ol,
#main ul ul, #main ul dl, #main ul ol,
#main ol ol, #main ol dl, #main ol ul { margin: 0 0 0 3em; }
#main dl > dd { margin-left: 3em; }
#main dd > dl, #main dd > ul, #main dd > ol { margin-bottom: 1em; }

#main dl.file-list { margin-top: 0; }

#main ul.reslist > li { padding-top: 1em; }
#main ul.reslist > li:first-child { padding-top: 0; }

#main #quotes p { margin-left: 2em; margin-right: 2em; }
#main #quotes p cite { margin-left: 2em; font-style: normal; font-weight: bold; }
#main #quotes p cite:before { content: "– "; }

#main img#phoenix-thumb { float: right; margin-right: 0; }
#main img#phoenix-thumb + p + ul + p + ul + h2 { clear: both; }
#main img#gmcs-thumb { float: right; margin-right: 0; }
#main img#gmcs-thumb + ul + p + ul + h2 { clear: both; }
#main ol#gmcs-usage-tips > li { clear: both; }
#main ol#gmcs-usage-tips > li > img { float: right; margin-right: 0; }

#main .new { color: red; }
#main .updated { color: red; }

#main .error { padding: 0 0 2px 18px; background: url("../images/cancel.png") no-repeat left; }
#main .errorTop { padding: 0 0 2px 18px; background: url("../images/cancel.png") no-repeat top left; }
#main .warn { padding: 0 0 2px 18px; background: url("../images/error.png") no-repeat left; }
#main .warnTop { padding: 0 0 2px 18px; background: url("../images/error.png") no-repeat top left; }
#main .info { padding: 0 0 2px 18px; background: url("../images/information.png") no-repeat left; }
#main .infoTop { padding: 0 0 2px 18px; background: url("../images/information.png") no-repeat top left; }
#main .help { padding: 0 0 2px 18px; background: url("../images/help.png") no-repeat left; }
#main .helpTop { padding: 0 0 2px 18px; background: url("../images/help.png") no-repeat top left; }
#main .tip { padding: 0 0 2px 18px; background: url("../images/lightbulb.png") no-repeat left; }
#main .tipTop { padding: 0 0 2px 18px; background: url("../images/lightbulb.png") no-repeat top left; }

#main .bookmark { padding: 0 0 2px 18px; background: url("../images/star.png") no-repeat left; }
#main .download { padding: 0 0 2px 18px; background: url("../images/disk.png") no-repeat left; }

#main .forward { padding: 0 18px 2px 0; background: url("../images/arrow_right.png") no-repeat right; }
#main .back { padding: 0 0 2px 18px; background: url("../images/arrow_left.png") no-repeat left; }
#main .return { padding: 0 0 2px 18px; background: url("../images/arrow_undo.png") no-repeat left; }


/** FOOTER STYLES *****************************************************/

body > footer { clear: both; width: 860px; margin: 0 auto; padding: 4px 20px 8px; font-size: 64%; text-align: left; color: #ccc; background-color: #333; }

body > footer a:link { color: #99f; }
body > footer a:visited { color: #c9f; }
body > footer a:hover, body > footer a:active { color: #f60; text-shadow: 1px 1px #000; }