@charset "UTF-8";

/*
THEME NAME: Great On The Job
THEME URI: http://www.ghava.com
DESCRIPTION: Based on a theme called Sandbox
VERSION: 1.0
AUTHOR: <a href="http://www.ghava.com/">Peter Rentz</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-image: url(http://www.greatonthejob.com/images/brown.gif);
	background-repeat: repeat;
	background-color: #332d23;
}


a:link {
	text-decoration: none;
	color: #325fba;
}
a:hover, a:visited:hover {
	text-decoration: none;
	color: #2d56a8;
        background-color: #e0e8f3;
}
a:visited  {
	text-decoration: none;
	color: #2d56a8;
}
a:active {
	text-decoration: none;
	color: #2d56a8;	
}

.submit-button, .button {
	background-image: url(http://www.greatonthejob.com/site/images/buttonbg.jpg) top left repeat-x #f1f1f1;
	border: 1px solid #999;
	color: #666;
	padding: 2px;
	font-family: Verdana, arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.submit-button:hover, .button:hover {
	border: 1px solid #666;
	cursor: pointer;
}

#sidebar1 a:hover, #sidebar1 a:visited:hover {
	text-decoration: none;
	color: #2d56a8;
	background-color: #fff;
} 


a.menu:link, a.menu:visited  {
	text-decoration: none;
    color: #000;
	font-weight: bold;
	font-size: 13px;
}

a.menu:hover, a.menu:visited:hover  {
	text-decoration: underline;
	background-color: #cbbca3;
}


a.blog:link, a.blog:visited  {
	color: #f19907;
	text-decoration: none;
}

a.blog:hover, a.blog:visited:hover  {
	color: #332d23;
	text-decoration: none;
}

#container {
	width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #e0e8f3; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#bigNewsHome {
	width: 49%;
	float:left;
	line-height: 24px;
	font-size: 14px;
}

#postsHome {
	width: 49%;
	float: right;
}

#newsBorder {
	border: 1px solid #fff;
	
}

#bigNewsHome #newsBorder {
	border: 1px solid #e0e8f3;
	
}

#bigNewsHome #bignews {
	background-color: #e0e8f3;
	border: 1px solid #fff;
	text-align: center;
    padding:4px;
}

#bignews {
	background-color: #fff;
	border: 1px solid #e0e8f3;
	text-align: center;
    padding:8px;
}

#bignews a:hover, #bignews a:visited:hover {
	text-decoration: underline;
} 

#sidenews {
	background-color: #fff;
	border: 1px solid #e0e8f3;
	text-align: center;
    padding:2px;
	font-size: 12px;
	line-height: 18px;
}

#sidenews a:hover, #sidenews a:visited:hover {
	text-decoration: underline;
} 

#menu {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #cbbca3; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 10px 15px 0px 15px;
    font-family: arial, sans-serif;	
    font-size:12px;
}

.searchbox {
	margin-bottom: 5px;
}


 #copyright{
	width: 765px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #332d23; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	padding: 5px 0px 5px 15px;
	color: #cbbca3;
    font-family: arial, sans-serif;
	font-size:12px;
	line-height:18px;
	
}

#animation {
	height: 210px;  
}

#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 40px 15px 10px 15px;
    font-family: arial, sans-serif;
	font-size:12px;
    color:#332d23;
	line-height:20px;
}

#sidebar1-home {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 40px 15px 10px 15px;
    font-family: arial, sans-serif;
	font-size:12px;
    color:#332d23;
	line-height:20px;
}

 #mainContent { 
	background: #ffffff;
	margin: 0 190px 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 40px 40px 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
        font-family: arial, sans-serif;
        color:#332d23;
        font-size:13px;
	line-height:19px;
        letter-spacing: .5px;	
} 

#mainContent-home { 
	background: #ffffff;
	margin: 0 0 0 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 40px 40px 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
        font-family: arial, sans-serif;
        color:#332d23;
        font-size:13px;
	line-height:19px;
        letter-spacing: .5px;	
} 

.strategies { 
min-height:350px;
height: auto !important;
height: 250px;      	
} 


#footer { 
	background: #cbbca3;
	margin: 0 190px 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 40px 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    font-family: arial, sans-serif;
    font-size:12px;
	line-height:18px;
	color:#332d23;
} 


#footer-home { 
	background: #cbbca3;
	margin: 0 0 0 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 40px 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    font-family: arial, sans-serif;
    font-size:12px;
	line-height:18px;
	color:#332d23;
} 


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
padding: 6px 0 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

form {
	display: inline;
}

/* list styles */


#sidebar1 li, #postsHome li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
}


#sidebar1 ul, #postsHome  ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#sidebar1 hr { border: none; height: 1px; background-color: #b8bec5; color: #b8bec5; width: 100%; }
#mainContent hr { border: none; height: 1px; background-color: #cccac8; color: #cccac8; width: 100%; margin-top: 20px; }
#sidebar1 hr.black { border: none; height: 1px; background-color: #999; color: #999; width: 100%; }

.page_title{
    font-color: #332d23;    
    /*font-size: 10px;*/
	font-size: 11px;
    letter-spacing: 2px;
    border-top: 1px solid #b8bec5;
    border-bottom: 1px solid #b8bec5;    
}

.dateline, h5{
    font-color: #332d23;    
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;
}

.headline, h1, h3, h4 {
        font-family: arial, sans-serif;	
        font-size:20px;
        font-weight: normal;
}

h2, h3, h4, h5 {
    margin: 0px;
	padding: 0px;
}


h1 { 
border-top:1px solid #b8bec5; 
padding:20px 0px 0px 0px; 
margin:20px 0px 0px 0px;
}

#sidebar1 .page_item, #postsHome .page_item  {
        border-bottom: 1px solid #b8bec5;}

/*#sidebar1 .page_item, .cat-item, #postsHome .page_item  {
        border-bottom: 1px solid #b8bec5;}*/
		
.sidehead {
	font-size: 14px;
	font-weight: bold;
}


a.cat-title:link, a.cat-title:visited  {
	text-decoration: none;
    color: #f19907;
	font-weight: bold;
	font-size: 13px;
}

a.cat-title:hover, a.cat-title:visited:hover  {
	text-decoration: underline;
	background-color: #fff;
}

.entry-title  {
   color: #cbbca3;     
   font-family: arial, sans-serif;
   font-size: 20px;
   line-height: 22px;
   font-weight: normal;
   margin-top: 16px;
}

h2  {
   color: #cbbca3;     
   font-family: arial, sans-serif;
   font-size: 26px;
   line-height: 26px;
   font-weight: normal;
}


.subhead {
     font-family: arial, sans-serif;
    font-size:16px;
    line-height: 28px;

 }
 
/*.current_page_item {
   background-color: #fff;
}*/
.homeTable {
	margin: 0px;
	padding: 0px;
	border: none;
}

.paddingRight {
	padding-right: 20px;
}


.alignleft,img.alignleft{
float:left;
margin:0 10px 0 0;
}

.indent {
	text-indent: 40px;
}

.legendBold{
font-weight: bold;
}

img {
border:0;}

.wpml_loading {
display:none;
}
   
/* Styling for Mailing List Plug In */

.wpml_loading {
display:none;
}
.wpmlbutton{
	margin: 0;
	padding: 0;
}

input {
	margin: 2px;
	padding: 0;
}




/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#e0e8f3; color:#332d23; margin-right:4px; padding:5px 10px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#e0e8f3; color:#f19907;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#e0e8f3; background:#332d23; margin-right:4px; padding:5px 10px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

		

/*- Blog Post Bottom Links --------------------------- */

.post-bar {
	line-height: 30px;
	text-align: center;
}

.post-bar a {
	font-size: 12px;
	font-weight: bold;
}

/*- End Blog Post Bottom Links --------------------------- */


/*- Logo Box --------------------------- */

.logo-box {
	width: 100%
	padding: 0;
	margin: 20px 0 0;
	text-align: center;
	line-height: 58px;
}


.logo-box img {
	display: inline;
	border: 1px solid #333;
	margin: 0 4px 0 0;
}

.logo-box a:hover {
	background: none;
}


/*- End Logo Box --------------------------- */


/*- Twitter Widget --------------------------- */

#twtr-widget-1 {
	width: 100%;
	padding: 1px;
	background: #fff;
	border: 1px dotted #999;
	margin: 0;
	text-align: left;
}

#twtr-widget-1 a:hover{
	background: none;
}

#twtr-widget-1 h4 a{
	font-size: 14px;
	font-weight: bold;
}


.twtr-hyperlink:hover {
	text-decoration: underline;
	background: #fff;
}

.twtr-timeline a {
	font-weight: bold;
}

.twtr-timeline a:hover {
	text-decoration: underline;
	background: #fff;
}

/*- End Twitter Widget --------------------------- */