/*
Cameron Walters
Last Edited: 05/06/2005
------------------------- */
/* ---- Multiple Layout Screen/Projection CSS file ---- *
Basic XHTML structure supported by this stylesheet:
* ---- End XHTML Example ---- */
/* ---- Base Layout Rules (centered + elastic) ---- */
* {
margin:0;
padding:0;
}
img {
border:0;
}
br {
clear:both;
}
body {
font:76%/1.6 "Lucida Grande",Verdana,sans-serif;
color:#333;
background:#fff;/* url() repeat-y 67% 0; remove comment for bg-image */
}
#wrap {
margin:20px auto;
max-width:70em;
background:#fff;/* url() repeat-y 67% 0; remove comment for bg-image */
text-align:center;
}
#header {
float:left;
width:100%;
background:#fff;/* url() no-repeat top left; remove comment for bg-image */
}
#content {
clear:both;
}
#main {
float:left;
width:59%;
margin:0 0 0 4%;
padding:18px 0 0;
}
#sidebar {
float:right;
width:29%;
margin:0 2% 0 0;
padding:18px 0 0;
}
#footer {
clear:both;
padding:0.5em 4%;
background:#fff;/* url() repeat-x bottom left; remove comment for bg-image */
}
/* ---- Branding ---- */
#header img, #logo {
text-align:center;
}
#logo a {
}
#logo img {
display:block;
margin:0 auto;
}
#logo a img {
}
/* ---- Navigation ---- */
#nav {
list-style:none;
float:left;
width:100%;
font-weight:bold;
}
#nav li {
float:left;
}
#nav a, #nav a:link {
float:left;
padding:1.4em 4em 0.4em 2em;
background:#fff;
text-decoration:none;
}
#nav a:hover {
background:#eee;
}
#nav #nav-1 {
border-left:0;
}
#skip {
position:absolute;
left:-9000px;
}
#skip a:focus,
#skip a:active {
display:block;
position:absolute;
top:10px;
left:9400px;
z-index:10;
font-size:1.6em;
line-height:120%;
padding:0.5em;
width:15em;
background:transparent;
}
/* ---- Layout variations controlled by class="@@layout style@@" on ---- */
/* @@layout style@@ may be replaced with:
fixed: sets the overall width of the content at fixed width
mainright: main content is to the right of the sidebar
!!!: Sidebar must be placed before Main in XHTML source to use mainright
*/
.fixed #wrap {
width: 740px;
max-width:740px;
}
.onecol #main {
float:left;
width:80%;
margin:0 10%;
padding:18px 0 0;
}
.onecol #sidebar {
display:none;
}
.mainright #main {
display:block;
float:none;
width:59%;
margin:0 0 0 36%;
padding:18px 0 0;
}
.mainright #sidebar {
float:left;
width:29%;
margin:0 0 0 3%;
padding:18px 0 0;
}
/* ---- Links ---- */
#logo a:link {
border:0;
}
#content a:link {
color:#689145;
text-decoration:none;
border-bottom:1px solid #689145;
}
#content a:visited {
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}
#content a:hover, #content a:active {
color:#116095;
text-decoration:none;
border-bottom:1px dotted #116095;
}
#footer a:link {
color:#689145;
text-decoration:none;
border-bottom:1px solid #689145;
}
#footer a:visited {
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}
#footer a:hover, #content a:active {
color:#116095;
text-decoration:none;
border-bottom:1px dotted #116095;
}
/* ---- Typography ---- */
h1 {
margin:0 0 0.2em;
font:3em/0.8 Eurostile,Tahoma,sans-serif;
letter-spacing:-1px;
color:#555;
}
h2 {
margin:0 0 0.2em;
font:2em/1 Tahoma,sans-serif;
}
h2.subtitle {
font-weight:normal;
font:1.1em/1 Tahoma,sans-serif;
}
h3 {
margin:0 0 0.2em;
font:1.62em/1 Verdana,sans-serif;
text-transform:uppercase;
}
h4 {
margin:0 0 0.2em;
font:1.4em/1 Verdana,sans-serif;
text-transform:uppercase;
}
h5 {
margin:0 0 0.2em;
font:bold 1.2em/1 Tahoma,sans-serif;
}
h6 {
margin:0 0 0.2em;
font:bold 1.1em/1 Tahoma,sans-serif;
text-transform:uppercase;
}
p {
margin:0 0 1em;
}
p.intro {
font-weight:bold;
padding-bottom:0.9em;
border-bottom:1px solid #ddd;
}
.centered {
text-align:center;
}
.bold {
font-weight:bold;
}
.extra-top-margin {
margin-top:2em;
}
#footer p {
margin:0.2em 0 0;
line-height:1.2;
}
/* - Sidebar Typography - */
#sidebar {
font-size:1em;
}
#sidebar h1 {
width:100%;
font:bold 1.8em/0.8 Tahoma,sans-serif;
}
#sidebar h2 {
font-size:1.6em;
}
#sidebar h3 {
font-size:1.4em;
}
#sidebar h4 {
font-size:1.2em;
}
#sidebar h5 {
font-size:1.1em;
}
#sidebar h6 {
font-size:1.1em;
}
#sidebar p {
font-size:0.95em;
}
/* - Lists - */
#content ul {
list-style:inside square;
margin-bottom: 1em;
}
#content ol {
list-style-position:inside;
margin-bottom: 1em;
}
#content li {
line-height:1.8;
font-size:0.96em;
}
/* ---- Tables ---- */
table { }
tr { }
th { }
td { }
/* ---- IE Hacks ---- \*/
* html body { text-align:center; }
* html #wrap { text-align:left; }
* html #wrap { width:expression(document.body.clientWidth > 900? "900px" : "auto"); }
* html .fixed #wrap { width:740px; }
* html #content { padding:0 2em; }
* html #main { display:inline; margin:0; }
* html #sidebar { display:inline; margin:0; }
/* -- */