/*
Theme Name: Love HR
Description: Theme for Love HR
Version: 1.0
Author: Red Fusion Studios
Author URI: http://www.redfusion.ca
*/


/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */

html { border: none; }
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fbfcfc url(images/bg.png) repeat-x;
}
body#subpage {
	background: #f4f4f4 url(images/bg-subpage.png) repeat-x !important;
}
body, td {
	font-size: 16px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #4c5151;
}

img { border: 0; }
p { margin: 0 0 18px 0; }
a {
	text-decoration: underline;
	color: #77a93c;
}
a:hover {
	text-decoration: underline;
	color: #9cd05e;
}

h1, h2, h3, h4, h5, form { margin: 0; }

h2 {
	font-size:22px;
	line-height:24px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#021d3b;
	margin-bottom:5px;
}

h3 {
	font-size:28px;
	line-height:28px;
	font-weight:normal;
	font-family: AvantGarde, Calibri, Arial, Helvetica, sans-serif;
	color:#00aeef;
	margin-bottom:20px;
}
h3 span {
	color:#77a93c;
}

h4 {
	font-size:21px;
	line-height:25px;
	font-weight:normal;
	font-family: AvantGarde, Calibri, Arial, Helvetica, sans-serif;
	color:#00aeef;
	border-top:2px solid #9cd05e;
	margin-bottom:20px;
	padding-top:20px;;
}

h4 a {
	color:#00aeef;
	text-decoration:none;
}

h5 {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#00adee;
}


ul {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0;
}

.clear-both {
	clear:both;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

input, textarea {
	border:1px solid #b5dff0;
	color:#77a93c;
	padding:4px 5px;
}

.credits {display:none;}

/* --------------------------------------------
|  NAVIGATION
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */

#nav-container {
	position:absolute;
	margin: 90px 0 0 185px;
	height: 30px;
	width:760px;
	z-index:1000000;
	padding: 0;
}

#nav {
	height:30px;
	padding:0;
	margin:0 0 0 5px;
	list-style: none;
	float:right;
}
#nav li {
	float:left;
	padding:0 15px;
	margin:0;
	border-right:1px solid #77a93c;
}
#nav li a {
	float:left;
	outline: none;
	display: block;
	text-decoration: none;
	color:#00aeef;
	font-size:18px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	padding:0 10px;
}
#nav li a:hover, #nav li.current a {	color:#9cd05e; }

#nav-last {
	border-right:none !important;
	padding:0 0 0 25px !important;
}
#nav-last a {
	padding:0 0 0 10px !important;
}



#top-sub-nav {
	position:absolute;
	padding:0;
	margin:10px 0 0 701px;
	list-style: none;
}
#top-sub-nav li {
	float:left;
	padding:0 12px;
	margin:0;
}
#top-sub-nav li a {
	float:left;
	outline: none;
	display: block;
	text-decoration: none;
	color:#77a93c;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 20px;
	padding:0 5px;
}
#top-sub-nav li a:hover, #top-sub-nav li.current a {	color:#9cd05e; }



#sub-nav {
	padding:14px 0 14px 0 !important;
	margin:0;
	list-style: none;
	background:#fafafa;
	border-top:2px solid #9cd05e;
	border-bottom:1px solid #ebebeb;
}
#sub-nav li {
	padding:0;
	margin:0 0 3px 0;
}
#sub-nav li a {
	outline: none;
	display: block;
	text-decoration: none;
	color:#00aeef;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 20px;
}
#sub-nav li a:hover, #sub-nav li.current_page_item a {
	color:#77a93c !important;
	font-weight:bold;
	padding-left:26px;
	background:url(images/subnav-arrow.png) 12px 8px no-repeat;
}


/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

#site-container {
	width:960px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#header {
	width:960px;
	height:144px;
}

#logo {
	position: absolute;
	margin: 35px 0 0 25px;
	width: 159px;
	height: 105px;
	padding: 0;
	font-size: 20px;
	line-height:20px;
	overflow: hidden;
}

#logo a {
	color:#FFFFFF;
	font-size:20px;
	line-height:20px;
	display: block;
	width: 159px;
	height: 105px;
	text-decoration: none;
	cursor:pointer;
	background: url(images/logo-love-hr.png) no-repeat 0 0;
	text-indent:-99999px;
}

#logo a:hover {
	text-decoration: none;
	cursor:pointer;
}

/* CONTENT PAGES */

#content-area {
	width:960px;
	font-size:16px;
	line-height:20px;
}

#content-area-pad {
	padding:40px 40px 0 40px;
}

/* -- Homepage Specific -- */

#home #content-area {
	background:url(images/home-content-bg.png) repeat-y;
}
#home #content-area-pad {
	background:url(images/home-content-bg-top.png) no-repeat;
}

#home .left-col {
	float:left;
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	padding-bottom:40px;
}
#home .left-col .pad {
	padding:20px;
}

#home .right-col {
	float:left;
	width:267px;
	margin:0 0 10px 60px;
	padding-top:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px !important;
	line-height:20px;
}
#home .right-col .pad {
	padding:20px;
}


/* -- Subpage Specific -- */

#subpage #content-area {
	background:url(images/content-bg.png) repeat-y;
}
#subpage #content-area-pad {
	background:url(images/content-bg-top.png) no-repeat;
	padding:35px 40px 45px 40px;
}

#subpage-banner {
	height:124px;
	background:url(images/bg-default.jpg) no-repeat;
}

.bg-services { background-image:url(images/bg-services.jpg) !important; }

#subpage .left-col {
	float:left;
	width:235px;
}

#subpage .right-col {
	float:left;
	width:585px;
	margin:0 0 0 55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}

#subpage .right-col span {
	font-size:14px !important;
}

#subpage h2 {
	font-size:36px;
	line-height:38px;
	font-weight:normal;
	font-family: AvantGarde, Calibri, Arial, Helvetica, sans-serif;
	color:#00aeef;
	margin-bottom:25px;
}

#subpage .left-col h3 {
	font-size:18px !important;
	line-height:22px;
	font-weight:normal;
	font-family: AvantGarde, Calibri, Arial, Helvetica, sans-serif;
	color:#00aeef;
	margin-bottom:20px;
}


#subpage .right-col h3 {
	font-size:18px !important;
	line-height:22px;
	font-weight:normal;
	font-family: AvantGarde, Calibri, Arial, Helvetica, sans-serif;
	color:#021d3b;
	margin-bottom:0;
}

#subpage .right-col h4 {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	font-family: AvantGarde, Calibri, Arial, Helvetica, sans-serif;
	color:#00aeef;
	margin:0;
	padding:0;
	border:none;
}



#content-area ul, #content-area ol {
	margin:0 0 20px 0;
	padding:0 0 0 45px;
}


/* --------------------------------------------
|  CONTENT SPECIFIC
--------------------------------------------- */

#home-banner {
	padding:0 0 0 65px;
	height:276px;
}

#home-banner h2 {
	font-size:36px;
	line-height:32px;
	font-weight:normal;
	padding:45px 0 10px 0;
}

#home-banner h2 span {
	font-weight:bold;
}

#home-banner p {
	color:#00adee;
	font-size:18px;
	line-height:22px;
	width:330px;
}

#home-graphic {
	position:absolute;
	margin:-9px 0 0 415px;
	width:534px;
	height:372px;
	background:url(images/home-graphic.png) no-repeat;
}

/* Homepage Newsletter */

#newsletter-signup {
	margin-top:45px;
}

#newsletter-signup input {
	width:202px;
	margin-right:5px;
}


.b-join-now {
	position:absolute;
	margin:0 0 0 450px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:131px !important;
	height:26px !important;
	padding:0 !important;
	border:none !important;
	background:url(images/b-join-now.png) 0 0 no-repeat;
	text-decoration:none;
	cursor:pointer;
}
.b-join-now:hover {
	background-position:0 -26px;
}


/* Home - Have Questions */

#have-questions-home {
	background:url(images/home-question-bg.png) no-repeat;
	margin:0 0 0 -10px;
	width:282px;
}

#have-questions-home h4 {
	border:none;
	margin:0 0 5px 25px;
}

#have-questions-home p {
	margin:0 25px;
	color:#646868;
}

#have-questions-home form {
	margin-top:5px;
}

#have-questions-home input {
	margin:8px 25px 0 25px;
	width:215px;
}

#have-questions-home textarea {
	margin:8px 25px 0 25px;
	width:215px;
	height:75px;
}

#have-questions-home .submit input {
	margin:10px 0 50px 150px !important;
}

#have-questions-home label {
	display:none;
}


/* Subpage - Survey */

#survey {
	margin-bottom:20px;;
}

#survey input {
	border: none;
}

#survey-box {
	background:#fafafa;
	padding:2px 16px;
}

.survey-question {
	color:#00aeef;
	font-size:16px;
	display:block;
}


/* Subpage - Have Questions */

#have-questions-subpage {
	margin:30px 0 0 0;
}

#have-questions-subpage-box {
	background:#fafafa;
	padding:16px;
	color:#646868;
	font-size:13px;
	line-height:18px;
}

#have-questions-subpage input {
	width:180px;
}

#have-questions-subpage textarea {
	margin:8px 0 0 0;
	width:180px;
	height:75px;
}

#have-questions-subpage .submit input {
	margin:10px 0 5px 115px !important;
}

#have-questions-subpage label {
	display:none;
}




blockquote {
	font-size:20px;
	line-height:24px;
	color:#021d3b;
	padding:0 !important;
	margin:0 0 18px 0 !important;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

blockquote strong {
	color:#00adee;
	font-weight:normal;
}




.blog-page .blog-post h5 {
	border-top:none;
	font-size:28px;
	margin-bottom:10px;
	padding-top:0 !important;
}

.blog-page .blog-post h5 a:hover { text-decoration:underline; }

.blog-page .blog-post {
	border-bottom:2px solid #9cd05e;
	margin:0 0 25px 0;
	padding-bottom:40px;
}

.blog-page .single-post p {
	margin-bottom:15px;
}


.blog-UL {
	padding:0 0 0 14px !important;
	list-style:none !important;
}


.commentlist {
	padding-left:20px;
}


.navigation {
	height:25px;
}

.align-left {
	width:49%;
	float:left;
}

.align-right {
	width:49%;
	float:left;
	text-align:right;
}



.blog-post {
	font-size:14px;
	padding-bottom:30px;
}

.blog-post h5 {
	font-size:18px;
	line-height:25px;
	font-weight:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#00aeef;
	border-top:2px solid #9cd05e;
	padding-top:15px;
}

.blog-post h5 a {
	color:#00aeef;
	text-decoration:none;
}
.blog-post p {
	margin-bottom:0px;
}

.author {
	font-style:italic;
	color:#4c5151;
	padding-bottom:15px;
}
.author span {
	color:#021d3b;
}


.link-arrow {
	padding-right:20px;
	background:url(images/b-link-arrow.png) 2px right no-repeat;
	font-size:16px !important;
}


#b-learn-more {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:131px;
	height:34px;
	background:url(images/b-learn-more.png) 0 0 no-repeat;
	text-decoration:none;
}
#b-learn-more:hover {
	background-position:0 -34px;
}


.submit input {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:79px !important;
	height:26px !important;
	padding:0 !important;
	margin:10px 0 25px 175px !important;
	border:none !important;
	background:url(images/b-submit.png) 0 0 no-repeat;
	text-decoration:none;
	cursor:pointer;
}
.submit input:hover {
	background-position:0 -26px;
}


/* --------------------------------------------
|  FOOTER
--------------------------------------------- */

#footer {
	clear:both;
	height:143px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	background:url(images/footer-bg.png) repeat-x;
}

#footer-inner {
	width:960px;
	margin:0 auto 0 auto;
	padding-top:20px;
	height:123px;
	text-align:left;
	background:url(images/footer-lovehr-logo.png) 40px 116px no-repeat;
}

#footer ul {
	position:absolute;
	margin:100px 0 0 475px;
	list-style:none;
}

#footer ul li {
	color:#a5def1;
	float:left;
	font-size:12px;
	letter-spacing:5px;
}

#footer ul li a {
	color:#a5def1;
	letter-spacing:0;
}
#footer ul li a:hover {
	color:#ffffff;
}


#testimonial {
	width:540px;
	color:#FFFFFF;
	font-size:14px;
	line-height:20px;
	margin-left:40px;
}
#testimonial span {
	color:#021d3b;
}

#social-media {
	position:absolute;
	margin:0 0 0 600px;
	font-size:14px;
}
#social-media strong {
	color:#021d3b;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}
#social-media a {
	color:#ebebeb;
	display:block;
	float:left;
	padding-right:22px;
	margin-right:10px;
	text-decoration:none;
}
#social-media a:hover {
	color:#d9d9d9;
}

#sm-twitter {
	background:url(images/icon-twitter.png) top right no-repeat;
}
#sm-linkedin {
	background:url(images/icon-linkedin.png) top right no-repeat;
}


#copyright {
	position:absolute;
	margin:100px 0 0 675px;
	color:#a5def1;
}




/* Tabbed content */

.postTabs_divs {
	background: url(images/tabs-bg-bot.png) left bottom no-repeat;
	margin-bottom:18px;
}

.postTabsBG {
	background: url(images/tabs-bg-top.png) left top no-repeat;
	padding: 20px 30px 5px 30px;
}

.postTabsBG p {
	color:#757575;
}

.postTabs_titles {
	display:none;
}

ul.postTabs	{
	margin:0 0 7px 0 !important;
	padding: 0 !important;
	font-size: 14px;
	list-style-type: none !important;
	line-height:normal;
	text-align: left;
	display: block !important;
	background: none;
}

ul.postTabs li	{
	display: inline !important;
	font-size: 14px;
	line-height:normal;
	background: none;
	padding: 0 0 0 0;
	margin: 0 14px 0 0;
}

ul.postTabs li:before {
content: none;
}

ul.postTabs li a {
	text-decoration: none;
	padding: 0 0 22px 0 !important;
	color: #4c5151 !important;
	outline:none;
	cursor: pointer;
}

ul.postTabs li.postTabs_curr a {
	background: url(images/tabs-arrow.png) center bottom no-repeat;
	color: #77a93c !important;
	text-decoration: none;
}

ul.postTabs li a:hover {
	color: #77a93c !important;
	background: url(images/tabs-arrow.png) center bottom no-repeat;
	text-decoration: none;
}

.postTabsNavigation {
	display: block !important;
	overflow:hidden;
}

.postTabs_nav_next {
	float:right;
}

.postTabs_nav_prev {
	float:left;
}

/* Polls */

.pds-share, .pds-pd-link {
	display:none !important;
}

.pds-question-top, .pds-box-outer, .pds-question, .pds-question-outer, .pds-question-inner {
	width:200px !important;
	white-space:normal !important;
}


/* contact forms */

#subpage .right-col #frm_form_fields label {
	margin-top:10px;
}

#subpage .right-col .submit input {
	margin-left:215px !important;
	margin-top:15px !important;
}

#respond {
	margin-top:10px;
}

.alignright {
	float:right;
	margin:20px;
	border:1px solid #333;
}

.alignleft {
	float:left;
	margin:20px 20px 20px 0;
	border:1px solid #333;
}