@import url("base.css");

/* ---- GLOBALS ---- */
body { background:#FFF url("/img/shell/bodyF.png") repeat-x; color:#444 }
/* ---- HEADER ---- */
#header { background:url("/img/shell/headerF.png") repeat-x }
#header .logo { background:url("/img/shell/logo.png") no-repeat; cursor:pointer; height:85px; left:10px; position:absolute; text-indent:-9000px; top:0; width:290px }
#header .the-look-deco { background:url("/img/shell/theLook.png") no-repeat; height:130px; position:absolute; right:0; top:0; width:360px }
/* ---- COLUMNS ---- */
#wrapper { background:url("/img/shell/columnF.png") repeat-x left top; border-top:2px solid #AD200C; }
#layout-wrapper { background:#FFF url("/img/shell/bullseye.png") no-repeat right bottom; border:1px solid #CDCCC4; border-top:none; border-bottom:none }
#content { padding:10px 20px 0; width:750px }
#rail { padding:10px; width:180px }
/* ---- FOOTER ---- */
#footer { background:url("/img/shell/footerF.png") repeat-x; color:#444 }
#propaganda-menu { font-size:0.9em; position:absolute; left:5px; top:15px }
#propaganda-menu li { border-right:1px solid #CCC; float:left; padding:0 5px }
#propaganda-menu li.last-child { border:none; padding-right:0 }
/* ---- MENUS ---- */
/* main-menu */
.main-menu{bottom:15px;left:20px;position:absolute}
.main-menu ul{list-style:none}
.main-menu li{float:left}
.main-menu a{background:transparent url("/img/shell/mainNavL2.png") no-repeat left top;color:#696559;cursor:pointer;display:block;float:left;padding-left:6px;text-decoration:none}
.main-menu a span{background:transparent url("/img/shell/mainNavR1.png") no-repeat right top;display:block;float:left;font-weight:700;padding:12px 16px 10px 3px}
.main-menu a.first-child{background:transparent url("/img/shell/mainNavL1.png") no-repeat left top}
.main-menu a.first-child span{padding-left:3px}
.main-menu a.last-child span{background:transparent url("/img/shell/mainNavR2.png") no-repeat right top}
.main-menu a:hover{background-position:left -50px}
.main-menu a:hover span{background-position:right -50px;padding-bottom:14px;padding-top:8px}
.main-menu a.active{background-position:left -100px;color:#FFF}
.main-menu a.active span{background-position:right -100px;padding-bottom:14px;padding-top:8px}
.main-menu a.active:hover{background-position:left -100px}
.main-menu a.active:hover span{background-position:right -100px}
/* ---- STYLES ---- */
h2, h3 { color:#009; font:400 1.7em/1.2em Georgia, "Times New Roman", Times, serif }
h3 { color:#333; font-size:1.4em }
a.textlink { color:#900; padding:1px; text-decoration:underline }
a.textlink:hover { background-color:#900; color:#FFF; text-decoration:none }
.plainlist { }
.plainlist li { line-height:1.5em; padding:0 0 0 12px; background:url("/img/shell/libullet.png") no-repeat 0 0.5em }
.button-submit { background:url("/img/shell/button-submit.png") no-repeat; border:none; height:30px; padding:0; text-indent:-9000px; width:80px }

/* ---- OLD STYLES ---- */
dl.contact{margin-bottom:40px;margin-left:20px}
dl.contact dt{font-weight:700;padding-bottom:3px}
dl.contact dd{margin-bottom:10px}
#rail h2,#content h2{color:#151F3F;margin:0 0 0.5em}
#rail h3,#content h3{color:#AD200C;margin:0 0 0.5em}
#rail div.panel{background:#F9F9F9 url("/img/shell/panelF.png") repeat-x;border:1px solid #A6A5A0;padding:5px 10px}
.blogSections ul,#rail ul{line-height:1em;list-style-type:none;margin-bottom:1.2em;margin-left:10px}
.blogSections ul li,#rail ul li{background:transparent url("/img/shell/liBullet.png") no-repeat 0 0.5em;line-height:1.2em;margin-bottom:0.2em;padding:2px 2px 2px 15px}
.blogSections a,#rail a{border-bottom:1px solid #AD200C;color:#696559;padding-bottom:1px}
.blogSections a:hover,#rail a:hover{border-bottom:1px solid #AD200C;color:#AD200C}
#blogEntries ul{margin-left:0}
#blogEntries ul li{background:url("none");border:1px solid #DFDFDF;float:left;height:14.5em;list-style:none;margin:0 5px 5px 0;overflow:hidden;padding:5px 0 0;text-align:center;width:178px}
#blogEntries ul li a{border-bottom:none;color:#696559;text-decoration:none}
#blogEntries ul li a img{border:4px solid #CDCCC4;display:block;margin:0 auto 0.3em;text-align:center}
#blogEntries ul li a:hover{border-bottom:none;color:#AD200C}
#blogEntries ul li a:hover img{border-color:#AD200C}

/* ---- MICROFORMATS ---- */
/* hCard */
.vcard { line-height:1.5em }
.vcard .org { color:#009; font-weight:700 }
.vcard .adr span { display:block }
.vcard .contact-details { padding:10px 0 0 }
.vcard .type, .vcard .label { display:block; float:left; font-weight:700; width:100px }
/* ---- BOTTOM SPACER ---- */
h2, h3, p, .plainlist, .vcard { margin-bottom:10px }
#content h2 { padding:0 0 10px }
/**/