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

/* Global */
body { background:#FFF url("/images/bodyF.png") repeat-x; color:#212E37; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
#header { background:url("/images/headerF.png") no-repeat; height:140px }
#header .logo { height:140px; left:30px; top:15px; width:270px }
#wrapper { padding:0 270px 0 0; width:720px }
#layout-wrapper { background:url(/images/faux-columns.png) repeat-y }
#content { padding:0 20px 30px 0; width:700px }
#rail { margin-right:-270px; padding:0 0 0 1px; width:269px }
#footer { color:#002667; padding:0; width:990px }

/*Navigation*/
.main-menu { top:100px; left:1px }
.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:#2A4A5D; font:400 1.5em Arial, Verdana, Arial, Helvetica, sans-serif; height:20px; letter-spacing:-0.03em; padding:3px 15px 7px 10px; }
.main-menu a:hover, .main-menu a.active, .main-menu a.active:hover { background-position:left -30px; color:#FFF }
.main-menu a:hover span, .main-menu a.active span, .main-menu a.active:hover span { background-position:right -30px; color:#FFF }
.main-menu a.active:hover { text-decoration:none }

/* Theme */
h2, h3 { color:#E48E38; font-family:Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:2em; letter-spacing:-0.02em }
h3 { font-size:1.4em; font-weight:700 }
a.textlink, .redcloth a, .article-wrapper .entry h3 a { color:#2A4A5D }
a.textlink:hover, .redcloth a:hover, h3 a:hover, .article-wrapper .entry h3 a:hover { background-color:#2A4A5D; color:#FFF; text-decoration:none }
ul.plainlist { padding-bottom:16px }
ul.plainlist li { background-image:url("/images/libullet.png"); font-size:1.1em; padding:0 0 12px 12px; line-height:1.4em }
#deco-default { background-image:url("/images/deco-default.jpg"); display:block; height:170px; width:720px; margin:0 }

/* Content */
#content h2 { border-bottom-color:#DDD }
#content .panel { border-bottom:1px solid #DDD }

/* Article */
.article-wrapper .entry { background-color:#FFF; padding:0 0 10px }

/* Gallery */
.gallery-wrapper ul li { float:left; margin:0 10px 10px 0; padding:10px; text-align:center; width:145px }
.gallery-wrapper ul li a img { border:1px solid #FFF  }
.gallery-wrapper ul li a:hover img { border:1px solid #000 }

/* Form */
fieldset.content-form dt { width:240px }
fieldset.content-form .actions { margin-left:250px }
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 }

/* Articles */
.tagcloud-wrapper h2 { margin-top:-10px; padding-bottom:10px }

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

/* Rail */
#rail h2 { color:#FFF; font-size:1.6em }
#rail .banner a { cursor:pointer; display:block; width:269px; text-indent:-9999em; padding:0; }
.advice a { background-image:url("/images/banner-advice-primary.png"); height:170px }
.quote a { background-image:url("/images/banner-quote.png"); height:40px; margin:5px 0 }
#rail .panel { background:url("/images/rail-panelF.png") repeat-y; width:269px; padding-bottom:0; margin-bottom:10px }
#rail .panel .header { background:url("/images/rail-panelT.png") no-repeat top left; height:20px }
#rail .panel .body { padding:0 10px; margin-top:-10px }
#rail .panel .footer { background:url("/images/rail-panelB.png") no-repeat bottom left; height:20px }
.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #496B7C; width:100% }
.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:#FFF; height:25px; line-height:25px; padding:0 0 0 2px }
.rail-menu a:hover { background-color:#496B7C }
.rail-menu a:hover span { color:#FFF; font-weight:700 }
.rail-menu li.active a span { background-color:#172A35; color:#E48D37; font-weight:700 }



/* Spacing */
#content .panel { margin-bottom:20px; padding-bottom:10px }
fieldset.content-form { padding-top:20px }
.tagcloud-panel { margin-bottom:-20px }