/*
Author: Rob Watson - Dare Digital
Date: November 14, 2007
Project: SVO001 Vaio John - Accessible version
Notes:
Layout for screen
*/
html {
overflow:scroll;
}
* {
margin:0;
padding:0;
}
body {
background:#3b2f22;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size:100%;
}
p {
padding: 10px 0;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}








/* Accessibility
================*/
#accessiblenav {
visibility:hidden;
}

/* Page Wrapper
================*/
#wrapper {
width:1000px;
margin: 0 auto;
}

/* Top Navigation
=================*/
#topnav {
background: #18130d;
float:left;
width:100%;
display:inline;
}
#topnav ul {
list-style-type: none;
padding: 5px;
}
#topnav a {
color:#8e6255;
font-size:77.5%;
background:url(../images/topbar_link_off.gif) no-repeat left;
}
#topnav li {
display:inline;
padding: 5px 15px 5px 0;
}
#topnav li a {
padding-left:20px;
}
#topnav li.activelink a {
color:#fbb2a3;
background: url(../images/topbar_link_on.gif) no-repeat left;
}
/* Main content area
====================*/
#mainarea {
clear:both;
}
/* page header images
=====================*/
.subnavsection {
clear:both;
width:100%;
float:left;
display:inline;
height:250px;
margin:10px 0 0 0;
}
#nov07 {
background: url(../images/nov07.jpg) top left no-repeat;
}
#dec07 {
background: url(../images/dec07.jpg) top left no-repeat;
}
#jan08 {
background: url(../images/jan08.jpg) top left no-repeat;
}
#feb08 {
background: url(../images/feb08.jpg) top left no-repeat;
}
#mar08 {
background: url(../images/mar08.jpg) top left no-repeat;
}
#apr08 {
background: url(../images/apr08.jpg) top left no-repeat;
}
/* 
===================*/
#sidenav {
float:left;
width: 120px;
display: inline;
margin: 10px 0 0 5px;
font-size:77.5%;
}
#sidenav ul {
list-style-type: none;
}
#sidenav li {
background: #30271c;
padding:5px;
}
#sidenav li.active  {
background: #b57f6f;
}
#sidenav li a {
color: #8e6255;
}
#sidenav li.active a {
color: #3b2f22;
}








#sitecontent {
float:left;
width:100%;
display:inline;
font-size:77.5%;
margin: 10px 0 30px 0;
}
.blogpage {
background:url(../images/sml_panel_bg.gif) repeat-y top left;
}


.entry {
clear: both;
}

.textholder {
width:495px;
float:left;
display:inline;
background:#8E6255;
color: #18130d;
}
.textcontent {
padding:5px 15px 15px 15px;
}
h1, h2, h3 {
color: #f5a294;
/*font-weight:normal;*/
font-size:1.355em;
}
.textcontent ul {
list-style-type:none;
}


.toplink a {
padding-left:20px;
color:#f5a294;
background:url(../images/topbar_link_on.gif) no-repeat left;
}

.imgholder {
width:360px;
float:left;
display:inline;
padding:0 0 60px 10px;
}

.lrgimgholder {
width:495px;
float:left;
display:inline;
padding:0 0 0 10px;
}

/* Forms
========*/
form {
margin:0;
padding:0;
}
fieldset {
border:none;
}
.question {
clear:both;
float:left;
width:320px;
display:inline;
margin: 0 0 6px 0;
}
.question label {
float:left;
width:120px;
display:inline;
}
.question input.textbox {
border: 1px solid #2f271c;
background: #b57f6f !important; /*google toolbar auto fill fix */
width:180px;
}
.checkquestion {
clear:both;
float:left;
width:220px;
display:inline;
margin: 0 0 6px 0;
}
#submitbtn {
float:left;
display:inline;
width:80px;
border: 1px solid #2f271c;
background: #b57f6f;
}
/* Footer details
=================*/
#footer {
clear:both;
width:1000px;
height:66px;
}