/* Wake up. Smell the coffee. */

/* Modified for armourandsoftskin 

------------------------------------------------------
Copyright Alessandro Burato,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

Modified for armourandsoftskin by Robert Soar



------------------------------------------------------

*/


/* GLOBAL RULES */

body {
font-size: 75%;
color: #e5e5e5;
background: #000;

}

body, div, blockquote, p, a, td, tr, ul, li, img, h1, h2, h3, h4, pre, noscript {
/* Removes any browser dependant defaults */
margin: 0; padding: 0; border: none; text-indent: 0; 
}

p, td, li {
font: 1.1em/1.25em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
text-align: left;
}

li a, p a, li li, h1, h2, h3, h4 {
font-size: 1em;
}

a {
text-decoration: none;
color: #dada46;
}

a:visited {
color: #959531;
}

a:hover {
color: #f7f751;
}

/* Marks external links, a nice touch of advanced CSS, does nothing on IE */

a.ext:before {
content: "\BB\A0";
}

abbr, acronym {
cursor: help;
}

.hidden, hr {
/* we really want h-rulers only for browsers who don't understand CSS */
display: none;
}


/* CONTAINER RULES */

#containerHeader {
border-left: 4px solid #000;
background: #000;
margin: 6em 0 0 4em;
width: 72.5em;
}

#containerHeader h1 {
position: relative;
left: 30px;
top: -45px;
padding-top: 90px;
overflow: hidden;
background: url("images/header.gif") no-repeat;
height: 0;

}

#containerHeader p { 
color: #000;
margin: -50px 0 0 40px;
padding-bottom: 2.5em;
}

#container {
background: #000;
border-left: 4px #000 solid;
margin-left: 4em;
padding: 0 5.5em 0 3.5em;
width: 63.5em;
}

#containerImagev {
background: #000;
border-left: 1px #000 solid;
margin-left: 84px;
padding: 0 0.0em 0 0.0em;
width: 500px;
height: 550px;
}

#containerImageh {
background: #000;
border-left: 1px #000 solid;
margin-left: 1px;
padding: 0 0.0em 0 0.0em;
width: 600px;
height: 383px;
}

/* MAIN CONTENT RULES */

#content {
width: 43.2em;
background: #000;
}

/* CONTENT TITLE */

#content h2 {
/* background:  url("images/css/HDR_2_home.gif") top right no-repeat; */
background: #000;
padding-top: 41px;
overflow: hidden;
width: 100%;
margin-bottom: 1.8em;
border-bottom: 1px solid #000;
height: 0;
}

/* CONTENT SUBSECTIONS AND DATES */

#content h3 {
color: #D59C23;
text-transform: uppercase;
font: bold 1.25em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
padding: 0 1.3em 0.8em 1.3em;
margin-top: 1em;
}

#content h4 {
color: #D59C23;
font: bold 1.1em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
padding: 0.2em 1.5em 0.5em 1.5em;
}

#content .date {
padding: 0 1em 0.8em 1em;
font: bold 1.25em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
color: #000000;
display: block;
float: right;
}

#content ul {
list-style-type: square;
padding: 0 2.4em .6em 5em;
}

#content p {
padding: 0 2.4em .6em 2.4em;
}

#content pre {
overflow: auto;
padding: .6em;
font: 1em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0.6em 3.5em 1.0em 3.5em;
color: #967f54;
background: #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}


#content p.byline {
font-size: 0.95em;
margin-top: .8em;
margin-bottom: 2.1em;
padding-top: .5em;
padding-bottom: .7em;
background-color: #000;
text-align: right;
border-top: 0.1em solid #000;
border-bottom: 0.1em solid #000;
color: #987A3D;
}

#content blockquote {
background: #000;
padding: 10px 47px 0 47px;
margin: 0.1em 1.5em 1.2em 2.5em;
}
#content blockquote p {
text-align: justify;
padding-left: 0;
padding-right: 0;
color: #967F54;
}

#content img {
margin: 0.2em 1em 0.2em 2.7em;
clear: left;
float: left;
}



/* SIDEBAR GENERIC RULES */

#sidebar {
color: #967f54;
/* background: url("images/css/BG_cap_N.gif") #332924 top right no-repeat; */
background: #000;
float: right;
width: 14.4em;
}

#sidebar h2 {
/* background: url("images/css/HDR_2_bside.gif") top left */
background: #000;
padding-top: 41px;
overflow: hidden;
width: 100%;
height: 0;
}

#sidebar h3 {
color: #bfbf3f;
text-transform: uppercase;
font: bold 1em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
text-align: left;
padding: 1.5em .6em .2em 1em;
}

#sidebar div {
border-top: 0.1em solid #000;
border-bottom: 0.1em solid #000;
padding: 1.4em 1.5em 1.2em 1.5em;
background-color: #000;
}

#sidebar div div, div#navigation {
border: none;
padding: 0;
background-color: #000;
}

#sidebar div p {
font-size: 0.95em;
padding-bottom: .6em;
}

#sidebar ul {
list-style-type: none;
}

/* SIDEBAR NAVIGATION */

#sidebar #navigation ul {
margin-top: 2em;
}

#navigation ul li {
text-transform: uppercase;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#navigation ul li a {
background: #000;
font-weight: bold;
display: block;
padding: 0.4em 0.9em;
border-right: .6em solid #000;
border-left: .6em solid #000;
color: #BFBF3F;
width: auto;
}

#navigation ul li a:hover {
color: #D59C23;
border-right-color: #000;
border-left-color: #000;
background: #000;
}

/* SIDEBAR ELSEWHERE */

#elsewhere ul li {
font-size: .95em;
padding-bottom: .5em;
}

/* SIDEBAR GEEKERY */

#sidebar div#geekery ul {
text-align: left;
}

#geekery ul li {
display: inline;
}

#geekery ul img {
padding: 3px 1px;
}

/* BOTTOM DECORATIONS FOR CONTENT AND SIDEBAR */

#sidebar div.bottomcap, #content div.bottomcap {
border: none;
padding: 0;
margin: 2.6em 0 0 0;
text-align: center;
background: url("images/css/BG_cap_S.gif") bottom right no-repeat;
}

div.bottomcap a {
text-decoration: none;
font: 0.95em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0 10px 0 0;
padding: 0.2em 0 0.2em 10px;
display: block;
background: #000;
}

div.bottomcap a:visited {
color: #BFBF3F;
background: #000;
}

div.bottomcap a:hover {
text-decoration: none;
color: #D59C23;
background: #000;
}

/* PAGE FOOTER */

div#footer {
padding: 2.5em 1.5em 1.5em 1.5em;
clear: both;
}

#footer p {
font-size: 0.95em;
text-align: center;
}

#footer img {
margin: 0; padding: 0;
vertical-align: middle;
margin-right: .7em;
}

/* COMMONS */

div#commons {
padding: 2.5em 1.5em 1.5em 1.5em;
clear: both;
}

#commons p {
font-size: 0.95em;
text-align: center;
}

#commons img {
margin: 0; padding: 0;
vertical-align: middle;
margin-right: .7em;