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

/* Global */
body { background:#FFF url("/images/bodyF.png") repeat-x; color:#333; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
#layout-wrapper { background:#FFF; width:990px }
#wrapper { padding:0 265px 0 0; width:725px }
#content { background:url("/images/contentF.png") no-repeat right top; padding:0 30px 0 0; width:695px }
#rail { margin-right:-265px; padding:0 15px 0 0; width:250px }
#header { background:url("/images/headerF.jpg") no-repeat; height:170px }
#header .logo { height:140px; left:250px; top:15px; width:470px }
#footer { color:#333; padding:10px 0 0 0 }

/* Main */
.main-menu { top:140px; left:0 }
.main-menu li { border:none; float:left; padding:0 1px 0 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 7px }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#FFF; font:400 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; height:20px; padding:4px 22px 6px 15px }
.main-menu a:hover { background-position:left -30px; text-decoration:none }
.main-menu a:hover span { background-position:right -30px; color:#E67401 }
.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:#784183 }
.main-menu a.active:hover { text-decoration:none }

/* Theme */
.deco-default { background:url("/images/deco-default.jpg"); display:block; width:990px; height:150px }
p { font-size:1.1em; line-height:1.4em }
a.textlink, .redcloth a, ul.plainlist li a { color:#8E51A6; text-decoration:underline }
a.textlink:hover, .redcloth a:hover, ul.plainlist li a:hover { background-color:#8E51A6; color:#FFF; text-decoration:none }
h2 { color:#8E51A6; }
.highlight { color:#8E51A6 }

/* Content */
#content h2 { border-bottom:none; font-size:2.8em; font-weight:700; letter-spacing:-0.03em }
#content h3 { color:#8E51A6; font-size:2em; font-weight:400; letter-spacing:-0.03em }
#content h3.border { border-bottom:1px solid #E0E0E0; margin-bottom:20px }

.illustration { float:left; height:190px; margin:3px 20px 18px 0; width:144px; text-indent:-9999em; clear:both }
.vivienne { background:url("/images/illustration-vivienne.jpg") }
.candice { background:url("/images/illustration-candice.jpg") }
#content .last-child { margin-bottom:50px}

/* Articles */
.article-wrapper .entry, .entry { background:#FFF; border-bottom:1px solid #E0E0E0; padding:0 0 20px 0 }

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

/* Image Wrapper */
.image-wrapper ul { padding-top:20px }
.image-wrapper ul li img { float:left; padding:0 10px 10px 0 }

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

/* Rail */
#rail h2 { margin-bottom:10px }
#rail .banner a { cursor:pointer; display:block; text-indent:-9999em; height:111px; width:250px }
.primary a { background:url("/images/banner-primary.jpg") no-repeat left top }
.browse a { background:url("/images/banner-browse.jpg") no-repeat left top }

#rail .panel { background:#E1E1E1 url("/images/rail-panelT.png")no-repeat top left; width:250px; padding-bottom:0; margin-bottom:10px }
#rail .panel .body { padding:1px 20px 0 }
#rail .panel .footer { background:url("/images/rail-panelB.png") no-repeat bottom left; height:20px }
#rail .panel h2 { margin-top:10px }

/*.first-child { margin-left:-20px }*/

.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #CCC; 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; text-decoration:none }
.rail-menu a { width:100% }
.rail-menu a span { color:#693269; font-weight:400; height:25px; line-height:25px; padding:1px 0 0 2px }
.rail-menu a:hover { background-color:#8E51A6 }
.rail-menu a:hover span { color:#FFF; font-weight:400 }
.rail-menu li.active a span { background-color:#8E51A6; color:#FFF; font-weight:700 }