/*
Dave's Hosting  Screen Stylesheet
Creator: Ben "Cerbera" Millard (http://sitesurgeon.co.uk)
Website: http://daves-hosting.co.uk/
History: 2006-08-06 -> 2006-08-15
*/


/* Stylesheet sections:
Layout Containers
General Elements
- Headings
- Text Hyperlinks
- Image Hyperlinks
- Forms
- Data Tables
Header
- Logo
Content
- Lists
- Images
Navigation
- Links List
- Hyperlinks
Footer
- Links List
- Hyperlinks
*/


/* Layout Containers */
#header, #navigation {
 float: left;
 width: 35%;
 padding: 1em 0 0 0;
 color: #000;
 background: #ff9933;
 overflow: hidden;
}
#navigation {
 padding: 1em 0 0.5em 0;
}
#content {
 float: right;
 width: 55%;
 margin: 0 0 0;
 padding: 1em 5% 0 0;
 height: 1%;
 color: #222;
 background: #fff;
 overflow: hidden;
}
#footer {
 clear: both;
 margin: 0 0 0 40%;
 padding: 3em 0 0 0;
}


/* General Elements */
acronym, abbr {
 border-bottom: 0.08em dotted;
}
html, body {
 margin: 0;
 padding: 0;
}
html {
 font-size: 100%;
}
body {
 color: #000;
 font: 0.8em/1.6 "Trebuchet MS", Tahoma, Verdana, sans-serif;
 background: #fff url(images/bg.gif) 35% top repeat-y;
}
img {
 vertical-align: top;
}
hr {
 display: none;
}
code, kbd {
 font: bold 1em Consolas, "Courier New", monospace;
}
sup {
 padding: 0 0 0 1px;
 font-size: 0.8em;
 font-variant: small-caps;
 vertical-align: top;
 letter-spacing: 1px;
}


/* - Headings */
h1, h2 {
 margin: 0;
}
h3, h4, h5 {
 margin: 1em 0 0 0;
 letter-spacing: 0.05em;
 word-spacing: 0.08em;
}
h1, h2, h3, h4, h5 {
 font-weight: normal;
 font-family: "Gill Sans MT", Tahoma, Arial, sans-serif;
}
h1 {
 font-size: 2.5em;
}
h2 {
 font-size: 1.7em;
}
h3 {
 font-size: 1.5em;
}
h4 {
 font-size: 1.2em;
}

/* - Text Hyperlinks */
a {
 font-weight: bold;
 text-decoration: underline;
}
a:link {
 color: #249;
}
a:visited {
 color: #336;
}
a:hover, a:active, a:focus {
 color: #c42;
}

/* - Image Hyperlinks */
a:link img, a:visited img, a:hover img, a:active img, a:focus img {
 border: 0;
}

/* - Forms */
form {
 margin: 0 0;
 padding: 0;
}
fieldset {
 margin: 0;
 padding: 0.5em;
}
legend {
 margin: 0;
 padding: 0.2em;
 color: #fe7e01;
 font-size: 1.2em;
 background: #fff;
}
form div, form p {
 margin: 0;
 padding: 0.5em;
}

/* - Data Tables */
table {
 border-collapse: collapse;
 border-spacing: 0;
 border: 0;
}
th {
 padding: 0.2em;
 color: #fe7e01;
}
td {
 padding: 0.2em 0.5em;
}


/* Header */
#header img {
 display: block;
 margin: 0 auto;
 text-align: center;
}


/* Content */
#content h2, #content h3, #content h4 {
 margin: 1em 0 0 0;
 color: #fe7e01;
 background: #fff;
}
#content h2.first {
 margin: 0;
}
#content address, #content div.address {
 margin: 1em;
 font-style: normal;
 font-weight: normal;
}
#content p, #content dl, #content ol, #content ul {
 margin: 0.2em 0 1em 0;
 padding: 0;
}

/* - Lists */
#content dt {
 margin: 0.2em 0 0 0;
 font-weight: bold;
}
#content dd, #content li {
 margin: 0 0 0 2em;
 padding: 0;
}
#content ul, #content ol {
 margin: 0.2em 0 1em 0;
 padding: 0;
}
#content ul li {
 list-style-type: circle;
}
#content li li {
 margin: 0 0 0.2em 2em;
 padding: 0;
 list-style-type: square;
}


/* Navigation */
#navigation h2 {
 left: -100%;
 width: 1%;
 position: absolute;
 margin: 0 0 0 2em;
 font-size: 1.5em;
}
#navigation h3 {
 margin: 0.2em 0 0 2.0em;
 font-size: 1.5em;
}

/* - Links list */
#navigation ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#navigation li, #navigation a {
 height: 1%;
 line-height: 1.25;
}

/* - Hyperlinks */
#navigation a, #navigation .current {
 display: block;
 padding: 0 3em;
 text-decoration: none;
}
#navigation .current {
 color: #000;
 font-style: italic;
 background: transparent;
}
#navigation a:link {
 color: #fff;
 background: transparent;
}
#navigation a:visited {
 color: #eee;
 font-weight: normal;
 background: transparent;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
 color: #000;
 background: transparent;
 text-decoration: underline;
}


/* Footer */
#footer h2 {
 left: -100%;
 width: 1%;
 position: absolute;
}
#footer p {
 margin: 0 0 1em 0;
}

/* - Links List */
#footer ul {
 display: inline;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#footer li {
 float: left;
 padding: 0 1em 0 0;
}

/* - Host Tracker */
#footer .ht a {
 display: block;
 width: 11em;
 height: 1%;
 margin: 0 0 1em 0;
 font-size: .9em;
 font-weight: normal;
 text-align: center;
 text-decoration: none;
 border: 0.08em solid #167682;
}
#footer .ht span, #footer .ht code {
 display: block;
 margin: 0;
 padding: 0.1em 0.2em 0.3em 0.2em;
 line-height: 1;
}
#footer .ht code {
 font-weight: bold;
 color: #fff;
 background: #DF7914;
}
#footer .ht .top {
 color: #fff;
 background: #167682;
}
#footer .ht .bottom {
 color: #666;
 background: #fff;
}
#footer .ht a:link, #footer .ht a:visited, #footer .ht a:hover, #footer .ht a:active, #footer .ht a:focus {
 color: #000;
}