/* 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: #666633;
background: #fdfaff url(images/css/BG_body.jpg);
}

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.05em/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-stretch: condensed; }

li a, p a, li li, h1, h2, h3, h4 {
font-size: 1.035em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #cc3300; }

a {
text-decoration: none;
color: #cc3300;
font-weight: bold; }

a:visited {
color: #737326;
}

a:hover {
color: #BFBF3F;
font-weight: bold; }


}

abbr, acronym {
cursor: help;
}

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


/* CONTAINER RULES */

#containerHeader {


margin: 4em 0em 0em 4em;
width: 72.5em;
}

#containerHeader h1 {
position: relative;
left: 42px;
top: -15px;
padding-top: 200px;
overflow: hidden;
background: url("images/css/bodyBkgrd.jpg") no-repeat;
height: 0;
}

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

#container {


margin-left: 4em;
padding: 0 5.5em 0 3.5em;
width: 63.5em;
}

/* MAIN CONTENT RULES */

#content {
width: 585px;

background: #ffffff;
border-left: 2px #cc9966 solid;
border-top: 2px #cc9966 solid;
border-right: 2px #cc9966 solid;
border-bottom: 2px #cc9966 solid;
}

/* CONTENT TITLE */



/* CONTENT SUBSECTIONS AND DATES */

#content h3 {
color: #666666;
text-transform: uppercase;
font: bold 1em Verdana, Helvetica, Arial, sans-serif;
padding: 0em 1.3em .25em 1.3em;
margin-top: .5em;
}

#content h4 {
color: #666666;
font: bold 1.1em Verdana, Helvetica, Arial, sans-serif;
padding: 0.2em 1.5em 0.5em 1.5em;
}

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

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

#content pre {
overflow: auto;
padding: .6em;
font: 1em Verdana, Helvetica, Arial, sans-serif;
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: #332924;
text-align: right;
border-top: 0.1em solid #2E2520;
border-bottom: 0.1em solid #42352E;
color: #987A3D;
background-image: url(images/css/sidebarBkgrd.jpg); }

#content blockquote {

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: .5em .5em .5em .5em;
position: inherit;
float: left;
clear: left; }



/* SIDEBAR GENERIC RULES */

#sidebar {
color: #ffffcc;
background: #eab215 url(images/css/sidebarBkgrd.jpg) repeat top right;
float: right;
width: 13.4em;
 }

#sidebar h2 {

padding-top: 1ex;
overflow: hidden;
width: 100%;
height: 0;
}

#sidebar h3 {
color: #ffff99;
text-transform: lowercase;
font: normal 1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: right;
padding: 1em .6em .2em 1em;
}

#sidebar div {
border-top: 1px #42352E solid;
border-bottom: 1px #2E2520 solid;
padding: 1.4em 1.5em 1.2em 1.5em;
background-color: #999933;
}

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

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

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

/* SIDEBAR NAVIGATION */

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

#navigation ul li {
text-transform: lowercase;
border-top: 1px solid #42352E;
border-bottom: 1px solid #2E2520;
font-size: 1.025em;
font-weight: bolder; }

#navigation ul li a {
background: #999933;
font-weight: lighter;
display: block;
padding: 0.4em 0.9em;

color: #ffff99;
width: auto;
}

#navigation ul li a:hover {
color: #ffff99;

background: #fafdf8 url(images/css/sidebarBkgrd2.jpg);
}

/* SIDEBAR ELSEWHERE */

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

/* SIDEBAR GEEKERY */

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

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

#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/sidebarBkgrd.jpg) no-repeat bottom right;
}

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/sidebarBkgrd.jpg) no-repeat bottom left;
}

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

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

/* 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;
}