/*
Theme Name: WiseRecruit Resource Blog
Theme Style: WiseRecruit Resource Blog.
Theme URI: http://www.allancatadman.com/
Description: WiseRecruit Resource Blog - Simple and rpofessional looking resource blog.
Author: Allan
Author URI: http://www.allancatadman.com/

*/

/* =====================================
    CSS RESET DO NOT EDIT OR DELETE
 ==================================== */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clr {
    clear: both;
}


/* END OF CSS RESET */



body {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size:12px;
	background: #efefed;
	height: 100%;
	color: #333333;
}

p {
    margin-bottom: 13px;
    line-height: 14px;
}

a {
   color: #333333;
}


/* =====================================
    BLOG HEADER STYLE
 ==================================== */
#header {
    width: 980px;
    margin: 0 auto;
    background: url(images/header-bg.jpg) no-repeat;
    height: 142px;
}

#header .logo {
    margin-top: 20px;
    margin-left: 20px!important;
    margin-left: 10px;
    margin-bottom: 16px!important;
    margin-bottom: 1px;
    float: left;
}

#header .google-search {
    margin-top: 20px;
    margin-right: 20px;
    float: right;
}

#header ul {
    clear: both;
    margin-top: 16px;
    margin-left: 20px;
    height: 40px;
}

#header li {
    display: inline;
}


#nav {height: 30px; margin: 0px 0px 0px 20px; clear: both;}
#nav img { border: none; }
#nav ul { margin-left: 0px;}
#nav li { display: inline; list-style:none; font-family: Arial, Helvetica, sans-serif;  }
#nav li a { float: left; display:block; text-decoration: none; font-weight: bold; cursor: pointer; }
#nav li a img { border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; /* for IE6 */ }
#nav li a:hover img { visibility:visible; /* for IE6 */ }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


/* menu items */
#m-employer {background: url(images/menu-employer-bg.png) no-repeat left top; color:#FFFFFF; padding-left:23px; padding-right: 20px; height:25px; }
#m-findjobs { background: url(images/menu-findjobs-bg.png) no-repeat left top; color:#FFFFFF; padding-left:25px; padding-right:23px; height:25px; }
#m-home, #m-wrap, #m-submit-resume, #m-aboutus,#m-careers, #m-contactus {border-right: 1px solid #b0b8c3; margin: 16px 5px 0px 15px; padding-right: 10px; color: #666666 }
#m-sitemap {padding: 16px 10px 0px 10px; color: #666666}
#m-imwise {color: #666666; background: url(images/menu-imwise-bg.png) no-repeat left bottom; margin-left: 2px; padding-left:40px; padding-right:155px; }

#m-employer, #m-findjobs, #m-imwise {
    padding-top: 16px;
    padding-bottom: 11px!important;
    padding-bottom: 0px;
}

/* END OF HEADER STYLE */


/* =====================================
    BLOG CONTENT STYLE
 ==================================== */
#content {
    width: 980px;
    margin: 0 auto;
    background: #FFFFFF url(images/content-bg.jpg) top center no-repeat;
    padding-bottom: 20px;
}

/* slide */
.heading {
    width: 600px;
    padding: 20px;
    float: left;
    overflow: hidden;
}

.heading h1 {
    font-family: Georgia;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
}

.heading h2 {
    font-family: Georgia;
    font-size: 16px;
    line-height: 20px;
}


/* slide */
.slider {
    width: 640px;
    height: 280px;
    float: left;
    overflow: hidden;
}

.slide-content {
    background: url(images/slide-content-bg.png);
    min-height: 64px;
    height: 58px;
    padding: 10px;
    color: #FFFFFF;
    margin-top: 190px;
    /*position: relative;
    top:199px!important;
    top:201px;
    left:0;*/
}

.slide-content h2 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.slide-content p a {
    visibility: hidden;
}


/* featured */
.feature-content {
    width: 340px;
    float: right;
    background: url(images/featured-content-bg.jpg) repeat-x;
}

.feature-content a img {
    border: 4px solid #FFFFFF;
    margin: 10px;
}

.feature-content-inside {
    margin: 0px 10px 10px 10px;
}

.feature-content-inside h1 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.feature-content ul {
    width: 340px;
    height: 22px;
    padding-top: 10px;
    background: #829b4b;
}

.feature-content li {
    display: inline;
    font-size: 11px;
    background: #829b4b;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.feature-content li a {
    text-decoration:none;
    color: #FFFFFF;
}

.feature-content li a img {
    border:none;
    margin: 0px;
}

.feature-content li.f-readmore {
    margin-left: 10px;
    float: left;
}

.feature-content li.f-comment {
    float: right;
    margin-right: 10px;
}

.feature-content li.f-bookmark {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}



/* left column */
.content-left-col {
    float: left;
    width: 620px;
    padding:10px 10px;
    margin-top: 0px;
    border-right: 1px solid #E0E0E0;
}

.content-left-col ul {
    background: #F7F7F7;
    height: 20px;
    margin-top: 10px;
    padding-bottom: 2px;
}

.content-left-col li {
    display: inline;
    padding: 5px;
    font-size: 11px;
    color: #909090;
}

.content-left-col h1 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 22px;
    font-weight: bold;
    border: 0px;
    line-height: 20px;
}

.col-header {
    background: #e8f1d4;
    width: 620px;
}

.content-holder {
    margin-top: 20px;
    clear: both;
    border-bottom: 1px solid #cfe49d;
    padding-bottom: 10px;
}

.content-holder img {
    float: left;
    /*border: 2px solid #829b4b;*/
    margin-top: -9px;
}

.content-txt {
    float: right;
    /*width: 468px;*/
}

.content-txt ul.time-category {
    background: #F7F7F7;
    height: 20px;
    margin-top: -10px;
    padding-bottom: 2px;
}

.content-txt .time-category li {
    display: inline;
    padding: 5px;
    font-size: 11px;
    color: #909090;
}

.content-txt h1 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    border: 0px;
    text-decoration: none;
}

.content-txt h1 a {
    text-decoration: none;
}


.content-txt li.content-txt-date, .content-left-col li.content-txt-date {
    float:left;
}

.content-txt li.content-txt-category, .content-left-col li.content-txt-category {
    float:right;
    background: url(images/icon-category.jpg) 0px 5px no-repeat;
    /*width: 100px;*/
    padding-left: 16px;
}

.content-txt li.content-txt-category a, .content-left-col li.content-txt-category a {
    color: #909090;
    text-decoration: none;
}


/* single post */
.content-holder-single {
    margin-top: 20px;
    clear: both;
    border-bottom: 1px solid #cfe49d;
    padding-bottom: 10px;
}

.content-holder-single p {
    line-height: 18px;
}


.content-holder-single .simple-img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.content-holder-single ul {
    list-style: disc;
    background: none;
    clear: both;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.content-holder-single li {
    display: block;
    background: none;
    color: #333333;
    font-size: 12px;
    padding: 4px;
}


.post_info {
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 16px;
}


#respond h3 {
    margin-bottom: 5px;
}


#respond textarea {
    width: 600px;
}


.post_footer2 {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 11px;
}

.post_footer2 a {
    text-decoration: none;
}

.post_footer2 img {
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: -4px;
}

.post_footer2 ul {
    background: none;
}

.post_footer2 li.post_footer2-readmore {

}


/* right column */
.content-right-col {
    float: left;
    margin-left: 10px;

}

/* twitter */
.twitter {
    margin-top: 10px;
    width: 320px;
    background: url(images/tweet-bg.jpg) repeat-y;
}

.twitter ul {
    padding:10px 16px 10px 16px;
}


.twitter li {
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px dotted #909090;
    line-height: 16px;
}

.twit-entry h2 a {
    text-decoration: none;
    font-weight: normal;
}


.twitter-date {
    font-size: 11px;
    font-style: italic;
    margin-top: 10px;
}


/* mewsletter */
.blog-newsletter {
    background: #c6e4ff;
    padding: 10px;
    margin-top: 10px;
    width: 300px;
}

.blog-newsletter h2 {
    background: url(images/header-newsletter.jpg) no-repeat;
    height : 30px;
    text-indent: -9999px;
    margin-bottom: 5px;
}

.blog-newsletter form {
    margin-bottom: 10px;
}


.newsletter-input {
    padding: 3px;
    border: 1px solid #909090;
    margin-right: 10px;
    width: 190px;
}

/* advert */
.advert {
    text-align: right;
    margin-top: 20px;
}


/* END OF CONTENT STYLE */





/* =====================================
    BLOG FOOTER STYLE
 ==================================== */
#footer {
    background: #9cc248;
    border-top: 5px solid #74932e;
    clear: both;
    margin: 0 auto;
    width: 960px;
    padding: 10px;
}

.footer-wrapper {
    background: #92b73e;
    margin-top: 10px solid #9cc248;
}

.foot-left {
    float: left;
    width: 515px;
    margin: 10px;
    border-right: 1px solid #aec875;
    padding-right: 40px;
}

.foot-right {
    float: right;
    width: 320px;
}

.foot-left a, .foot-right a {
    text-decoration: none;
}


.footer-category {
    float: left;
    margin:10px 20px 10px 0px;
}


.footer-archives {
    float: right;
    margin:10px 20px 10px 20px;
}

.footer-category h5 {
    text-indent: -9999px;
    background: url(images/footer-category.jpg) no-repeat;
    width: 90px;
    height: 27px;
    margin-bottom: 10px;
}

.footer-archives h5 {
    text-indent: -9999px;
    background: url(images/footer-archives.jpg) no-repeat;
    width: 90px;
    height: 27px;
    margin-bottom: 10px;
}

.footer-category li, .footer-archives li {
    background: url(images/footer-arrow.jpg) no-repeat;
    padding-left: 14px;
    margin-bottom: 8px;
}


#copyright {
    width: 980px;
    margin: 0 auto;
    margin-top: 10px;
    clear: both;
    font-size: 11px;
    margin-left: 10px;
}

#copyright a {
    text-decoration: none;
}


/* END OF FOOTER STYLE */




/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:27px;
	border-bottom:1px solid #5c7620;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	/*background: url(/img/global/tabs.png) no-repeat -652px 0;*/
	font-size:11px;
	display:block;
	height: 27px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:0px;
}

ul.tabs a:active, ul.tabs a:hover {
	outline:none;
}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 		{ background: #92b73e; width:159px; height:27px; margin-right:1px; }
ul.tabs a.w1:hover 	{ background: #74932e; width:159px; height:27px; margin-right:1px; }
ul.tabs a.w1.current { background: #74932e; width:159px; height:27px; margin-right:1px; }

/* width 2 */
ul.tabs a.w2 		{ background: #92b73e; width:150px; height:27px; }
ul.tabs a.w2:hover 	{ background: #74932e; width:150px; height:27px; }
ul.tabs a.w2.current { background: #74932e; width:150px; height:27px; }


/* initially all panes are hidden */
div.panes div.pane {
	display:none;
}

.panes-content li {
    border-top: 1px solid #84af30;
    clear: both;
    line-height: 14px;
    /*padding-bottom: 20px !important;
    padding-bottom: 8px;*/
    margin-bottom: 5px!important;
    margin-bottom: 0px;
}


.panes-content li div.pc-left {
    float: left;
    width: 390px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.panes-content li div.pc-left h3 {
    font-weight: normal;
}


.panes-content li div.pc-right {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
}



/* Easy Slider */

	#slider{}
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:640px;
		height:269px!important;
        height: 272px;
		overflow:hidden;
		}

	#slider2 li{
		background:#f1f1f1;
		}
	#slider2 li h2{
		margin:0 20px;
		padding-top:20px;
		}
	#slider2 li p{
		margin:20px;
		}

	p#controls, p#controls2{
		margin:0;
		position:relative;
		}

	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}
	#nextBtn, #nextBtn2{
		left:696px;
		}
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a, #nextBtn2 a{
		background:url(images/btn_next.gif) no-repeat 0 0;
		}

/* // Easy Slider */