/*  
Theme Name: Resources for Humans
Theme URI: http://www.mleesmith.com
Description: This is a theme for the blog Resources for Humans. This theme is based off the original EmpLawPost theme.
Version: 0.5
Author: M. Lee Smith Publishers
Author URI: http://www.mleesmith.com/	
*/


/*** PLEASE NOTE Some elements of this original style sheet have been removed. See comments and see document cssremoved for code snippets and corresponding placement. ***/


*
{
margin: 0px;
padding: 0px;
}

ul
{
list-style: none;
}

/*** Controls the overall background of the website where the gradient image is. It also contains the information for the default font ***/

body 
{
font-size: 13px;
margin: 0px;
text-align: center;
color: #333333;
font-family: Arial, Verdana, sans-serif;
background: #FFFFFF url(./images/emplawpost_bkgd.jpg) repeat-x;
}



/*** Controls the box where the Header Image is. To change the image itself edit header php or overwrite the header image file on the server. This area is also 1 pixel wider than the site container to compensate for the border around the main container area. If you change that border you will need to adjust the width of this area. ***/



#header
{
width: 967px;
height:108px;
display: block;
background: #98012E;
padding: 0px 0 0 0;
margin: 0px auto 0 auto;
margin-bottom: 0px;
}

/*** This was header font and link information that was no longer needed because our header is an image Spot 004 ***/

/*** This was for the search function which was replaced by our own. Spot 002 ***/

/*** Our menu is included at the top. This may not be necessary. Spot 001 ***/

/*** Container Format  ***/

#container
{
clear:left;
padding: 0px;
margin-top: 0px;
margin-left:auto;
margin-right:auto;
width: 967px;
border-left: 1px solid #493220; 
border-right: 1px solid #493220;
background: #ffffff;
}

/*** Leftnav Format This controls the entire box that the left column is in ***/
                         
#leftnav
{
float: left;
margin: 0;
width: 190px;
padding-top: 4px;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 20px;
text-align: left;
}

/*** Rightnav Format This controls the entire box that the right column is in ***/

#rightnav
{
float: right;
margin: 0;
padding-top: 4px;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 20px;
text-align: left;
}





/*** Content Format This controls the data that is placed in the center column of the page ***/

#content
{
display: block;
margin: 0 195px 15px 195px;
padding: 1em;
padding-top: 10px;
margin-top:4px;
text-align: left;
}


#content ul
{
padding-left: 15px;
}

#content ul li{
margin-left: 15px;
list-style-type: square;
}

#content ul ul li{
padding-left: 15px;
}


#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p
{
padding-left: 10px;
}

/*** Footer Format This controls the footer of the page. To change the text of the footer edit footer.php. You will need to edit this on each individual blog to ensure proper copyright is listed as WordPress automatically displays the content copyrighted to the blog name. ***/

#footer
{
clear:both;
background: #98012E url(./images/footerbg.jpg) repeat-x;
color: #F7F5EC;
padding: 5px 1em 5px 1em;
font-weight: normal;
}

/*** Updated Code 08/01/2008 ***/

#footer p
{
display: block;
margin-top: 0px;
margin-bottom: 0px;
text-align:center;
font-family: Arial, sans-serif;
}

/*** End Update ***/

#footer a:link {
color: #F7F5EC;
font-family: Arial, sans-serif; 
text-decoration: none;
border: none;
font-weight: bold;
}
#footer a:hover {
color: #F7F5EC;
text-decoration: none;
font-family: Arial, sans-serif;
border: none;
}

#footer a:visited:hover {
color: #F7F5EC;
text-decoration: none;
font-family: Arial, sans-serif;
border: none;
}

#footer a:visited {
color: #F7F5EC;
text-decoration: none;
font-family: Arial, sans-serif;
border: none;
font-weight: bold;
}

#footer img {
padding: 0px 5px 0px 5px;
}

/*** If you wanted to place an icon in the footer  you can use this style ***/

#icons {
	display: inline;
	margin-top: -35px;
	float: right;
	text-align: right;
}


/*** Left Sidebar Format ***/

#sidebarleft
{
margin-bottom: 10px;
margin-top: -12px;
background: none;
padding: 5px 5px  5px 5px;
margin-left: -2px;
}

/*
#sidebarleft ul
{
list-type:none;
border:1px solid;
border-color: #DEB656;
}*/

#sidebarleft li
{
background: #efefef;
padding-bottom: 8px;
padding-top: 0px;
}

#sidebarleft ul li
{
display: block;
padding-left: 10px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 2px;
padding-top: 0px;
line-height: 15px;
}

#sidebarleft ul li ul li{
display: block;
padding-left: 10px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 2px;
}

#sidebarleft ul li li{
display: block;
padding-left: 10px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 2px;
}

#sidebarleft a:link {
color: #6A6458;
text-decoration: none;
font-size: 12px;
border: none;
font-weight: bold;
}

#sidebarleft a:hover {
color: #000000;
font-size: 12px;
text-decoration: underline;
border: none;
}

#sidebarleft a:visited:hover {
color: #000000;
font-size: 12px;
text-decoration: underline;
border: none;
}

#sidebarleft a:visited {
color: #6A6458;
font-size: 12px;
text-decoration: none;
border: none;
font-weight: bold;
}

#sidebarleft h2 {
font-family: Arial, Verdana, sans-serif;
color: #604A1B;
text-align: center;
font-size: 16px;
padding: 2px 8px 2px 8px;
margin-top:8px;
background: transparent url(./images/catbg.jpg) top repeat-x;
}

#sidebarleft p
{
padding: 8px;
}


/*** This Sidebar code is necessary to control the visual appearance of links in the right sidebar, specifically the hot topics box. ***/

#sidebarright a:link {
font-family: arial,helvetica;
color: #000000;
font-size: 10px;
text-decoration: none;
border: none;
}

#sidebarright a:hover {
font-family: arial,helvetica;
color: #FF0000;
font-size: 10px;
text-decoration: underline;
border: none;
}

#sidebarright a:visited:hover {
font-family: arial,helvetica;
color: #FF0000;
font-size: 10px;
text-decoration: underline;
border: none;
}

#sidebarright a:visited {
font-family: arial,helvetica;
color: #000000;
font-size: 10px;
text-decoration: none;
border: none;
}


/*** Right Sidebar Format - This is no longer necessary in our design as we put an include there for the tower ad ***/

/* Start excluded css code

#sidebarright
{
color: #000;
margin-bottom: 10px;
background: none;
padding: 0 0px  0 5px;
margin-top: -12px;
}

#sidebarright li
{
background: #CFC9B2;
padding-bottom: 8px;
}

#sidebar ul
{
list-style: none;
}

#sidebarright ul li
{
display: block;
padding-left: 10px;
margin-left: 5px;
margin-right: 3px;
padding-bottom: 2px;
}

#sidebarright li ul li
{
display: block;
padding-left: 10px;
margin-left: 5px;
margin-right: 3px;
padding-bottom: 2px;
}

#sidebarright ul li ul li{
padding-left: 10px;
padding-bottom: 2px;
margin-right: 3px;
}

#sidebarright a:link {
font-family: arial,helvetica;
color: #000000;
font-size: 10px;
text-decoration: none;
border: none;
}

#sidebarright a:hover {
font-family: arial,helvetica;
color: #FF0000;
font-size: 10px;
text-decoration: underline;
border: none;
}

#sidebarright a:visited:hover {
font-family: arial,helvetica;
color: #FF0000;
font-size: 10px;
text-decoration: underline;
border: none;
}

#sidebarright a:visited {
font-family: arial,helvetica;
color: #000000;
font-size: 10px;
text-decoration: none;
border: none;
}

#sidebarright h2 {
font-family: Arial, Verdana, sans-serif;
color: #fff;
padding: 2px 8px 2px 8px;
background: transparent url(./images/catbg.jpg) top repeat-x;
margin-top:8px;
}

#sidebarleft p
{
padding: 3px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

End excluded css code
*/

/*** Paragraph Format ***/

p
{
margin-bottom: 12px;
margin-top: 12px;
}

/*** BlockQuote Format ***/

blockquote
{
margin: 0px 0px 0px 30px;
padding: 0px 25px 0px 0px;
color: #B2B2AD;
border-left: 4px solid #CFC9B2;
}


/*** PostMeta Format ***/

.postmetadata
{
display:block;
margin: 7px 11px 7px 0px;
border: 1px solid #C6C4B4;
padding: 5px 8px 8px 35px;
width: 85%;
text-align: left;
background: #efefef;
color:#333333;
}

#content .postmetadata
{
padding-left: 2px;
}

.postmetadata a:link
{
border: none;
color: #98012E;
font-weight: normal;
}

.postmetadata a:hover
{
border: none;
color: #98012E;
font-weight: normal;
text-decoration: none;
}

.postmetadata a:visited:hover
{
border: none;
color: #98012E;
font-weight: normal;
}

.postmetadata a:visited
{
border: none;
color: #98012E;
font-weight: normal;
}

/*** All Links Format ***/

a:link
{
color: #98012E;
text-decoration: none;
}

a:hover
{
color: #000000;
text-decoration: none;
}

a:visited
{
color: #98012E;
text-decoration: none;
font-weight: normal;
}

a:visited:hover
{
text-decoration: none;
}

a img 
{
border:none;
background:none;
padding:0px;
}

#feed, #feed img a:link, #feed img a:visited
{
border: none;
}


/*** Comments Format ***/

.commentlist
{
font-family: Arial, Verdana, sans-serif;
padding-left: 40px;
padding-right: 15px;
background: #fff;
color: #000;
}

.commentlist li
{
margin: 8px 10px 8px 15px;
padding-left: 12px;
list-style: none;
background: #E5E3D1;
margin-bottom: 2px;
border: 1px solid #C4BFA2;
}

li.alt
{
background: #fff;
border: 1px solid #C4BFA2;
}

.commentlist cite
{
padding: 2px 3px 1px 3px;
}

.commentlist p
{
padding: 5px 5px 2px 3px;
margin-bottom: 5px;
}

.commentlist a:link
{
border: none;
text-decoration: none;
font-weight: bold;
color: #98012E;
}

.commentlist a:visited
{
border: none;
text-decoration: none;
font-weight: bold;

color: #98012E;
}

.commentlist a:hover
{
border: none;
text-decoration: none;
font-weight: bold;
color: #98012E;
}

.commentlist a:visited:hover
{
border: none;
text-decoration: none;
font-weight: bold;
color: #98012E;
}

.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited


{
text-decoration: none;
color: #98012E;

}

#comment
{

width:80%;
}

/*** Headings Format ***/

h1
{
font-size: 36px;
color: #666666;
}

h2
{
font-family: Georgia, "Times New Roman", Times; 
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
text-align: left;
}

h3
{
font-family: Georgia, "Times New Roman", Times; 
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

/*** This controls the main large titles of posts on the blog ***/

h3.posttitle   
{
font-family: Georgia, "Times New Roman", Times;
font-size: 22px;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 12px;
margin-bottom: 5px;
border-top: 2px solid #C1B9A0;
background:#fff;
}

/*** The following four classes control the color, size and behavior of the Post Titles ***/

.posttitle a:link
{
font-size: 22px;
color: #98012E;
font-weight: bold;
}

.posttitle a:visited
{
font-size: 22px;
color: #98012E;
font-weight: bold;
}

.posttitle a:hover
{
font-size: 22px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

.posttitle a:visited:hover
{
text-decoration: none;
}

h4
{
font-family: Georgia, "Times New Roman", Times; 
margin-top: 15px;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

h5
{
font-family: Georgia, "Times New Roman", Times; 
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

/*** Misc Format ***/


/*** This controls what the date looks like. To modify position and what of the date actually shows you need to edit the index.php page http://codex.wordpress.org/Template_Tags/the_time is a good page for WordPress Time Codex ***/

.date
{
font-size: 14px;
font-family: Arial, Verdana, sans-serif;
padding-left: 10px;
margin-top: -7px;
text-align: left;
color: #414141;
}

.entry
{
margin-bottom: 5px;
font-family: Arial, Verdana, sans-serif;
}
                         /*Contained Floats Fix*/
.post
{
display: block;
overflow:hidden;
width:90%;
}
                     /*Code*/
code
{
display: block;
margin: 10px 30px 0 30px;
padding: 2px 10px 5px 10px;
border-top: 4px solid #798288;
color: #666666;
background: #efefef;
}

/*#searchform {
margin-left: 5px;
	}*/

/*** Spot 003 Navigation Code ***/

/*** Calendar Format ***/

#wp-calendar 
{
empty-cells: show;
margin: 10px auto 0;
width: 160px;
}

#wp-calendar #next a 
{
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a 
{
padding-left: 10px;
text-align: left;
}

#wp-calendar td 
{
padding: 2px 0;
text-align: center;
}

#wp-calendar th 
{
/*padding: 3px 0;*/
text-align: center;
}

#wp-calendar caption 
{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}

img 
{	
border:none;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
}

.wp-smiley
{
padding: 0;
}

.textwidget
{
margin: 2px 5px 2px 5px;
}