@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

/* Global */
body { background:#CCC url("/images/bodyF.png") repeat-y center top; color:#555; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
#layout-wrapper { width:990px }
#wrapper { padding:0 315px 0 0; width:675px }
#content { background:url("/images/contentF.png") no-repeat; padding:62px 16px; width:688px }
#rail { margin-right:-315px; padding:10px 0; width:270px }
#header { background:url("/images/headerF.jpg") no-repeat; height:330px }
#header .logo { height:140px; top:15px; width:240px; left:10px }
#footer { color:#333; padding:10px 0 0 25px }

/* Main */
.main-menu { top:250px; left:480px }
.main-menu li { border:none; float:left; padding:0 }
.main-menu li.spacer { padding:0 }
.main-menu a, .main-menu a span { cursor:pointer; display:block; float:left }
.main-menu a { background:url("/images/main-menuL.png") no-repeat left top; padding:0 0 0 5px }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#333; font:400 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; height:20px; padding:4px 7px 6px 2px }
.main-menu a:hover { text-decoration:none; background-position:left -30px }
.main-menu a:hover span { color:#6CC; background-position:right -30px; color:#D11804 }
.main-menu a.active, .main-menu a.active:hover { background-position:left -30px }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -30px; color:#009 }
.main-menu a.active:hover { text-decoration:none }

/* Theme */
h2 { color:#009 }
h3 a, .entry h3 a { color:#037909 }
h3 a:hover, .entry h3 a:hover { background:#037909; color:#FFF; padding:0 1px }
p, #content ul { line-height:1.4em; font-size:1.2em }
a.textlink, .redcloth a, ul.plainlist li a { color:#D21704; text-decoration:underline }
a.textlink:hover, .redcloth a:hover, ul.plainlist li a:hover { background-color:#D21704; color:#FFF; text-decoration:none; padding:0 1px }
ul.plainlist li, #rail ul.plainlist li { background-image:url("/images/libullet.png"); font-size:1.1em; padding-left:15px }

/* Content */
#content h2 { border-bottom:1px solid #E2E2E2; font-size:2.5em }
#content h3 { color:#009 }

/* Form */
fieldset.content-form dt { width:180px }
fieldset.content-form .actions, fieldset.content-form h3  { margin-left:190px }
fieldset .actions button { background:#000; border:none; cursor:pointer; padding:0; text-indent:-9999em }
fieldset .actions button.submit { background:url("/images/button-submit.png") no-repeat; height:30px; width:90px }
fieldset .actions button.submit:hover { background-position: left -30px }

/* Rail */
#rail h2 { color:#D21704 }
#rail .banner a { text-indent:-9999em; width:254px; display:block; margin-bottom:1px }
.net-age a { background:url("/images/banner-net-age.png") no-repeat left top; height:150px }
.report a { background:url("/images/banner-report.png") no-repeat left top; height:90px }

#rail .panel { background:#e2e2e2 url("/images/panel-railT.png") no-repeat left top; width:254px; padding-bottom:0; margin-top:2px; margin-bottom:2px }
#rail .panel .body { padding:1px 20px 0 }
#rail .panel .footer { background:url("/images/panel-railB.png") no-repeat bottom left; height:20px }

.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #CCC; width:210px }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { width:100% }
.rail-menu a span { color:#009; font-weight:700; height:28px; line-height:2em; padding:1px 0 0 1px }
.rail-menu a:hover { background-color:#009 }
.rail-menu a:hover span { color:#FFF; font-weight:700 }
.rail-menu li.active a span { background-color:#009; color:#FFF; font-weight:700 }

/* Articles */

.article-wrapper h3 a { color:#009; padding:1px; text-decoration:underline }
.article-wrapper h3 a:hover { background:#009; color:#FFF; text-decoration:none }
.article-wrapper .entry { background:#FFF; border-bottom:1px solid #e2e2e2; padding:0 0 10px }

/* Vcard */
.vcard dt { font-weight:700 }

/* Spacing */
h2 { margin-bottom:20px }
#rail h2 { padding-bottom:15px }
fieldset.content-form { padding-bottom:15px }