/*************************************************
 * Ribolow                                       *
 * Main Stylesheet                               *
 * By: MW Design Interactive                     *
 * CSS by John Grieco                            *
 *************************************************/
 
@import url(undohtml.css);
 
body { background-color: #494949; font-family: Arial, Helvetica, sans-serif; }

/********** 900px container **********/
#container { width: 900px; margin: 40px auto 0 auto; }

/********** header, nav, footer **********/
#header { height: 48px; width: 900px; position: relative; }
#header .logo { position: absolute; top: 0px; left: 30px; background: url(../images/logo.jpg) top left no-repeat; width: 154px; height: 39px; text-indent: -9999px; }
#header .logo a { display: block; width: 100%; height: 100%; }
#header ul { position: absolute; top: 0px; left: 246px; }
#header ul li { display: block; float: left; width: 130px; height: 48px; text-indent: -9999px; border-right: 1px dotted #fff; }
#header ul li a { display: block; width: 130px; height: 48px; border-top: 4px solid #494949; background-position: 0px 5px; background-repeat: no-repeat; }
#header ul li a:hover, #header ul li a.selected { border-top: 4px solid #af0f12; background-color: #fff; }
#header ul li.whoweare a { background-image: url(../images/navsp_whoweare.jpg); }
#header ul li.findtalent a { background-image: url(../images/navsp_findtalent.jpg); }
#header ul li.findjobs a { background-image: url(../images/navsp_findjobs.jpg); }
#header ul li.contactus a { background-image: url(../images/navsp_contact.jpg); }
#header ul li.blog { border-right: 0; }
#header ul li.blog a { background-image: url(../images/navsp_blog.jpg); }
#header ul li a:hover, #header ul li a.selected { background-position: -131px 5px; }
#footer { height: 50px; width: 900px; font-size: 11px; color: #afafaf; text-align: right; padding: 10px 30px 0 0; }

/********** type **********/
h1 { font-size: 20px; color: #c90004; margin: 0 0 20px 0; font-weight: normal; }
h2 { font-size: 14px; color: #545454; font-weight: bold; }
h2 a { color: #545454; }
h2.pagetitle { margin-bottom: 15px; }
h2 a:hover { text-decoration: underline; }
h3 { font-size: 16px; color: #c90004; padding: 0; margin: 0 0 2px 0; font-weight: bold; }
h3 a { color: #c90004; }
h3 a:hover { text-decoration: underline; }
p { font-size: 12px; color: #545454; padding: 0; margin: 10px 0 10px 0; line-height: 18px; }
#sidebar h2 { font-size: 16px; color: #c90004; padding: 0; margin: 15px 0 10px 0; font-weight: bold;  }

/********** page content ************/
#content { width: 900px; height: 433px; background: url(../images/body_bg.jpg) top left no-repeat; position: relative; }
#content.home .leftcopy { position: absolute; top: 38px; left: 30px; width: 210px; height: 370px; overflow: auto; }
#content.home .leftcopy p { font-size: 11px; line-height: 15px; }
#content.home .leftcopy p.bttn { margin-top: 20px; }
#content.home .rightimage { position: absolute; top: 5px; right: 5px; }
#content.whoweare .leftcopy { position: absolute; top: 38px; left: 30px; width: 556px; height: 370px; overflow: auto; }
#content.whoweare .leftcopy a { color: #af0f12; }
#content.whoweare .leftcopy a:hover { text-decoration: underline; }
#content.whoweare .rightimage { position: absolute; top: 40px; right: 15px; }
#content.contactus .leftcopy { position: absolute; top: 38px; left: 30px; width: 553px; }
#content.contactus .leftcopy a { color: #af0f12;  }
#content.contactus .leftcopy a:hover { text-decoration: underline; }
#content.contactus .rightimage { position: absolute; bottom: 5px; right: 40px; }

/********** blog **********/
#posts { position: absolute; top: 35px; left: 255px; overflow: auto; width: 600px; height: 370px; padding-right: 10px; }
p.postmetadata { text-transform: uppercase; font-size: 10px; padding-left: 40px; }
p.postmetadata a { color: #af0f12; }
p.postmetadata a:hover { text-decoration: underline; }
.post h2 { background: url(../images/leaf.jpg) top left no-repeat; height: 37px; text-indent: 40px; padding-top: 8px; }
.post h2 a { color: #545454; }
.post .entry {  }
.post .entry p { padding-left: 40px; margin: 0 0 12px 0; }
.post .entry p a { color: #000; color: #af0f12; }
.post .entry p a:hover { text-decoration: underline; }
#sidebar { position: absolute; top: 35px; left: 36px; width: 170px; height: 365px; padding-right: 10px; border-right: 1px dotted #999; }
#sidebar ul li { font-size: 12px; margin-bottom: 6px; }
#sidebar ul li ul li { background: url(../images/bullet.jpg) 0px 3px no-repeat; }
#sidebar ul li ul li a { color: #545454; padding-left: 12px; }
#sidebar ul li ul li a:hover { text-decoration: underline; }
#sidebar a { color: #000; }
#sidebar a:hover { text-decoration: underline; }
.navigation a { color: #af0f12; font-size: 12px; }
.navigation a:hover { text-decoration: underline; }
.navigation .alignleft { float: left; padding-left: 40px; }
.navigation .alignright { float: right; }
a.post-edit-link { color: #af0f12; }
a.post-edit-link:hover { text-decoration: underline; }
#respond { padding-left: 40px; }
#respond h3 { color: #545454; font-size: 12px; }
#respond textarea { width: 500px; }
#respond textarea, #respond input.author, #respond input.email, #respond input.url { border: 1px solid #ccc; padding: 2px; }
#comments { padding-left: 40px; font-size: 12px; color: #545454; padding-bottom: 10px; }
.commentlist { padding-left: 40px; }
.comment p { font-size: 12px; }
.comment .vcard { font-size: 13px; }
.comment a { color: #af0f12; }
.comment a:hover { text-decoration: underline; }
.commentmetadata { font-size: 12px; padding-left: 38px; }

/********* blog -> find jobs *********/
#posts ul { padding-left: 40px; font-size: 12px; list-style: disc; color: #545454; }
#posts ul li {  margin-bottom: 5px; }
#posts table tr { padding: 0; margin: 0; }
#posts table tr td { padding: 0; margin: 0; }
#posts table tr td p { margin: 0; padding: 0 0 8px 0; }