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

/* main-layout */
body { background:#F8F8F8 url("/images/bodyF.png") repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#462B00 }
#header { background:url("/images/headerF.png") no-repeat; height:180px }
#header .logo { cursor:pointer; height:80px; left:0; position:absolute; text-indent:-9000px; top:20px; width:460px }
#wrapper { padding:0 315px 0 0; width:675px }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y }
#content { padding:0 50px 30px 50px; width:575px }
#rail { background:url("/images/railF.png") no-repeat left bottom; margin-right:-315px; padding:0; width:315px }
#footer { color:#333 }
#propaganda-menu { left:45px; top:5px }

/* main menu */
.main-menu { top:157px; left:10px  }
.main-menu li { border-right:1px solid #6C9643; float:left; padding:0 2px 0 2px }
.main-menu li.alt { border-right:none }
.main-menu li.secondary { border-right:1px solid #EA8C00 }
.main-menu li.last-child { border-right:none }
.main-menu li.spacer { padding:0 0 0 10px }
.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 1px 0 }
.main-menu a span { background:url("/images/main-menuR.png") no-repeat right top; color:#FFF; font:700 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; height:18px; padding:5px 32px 5px; text-transform:uppercase; letter-spacing:0.1em }
.main-menu a:hover { background-position:left -30px; text-decoration:none }
.main-menu a:hover span { background-position:right -30px; color:#FFC }
.main-menu a.active, .main-menu a.active:hover { background-position:left -60px; text-decoration:none }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -60px; color:#FFC }

/* secondary menu */
.secondary-menu { color:#462B00; position:absolute; right:30px; top:98px }
.secondary-menu li { border-right:1px solid #DDD; float:left; padding:0 5px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#462B00; letter-spacing:0.1em; text-decoration:none; text-transform:uppercase }
.secondary-menu a:hover, .secondary-menu a.active { color:#7DAD4E; text-decoration:none }
.secondary-menu a.active { font-weight:700 }

/* theme */
a.textlink, .redcloth a { color:#EA8C00 }
a.textlink:hover, .redcloth a:hover { background-color:#F90; color:#FFF }

/* content */
#content { color:#555 }
#content h2 { border-bottom:1px solid #E5E5E5; color:#7EAF30; font:400 1.9em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.1em; text-transform:uppercase }
#content h3 { color:#F90; font-size:1.6em; font-weight:400  }
#content h3 a { color:#F90; text-decoration:underline }
#content h3 a:hover { background-color:#F90; color:#FFF; text-decoration:none }
ul.plainlist li { background:url("/images/libullet.png") no-repeat left 8px }
.image { display:block; width:170px; height: }

/* articles */
.article-wrapper h3 { padding-top:0 }
.article-wrapper h3 a { color:#333; padding:1px; text-decoration:underline }
.article-wrapper h3 a:hover { background:#333; color:#FFF; text-decoration:none }
.article-wrapper .entry { background:transparent; border-bottom:1px solid #DDD; padding:0 0 10px }

.jobs-wrapper .job { border-bottom:1px solid #7BAA4C; padding:0 0 10px }
.jobs-wrapper .action-back { padding-bottom:10px }

/* banners */
#call-to-action-cv, 
#call-to-action-recruiting { float:left; text-indent:-9999em }
#call-to-action-cv a { background:url("/images/call-to-action-job-hunting.png"); display:block; height:220px; margin:0 0 0 -50px; width:330px }
#call-to-action-recruiting a { background:url("/images/call-to-action-recruiting.png"); display:block; height:220px; margin:0 -50px 0 0;  width:345px }

#rail .banner a { display:block; margin:0; text-indent:-9999em; width:315px; height:141px }
.academy { background:url("/images/rail-banner-academy.png") no-repeat }
.testimonials { background:url("/images/rail-banner-testimonials.png") no-repeat }
.cv { background:url("/images/rail-banner-cv.png") no-repeat }
.recruiting { background:url("/images/rail-banner-recruiting.png") no-repeat }

/* rail */
#rail h2 { color:#FF9 }
#rail .panel-form { background:url("/images/rail-form-panel.png"); display:block; height:182px; padding:38px 30px 0 }
.panel { background:#7DAD4E; display:block }
.panel .body { background:#7DAD4E url("/images/rail-panel-greenH.png") no-repeat left top; padding:20px 30px 10px }
.panel .footer { background:url("/images/rail-panel-greenF.png") no-repeat left top; display:block; height:17px; margin-bottom:-40px }
.panel-alt { background:#FF9900; display:block  }
.panel-alt .body { background:#FF9900 url("/images/rail-panel-orangeH.png") no-repeat left top; padding:20px 30px 10px }
.panel-alt .footer { background:url("/images/rail-panel-orangeF.png") no-repeat left top; display:block; height:17px; margin-bottom:-10px }


.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #79B737; width:260px }
.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:#462B00; font-weight:400; height:28px; line-height:2em; padding:1px 0 0 10px }
.rail-menu a:hover { background-color:#79B737 }
.rail-menu a:hover span { color:#FF9; font-weight:700 }
.rail-menu li.active a span { background-color:#D6B57F; color:#462B00; font-weight:700 }
.rail-menu.alt li { border-color:#FFA600 }
.rail-menu.alt a:hover span { color:#FF9 }
.rail-menu.alt li.active a span, .rail-menu.alt a:hover span { background-color:#FFA600 }

/* forms */
#content fieldset dt { display:block; float:none; text-align:left }
#content fieldset dt { width:95% }
.submit { background:url("/images/button-submit.png"); border:none; cursor:pointer; height:26px; text-indent:-9999em; width:80px }
#rail fieldset div.block { margin-left:-82px } 
#rail fieldset .submit { background:url("/images/button-submit-rail.png"); border:none; height:26px; margin-left:48px; text-indent:-9999em; width:80px }

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

/* tagcloud */ 
.tagcloud-wrapper h2 { margin-bottom:10px }
.tagcloud-wrapper .options { border:none }
.tagcloud-wrapper .options a { color:#FFF }

/* spacing */
#content h2 { padding-bottom:10px; margin-bottom:30px }
#content h3 { padding:10px 0 }

/* error-block */
#error-block { font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0 0 20px; padding:5px 10px }
#error-block h2 { color:#CD0A0A; font:700 14px Tahoma, Arial, Helvetica, sans-serif; margin:20px 0 10px; padding:0 0 2px }
#error-block a.textlink { color:#CD0A0A }
#error-block a.textlink:hover { background-color:#CD0A0A; color:#FFF }
#error-block ul.plainlist li { background:url("/libs/images/libullet.png") no-repeat left 8px }