/* ---------------------------------------------------------------------------------
   
   Sudoku Saviour - Master Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */


body {
	background: #e6e6e6;
	padding: 0px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


p { font-size: 12px; color: #666666; margin: 0 0 1.2em 0; line-height: 1.5em; }
p a { color: #000; }
h1, h2 { font-size: 11px; color: #b82c2e; font-weight: bold; margin: 0 0 0.8em 0; }
h2 { font-size: 0.7em; text-transform: uppercase; font-weight: normal;  }
h3 { font-size: 12px; color: #AA2D2D; font-weight: normal; }
ol { margin: 0 0 1.2em 0; }
ol li { font-size: 0.8em; color: #666; }
hr { display: none; }
a img { border: none; }

#wrapper { background: url(../images/bg.gif) repeat-x 0 -9px #fff; border-top: solid 9px #aa2d2d; width: 100%; float: left; padding-bottom: 35px; border-bottom: solid 1px #cbcbcb;  }
#content { width: 776px; margin: 0 auto; }
#header {
	height: 103px;
	width: 776px;
	margin: 0 auto;
	background: url(../images/header-bg.jpg) no-repeat 0 0; 
}
#mainBody {
	background: url(../images/whiteBar.jpg) no-repeat 0 0 #fff;
	float: right;
	width: 639px;
}
#sideBox {
	float: left;
	margin-top: 55px;
	clear: both;
	width: 127px;
	padding-left: 6px;
}

#mainBodyDimensions {
	float: left;
	width: 579px;
	margin: 0px;
	padding: 30px 24px 0 36px; 
}

/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

.menuBox {
	float: right;
	margin-top: 58px;
	margin-right: 12px;
	font-size: 16px;
	color: #AA2D2D;
}
.menuItem { font-size: 12px; color: #AA2D2D; font-weight: bold; text-decoration: none; }
.menuItem:hover { color: #000; }

#nav { margin: 47px 7px 0 0; padding: 0; float: right; }
#nav li { float: left; padding: 0; list-style-type: none; }
#nav li a { float: left; display: block; height: 24px; text-indent: -5000px; outline: none; }
#nav li a:hover { background-position: 0 -24px; }

#n01 a { background: url(../images/nav01.gif) no-repeat 0 0; width: 56px; }
#n02 a { background: url(../images/nav02.gif) no-repeat 0 0; width: 107px; }
#n03 a { background: url(../images/nav03.gif) no-repeat 0 0; width: 107px; }
#n04 a { background: url(../images/nav04.gif) no-repeat 0 0; width: 86px; }

#p01 #n01 a, 
#p02 #n02 a,
#p03 #n03 a,
#p04 #n04 a
{ background-position: 0 -48px; padding-bottom: 10px; }

#p02 #n01 { padding-right: 1px; }
#p02 #n01 a { width: 55px; }
#p03 #n02 { padding-right: 1px; }
#p03 #n02 a { width: 106px; }
#p04 #n03 { padding-right: 1px; }
#p04 #n03 a { width: 106px; }

#p03 #wrapper { padding-bottom: 60px; }
#p04 #wrapper { padding-bottom: 10px; }

/* ---------------------------------------------------------------------------------
   SIDEBOX
--------------------------------------------------------------------------------- */

#sideBox h2 { font-size: 0.7em; }
#sideBox p { line-height: 1.3em; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer { float: left; width: 100%; padding: 20px 0 40px 0; }
#footerInner { width: 763px; margin: 0 auto; padding-right: 2px; }
#footer p { text-align: justify; font-size: 0.7em; color: #6a6a6a; line-height: 1.3em; }
#footer p a { color: #9a4444; }
#footer p a:hover { color: #7c1515; }
#footer p span { font-weight: bold; font-style: italic; }
#footer .noItalic { font-style: normal!important; }

.fleft { float: left; }
.fright { float: right; }

#footer img { margin-left: 10px; }

/* ---------------------------------------------------------------------------------
   GENERAL STYLES
--------------------------------------------------------------------------------- */

#mainBody h1 { font-size: 13px; }
#h1-howto { background: url(../images/h1-howto.gif) no-repeat 0 12px; height: 65px; text-indent: -5000px; }
#h1-feedback { background: url(../images/h1-feedback.gif) no-repeat 0 12px; height: 65px; text-indent: -5000px; }
#h1-tips { background: url(../images/h1-sudoku-tips.gif) no-repeat 0 12px; height: 45px; text-indent: -5000px; }
#h1-easy, #h1-medium, #h1-hard { background: url(../images/h1-easy.gif) no-repeat 0 12px; height: 45px; text-indent: -5000px; }
#h1-medium { background: url(../images/h1-medium.gif) no-repeat 0 12px; }
#h1-hard { background: url(../images/h1-hard.gif) no-repeat 0 12px; }
#h1-playsudoku { background: url(../images/h1-playsudoku.gif) no-repeat 0 12px; height: 38px; margin: 0; text-indent: -5000px; }

#difficulty { border-bottom: solid 1px #ccc; padding-bottom: 20px; margin: 0 0 20px 0; }

.inline { display: inline; line-height: 1.0em; margin: 0!important; line-height: 1.2em; }
.bold { font-weight: bold; }

.marginT { margin-top: 15px; }
.formSubmission {
	float: left;
	width: 579px;
	margin: 0px;
	padding: 30px;
	height: 300px;
	text-align: center;
}
.textField {
	border: solid 1px #AB2B2D;
	border-bottom: solid 3px #AB2B2D;
}

.smallText {
	font-size: 11px;
	font-weight: normal;
}
.smallTextRed {
	font-size: 11px;
	color: #AA2D2D;
	font-weight: bold;
}

.logoBox {
	float: left;
	font-size: 12px;
	color: #AA2D2D;
	width: 259px;
	margin-top: 24px;
	margin-left: 8px;
}
#mainBody .howto { padding-bottom: 60px; }
#mainBody ol { margin: 0 0 1.0em 25px; padding: 0; }

.created { font-size: 0.7em; margin-top: -8px; border-bottom: solid 1px #ccc; padding-bottom: 10px; }

#casino, .overline { float: left; border-top: solid 1px #ccc; margin: 10px 0 0 0px; padding: 10px 0px; }
#casino a, #casino2 a { color: #484848; }
.overline { margin: 0; }