/*
Theme Name: CareerNumbersCMS
Theme URI: http://www.careernumbers.com
Description: Blog theme based on CareerNumbers staging site.
Version: 0.3
Author: Jay Neely
Author URI: http://socialstrategist.com
Author: Doug Helferich
*/

/* RESETS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	border:0pt none;
	margin:0pt;
	padding:0pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr {
color: #DDDDDD;
}

li {
font-family: arial;
}

a {
text-decoration: none;
}

/* GLOBAL LAYOUT */
body {
text-align: center;
}

#header-wrapper{
	background: transparent url(/images/header_background.png) repeat-x;
	height: 100px;
	width: 100%;
}

#header{
	width: 840px;
	margin: 0 auto;
}

#header img{
	border: 0px;	
}

#header-logo{
	float: left;
	width: 365px;
}

#header1{
border-bottom: 1px solid #3860a4;
padding-bottom: 4px;
}

#container{
	margin: 0 auto;
	width: 900px;
	min-height:550px;
	height:auto !important;
	height:500px;
	text-align: left;
}

#footer-wrapper{
	clear:both;
	background: transparent url(/images/footer_background.png) repeat-x;
	height: 79px;
	margin-top: 10px;
}

#footer{
	color: #c3d1e3;
	font-weight: bold;
	width: 840px;
	margin: 0 auto;
	height: 50px;
	padding-top: 12px;
	text-align: center;
}

#footer ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#footer li{
	display: inline;
	border-right: 1px solid #c3d1e3;
}

#footer li.last{
	display: inline;
	border-right: 0px;
}

#footer ul a{
	color:#c3d1e3;
	font-size:0.8em;
	font-weight:bold;
	margin-right:0.8em;
	padding:0.4em;
	text-decoration:none;
}

#footer-copyright{
font-size: 0.8em;
}

.breadcrumb {
font-size: 0.7em;
padding-bottom: 0;
}

.breadcrumb a {
color:#375fa2;
text-decoration: none;
}

.breadcrumb a:hover {
color:#78abda;
text-decoration: none;
border-bottom: 1px dotted #555555;
}

.addtoany_share_save_container {
margin-bottom: 0;
padding: 0;
text-align: left;
}

.author {
text-size: 0.7em;
}

.clear{
clear: both;
}





/* LANDING PAGE LAYOUT & STYLES */
/* ---------------------------- */

#main {
 margin: 0 auto;
 width: 835 px; }

#main p{
font-family: Verdana, sans-serif;
}

#top-left{
 width: 525px;
 float: left;
}

#top-right{
 width: 305px;
 float: right;
}

#signup{
 background: url(http://careernumbers.com/wp-content/themes/CareerNumbersCMS/signup.gif) no-repeat;
 width: 305px;
 height: 280px;
 margin-top:20px;
}

#signup p{
 margin-left: 10px;
 display: block;
 font-weight: bold;
 color: #36444e;
 text-align: center;
 text-indent: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
}

#signup p a{
 color: #5191c1;
}

#signup p a:hover{
 color: #64b2ec;
}

#survey-button {
margin: 0 auto;
width:250px;
}

.landing-entry p{
text-indent:0px;
margin-bottom:0px;
margin-top:20px;
}

/* Added by Andrew for front page updates */
ul#FrontBullets { list-style-image:url(http://careernumbers.com/wp-content/themes/CareerNumbersCMS/blue_bullet_large.png); margin:0px 0px 0px 27px; padding:0px; }
ul#FrontBullets li { padding: 15px 0px 15px 13px; border-bottom:1px solid #dddddd; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:15px; width:400px;}
ul#FrontBullets li.end { border-bottom:0;}

/* Clickable signin Button */
a#signup_button, a#signup_button:link, a#signup_button:visited{
 display:block; width:261px; height:110px; text-decoration:none; background:#FFFFFF url(http://careernumbers.com/wp-content/themes/CareerNumbersCMS/SignUpNow_button.png) top left no-repeat; margin:0px auto;
}

a#signup_button:hover{
 background-position:bottom left;
}
p#signup_p { text-align:center; margin:0px 0px 55px 0px; padding:40px 0px 0px 0px;}


/* ---------------------------- */
/*     BLOG LAYOUT & STYLES     */
/* ---------------------------- */

#blog-main {
min-height: 579px;
}

#blog-title {
float: left;
margin-top:0;
margin-bottom: -4px;
padding: 0;
}

#blog-title h1 {
font-size: 30pt;
color: #FF9933;
text-align: left;
font-family: Myriad Pro, verdana;
text-decoration: none;
margin: 0px;
padding: 0;
position: relative;
}

#blog-title a {
font-size: 30pt;
color: #FF9933;
text-align: left;
font-family: Myriad Pro, verdana;
text-decoration: none;
margin: 0px;
padding: 0;
position: relative;
}

#blog-top-left {
 width: 650px;
 float: left;
margin-top: 10px;
margin-bottom: 20px;
}

#blog-top-left img {
border: 0;
}

#blog-top-left hr {
}

#blog-top-left a {
color: #375fa2;
text-decoration: none;
}

#blog-top-left a:hover{
color: #78abda;
text-decoration: none;
}

#blog-top-left p {
font-family: arial;
font-size: 0.8em;
margin-bottom:10px;
margin-top:0;
line-height: 160%;
}

#blog-top-left h2 {
margin-top: 0px;
margin-bottom: 0px;
}

.blog-post {
padding-right: 10px;
}

div.blog-post-title {
height:25px;
border-bottom: 1px dotted #375fa2;
margin-bottom:10px;
}

.blog-post-title h2 {
font-size: 18pt;
}

.blog-entry {
border-bottom: 1px dotted #DDDDDD;
padding-bottom: 10px;
margin-bottom: 20px;
clear: both;
}

.blog-entry p {
text-indent:1cm;
}

#blog-top-right {
 width: 250px;
 float: right;
margin-top: 10px;
}

.blog-sidebar-content {
border: 1px dotted #DDDDDD;
padding: 0px 20px 20px;
font-family: arial;
margin-bottom: 10px;
}

.blog-sidebar-content h3 {
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
font-family: Cambria, Georgia, serif;
}

p.sidebar-text {
font-family: Arial, sans-serif;
font-size: .7em;
margin-top:0px;
margin-bottom: 10px;
text-align: justify;
text-indent: 0cm;
}

.blog-sidebar-content img{
border: none;
}

.blog-sidebar-content a {
color: #375fa2;
text-decoration: none;
padding-bottom: 5px;
}

.blog-sidebar-content ul{
list-style: none;
}

.blog-sidebar-content li{
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #DDDDDD;
font-family: Arial, sans-serif;
font-size: 0.8em;
}

.blog-sidebar-content a:hover{
color: #78abda;
text-decoration: none;
padding-bottom: 5px;
}

#blog-partner-footer {
text-align: center;
width:900px;
clear: both;
}

#blog-partner-footer-title {
text-align: center;
width:1000px;
padding-top: 10px;
}

.blog-partner-footer-logo {
width:20%;
float:left;
margin:10px 0 20px 0;
height:100px;
display: block;
}

.blog-partner-footer-logo a {
border: 0;
}

.blog-partner-footer-imagerow {
height:auto;
width: 100%;
}

.blog-partner-footer-logo img {
width:80%;
height: auto;
vertical-align: middle;
border: 0;
}

.blog-partner-footer-logo img:hover {
width:90%;
height: auto;
vertical-align: middle;
border: 0;
}

/* RESOURCES ARTICLE LAYOUT & STYLES */
/* --------------------------------- */

#article-main {
min-height: 550px;
}

#article-top-left {
 width: 600px;
 float: left;
}

.article-post {
font-family: Cambria, Georgia, serif;
}

.article-entry {
text-indent: 0;
}

#article-title {
float: right;
width: 800px;
margin-top:0px;
padding: 0;
color: #FF9933;
position:relative;
}

/*  DON'T DELETE: USED FOR LARGE ORANGE TITLE, IF WE WANT TO CHANGE IT BACK
#article-title h1 {
font-size: 30pt;
color: #FF9933;
text-align: left;
font-family: Myriad Pro, verdana;
text-decoration: none;
margin: 0px;
padding: 0;
position: relative;
} */

#article-title a {
font-size: 30pt;
color: #FF9933;
text-align: left;
font-family: Myriad Pro, verdana;
text-decoration: none;
margin: 0px;
padding: 0;
}

#article-author {
font-size: 0.7em;
text-indent: 0;
margin-top:10px;
}

#article-top-left a {
color: #375fa2;
text-decoration: none;
}

#article-top-left a:hover{
color: #78abda;
text-decoration: none;
}

#article-top-left img {
border: 0;
padding: 5px;
}

.article-post-title h1 {
font-size: 20pt;
color: #375fa2;
text-decoration: none;
margin-bottom: 0;
padding-bottom: 0;
}

#article-top-left p {
font-family: arial;
font-size: 0.8em;
margin-bottom:10px;
margin-top:10px;
text-indent: 0;
}

#article-top-left h2,h3 {
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
text-indent: 0;
color: #375fa2;
font-size: 1em;
}

#article-top-left hr {
clear:both;
}

#article-top-left ul {
text-align: left;
text-indent: 0;
padding-left: 10%;
}

#article-top-left li {
text-align: left;
text-indent: 0;
font-size: 0.8em;
}

#article-top-right {
 width: 200px;
 float: right;
margin-top: 20px;
}

.article-sidebar-content {
border: 1px dotted #DDDDDD;
padding: 20px;
font-family: arial;
margin-bottom: 10px;
}

.article-sidebar-content h2 {
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
}

.article-sidebar-content a {
color: #375fa2;
text-decoration: none;
padding-bottom: 5px;
}

.article-sidebar-content a:hover{
color: #78abda;
text-decoration: none;
padding-bottom: 5px;
}

.article-sidebar-content li {
padding-bottom: 10px;
}


/* GLOBAL ARTICLE LAYOUT & STYLES */
/* ---------------------------- */

.colq {
display: inline;
list-style-image: none;
font-family: Cambria, Georgia, serif;
font-size: 1.2em;
text-align: center;
}

/* Text Styles */

h1,h2 {
font-family: Cambria, Georgia, serif;
padding-bottom: 10px;
}

h1 {
font-size:1.5em;
line-height: 1em;
margin-top: 0;
margin-bottom: 1em; 
}

h2 {
font-size:1.1667em;
line-height: 1.286em;
margin-top: 1.286em;
margin-bottom: 1.286em; 
}

p {
font-family: Cambria, Georgia, serif;
font-size: 1em;
text-indent: 1cm;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

small {
font-family: Cambria;
}


/*      TAGS PAGE         */
/* --------------------------------- */

#tag-top-left {
 width: 690px;
 float: left;
margin-top: 10px;
}

#tag-top-left img {
border: 0;
}

#tag-top-left a {
color: #375fa2;
text-decoration: none;
}

#tag-top-left a:hover{
color: #78abda;
text-decoration: none;
}

#tag-top-left p {
font-family: arial;
font-size: 0.8em;
margin-bottom:10px;
margin-top:10px;
}

#tag-top-left h2 {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#tag-title {
float: right;
width: 900px;
margin-top:0px;
padding: 0;
}

#tag-title h1 {
font-size: 30pt;
color: #FF9933;
text-align: left;
font-family: Myriad Pro, verdana;
text-decoration: none;
margin: 0px;
padding: 0;
position: relative;
}

#tag-title a {
font-size: 30pt;
color: #FF9933;
text-align: left;
font-family: Myriad Pro, verdana;
text-decoration: none;
margin: 0px;
padding: 0;
position: relative;
}

.tag-post-title h2 {
font-size: 18pt;
}

/*
.tag-post {
padding-top: 10px;
padding-bottom: 10px;
}

.tag-entry {
margin: 10px;
background: #FFFFFF;
text-indent: 0;
}
*/

.tag-entry {
text-indent: 0;
}

#tag-box {
width: 100%;
padding: 20px;
}

.tag-column {
width: 45%;
float:right;
}

#tag-top-right {
 width: 200px;
 float: right;
margin-top: 20px;
}

.tag-sidebar-content {
border: 2px dotted #375fa2;
padding: 20px;
font-family: arial;
margin-bottom: 10px;
}

.tag-sidebar-content h2 {
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
}

.tag-sidebar-content a {
color: #375fa2;
text-decoration: none;
padding-bottom: 5px;
}

.tag-sidebar-content a:hover{
color: #78abda;
text-decoration: none;
padding-bottom: 5px;
}

.tag-sidebar-content li {
padding-bottom: 10px;
}

/* WORDPRESS CAPTION STYLES */
/* ------------------------ */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   clear: right;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   text-indent: 0;
}

#a2a-prompt {
font-size: 0.7em;
font-family: Arial, serif;
}
