/* Wake up. Smell the coffee. */

/*

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

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This style sheet makes use of an image replacement
technique. If you want to use this technique you'll need to
create your own versions of HDR_1_yoursite.gif and
HDR_2_home.gif. The fonts used for these were found on
http://www.dafonts.com and www.robotjohnny.com

2. If you don't want to use this technique, you'll need to
make some adjustments to the style sheet to make the
h1 and h2 elements appear as actual text.

3. You can find an explanation for the image replacement
technique used in this template here:
http://www.kryogenix.org/code/browser/lir/

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

*/


/* GLOBAL RULES */

body {
font-size: 75%;
color: #C6AA70;
/* background: #261F1B url("images/css/BG_body.gif");
*/
background-color: #5f1f01; }

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: #fbe804;
}

a:visited {
color: #272e36;
}

a:hover {
color: #BFBF3F;
border: 1px #fbe804 dotted; }

/* 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 #261F1B;
/* background: url("images/css/BG_containerHeader_NE.gif") top right repeat-x; */
margin: 6em 0 0 4em;
width: 72.5em;
background-color: #272e36; }

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

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

#containerHeader img {
}

#container {
/* background: url("images/css/BG_container_NE.gif") top right repeat-y; */
border-left: 4px solid #261F1B;
margin-left: 4em;
padding: 0 5.5em 0 3.5em;
width: 63.5em;
background-color: #272e36; }

/* MAIN CONTENT RULES */

#content {
width: 43.2em;
background: #5f1f01 url(images/css/BG_cap_N.gif) no-repeat top left;
}

/* CONTENT TITLE */

#content h1.title {
font-size: 1.5em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #dc7d03;
margin-bottom: 1em;
margin-left: .5em; }

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

/* CONTENT SUBSECTIONS AND DATES */

#content h3 {
color: #dc7d03;
text-transform: uppercase;
font: bold 1.25em "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
padding: 0 1.3em 0.8em 1.3em;
margin-top: 1em;
}

#content h4 {
color: #dc7d03;
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 Serif", Georgia, "Times New Roman", serif;
color: #dc7d03;
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 Mono", Monaco, "Courier New", monospace;
margin: 0.6em 3.5em 1.0em 3.5em;
color: #967f54;
background: #332924;
border-top: 1px solid #332924;
border-left: 1px solid #332924;
border-bottom: 1px solid #42352E;
border-right: 1px solid #42352E;
}

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

p.caption {
font-size: 1.5em;
text-align: center;
padding-bottom: .5em; }

p.nav a:link {
color: #dc7d03; }

p.nav {
text-align: center; }

#content blockquote {
background: url("images/css/qo.gif") top left no-repeat;
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;
margin-top: 1em;
margin-right: 1em;
margin-left: 1em; }

#content a:link img {
border: 2px #dc7d03 solid; }

#content td.caption {
text-align: center;
border-bottom: thin dotted;
padding-bottom: 1em; }

#content td.thumbnail {
text-align: center;
border: none;
border-top: thin dotted; }

/* SIDEBAR GENERIC RULES */

#sidebar {
color: #967f54;
background: #dc7d03 url(images/css/BG_cap_N.gif) no-repeat top right;
float: right;
width: 19.4em;
}

#sidebar h2 {
background: url("images/css/HDR_2_bside.gif") top left no-repeat;
padding-top: 41px;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #272e36;
height: 0;
}

#sidebar h3 {
color: #5f1f01;
text-transform: uppercase;
font: bold 1.25em "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
text-align: right;
padding: 1.5em .6em .2em 1em;
}

#sidebar div {
border-top: 0.1em solid #42352E;
border-bottom: 0.1em solid #2E2520;
padding: 1.4em 1.5em 1.2em 1.5em;
background-color: #596c06;
}

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

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

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

/* SIDEBAR NAVIGATION */

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

#navigation ul li {
text-transform: uppercase;
border-top: 1px solid #42352E;
border-bottom: 1px solid #2E2520;
}

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

#navigation ul li a:hover {
color: #7d1000;
border-right-color: #7d1000;
border-left-color: #7d1000;
background: #dc7d03;
 }

/* SIDEBAR ELSEWHERE */

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

/* SIDEBAR GEEKERY */

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

#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: url("images/css/BG_cap_S.gif") bottom left no-repeat;
}

div.bottomcap a:visited {
color: #BFBF3F;
color: #738a03; }

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

/* PAGE FOOTER */

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

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

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

div#footer a:visited {
color: #596c06; }