/*
Theme Name: The Job Search Guy
Description: Theme for The Job Search Guy
Author: David Villatoro
*/

#opt-in-popup { display: none; }
#opt-in-popup .close { position: absolute; top: 15px; right: 15px; cursor: pointer; }
#opt-in-popup h1 { text-align: center; }
#opt-in-popup h1 span { text-decoration: underline; }
#opt-in-popup h2 { font-size: 22px; padding: 20px 15px 0; }
#opt-in-popup p { font-size: 16px; padding: 15px 15px 0; }
#opt-in-popup ul { font-size: 16px; padding: 15px 15px 0 45px; list-style-image: url(images/check-red.gif); }
#opt-in-popup li { padding: 0 0 15px; }

#greenbox { width: 610px; height: 333px; background: #7ae396; }
#greenbox h3 { text-align: center; padding: 15px 15px 8px; font-size: 24px; color: #333 }
#greenbox p { padding: 8px 15px; color: #222 }

#featured-in { text-align: center; padding: 0 0 8px; }
#featured-in h2 { text-align: left; }
#featured-in img { width: 10.5%; height: auto; }

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	border-bottom: 1px #ccc solid;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform input { width: 250px; }
#commentform textarea { width: 450px; }
#commentform #submit { width: 150px; }

.corner-tl { position: absolute; top: 0; left: 0; background: url('images/corners.png') no-repeat top left; height: 6px; width: 6px; z-index: 10; }
.corner-tr { position: absolute; top: 0; right: 0; background: url('images/corners.png') no-repeat top right; height: 6px; width: 6px; z-index: 10; }
.corner-bl { position: absolute; bottom: 0; left: 0; background: url('images/corners.png') no-repeat bottom left; height: 6px; width: 6px; z-index: 10; }
.corner-br { position: absolute; bottom: 0; right: 0; background: url('images/corners.png') no-repeat bottom right; height: 6px; width: 6px; z-index: 10; }

#flash .corner-tl, #flash .corner-tr { top: 5px; }

#searchform { position: absolute; top: 75px; right: 3px; width: 227px; }
#s { float: left; border: 1px solid #999; width: 140px; margin-top: 3px; }
#searchsubmit {float: right; margin: 0!important; background: url('images/search.png')!important; height: 25px!important; width: 79px!important; padding: 0!important; border: 0!important; text-indent: -9999px!important; }

.loginbox { background: #f0e18a url('images/signup-form-bg.png') repeat-x top!important; }
.loginbox form { display: block; padding: 0 10px 15px; }
.loginbox h2 { font-size: .9em; color: #000!important; }
.loginbox h3 { font-size: .7em; padding-bottom: 8px; }
.loginbox small { font-size: .5em; }

.wordtube { text-align: center; }
a { color: #0000dd; }
a:hover { color: #cc0000; }

blockquote { background: #ccc; margin: 8px 25px; padding: 8px; color: #000 }
.alignleft { display: block; float: left; margin: 0 8px 8px 0; }
.aligncenter { display: block; margin: 0 auto; }
.alignright { display: block; float: right; margin: 0 0 8px 8px; }
#header { position: relative; width: 1024px; }
#header .links { position: absolute; top: 20px; right: 20px; font-size: 9pt!important; font-weight: bold; text-transform: uppercase; color: #434c53; }
#header .links a { color: #434c53; }
#header .links a:hover { color: #0e0e0e; }
#header .links img { vertical-align: middle; padding: 0 4px; }


.wpcf7 * { margin: 0; padding: 0; }

#banner { position: relative; }
#slide { position: absolute; top: 0; left: 0; width: 610px; height: 333px; overflow: hidden; z-index: 3; }
#slide img { width: 610px; height: 333px; }

#sign-up { position: absolute; z-index: 5; top: -25px; right: 8px;}
#sign-up * { margin: 0; padding: 0; }
#sign-up small { color: #333; text-style: italic; font-size: .7em; }
#sign-up .name { float: left; width: 47%; padding: 4px 0 8px; }
#sign-up .email { float: right; width: 47%; padding: 4px 0 8px; }

#sign-up .name input {margin: 2px 0 0; width: 100%; padding: 0;}
#sign-up .email input {margin: 2px 0 0; width: 100%; padding: 0;}


#sign-up-form { background: #f0e18a url('images/signup-form-bg.png') repeat-x top; width: 70%; margin: 5px auto; padding: 8px 8px 3px; }
#sign-up-form h2 { color: black!important; }
#sign-up-form .name { width: 47%; float: left; text-align: left }
#sign-up-form .email { width: 47%; float: right; text-align: left }
#sign-up-form .name input, #sign-up-form .email input { width: 100%; }

.submit {float: right; margin: 0!important; background: url('images/submit.png')!important; height: 37px!important; width: 117px!important; padding: 0!important; border: 0!important; text-indent: -9999px!important; }

#callback { width: 60%; margin: 0 auto; }
#callback input, #callback textarea { width: 100%; }

/*--- Layout --*/

html, body, h1, h2, h3, h4, h5, h6, p, ul, li, div {
	padding: 0;
	margin: 0;
}

#container {
	width: 1024px;
	margin: 0 auto;
}

#menu {
	height: 38px;
	padding-top: 3px;
}

#main {
	padding: 20px;	
}

#banner {
	float: left;
	width: 610px;
	height: 333px;
}

#sign-up {
	width: 470px;
	padding: 15px;
	height: 140px;
	/* margin: 163px 0 0 110px; */
}

#flash {
	float: right;	
	width: 360px;
	margin: -5px 0 0 0;
	position: relative;
}

#find-job {
	margin: 20px 0;
}

#find-job a { color: #464646;	
	text-decoration: none; }

#find-left {
	float: left;
	width: 490px;
}

#find-left-2 {
	float: left;
	width: 350px;
}

#find-right {
	float: right;
	width: 490px;
	position: relative;
}

#find-right-2 {
	float: right;
	width: 350px;
}

#sidebar {
	float: left;
	width: 290px;
}

#content {
	float: right;
	width: 724px;
	margin-top: 20px;
	margin-right: 10px;
}

#find-job-2 {
	margin-top: 15px;
}

#resources {
	margin: 20px 0 0 0;
}

#articles {
	float: left;
	width: 500px;
}

#buttons {
	float: right;
	width: 484px;
}

#footer {
	height: 78px;
	position: relative;
	width: 100%
}

#social-links { position: absolute; top: 0; left: 0; border: 0; }

#footer-links {
	/*float: left;
	width: 500px;*/
	padding: 10px 20px;
	text-align: center;
}

#pg-logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
}

#pg-logo small { position: absolute; bottom: 10px; right: 10px; width: 250px; display: block; text-align: right; }

#services-2 {
	width: 984px;
	margin: 10px auto;	
}

.service-left {
	float: left;
	width: 314px;
}

.service-middle {
	float: left;
	width: 314px;
	margin: 0 20px;
}

.service-right {
	float: right;
	width: 314px;
}

.clear {
	clear: both;	
}

/*--- Text and Link Colors ---*/

body {
	font-family: Arial, Helvetica, sans-serif;
}

#main {
	color: #464646;	
}

#main h2, #main-2 h2, #services-2 h2 {
	padding-bottom: 5px;
	color: #2e3191;
}

#main-2 h2 a{
	color: #2e3191;
}

#sign-up h2 {
	padding-bottom: 8px;
	color: #000;
	font-size: 1.4em;
}

#sign-up p {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0 0 4px;
}

#content {
	font-size: 13px;	
}

#services {
	font-size: 12px;	
}

p.more a{
	color: #00b0d8;
	font-size: 12px;
	text-decoration: underline;
}

p.more a:hover {
	text-decoration: none;	
}

#articles h3, #buttons h3 {
	font-size: 16px;
	font-weight: normal;
}

#articles h3 a, #buttons h3 a {
	color: #464646;	
	text-decoration: none;
}

#articles h3 a:hover {
	text-decoration: none;	
}

#footer {
	color: #FFF;
	font-size: 12px;
}

#footer a {
	color: #FFF;	
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.panel-info p {
	margin: 10px 0;
}

.panel-info ul {
	margin: 0 0 0 120px!important;
	padding: 0 0 0 0!important;
}

.panel-info ul li {
	margin: 0 0 0 0!important;
	padding: 0 0 4px 0!important;
}


/*--- Backgrounds and Images ---*/

a img {
	border: none;
}

body {
	background: #F5F5F5;
}

#menu {
	background: url(images/menu-bg.jpg) repeat-x top left;
}

#sign-up {
	//background: url(images/sign-up-bg.png) repeat-y top left;
background: #f0e18a url('images/signup-form-bg.png') repeat-x top;
}

#container {
	background: #FFFFFF;	
}

#banner {
	/*background: url(images/banner.jpg) top center no-repeat;*/
}

.sidebar-links {
	/*background: url(images/sb-link-bg.jpg) no-repeat top left;*/
	background: #20a5de url(images/sidebar-bg.png) repeat-x top left;
}

.sidebar-links {
	width: 251px;
	/*height: 146px;*/
	margin: 20px auto;
	padding-top: 6px;
}

.sidebar-links a {
	color: #000;
	text-decoration: none;
}

.sidebar-links li ul a {
	color: #2a2f33;
	text-decoration: none;
}

.sidebar-links a:hover {
	color: #ecf9fb;
}

a:hover {
	color: #cc0000;
}

#buttons img {
	margin: 0 10px 0 0;
}

.panel-info img {
	float: left;
	margin-right: 10px;
}

#footer {
	background: url(images/footer-bg.jpg) repeat-x top left;	
}

/*--- Borders and Lists ---*/

#menu ul {
	margin: 0 50px;
	padding: 0;
	list-style: none;
}

#menu ul li {
	float: left;
	padding-right: 3px;
}

.sidebar-links ul {
	list-style: none;
	margin: 0 5px!important;
	padding: 0!important;
}

.sidebar-links li {
	line-height: 27px;	
	padding: 0!important;
	margin: 0 0 0 10px!important;
	border-bottom: 1px solid #82b2b8;
}

#find-job ul, #articles ul {
	/*list-style-image: url(images/red-arrow-bullet.jpg);*/
	list-style: none;
	margin-left: 20px;
	padding-left: 0px;
}

#find-job ul li, #articles ul li, #find-job-2 ul li {
	background: url(images/red-arrow-bullet.jpg) no-repeat 0 0;
	padding-left: 25px;
	margin-bottom: 10px;
	}

#find-job ul li, #find-job-2 ul, #articles ul li, #articles h3 {
	line-height: 20px;	
}

#find-job-2 ul {
	/*list-style-image: url(images/red-arrow-bullet.jpg);*/
	list-style: none;
	margin-left: 20px;
	padding-left: 0;
}

#articles h3, #buttons h3 {
	background: url(images/red-arrow-bullet.jpg) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
}

#articles h3 a:hover {
	color: #0e0e0e!important;
}

#main-2 p { padding: 0 0 10px; }

#main-2 ul { margin: 0 0 10px 20px; }