/****************************************
| ** MAME CSS **
|
| Created by: Adam Foster
| Date Created: 10-21-2008
| Copyright 2008 Fully Illustrated
|
****************************************/

/** CSS RESET **/

* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }

/** GLOBAL STYLES **/

a, a:visited { color: #052641;  }
a:hover { color: #000!important; }
a:active { border: none!important; outline: 0!important; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { margin-bottom: 0px!important; border: none!important; }
.end { margin-right: 0px!important; }
.blank { background: none!important; }

h1 { font-size: 20px; font-weight: normal; line-height: 32px; color: #052641; font-weight: normal; }
h2 { font-size: 20px; line-height: 32px; color: #052641; font-weight: normal; }
h3 { font-size: 15px; line-height: 32px; color: #40698a; font-weight: bold; }

html { height: 100%; }
body {	height: 100%; background: #fff url(../img/background-body-all.gif) repeat-x top; color: #40698a; font-family: Tahoma, Arial, sans-serif; font-size: 13px; line-height:16px; }
.homepage { background: #fff url(../img/background-body.gif) repeat-x top; }

/** header **/
#header { width: 100%; background: url(../img/background-header-all.gif) no-repeat top; height: 164px; padding-top: 1px; }
#header h1 { margin: 21px auto 41px; overflow: hidden; background: url(../img/logo-mame-small.png) no-repeat top; height: 80px; width: 315px; }
#header h1 a, #header h1 a:visited { display: block; text-indent: -3000px; font-size: 0px; height: 80px; width: 315px; }
#header h2 { background: url(../img/logo-strapline.gif) no-repeat top; height: 7px; width: 447px; margin: 0 auto; overflow: hidden; text-indent: -3000px; font-size: 0px; }

.homepage #header { background: url(../img/background-header.gif) no-repeat top; height: 300px; }
.homepage #header h1 { background: url(../img/logo-mame.png) no-repeat top; height: 262px; width: 743px; margin: 0px auto; }
.homepage #header h1 a, .homepage #header h1 a:visited { height: 262px; width: 743px; }
#headerbar { width: 913px; margin: 15px auto; position: relative; }
#headerbar a, #headerbar a:visited { position: absolute; right: 0px; top: -6px; background-image: url(../img/button-rss.gif); background-repeat: no-repeat; background-position: 0 0; height: 20px; width: 51px; display: block; overflow: hidden; text-indent: -3000px; font-size: 0px;}
#headerbar a:hover { background-position: 0 -20px; }


/** main **/
#main { width: 913px; padding: 20px 40px; margin: 0 auto; }
.width913 { width: 913px; }

/** sidebar **/
#sidebar { width: 169px; float: left; padding-bottom: 20px; }
#sidebar h2 { font-size: 17px; }
#sidebar ul { border-bottom: 1px solid #4f7692; border-top: 1px solid #4f7692; padding: 5px 0 15px; margin-top: 1px; }
#sidebar ul li { border-bottom: 1px solid #b0cfe4; padding: 2px 0; }
#sidebar ul li a, #sidebar ul li a:visited { color: #40698a; text-decoration: none; background-image: url(../img/background-arrow.gif); background-position: left 0px; background-repeat: no-repeat; padding-left: 10px; }
#sidebar ul li a:hover { background-position: left -15px; }
#sidebar .lastitem, #sidebar li .lastitem { border-bottom: none; }

/** footer **/
#footer { width: 913px; border-top: 1px solid #4f7692; padding-top: 10px; float:left; font-size: 12px; }
#footer .fullyillustrated { float:right; padding:0 38px 0 0; position:relative; }
#footer .fullyillustrated a, #footer .fullyillustrated a:visited { text-decoration: none; }
#footer .mame { float:left; padding:0 0 0 70px; position:relative; }
#footer .mame span { color: #000; }
#footer .fullyillustrated .fullyillustratedlogo { position:absolute; right:0; top:-1px; }
#footer .mame .mamelogo { position:absolute; left:0; top:0; }

/** content **/
#content { width: 719px; float: right; padding-bottom: 40px; }
#content p { line-height:15px; padding-bottom: 12px; }
#content img { padding: 12px; }
#content img.nopad { padding: 0px; }
#content ul { padding-left: 12px; margin-left: 20px; list-style:disc outside; }
#content ol { padding-left: 12px; margin-left: 20px; list-style:decimal outside; }
#content ul ul,#content ol ul { padding-top: 6px; }
#content ol ol { padding-top: 6px; list-style:upper-alpha outside; }
#content ul ul ul { padding-top: 6px; }
#content ol ol ol { padding-top: 6px; list-style:lower-roman outside; }
#content li { margin: 0px 0 6px 0px; }
#content table { border:#4f7692 1px solid; border-collapse: collapse; margin-bottom:20px; width:100%; }
#content tr { margin:0px; padding:3px; border:#4f7692 1px solid; }
#content th,td { margin:0px; padding:5px 8px; border:#4f7692 1px solid; }
#content th { background: #dfecf4; font-weight: bold; text-align: center; }
#content th.title { background: #bad6e4; }
#content td.link, #content td.date { text-align: center; }
#content td.number { text-align: right; }
#content form table th { border:none; text-align: right; }
#content form table tr,#content form table td { border:none; }
#welcome { width: 719px; }
#welcome .left { width: 420px; }
#welcome .left h1 { padding-bottom: 8px; border: none; }
#welcome .right h1 { border: none; }
#welcome .right { width: 285px; }
#download { background: url(../img/background-download.png) top left no-repeat; position: relative; height: 85px; width: 274px; top: -5px; right: 5px; padding: 32px 0 0 26px; }
#download .title { font-size: 18px; color: #ffffff; }
#download .date { position: absolute; color: #14abde; font-size: 11px; left: 153px; top: 34px; }
#download a.downloadbutton, #download a.downloadbutton:visited { background-image: url(../img/button-download.gif); background-position: 0 0px; background-repeat: no-repeat; width: 176px; height: 41px; display: block; overflow: hidden; text-indent: -3000px; font-size: 0px; position: relative; left: -6px; top: -1px; }
#download a.downloadbutton:hover { background-position: 0 -41px; }
#welcome .right .alternate { text-align: right; width: 285px; padding: 0; position: relative; top: -4px; }
#welcome .right input { float:left; width:20px; }
#welcome .right p.checklabel { float:right; width:260px; padding-left:5px; }
#content .post { border-top: 1px solid #b0cfe4; margin-top: 10px; padding-top: 6px; }
#content .post h2 a, #content .post h2 a:visited { text-decoration: none; }
#content .post small { color: #7fa9cb; font-size: 13px; padding-bottom: 6px; display: block; }
#content h1 { border-bottom: 1px solid #4f7692; }
#content h2 { font-size: 17px; margin-bottom: 6px; }
#content h3 { font-size: 15px; padding-bottom: 6px; }
#content .post h2 { font-size: 20px; padding-bottom: 0px; }
.row { border-bottom: 1px solid #b0cfe4; padding: 6px 0; }
.rowtopborder { border-bottom: 1px solid #b0cfe4; border-top: 1px solid #b0cfe4; padding: 6px 0; margin-top: 12px; }
.rowlast { padding: 6px 0; }
#content .wippix { text-align: center; }
#content .wippix img { padding: 1px; }
#content pre, p.code { padding:10px; margin:0px 0 10px; font-family:"Courier New","Courier",monospace; font-size:12px; border:#a0b0c0 1px dashed; background:#dfecf4; }

/** source browser **/
#content .source { font-family:'Courier New','Courier',monospace; font-size:12px; background:none; border:none; color:#000000; }
#content .source .comment { color:#b30000; }
#content .source .string { color:#666666; }
#content .source .preproc { color:#0000b3; }
#content .source .keyword { color:#0000b3; }
#content .source .custom { color:#7f007f; }
#content .source .linenum { color:#999999; }

/** wiki **/
.editsection { float:right; font-size:11px; font-weight:normal; }
.wiki h2 { border-top: 1px solid #b0cfe4; padding: 6px 0; margin: 12px 0; }
.wiki h3 { font-size: 15px; padding-bottom: 6px; }
.wiki h4 { font-size: 13px; padding-bottom: 6px; font-weight: bold; line-height: 32px; }
#content .toc ul { margin:0; padding:0; }
#content .toc li { list-style:none; margin:0; padding:0; }
#content .toc h2 { text-align:center; border:none; display:inline; }
.printfooter { display:none; }