@import url("base.css");

/* ---- GLOBALS ---- */
body { background:#111; color:#666 }

/* ---- HEADER ---- */
#header { background:#FF6600 url("/img/shell/headerF.png") no-repeat; }
#header .logo { background:url("/img/shell/logo.png") no-repeat; cursor:pointer; height:65px; right:44px; position:absolute; text-indent:-9000px; bottom:44px; width:230px }

/* ---- COLUMNS ---- */
#layout-wrapper { background:#EEE url("/img/shell/faux-columns.png") repeat-y }
#content { padding:18px 30px 50px 50px; width:370px }
#content-alt { padding:18px 0 50px 0; width:750px }
#rail { padding:18px 50px 50px 20px; width:230px; position:relative }

/* ---- FOOTER ---- */
#footer { background:#000; color:#CCC }
#propaganda-menu { font-size:0.9em; position:absolute; left:120px; top:5px }
#propaganda-menu li { border-right:1px solid #666; float:left; padding:0 5px }
#propaganda-menu li.last-child { border:none; padding-right:0 }

/* ---- MENUS ---- */
/* main-menu */
.main-menu { color:#FFF; font-size:12px; position:absolute; left:50px; bottom:18px }
.main-menu li { border-right:1px solid #FFA859; float:left; padding:0 12px }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#FFF; text-decoration:none }
.main-menu a.active { font-weight:700 }
.main-menu a:hover { color:#FFF; text-decoration:underline }

/* ---- STYLES ---- */
h2 { color:#000; font-size:1.5em; font-weight:400; line-height:1.2em; padding: 0 0 18px 0 }
.pad { padding-left:10px }
h3 { color:#FF7B09; padding-bottom:20px }
p { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.8em; padding:  0 0 18px 0  }
.contact-header { color:#333; font-size:1.3em; font-weight:700; line-height:1.8em }

#wrapper a, #footer a { color:#F60; text-decoration:underline }
#wrapper a:hover, #footer a:hover { text-decoration:none }

.highlight { color:#F60 }
strong { color:#333 }

.rule { border-bottom:1px dashed #DDD }

.pad { padding-top:18px }
.pad-right { padding-right:18px }
.pad-right-alt { padding-right:7px }
.line-height { line-height:1.2em }

.small { font-size:0.8em }

.no-pad-bottom { padding-bottom:0 }

.large { font-size:1.2em }

.hr { border-bottom:1px solid #CCC; clear:both; display:block; margin:20px 0; width:100% }

/* Lists */
.about-list { padding:0 0 18px 214px }
.about-list li { font-size:0.9em; line-height:1.4em } 

.blank-list { padding:0 0 18px 0 }
.blank-list li { font-size:0.9em; line-height:1.8em }

.unordered-list { padding:0 0 18px 20px }
.unordered-list li { font-size:0.9em; line-height:1.8em; list-style:url("/img/shell/bullet.png") }

div.image { font-style:italic; float:left; margin-right:25px; width:90px; height:105px }
div.image p { line-height:1.2em }
div.image h3 { color:#BBB; font-size:4em; padding-bottom:5px }
#wrapper div.image a { color:#000; text-decoration:none }

#img-content { background:url("/img/shell/img-content.jpg") no-repeat; height:280px; left:0; top:0; width:450px } 
#img-rail { background:url("/img/shell/img-rail.jpg") no-repeat; height:280px; left:0; position:absolute; text-indent:-9000px; top:-280px; width:350px }
#img-full { background:url("/img/shell/img-full.jpg") no-repeat; height:280px; left:0; top:0; width:750px } 

/* Profiles */
div.profile { height:210px }
div.profile li.pad { padding-top:4px }

/* MICROFORMAT */
.vcard {  }
.vcard .org { color:#750C09; font-weight:700 }
.vcard .adr span {  }