/* @group Scaffolding */

body {
font-size: 62.5%;
text-align: center;
background: #8a9eb8 url(_images/body-bg.gif) repeat-y center;
margin: 0;
padding: 0;}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 76em;
font-size: 1em;
text-align: left;
background: #e7ebf0;
position: relative;
}

html>body {
font-size: 10px
}

#mainheading {

}

#strapline {

}

#body {
background: #e7ebf0;
}

#content-main {
background: #fff;
position: relative;
top: 20px;
left: 20px;
width: 53em;
min-height: 60em;
color: #003173;
padding-bottom: 20px;
}

#content-sidebar {

}

#content-footer {

}

#footer {
height: 200px;
background: url(_images/footer-bg.gif) repeat-x 0 top;
color: #fff;
text-align: center;
font-family: helvetica, arial, sans-serif;
font-size: 1.3em;
}
#footer-blurb
{
padding: 60px 10px 10px 10px;
}
#footer-banner
{
padding:10px 0;
}
/* @end */

/* @group Header parts - logo etc */

#logo {
display: none;
}

#header {
width: 17.6em;
position: absolute;
top: 20px;
right: 20px;
}

#header h1 {
padding: 0;
margin: 0;
background: #003173 url(_images/ultimate-html-ref-logo.gif) no-repeat;
-moz-border-radius: 3px;
}

#header h1 span {
width: 176px;
height: 170px;
display: block;
text-indent: -30000px;
}

/* @end */

/* @group navigation */

#nav_primary {
position: absolute;
right: 20px;
top: 208px;
width: 17.6em;
}

#nav_primary ul {
margin: 0;
padding: 0;
font-size: 1.4em;
}

#nav_primary ul li {
float: left;
list-style: none;
margin-bottom: 5px;
width: 100%;
}

#nav_primary ul li a {
display: block;
padding: 0.4em;
background-color: #e7c7a3;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #003173;
font-family: helvetica, arial, sans-serif;
-moz-border-radius: 3px;
}

body.home a#home,
body.about-book a#about-book,
body.about-author a#about-author,
body.buy a#buy,
body.reviews a#reviews, 
#nav_primary ul li a:hover {
color: #e67c00;
background: #003173;
}

#nav_primary ul li a:hover {
outline: 3px solid #e67c00;
}

/* @end */

/* @group Heading styles */

h2 {
color: #003173;
font-family: georgia, "Times New Roman", serif;
font-style: italic;
text-align: center;
font-size: 3.5em;
padding: 10px;
margin: 0 0 10px 0;
}

h2 strong {
color: #e67c00;
}

h3 {
font-family: helvetica, arial, sans-serif;
font-size: 2em;
margin: 10px 10px -10px 10px;
color: #e67c00;
}

/* @end */

/* @group Content */

#content-main blockquote {
font-style: italic;
margin: 0 10px;
background: #e7ebf0;
padding: 1.5em;
}

#content-main blockquote p {
margin: 0 0 0.5em 0;
padding: 0;
}

#content-sidebar blockquote p {
font-size: 1.8em;
margin: 0.5em;
}

#content-sidebar blockquote p {
font-size: 1.8em;
margin: 0.5em;
}

.review  {
margin: 2em 0;
}

.review p {
margin: 0;
}

.review a {
color: #003173;
}

.review q {
font-style: italic;
}

#content-main p,
#content-main li {
font-size: 1.6em;
line-height: 1.4;
font-family: helvetica, arial, sans-serif;
padding: 10px 10px 0 10px;
}

p.first {
font-weight: bold;
margin-top: -10px;
font-size: 3.2em;
}

p.breaker {
clear: both;
}

p.findoutmore a {
font-size: 1.6em;
font-weight: bold;
text-align: center;
color: #e67c00;
background: #003173;
display: block;
padding: 0.3em;
-moz-border-radius:3px;
}

p.findoutmore a:hover {
color: #fff;
}
.egghover {
}
p.first strong {
color: #e67c00;
}

#content-main li {

}

img.floatleft {
float: left;
margin: 0 10px 10px 0;
}

img.floatright {
float: right;
margin: 0 0 10px 10px;
}

#content-sidebar blockquote {
background: #003173 url(_images/blockquote-bg.gif) repeat-x 0 bottom;
color: #fff;
padding: 0;
margin: 0 0 20px 0;
width: 17.6em;
position: absolute;
right: 20px;
top: 43em;
-moz-border-radius: 3px;
}
a img {
border: none;
}

#footer a {
color: #e67c00;
}

/* @end */

/* @group jquery inspector styles */

.showElement {
outline: 1px solid #e67c00;
color: #e67c00;
background: #003173;
}

#aboutThisElement {
}
.aboutThisElement {
position:absolute;
top: 0;
right: 0;
padding: 10px;
width: 15em;
text-align: left;
font-size: 1.8em !important;
border: 1px solid #e67c00;
color: #fff;
background: #003173;
}

#aboutThisElement a {
color: #e67c00;
}

#aboutThisElementBlurb strong,
#aboutThisElementBlurb code {
color: #FF

990
0;
}

/* @end */

/* @group Temporary Items */

#content-sidebar blockquote
 {
display: none;
}

/* @end */

@media screen and (max-device-width: 480px) {

/* iPhone-specific styles go here */

#nav_primary {
left: 0;
top: 70px;
width: 100%;
}

#nav_primary ul {
font-size: 2.2em;
width: 100%;
background-color: #e7c7a3;
height: 2em;
}

#nav_primary ul li {
float: left;
width: auto;
}

#content-main {
top: 70px;
left: 20px;
width: 72em;
min-height: 50em;
padding-bottom: 0;
margin-bottom: 10px;
}

#header {
	position: static;
	width: 100%;
}
#header h1 {
	height: auto;
	width: auto;
	padding: 15px;
	background:none ;
}

#header h1 span {
	height: auto;
	width: auto;
	text-indent: 0;
}
#header h1 a {
	color: #003173;
	text-decoration: none;
	font-size: 1.7em;
font-family: helvetica, arial, sans-serif;
}

#content-main p,
#content-main li {
font-size: 2.8em;
}

#footer {
	margin-top: 30px;
}

p.findoutmore  {
padding-bottom: 10px !important;
}
p.findoutmore a {
font-size: 1em;
}
p,a
{
-webkit-text-size-adjust:none;
}

}

#skipLinkList li {
list-style:none;
}
a.skip-link {
position:absolute;
top:0px;
left:0px;
z-index:1000 !important;
font-size:0px;
height:0px;
color:#ed8f00 !important;
display:block;
margin:0;
text-indent:-30000px;
outline:none;
text-align:center;
filter:alpha(opacity=90);
opacity:0.90;
}