/* 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%;
background: #cccccc;
}


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;
background-color: #cccccc;}

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


a {
text-decoration: none;
color: #000000;
background-color: #999999;}

a:visited {
color: #000000;
}

a:hover {
color: #ff3300;
}

/* 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 {
background: repeat-x top right;
margin: 2.5em 0em 0em 1.5em;
width: 72.5em;
color: #ada7a4;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

#containerHeader h1 {
position: relative;
left: +1px;
top: -45px;
padding-top: 85px;
overflow: hidden;
background: #cccccc url(images/css/HDR_1_yoursite.gif) no-repeat;
height: 0;
text-align: left;}


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

#container {
margin-left: 2em;
width: 63.5em;
color: #000000;
text-align: justify;}


/* MAIN CONTENT RULES */

#content {
width: 43.2em;
background: #cccccc;
color: #000000;
text-align: justify;
border-left: 1px solid #261F1B;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-right: 1px solid #261F1B;}


/* CONTENT TITLE */

#content h2 {
overflow: hidden;
width: 100%;
border-bottom: 1px #42352E;
height: 0;
color: #cccccc;}


/* CONTENT SUBSECTIONS AND DATES */

#content h3 {
color: #000000;
text-transform: uppercase;
font: bold 1em Verdana, Helvetica, Arial, sans-serif;
padding: 1em 1.3em 0.8em 1.3em;
text-align: center;
background-color: #999999;
border-top: 1px solid;
border-right: 0px solid;
border-bottom: 1px solid;}


#content h4 {
color: #000000;
font: bold 1.1em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
padding: 0.2em 1.5em 0.5em 1.5em;
background-color: #cccccc;
border-right: 0px solid;}

#content .date {
padding: 1em 1em 0.8em 1em;
font: bold 1em/1.25em Verdana, Helvetica, Arial, sans-serif;
color: #000000;
display: block;
float: right;
text-align: center;}


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

#content p {
padding: 0em 1.5em .6em 1.5em;
background-color: #cccccc;
border-left: 1px #332924;
border-right: 0px solid;
color: #000000;
margin-top: 1.2em;
text-align: justify;}

#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: #575757;
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-bottom: 2.1em;
padding-top: .5em;
padding-bottom: .7em;
background-color: #a8a8a8;
text-align: right;
border-top: 0.1em solid #2E2520;
border-bottom: 0.1em solid #42352E;
color: #000000;
border-right: 0px solid;}

#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;
float: left;
text-align: justify;}

/* SIDEBAR GENERIC RULES */

#sidebar {
color: #999999;
float: right;
width: 19.4em;
}


#sidebar h2 {
overflow: hidden;
width: 100%;
height: 0;
}

#sidebar h3 {
color: #000000;
text-transform: uppercase;
font: bold 1em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
padding: 1em .6em .2em 1em;
border-left: 1px solid;
border-right: 2px solid;
border-top: 1px solid;
background-color: #999999;}


#sidebar div {
border-top: 0.1em solid #42352E;
border-bottom: 0em #2E2520 solid;
padding: 1.4em 1.5em 1.2em 1.5em;
background-color: #999999;
color: #000000;
border-left: 1px solid;
font-style: italic;
border-right: 2px #000000 solid;
text-align: justify;}

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

#sidebar div p {
font-size: 0.95em;
background-color: #999999;}

#sidebar ul {
list-style-type: none;
color: #000000;
font-weight: bold;
font-size: 12px;
background-color: #999999;}

/* SIDEBAR NAVIGATION */

#sidebar #navigation ul {
}

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

#navigation ul li a {
background: #515151;
font-weight: bold;
display: block;
padding: 0.2em 0.5em;
border-right: .2em solid #000000;
border-left: .1em #000000 solid;
color: #ffdf52;
width: auto;
}


#navigation ul li a:hover {
color: #2d2c2c;
border-right-color: #D59C23;
border-left-color: #3B2F29;
background: #999999;
text-align: left;}


/* SIDEBAR ELSEWHERE */

#elsewhere ul li {
font-size: .95em;
padding-bottom: .1em;
background-color: #999999;
color: #cccccc;}

/* SIDEBAR GEEKERY */

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

#geekery ul li {
display: inline;
color: #999999;}

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

/* BOTTOM DECORATIONS FOR CONTENT AND SIDEBAR */

#sidebar div.bottomcap, #content div.bottomcap {
border: none;
padding: 0;
text-align: center;
}

div.bottomcap a {
text-decoration: none;
font: 0.95em "Bitstream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0em 0px 0em 0px;
padding: 0.2em 0 0.2em 10px;
display: block;
color: #000000;
border: #000000;
border-top: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
border-left: 1px solid;}

}


/* PAGE FOOTER */

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

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

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