/*
Theme Name:hrlife
Version: 1.0
Description: hrlife
Author: Realm Web Design
Author URI: http://www.realmwebdesign.com
Last updated: 2010-6-29
*/


/* Flippin Resets and Defaults */
* {margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead{ margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }


body {
  background: #000000;
  color: #FFFFFF;
  font: normal 64.5% "Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
  padding: 0px 0px;
}


/* Site Link Color */
a {color: #FFD200; text-decoration: none;}
a:hover {color: #FFE983;}
a:active { outline: none;}
a:focus { -moz-outline-style: none;}


/*============ All Site Headings H1,H2,H3,H4,H5,H6 ============ */
h1 {color: #FFD200; padding: 15px 0 3px;}
h2 {color: #FFD200; padding: 15px 0 3px;}
h3 {color: #FFD200; padding: 15px 0 10px;}
h4 {color: #FFD200; padding: 15px 0 10px;}
h5 {color: #FFD200; padding: 15px 0 10px;}
h6 {color: #FFD200; padding: 15px 0 10px;}


h1 {font: bold 28px 'SeganLight', Helvetica, sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 24px 'SeganLight', Helvetica, sans-serif;}
h3 {font: normal 20px 'SeganLight', Helvetica, sans-serif;}
h4 {font: normal 28px 'SeganLight', Helvetica, sans-serif;}
h5 {font: normal 16px 'SeganLight', Helvetica, sans-serif;}
h6 {font: normal 14px 'SeganLight', Helvetica, sans-serif;}

.content h2 a{color:#FFD200; text-decoration: none;}
.content h2 a:hover{color:#FFE983;}

#sidebar h3 {
  font: normal 22px 'SeganLight',Helvetica, sans-serif;
  letter-spacing:1px;
  color: #FFD200; 
  margin:0px;
  padding:0px 0px 5px 0px;
}

/* ============ Block Quote ============ */
blockquote {
  background: url(img/quote.gif) no-repeat;
  font: normal 1.1em Helvetica, sans-serif;
  font-style:italic;
  border-bottom:1px dotted #292929;  
  width:80%; height:auto;
  margin:19px 0 15px 10px; padding:19px 15px 15px 75px;
  display:block;
}


/* ============ Forms & Lists ============ */
form,table {margin-bottom: 1.2em;}
img {border: none;}
small {font: normal 0.9em Helvetica, sans-serif;}
#caps {text-transform: uppercase;}
cite {float:right;}
.small {font: normal 0.9em Helvetica, sans-serif;}
label {display: block;}
p {padding: 2px 0 10px;}
ul {padding: 0 3.5em 1.2em; list-style-type:disc;}
ol {padding: 0 3.5em 1.2em; list-style-type: decimal; background:none;}
ul li {line-height: 1.5em; padding:5px 0px 5px 0px;}
ol li {line-height: 1.5em; padding:5px 0px 5px 0px;}


hr {
  margin: 15px 0 12px 0;
  border: 0;
  height: 1px;
  border-bottom: 1px solid #292929;
}


/*============ Site Structure ============*/
#wrapper {
  margin: 0 auto;
  width: 988px;
}


#container {
  position:relative;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 auto;
  width: 975px;
}


/*============ Site Column Sizes ============*/
.content {padding: 7px 10px;}
.right .content {padding: 3px 10px;}
.left {float: left;}
.right {float: right;}
.col2 .left {width: 70%;}
.col2 .right {width: 29%;}
.col2 .left-full {width: 100%;}


/* Site Clears */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}


/*============ All Site Headings H1,H2,H3,H4,H5,H6 ============ */
.main {background: url(img/content-bg.gif) repeat-y; width:975px;}
.main-full {background: url(img/content-bg-full.gif) repeat-y; width:975px;}


/*=============== Header ===============*/
#header{
  background: url(img/bgr-header.jpg) no-repeat bottom left;
  height: 130px;
  width:975px;
  position:relative;
}

/*============ Logo & Search Area ============*/

.logo {
  float: left;
  cursor: pointer;
  z-index: 500;
  padding: 5px 0px 0px 40px;
}


.banner-box{
  float:right;
  width:700px;
  height:130px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/*============ Page Navigation ============*/
#pagebar{
  font-size:14px;
  font-family:'CenturyGothicRegular', Helvetica, sans-serif;
  font-weight:normal;
  text-transform: uppercase;
  letter-spacing:1px;
  height:36px;
  width: 975px;
  margin:0px;
  position:relative;
  z-index:99;
  border-top: 1px solid #292929;
  border-bottom: 1px solid #292929;

}

#pagebar1, #pagebar1 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  padding: 7px 7px 0 7px;
}

#pagebar1 a {
  display: block;
  line-height: 22px;
  cursor: pointer;
  border-right: 1px solid #292929;
  border-left: 0px solid #292929;
  text-decoration: none;
}

#pagebar1 li {
  float: left;
  line-height: 22px;
  margin:0px;
  padding:0px;
}

#pagebar1 li a{
  padding:0px 14px 0px 14px;
  color: #FFFFFF;
  text-decoration: none;
}

#pagebar1 li a:hover,#pagebar1 li.active a{
  color: #FFD200;
  cursor: pointer;
  text-decoration: none;

}

/* Style drop down list */
#pagebar1 li ul {
  position: absolute;
  left: -999em;
  width: 180px;
  padding: 7px 0px 0px 0px;
  margin: 0px;
}

#pagebar1 li ul li {
  border: 1px solid #292929;
  border-width:1px 1px 1px 0px;
  background: #0C0C0C;
  float: none;
}

#pagebar1 li ul li a:hover,
#pagebar1 li ul li.active a{
  color: #FFD200;
  background:none;!important;
  cursor: pointer;
}

#pagebar1 li:hover ul, #pagebar1 li.sfhover ul {
  left: auto;
}

#pagebar1 li ul li a {
  line-height: 30px;
  font-size: 12px;
  color: #FFFFFF;;
  border-right: 0px solid #292929;
  border-left: 1px solid #292929;
  padding: 0px 0px 0px 16px;
  width: 180px;
  cursor: pointer;
}

#pagebar1 li ul li ul li a {
 border-width:0px 0px 0px 0px;
}

#pagebar1 li ul ul {
  margin: -1em 0 0 10em;
}

#pagebar1 li:hover ul ul, #pagebar1 li.sfhover ul ul {
  left: -999em;
}

#pagebar1 li:hover ul, #pagebar1 li li:hover ul, #pagebar1 li.sfhover ul, #pagebar1 li li.sfhover ul {
 left: auto;
}

/*============ Posts, Meta, Tags, info, Leave a Comment ============*/
.post {padding:20px 5px 0px 5px;}

#description {
  border-bottom: 1px solid #292929;
  color: #EAEAEA;
  font-size: 12px;
  margin: 0px 0 10px;
  padding:0px 0px 3px 0px;

}

#info{
  border-top: 1px solid #292929;
  color: #EAEAEA;
  font-size: 11px;
  font-weight: normal;
  padding:7px 0px 0px 0px;
  margin: 15px 0 20px;

}

.bot-info{float:left;}
.bot-comments{float:right;}

#info a{color: #EAEAEA;}
#info a:hover{color: #FFD200;}

.post .read-more{
  border-bottom: 1px solid #292929;
  text-align:right;
  padding:5px 20px 5px 0px;
  margin: 10px 0px 20px;

}


/*=============== Footer ===============*/
.footer {
  border-top: 1px solid #292929;
  font-size:12px;
  color: #EBEBEB;
  text-transform: uppercase;
  padding: 8px 25px 25px 25px;
  margin-bottom:30px;
}

#footnav1, #footnav1 ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  padding: 1px 0px 0 0px;
}

#footnav1 a {
  display: block;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
}

#footnav1 li {
  float: left;
  line-height: 20px;
  margin:0px;
  padding:0px;
}

#footnav1 li a{
  padding:0px 20px 0px 0px;
  color: #EBEBEB;
  text-decoration: none;
}

#footnav1 li a:hover,#footnav1 li.active a{
  color: #FFD200;
  cursor: pointer;
  text-decoration: none;
}

/* Copyright & Logo area */
.footer-left {float:left; width:80%; text-align:left; margin-top:25px; font-size:12px;   text-transform: none;
}
.footer-left a {color: #EBEBEB; text-decoration: none;}
.footer-left a:hover {color: #FFD200;}

.footer-right {float:right;width:20%;}


/*============ Blocks WIDGETS in SIDEBAR ============*/
.block {
  padding 0px;
  margin-bottom:25px;
}

ul.block, .block ul {
  border: 3px solid #FFD200;
  background:#0C0C0C;
  margin: 4px 0px;
  padding: 0px;
  width: 99%; 
}

.block li {
  border-bottom: 1px solid #292929;
  list-style: none;
}

.block li a,.block li em {
  color: #FFFFFF;
  display: block;
}

.block li em {
  font-size: 0.9em;
  font-style: normal;
}

.block li a {
  padding: 4px 3%;
  text-decoration: none;
  width: 94%;
}

.block li a span {font-weight: bold;}
.block li a:hover {
  color: #FFD200;
  background: none;

}

.left .block,.right .block li {border-color: #292929;}
.left .block li a:hover {background:none;}

/* Sub Sidebar Menu Item */
.block li ul {
  padding:0px;
  margin: 0px;
  border: 0px solid #FFD200; !important;
}

.block li ul li {
  border: 0px solid #292929;
  border-width:1px 0px 0px 0px;
}

.block li ul li a:hover,
.block li ul li.active a{
color: #FFD200;
}

.block li ul li a {
  line-height: 20px;
  color: #FFFFFF;
  padding: 4px 0px 2px 38px;
}

.block li ul li ul li a {
  border-width:0px 0px 0px 0px;
}

.block .recentcomments ul li a {padding: 4px 0px 2px 0px;
}

/*============ Comments & Form ============*/
.comments-block {padding-left:20px;}
img.avatar {float:left; margin:0px 10px 10px 0px;}

.avatar {display:block;}
.comments-block ul {
  padding:15px 0px 15px 0px;

}

.commentlist li {
  list-style:none;
  width:500px;
  padding:0px 0px 10px 0px;
  margin-bottom:15px;
  border-bottom:1px solid #292929;
}

#commentform {
margin: 15px 0;  
width: 560px;}

textarea.styled {width: 560px;}

.commentmetadata {padding:0px;  font-size: 0.9em;}
.commentmetadata a{text-decoration: none;}

.styled {
  font-size: 1.1em;
  color:#FFFFFF;
  background: #0C0C0C;
  border: 1px solid #292929;
  padding: 3px;
}

.styled:hover {
  background: #0C0C0C;
  border: 1px solid #363636;
}

.styled:focus {
  background: #0C0C0C;
  border: 1px solid #292929;
}

#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #FAFAFA;}


/*============ Image Paddings & Captions ============*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/*============ Captions =========== */
.wp-caption {
  text-align: center;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 10px;
  line-height: 17px;
  padding: 5px 4px 15px;
  margin: 0;
}



/* ============ CALENDAR ============ */
#wp-calendar {
width: 100%;

}

#wp-calendar caption {
  color: #666;
  text-align: right;
}

#wp-calendar th {
  color: #666;
  font-size: 80%;
  padding-left: 0;
  padding-right: 0;
}

#wp-calendar a {
  font-weight: bold;
}

#wp-calendar tfoot td {
  text-align: left;
}

#wp-calendar tfoot td#next {
  text-align: right;
}

#wp-calendar td#today {
  background-color: #fafafa;
}

/* ============ SOCIAL ICONS & SHOPPING CART ICON============ */
#social-icons {height:46px; padding:5px 0px 15px 0px; width:263px;}
#social-icons img{float:left; display:block; padding-right:4px;}
.cart {float:right; margin-right:17px;}


/*============ MAILINGLISTS ============*/
.mailing-list1 {
  background: #000000 url(img/bgr-main-hrlife.gif) no-repeat top left;
  width:169px; 
  height:105px;
  padding: 45px 0px 0px 94px;
  margin-bottom:14px;
}


.mailing-list2 {
  background: #000000 url(img/bgr-mail-cease.gif) no-repeat top left;
  width:169px; 
  height:105px;
  padding: 45px 0px 0px 94px;
  margin-bottom:14px;
}

/*============ Default Button & Input ============*/

input.email {font-size:14px; border:1px solid #292929; height:20px; width:150px;padding:3px 5px; margin:7px 0px 10px 0px;}

input.signup {background:url(img/btn-submit.gif) no-repeat; width:111px; height:30px; border:0; cursor: pointer; color:#FFFFFF; padding:0px; font-size:13px; display:block; text-align:center; margin-left:20px;}

input.submit {background:url(img/btn-submit.gif) no-repeat; width:111px; height:30px; border:0; cursor: pointer; color:#FFFFFF; padding:0px; font-size:13px; display:block; text-align:center; float:right; margin-right:5px;}

.tubepress_thumb { 
  width:20% !important; 
}