@charset "utf-8";
/* File: coilgun5.css */
/* Purpose: Fixed width page, centered in browser window, with top-left-bottom panels */
/* Color scheme: "COLOURlovers.com - working" palette
#ffffff - white - content background
#A89B6F - kakhi -
#E7C144 - light gold - DONT USE! TOO BRIGHT!
#f5e7bc - very pale gold desat - button background
#dfc160 - light gold desat - background
#BF9819 - dark gold -
#8C721C - light brown -
#40340C - dark brown - headers, dark button text
#000000 - black - content text
/* Ref: http://www.alistapart.com/articles/slidingdoors/ */
/* ------------- CONTENT ------------------ */
body {
font: 80% Verdana, Arial, Helvetica, sans-serif;
background: #40340C;
margin: 0; /* best practice to zero the margin and padding to override differing browser defaults */
padding: 0;
text-align: center; /* center the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
#container {
background:#ffffff;
text-align: left;
}
#container #columnwidth td {
background-color:#40340c; /* match page background, thin dark top line in IE */
}
.mainContent {
margin:0;
padding: 0 16px 10px 20px;
}
.mainContent h1 {
text-align:center;
margin:8px 0 8px 0;
}
.mainContent img { margin: 0 20px; }
.mainContent img.nopad { margin: 0; }
.nav_error {
background:yellow;
padding-left:4px;
padding-right:4px;
}
.red { color:#990000; }
.blue { color:blue; }
/* ------------- SECTION NAV ------------------ */
.sectionnav {
/*font-size:93%;*/
line-height:normal;
background:#40340C; /* background behind buttons is dark to match page fill */
}
.sectionnav ul {
margin: 0;
padding: 0.6em 0 0 0;
list-style: none; /* remove bullets from navigation list */
}
.sectionnav li {
float: left; /* position list-ietems horizontally */
/*background-image: url("images/tab_left.gif"); */
/*border-bottom:1px solid #40340C;*/ /* separate tab (inactive) from body content */
background: url("style/tab_kahki_on_brown_left.gif") no-repeat left top; /* thin vert bar for left side of tab */
margin: 0 4px 0 0; /* a few pixel margin between one navigation tab and the next */
padding: 0 0 0 8px;
border-bottom: 1px solid #40340c; /* dividing line between tab and stuff below */
}
.sectionnav li a {
display: block;
/* Place left-hand image in front of the right, by applying it to element */
background: url("style/tab_kahki_on_brown_right.gif") no-repeat right top; /* image is much wider and taller than generally necessary, plenty of space to grow for larger fonts */
padding: 0.2em 12px 0.2em 4px; /* expand tab width and push text away from tab edges */
text-decoration: none;
font-weight: normal;
color:#40340C;
}
.sectionnav .intro {
background:none;
}
.sectionnav .intro a {
background:none;
}
.sectionnav .current {
background-image:url("style/tab_gold_on_brown_left.gif"); /* image for "current" tab connects to body copy */
/*border-bottom:1px solid red;*/ /* remove bottom border to "connect" tab to body content */
border-bottom: 1px solid #E7C144; /* dividing line between tab and stuff below */
}
.sectionnav .current a {
color:#40340C;
font-weight: bold;
background-image:url("style/tab_gold_on_brown_right.gif");
}
.sectionnav .sitemap {
text-align:right;
padding-right: 20px;
}
.sectionnav .sitemap a {
color:#A89B6F;
}
/* ------------- HEADER ------------------ */
.header {
line-height:normal;
background:#dfc160 url("style/norm_background.gif") repeat-x bottom; /* background behind buttons includes gradient and line along bottom */
}
.header ul {
margin: 0;
padding: 0.5em 0 0 0;
list-style: none; /* remove bullets from navigation list */
}
.header li {
float: left; /* position list items horizontally */
border-bottom:1px solid #40340C; /* separate tab (inactive) from body content */
background: url("style/tab_kahki_on_gold_left.gif") no-repeat left top; /* thin vert bar for left side of tab */
margin: 0 4px 0 0; /* a few pixel margin between one navigation tab and the next */
padding: 0 0 0 8px;
font-weight: normal;
text-align:center;
}
.header li a {
display: block;
/* Place left-hand image in front of the right, by applying it to element */
background: url("style/tab_kahki_on_gold_right.gif") no-repeat right top; /* image is much wider and taller than generally necessary, plenty of space to grow for larger fonts */
padding: 0.2em 10px 0.2em 0; /* expand tab width and push text away from tab edges */
text-decoration: none;
color: #40340C;
}
.header .intro {
background:none; /* don't show "tab" shape for first element */
border-bottom:none;
}
.header .intro a {
background:none; /* don't show "tab" shape for first element */
}
.header .current {
background-image:url("style/tab_white_on_gold_left.gif"); /* image for "current" tab connects to body copy */
border-bottom:1px solid white; /* remove bottom border to visually connect tab to body content */
}
.header .current a {
background:url("style/tab_white_on_gold_right.gif") no-repeat right top; /* image for "current" tab connects to body copy */
}
/* ------------- LOGO ------------------- */
.logo {
background:#dfc160; /* same color as ".sectionnav {}" */
}
/* ------------- PAGESTEP NAV --------------- */
div.prevnext {
margin: 12px 0 0 0;
float: left;
}
div.prevnextitem { /* border and fill of individual prev/next button */
float: left; /* put < and > on the same line */
border: 1px solid #40340c;
background: #f2eddc;
margin-right: 8px;
padding: 2px 10px 4px 8px;
}
.prevnext a {
color: #40340C;
text-decoration: none;
}
.prevnext a:hover {
background: #dfc160;
}
button.prev { background-color: #f5e7bc; cursor: pointer; }
button.next { background-color: #f5e7bc; cursor: pointer; }
/* ------------- SIDEBAR ----------------- */
.sidebar {
background-color: #dfc160;
}
.sidebar h3 {
margin:24px 0 0 16px;
}
.sidebar h3 a {
color:black;
}
.sidebar ol {
margin:0;
}
.sidebar li {
margin:0px;
padding: 4px 4px 4px 4px;
font-weight: normal; /* same as ".sectionnav li a {}" */
color: #40340C; /* same as ".sectionnav li a {}" */
}
.sidebar li a {
color: #40340C; /* same as ".sectionnav li a {}" */
text-decoration:none;
}
.sidebar li.current {
background-color: white; /* current item looks like a tab, connecting into body content */
border: 1px solid #40340C;
border-right: none;
}
/* ------------- PAGE CONTENTS ----------- */
#toc,
.toc {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 90%;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
/* Image with caption - on right side with text flow around image+caption box */
div.imagewithcaptionright {
/*clear: right;*/
float: right;
position: relative;
margin: 0 0 .5em 2em;
border: 0;
}
div.imagewithcaptionright img {
/* For ![]()
inside this box, remove previous margin/padding for proper text flow and spacing */
margin: 0;
padding: 0;
}
/* Image with caption - centered within page, no text flow around it, default 600px image width */
div.imagewithcaptioncenter {
width: 600px;
margin-left: 60px;
text-align:left;
}
div.imagewithcaptioncenter img {
margin: 0;
padding: 0;
}
/* ------------- FOOTER ------------------ */
#footer {
background-color:#dfc160;
}
#lastupdate {
border-top: 1px solid #40340C;
}
.vbl {
font-size: larger;
font-style: italic;
}