/*

reseting elements:

*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, fieldset, table, th, td, textarea, input, img { 
	margin: 0; padding: 0; }

a img {border: none;}

/* This takes out the fuzzy line around links when you click them, it's an optional addition */

:focus {outline: none;}

/*

global

*/

body {
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	background: url(images/bg.jpg) repeat-x #4d4d4d;
}

body#home { background: url(images/bg-home.jpg) repeat-x #4d4d4d; }
body#home-recruiters { background: url(images/bg-home-recruiters.jpg) repeat-x #4d4d4d; }

.container {
	width: 960px;
	margin: auto;
	position: relative;
}

h1, h2, p {
	margin-bottom: 10px;
}

p {
	font-size: 12px;
	line-height: 20px;
	color: #808080;
}

p small {
	font-size: 10px;
}

p.big {
	font-size: 14px;
	color: #4c4c4c;
	font-weight: bold;
}

p a {
	color: #00a8ff;
	text-decoration: none;
}

p a:hover {
	color: #1a4c66;
	text-decoration: underline;
}

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

a:hover {
	color: #1a4c66;
	text-decoration: underline;
}

.no-margin {
	margin: 0;
}

.clear { clear: both; }

/*

header

*/

#navigation {
	height: 83px;
}

#header-home {
	background: url(images/header-home.jpg) no-repeat top;
	height: 340px;
	min-width: 960px;
}

#header {
	background: url(images/header.jpg) no-repeat top;
	height: 100px;
	min-width: 960px;
}

#logo {
	position: absolute;
	left: -35px;
	display: block;
	width: 173px;
	height: 59px;
	background: url(images/logo.png) no-repeat;
	background-color: Transparent;
}

#btn_jobseekers_on {
	position: absolute;
	left: 150px;
	top: 25px;
	display: block;
	width: 173px;
	height: 59px;
	background: url(images/btn_jobseekers_on.png) no-repeat;
	background-color: Transparent;
}

#btn_jobseekers_off {
	position: absolute;
	left: 150px;
	top: 25px;
	display: block;
	width: 173px;
	height: 59px;
	background: url(images/btn_jobseekers_off.png) no-repeat;
	background-color: Transparent;
}

#btn_recruiters_on {
	position: absolute;
	left: 320px;
	top: 25px;
	display: block;
	width: 173px;
	height: 59px;
	background: url(images/btn_recruiters_on.png) no-repeat;
	background-color: Transparent;
}

#btn_recruiters_off {
	position: absolute;
	left: 320px;
	top: 25px;
	display: block;
	width: 173px;
	height: 59px;
	background: url(images/btn_recruiters_off.png) no-repeat;
	background-color: Transparent;
}

#menu {
	height: 40px;
	display: block;
	margin-left: 140px;
	margin-top: 15px;
}

#menu li {
	display: inline;
	float: left;
	width: 115px;
}

#menu li a {
	display: block;
	height: 30px;
	text-decoration: none;
	color: #fff;
	margin-top: 8px;
	text-align: center;
	font-size: 11pt;
}

#menu li.current
{
	background: url(images/menu-selected.png) no-repeat;
	background-position: center;
}

#subMenu 
{
	margin-top: -20px;
	margin-left: 150px;
	height: 30px;
	display: block;
}

#subMenu li
{
	display: inline;
	float: left;
	text-align: left;
	margin-right: 20px;
}

#subMenu li a 
{
	color: White;
	font-size: 10pt;
}

#subMenu li.current a
{
	text-decoration: underline;
}

#nav-home { width: 54px; background: url(images/nav-home.png); }
#nav-portfolio { width: 73px; background: url(images/nav-portfolio.png); }
#nav-blog { width: 47px; background: url(images/nav-blog.png); }

#menu li a:hover, #menu li a.active { background-position: bottom; }

#home-tweet-now {
	display: block;
	width: 150px;
	height: 50px;
}

/* header titles */

#header-description {
	width: 460px;
	float: left;
	margin-top: 10px;
	padding: 25px 5px 5px 0px;	
	text-shadow: black 1px 1px 1px;
	filter: Shadow(Color=black, Direction=135, Strength=2);
}

h1.title {
	position: relative;
	text-indent: -9999px;
	background: no-repeat;
}

h1 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat;
	color: #ffffff;
}

.title-detail {
	margin-bottom: 0px;
}

h1#leading-innovation { font-size: 32px; color: #ffffff  }
h1#leading-innovation-detail { width: 452px; height: 82px; font-size: 22px; color: #ffffff }

h1#upload-resume-title { font-size: 22px; color: #ffffff  }
h1#upload-resume-details { width: 452px; font-size: 18px; color: #ffffff }

h1#recent-resumes {font-size: 22px; color: #329fd6}


h1#portfolio-title { width: 145px; height: 37px; }
h1#portfolio-title span { background: url(images/titles/portfolio.png) no-repeat; }

h1#portfolio-title-detail { width: 357px; height: 22px; }
h1#portfolio-title-detail span { background: url(images/titles/portfolio-detail.png) no-repeat; }

h1#about-title { width: 130px; height: 29px; }
h1#about-title span { background: url(images/titles/about.png) no-repeat; }

h1#about-title-detail { width: 168px; height: 17px; }
h1#about-title-detail span { background: url(images/titles/about-detail.png) no-repeat; }

h1#contact-title { width: 156px; height: 25px; }
h1#contact-title span { background: url(images/titles/contact.png) no-repeat; }

h1#contact-title-detail { width: 341px; height: 22px; }
h1#contact-title-detail span { background: url(images/titles/contact-detail.png) no-repeat; }

h1#blog-title { width: 123px; height: 37px; }
h1#blog-title span { background: url(images/titles/blog.png) no-repeat; }

h1#blog-title-detail { width: 355px; height: 22px; }
h1#blog-title-detail span { background: url(images/titles/blog-detail.png) no-repeat; }

/* header scroller */

#header-scroller {
	position: relative;
	background: url(images/scroller/scroll-stroke.png);
	padding: 10px 10px 0px 10px;
	width: 440px;
	height: 300px;
	margin-top: 30px;
	float: right;
	overflow: hidden;
}

#scroll-prev a, #scroll-next a {
	display:block;
	position:absolute;
	top:125px;
	width:35px;
	height:70px;
}

#scroll-prev a {
	left:0;
	/*background:url(images/scroller/scroll-left.png);*/
}

#scroll-next a {
	/*background:url(images/scroller/scroll-right.png);*/
	right:0;
}

#scroller ul li {
	width: 440px;
	height: 300px;
	list-style: none;
	position: relative;
}

#scroll-shadow {
	background: url(images/scroller/scroll-shadow.png);
	width: 460px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.scroll-mag {
	display: block;
	background: url(images/scroller/magnify.png);
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 30px;
	right: 30px;
}

/* blog search */

#search {
	background: url(images/search-bg.png) no-repeat;
	width: 300px;
	height: 50px;
	float: right;
	margin-top: 70px;
	position: relative;
}

#search input {
	width: 230px;
	background: none;
	margin: 10px;
	border: none;
	padding: 9px 0 9px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	font-style: italic;
}

#search button#search-submit {
	background: url(images/icons/blog-search.png) no-repeat;
	height: 15px;
	width: 14px;
	border: none;
	position: absolute;
	right: 23px;
	top: 18px;
}

/*

body

*/

#body {
	background: url(images/body-bg.jpg) repeat-x #fff;
	min-width: 960px;
}

#body .container {
	padding-top: 30px;
}

.column {
	float: left;
	width: 300px;
	margin-left: 30px;
}

.column:first-child { margin-left: 0px; }

h1.body-title, h1.body-title a {
	font-size: 24px;
	color: #0687ca;
}

h1.body-title a:hover {
	color: #1a4c66;
}

h1.body-title a {
	text-decoration: none;
}

h2.body-subtitle {
	font-size: 20px;
	color: #0687ca;
}

h2.phone-number {
	font-size: 20px;
	color: #1a4c66;
}

.why {
	margin-bottom: 30px;
}

.why h1 {
	margin-bottom: 10px;
}

.why-icon {
	width: 50px;
	float: left;
}

.why-description {
	width: 230px;
	float: right;
}

h1#our-talk-is-your-talk { width: 173px; height: 20px; }
h1#our-talk-is-your-talk span { background: url(images/titles/our-talk-is-your-talk.png) no-repeat; }

h1#masters-of-gui { width: 128px; height: 16px; }
h1#masters-of-gui span { background: url(images/titles/masters-of-gui.png) no-repeat; }

.client-logo {
	float: left;
	padding: 0;
	margin: 0 30px 30px 0;
}

/* Although default (6 clients) requires only #client-3 and #client-6 (the ones on the far right), every additional row of clients you add requires another #client-9, #client-12 and etc. I have added #client-9 and #client-12 for those who may require them */ 

#client-3, #client-6, #client-9, #client-12 {
	margin-right: 0px;
}

/* Same as #client-number, except for #team-3, #team-6, etc */

#team-3, #team-6, #team-9, #team-12 {
	margin-right: 0px;
}

.team-member {
	float: left;
	margin-right: 30px;
}

.team-avatar {
	margin-bottom: 30px;
}

/* Contact Form */

form#contact-form {
	position: relative;
}

#contact-form input, textarea {
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	background-color: #fff;
}

#contact-form input {
	width: 238px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 12px;
	background-color: #fff;
}

#contact-form textarea {
	width: 238px;
	padding: 8px 30px;
}

#contact-submit {
	background: url(images/icons/send.png) no-repeat;
	width: 40px;
	height: 40px;
	border: none;
	position: absolute;
	right: 30px;
	bottom: 60px; /* Additional 30px offset from the textarea margin */
}

/* portfolio */

.ui-tabs .ui-tabs-hide { display: none !important; }

.portfolio-description {
	width: 300px;
	float: left;
}

.portfolio-image {
	position: relative;
	background: #bfbfbf;
	float: right;
	padding: 10px;
	margin-bottom: 30px;
	
	/* The following styles are CSS3 rounded corners, only supported (as of date) Safari 4 and Firefox 3.5 */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.portfolio-mag {
	display: block;
	background: url(images/scroller/magnify.png);
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 40px;
	right: 40px;
}

#portfolio-nav {
	position: absolute;
    background: url(images/portfolio-nav-bg.png) repeat;
    top: -115px;
    right: 0;
    height: 40px;
    
    /* The following styles are CSS3 rounded corners, only supported (as of date) Safari 4 and Firefox 3.5 */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#portfolio-nav li {
	float: left;
	list-style: none;
	margin: 0 20px;
	line-height: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#portfolio-nav li a {
	display: blocks;
	text-decoration: none;
	color: #87c0d6;
}

#portfolio-nav li.ui-tabs-selected a {
	color: #fff;
	
	/* The following gives the active portfolio item a little edge, however, for various reasons, this does not work in IE6 and is therefore disabled by default */
	
	/*height: 50px;
	background: url(images/portfolio-nav-edge.png) bottom no-repeat;*/
}

#portfolio-nav li.ui-tabs-selected a:hover { color: #fff; }
#portfolio-nav li a:hover { color: #e7f3f7; }

/* blog main */

#main {
	width: 630px;
	float: left;
}

#sidebar {
	width: 300px;
	float: right;
}

#main .post h1.body-title {
	float: left;
}

#main .post p.small {
	float: right;
	line-height: 24px;
}

.img-wrap {
	background: #bfbfbf;
	float: right;
	padding: 10px;
	margin-bottom: 30px;
	
	/* The following styles are CSS3 rounded corners, only supported (as of date) Safari 4 and Firefox 3.5 */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* blog navigation */

#blog-nav {
	height: 50px;
	background: url(images/blog-nav-bg.png) repeat-x;
	min-width: 960px;
}

#blog-nav .sub-container {
	width: 630px;
	float: left;
	margin-top: 10px;
	height: 30px;
}

#blog-nav #pages {
	float: left;
}

#blog-nav #prev-next {
	float: right;
}

#blog-nav #pages li {
	list-style: none;
	float: left;
	margin-right: 10px;
}

#blog-nav #prev-next li {
	list-style: none;
	float: left;
	margin-left: 10px;
}

#blog-nav #pages li a {
	display: block;
	width: 30px;
	height: 23px;
	background: url(images/blog-page-bg.png) no-repeat;
	padding-top: 7px;
}

#blog-nav #pages li a, #blog-nav a.blog-nav-button {
	text-align: center;
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #494949;
	text-decoration: none;

	/* Text shadows adds a indent feel to the text and are not new to CSS3, but are not supported by some browsers, this adds a small effect that looks great but isn't necessary */
		
	text-shadow: 0px 1px 0px #d4d4d4;
}

#blog-nav #pages li a:hover, #blog-nav a:hover {
	color: #000;
}

a.blog-nav-button {
    background: transparent url(images/blog-page-end.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 30px;
    padding-right: 10px;
}

a.blog-nav-button span {
    background: transparent url(images/blog-page-start.png) no-repeat;
    display: block;
    height: 23px;
    padding-left: 10px;
    padding-top: 7px;
}

/* blog sidebar */

.sidebar-seperate {
	width: 300px;
	height: 1px;
	background: #cccccc;
	margin-bottom: 30px;
}

#subscribe {
	margin-bottom: 30px;
}

.subscribe-item:last-child {
	margin-right: 0;
}

.subscribe-item {
	float: left;
	text-align: center;
	margin-right: 30px;
	height: 80px;
	position: relative;
}

.subscribe-item .counter {
	position: absolute;
	margin: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
}

.subscribe-item .counter p {
	margin: 0;
}

#subscribe h2.body-subtitle {
	float: right;
	line-height: 40px;
}

#sidebar-about img {
	width: 80px;
	height: 80px;
	float: left;
	margin-bottom: 30px;
}

#sidebar-about #sidebar-about-info {
	width: 190px;
	float: right;
}

#sidebar-recent img {
	width: 80px;
	height: 80px;
	float: right;
	margin-bottom: 30px;
}

#sidebar-recent #sidebar-recent-info {
	width: 190px;
	float: left;
}


/*

footer

*/

#footer {
	background: url(images/footer-bg.png) repeat-x #4d4d4d;
	min-width: 960px;
}

#footer .container {
	padding-top: 50px;
	padding-bottom: 10px;
}

h1.footer-title {
	font-size: 24px;
	color: #ffffff;
}

h2.footer-blog-title {
	margin-bottom: 10px;
	font-size: 20px;
	color: #ffffff;
}

#footer p {
	color: #e5e5e5;
}

#footer p a:hover {
	color: #00d8ff;
}

#footer .footer-thumb {
	width: 80px;
	height: 80px;
	float: left;
}

#footer .footer-blog {
	width: 200px;
	float: right;
}

#footer p.small {
	margin-bottom: 10px;
}



#testimonial-uber-wrap {
	background: url(images/testimonial-repeat.jpg) repeat-y;
}

#testimonial-wrap {
	background: url(images/testimonial-end.jpg) bottom no-repeat;
}

#testimonial {
	background: url(images/testimonial-start.jpg) top no-repeat;
	padding: 30px;
}

#testimonial p {
	margin-bottom: 0;
	color: #b2b2b2;
}

.resume-thumb
{
	border: solid 6px #F0F0F0;
}


/*#copyright {
	background: url(images/copyright-bg.png) repeat-x #329fd6;
	min-width: 960px;
}

#copyright .container {
	padding-top: 50px;
	padding-bottom: 10px;
}*/

#copyright {
	background: url(images/footer-bg.png) repeat-x #4d4d4d;
	min-width: 960px;
}

#copyright .container {
	padding-top: 50px;
	padding-bottom: 10px;
}


#copyright p {
	color: #e5e5e5;
}


#copyright-text
{
	float: left;
	font-size: 11px;
	padding-top: 20px;
}

#powered-by
{
	float: right;
	padding-top: 20px;
	font-size: 11px;
}

.recent-resume
{
	padding-bottom: 30px;
	padding-right: 22px;
	float: left;
}

.recent-resume span
{
	text-align: center;
	font-size: 12px;
	color: #329fd6;
	width: 170px;
	float: left;
	
}

#welcome
{
	color: #ffffff;
	padding-top: 25px;
	font-weight: bold;
	font-size: 9pt;
}

.button
{
	border: 1px solid #2E3136;
	background: #329fd6;
	padding: 5px 15px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	font-family: Trebuchet MS;
}

.button:hover
{	
	background: #373A3F;
	cursor: pointer;
}

.validation-summary-errors
{
	color: Red;
	list-style: none;
}

.red
{
	color: Red;
}

	/* tables */
	table.table-short {width:500px; 	margin:-5px 0 0 -5px; border-collapse:collapse;	}
	table.table-long {width:740px; margin-left:-10px}
	table.table-short td, table.table-long td {border-top:1px solid #dfdfdf; padding:10px 0; margin:0; color:#666;}
	table.table-short thead td, table.table-long thead td {font-weight:bold;}
	table.table-short thead td, table.table-short tfoot td, table.table-long thead td, table.table-long tfoot td {border:none;}
	table.table-short td:first-child, table.table-long td:first-child {text-align:left; padding:0 0 0 10px;}
	table.table-short tfoot, table.table-long tfoot {border-top:1px solid #ccc;}
	
	/*table.table-short tr.odd, table.table-long tr.odd { background-color:Black;}*/
	
#bullets li
{
	margin-left: 30px;	
	margin-bottom:5px;
	font-size: 12px;
	line-height: 20px;
	color: #808080;
}	

.sample-job
{
	color: 	#333333;
	padding: 10px;
	width: 500px;
	font-family: "Lucida Grande",Arial,Sans-serif;
	font-size: 14.3px;
	border-bottom: solid 1px #D2DADA;
	border-top: solid 1px #D2DADA;
	min-height: 50px;
}

#share-linkedin
{
	background: url(http://www.resumepark.com/content/theme/images/linkedin_32.png) left center no-repeat;
	background-position: center left;
	line-height:25px;
	padding-left: 40px;
	margin-bottom: 10px;
	
}

#share-twitter
{
	background: url(http://www.resumepark.com/content/theme/images/twitter_32.png) left center no-repeat;
	background-position: center left;
	line-height:25px;
	padding-left: 40px;
	margin-bottom: 10px;
	
}

#share-facebook
{
	background: url(http://www.resumepark.com/content/theme/images/facebook_32.png) left center no-repeat;
	background-position: center left;
	line-height:25px;
	padding-left: 40px;
	margin-bottom: 10px;
	
}

.paginationRight
{
	padding-left: 20px;
}

.pagination
{
	padding-bottom: 20px;
	color: #bbbbbb;
	font-size: 0.8em;
}

.recruiter-tweet-tips
{
	float: right;
	font-size: 10pt;
	margin-left: 15px;
	padding: 5px;
	padding-bottom: 20px;
	padding-top: 10px;
	width: 375px;
	background-color: #E0F3FC;
	height: 104px;
}

.recruiter-tweet-samples
{
	float: right;
	font-size: 10pt;
	margin-left: 15px;
	margin-top: 30px;
	padding: 5px;
	width: 375px;
	background-color: #F1EFEF;
	height: 200px;
}

.recruiter-tweet-tips span
{
	color: red;
}

.tweet-actions
{
	color: 	#999999;
	font-family: "Lucida Grande",Arial,Sans-serif;
	font-size: 11px;
}

div.job-description p
{
	font-size: 12pt;
	color: #000;
}

.recruiter-about
{
	padding-bottom: 30px;
	padding-right: 22px;
	float: left;
	font-size: 10px;
}

.recruiter-about span
{
	text-align: center;
	font-size: 10px;
	color: #329fd6;
	width: 170px;
	float: left;
	
}

h1#recruiter-about {font-size: 18px; color: #329fd6}