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

/* main layout */
body { background:#DFDFDF url("/images/bodyF.png") repeat-x center top; color:#555; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header { background:url("/images/headerF.png") no-repeat; height:211px }
#header .logo { cursor:pointer; height:232px; left:255px; position:absolute; text-indent:-9000px; top:0; width:405px }
#wrapper { padding:0 270px 0 0; width:720px }
#layout-wrapper { background:url(/images/faux-columns.png) repeat-y }
#content { background:url("/images/contentF.png") no-repeat left top; padding:35px 25px; width:670px }
#rail { background:url("/images/railF.png") no-repeat left top; margin-right:-270px; padding:45px 25px; width:220px }
#footer { color:#333 }

/* main */
.main-menu { color:#900; position:absolute; right:15px; top:186px }
.main-menu li { border-right:1px solid #D69317; float:left; padding:0 10px }
.main-menu a { color:#900; font-size:1.3em; font-weight:700; text-decoration:none; text-transform:uppercase }
.main-menu a:hover, .main-menu a.active, .main-menu a.active:hover { color:#3E0101; text-decoration:none }

/* secondary menu */
.secondary-menu { color:#3E0101; position:absolute; left:14px; top:189px; text-transform:uppercase }
.secondary-menu li { border-right:1px solid #D69317; float:left; padding:0 6px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#3E0101; text-decoration:none; font-size:1em }
.secondary-menu a:hover, .secondary-menu a.active { color:#660; text-decoration:none }
.secondary-menu a.active { font-weight:700 }

/* theme */
h2 { font:400 2em "Trebuchet MS", Arial, Helvetica, sans-serif }
h3 { color:#660 }
p { text-align:justify }

h3 a { text-decoration:underline }
h3 a, a.textlink, .redcloth a { color:#9E0000 }
h3 a:hover, a.textlink:hover, .redcloth a:hover { background-color:#9E0000; color:#FFF }

ol.orderedlist { font-size:1.1em; padding:0 0 20px 20px }
ul.plainlist li, ul.blanklist li, .redcloth ul li { background:url("/images/libullet.png") no-repeat left 8px; font-size:1.1em; line-height:1.5em; padding:2px 2px 2px 15px }
ul.plainlist li li, ul.blanklist li li, .redcloth ul li li { font-size:1em }

#propaganda-menu { left:25px; top:5px }
#propaganda-menu li { border-right:1px solid #BBB }
.column { border-right:1px solid #CCC; width:46%; padding:0 3%; float:left }
.column.left { padding-left:0 }
.column.right { border-right:none; padding-right:0 }

/* content */
#content h2 { color:#900; border-bottom-color:#CCC }
#content .panel { border-bottom:1px solid #CCC }


/* articles */
.article-wrapper h3 { padding-top:0 }
.article-wrapper h3 a { color:#660; padding:1px; text-decoration:underline }
.article-wrapper h3 a:hover { background:#660; color:#FFF; text-decoration:none }
.article-wrapper .entry { background:transparent; border-bottom:1px solid #CCC; padding:0 0 10px }
.article-wrapper .redcloth ol li { font-size:1.1em }

/* call-to-action */
#call-to-action { display:block; height:154px; width:990px }
#call-to-action .banner a { display:block; float:left; height:154px; text-indent:-9999em }
.contract-workers a { background:url("/images/banner-contractworkers.png") no-repeat; width:338px  }
.staff-takeover a { background:url("/images/banner-stafftakeover.png") no-repeat; width:326px }
.specialised-recruitment a { background:url("/images/banner-specialised.png") no-repeat; width:326px }

/* rail */
#rail h2 { color:#FEBD43 }
#rail .banner a { display:block; text-indent:-9999em; width:220px  }
.recruiting a { background:url("/images/banner-recruitment.png") no-repeat; height:112px  } 
.bee a { background:url("/images/banner-bee.png") no-repeat; height:100px  }

#rail .panel { background:url("/images/panelF.png") no-repeat bottom left; margin:20px 0 }

.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #8C0000; width:220px }
.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:#FFF; height:25px; line-height:2em; padding:1px 0 0 5px }
.rail-menu a:hover { background-color:#8C0000 }
.rail-menu a:hover span { color:#FFBD43; font-weight:700 }
.rail-menu li.active a span { background-color:#8C0000; color:#FFBD43; font-weight:700 }

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

/* vcard */
.vcard dt { color:#660; font-weight:700 }

/* spacing */
h3 { padding-top:20px }
#content .panel { padding-bottom:20px }
#content h3 { padding-bottom:10px }
#rail ul { padding-bottom:20px }
h2 { margin-bottom:30px }
#content h2 { padding-top:10px  }
.illustration { padding:20px 0 }
.article-wrapper .redcloth ol li { padding-bottom:10px }