/*
    Theme Name: Forest Hill Training
    Theme URL: http://www.mainstreetopen.com/
    Description: A custom theme developed for Forest Hill Training Blog
    Author: Main Street Enterprises
    Author URI: http://www.mainstreetopen.com/
    Version: 1.0
*/

.post 
{
width: 500px;
}

.widepost
{
width:740px;
}

/* Widget Design */

#sidebar 
{
float: right;
clear: none;
text-align: left;
}
#uppertools
{
display:block;
width:200px;
margin:6px;
}
#uppertools ul 
{
display:block;
margin:0px;
padding:0px;
}
#uppertools .widget 
{
width: 200px;
padding:0px;
display: block;
border: 1px solid #4E6C08;
margin-bottom: 5px;
background: white;
}
#uppertools .widgettitle 
{
background: #4E6C08;
color:white;
font-size:12px;
text-align:center;
width:200px;
margin:0px;
}
#uppertools .widget li 
{
display:block;
list-style: none;
padding:3px;
}
#lowertools
{
display:block;
width:200px;
margin:6px;
}
#lowertools .left 
{
float:left;
width:95px;
}
#lowertools .right
{
float:right;
width:95px;
}
#lowertools ul 
{
display:block;
margin:0px;
padding:0px;
}
#lowertools .widget 
{
width:95px;
display:block;
border: 1px solid #A4CC45;
padding:0px;
background: white;
}
#lowertools .widgettitle 
{
background: #4E6C08;
color:white;
font-size:12px;
text-align:center;
width:95px;
margin:0px;
}
#lowertools .widget li 
{
display:block;
list-style: none;
padding:3px;
}
.widget li a
{
display:block;
border-bottom:1px dashed #4E6C08;
text-decoration:none;
color: #4E6C08;
}


acronym, abbr, span.caps 
{
letter-spacing: normal;
}

a 
{
color: #7CA91A;
}

a:hover 
{
color: #7CA91A;
}



/* Input Classes */
input
{
color: #000000;
background: #EFEFEF;
padding:1px;
border: 1px solid #999999;
margin:3px;
}

textarea
{
color: #000000;
background: #EFEFEF;
padding: 1px;
border: 1px solid #999999;
margin:3px;
}

select 
{
color: #000000;
background: #EFEFEF;
padding:1px;
border: 1px solid #999999;
margin:3px;
}

/* Template Design  */
body
{
	padding: 0px;
	margin: 0px;
	background: #212121 url(images/bg.jpg) repeat-x top center;
	font-family: arial, helvetica, "san-serif";
	font-size: 12px;
	line-height: 20px;
}

#outside {
	display: relative;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

#banner {
	display: relative;
	width: 770px;
	background: url(images/banner.jpg) no-repeat top left;
	height: 150px;
}

#banner #homelink 
{
	margin-left: 140px;
	margin-top: 20px;
	height: 120px;
	width: 490px;
	border: 0px;
}

#content {
	background: #FFFFFF url(images/content_bg.gif) repeat-y top left;
}

#content.index_bg {
	background: #FFFFFF url(images/content_bg2.gif) repeat-y top left !important;
}
#safteynet {
	float: left;
	height: 500px;
	width: 10px;
}

#leftcolumn {
	float:left;
	width: 538px;
	background: #FFFFFF url(images/content_shade.gif) repeat-x top left;
}

#fullcolumn {
	float:left;
	width: 770px;
	background: #FFFFFF url(images/content_shade.gif) repeat-x top left;
}

#rightcolumn {
	float:right;
	margin:8px;
	width: 210px;
}

#blog {
	margin-left: 20px;
	width: 505px;
	padding-top:10px;
}

#footer {
	height: auto;
	background: #212121 url(images/footer_bg.jpg) no-repeat top left;
	padding:30px;
	color: #FFFFFF;
	font-size:smaller;
}

#footer_page {
	height: auto;
	background: #212121 url(images/footer_bg2.jpg) no-repeat top left;
	padding:30px;
	color: #FFFFFF;
	font-size:smaller;
}

#footer_nav ul li ul li {
	display:block; float:left; list-style: none; clear:none; padding:0px 8px; border-right:1px solid #7CA91A; line-height:16px; margin:4px 0px;
}

#footer_nav ul {
	margin:0px; padding:0px;
}

#footer_nav h2 {
	margin:0px; padding:0px; font: bold 14px/18px Arial, Helvetica, "San Serif";
}

#footer_nav ul li {
	clear:both; display:block; list-style: none;
}

#navigation {
	display: relative;
	width: 770px;
	height: 21px;
	background: transparent url(images/nav_bg.jpg) no-repeat top left;
}

#navigation_page {
	display: relative;
	width: 770px;
	height: 21px;
	background: transparent url(images/nav_bg2.gif) no-repeat top left;
}

.menu, .menu ul 
{
float: left;
width: auto;
list-style: none;
background: transparent;
font-weight: bold;
padding: 0px;
border: solid white;
border-width: 0px 0;
margin: 5px 20px 0px 20px;
}

.menu a 
{
display: block;
width: auto;
color: white;
letter-spacing: 2px;
font: 18px Georgia, Times, Serif;
text-decoration: none;
margin-top:8px;
padding-top:0px;
padding-bottom:3px;
padding-left: 20px;
padding-right: 20px;
}

.menu li 
{
float: left;
padding: 0;
width: auto;
height: 33px;
}

.menu li ul 
{
position: absolute;
left: -999em;
height: auto;
width: 200px;
font-weight: normal;
border-width: 0px;
margin: 0 0 0 0;
background: #212121;
}

.menu li li 
{
padding-right: 1em;
width: 200px;
border-top:1px solid white;
background: #212121;
}

.menu li ul a 
{
width: 200px;
color: white;
font-size:16px;
}

.menu li ul a:hover
{
color:white;
}

.menu li ul ul 
{
margin: 20px 0 0 200px;
}

.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul 
{
left: -999em;
}

.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul 
{
left: auto;
}

.menu li:hover, .menu li.sfhover 
{
background-color: #7CA91A;
}

#searchbox 
{
display:block;
width:200px;
}

#searchbox input#s
{
display: block;
float: left;
height: 19px;
width: 115px;
border: 2px solid #A4CC45;
color: gray;
background: #EAF3D3;
}

#searchbox input#s:focus, #searchbox input#s.sffocus
{
color: black;
background: #ffffff;
}

#searchbox form input.button 
{
display:block;
float:right;
width:65px;
height:25px;
border:2px solid #A4CC45;
color: #A4CC45;
background: #EAF3D3;
font-weight:bold;
font-size: 15px;
}

/* blog posts */

#blog h1, #blog h1 a
{
font: bold 20px Georgia, Times, Serif;
margin:0px;
padding:0px;
color: #7CA91A;
text-decoration: none;
}

#blog .date, #blog .date a
{
font-size: smaller;
color: gray;
font-style: italic;
text-decoration: none;
}

#blog .date a:hover
{
text-decoration: underline;
}

.postmeta
{
width: 490px;
font-size: 12px;
padding: 5px 5px 15px 5px;
margin: 0px 0px 0px 0px;
border-top: 1px dotted #C0C0C0;
background: #efefef;
}

.postmeta a 
{
text-decoration: none;
color: black;
}

.postmeta a:hover 
{
color: #7CA91A;
text-decoration: underline;
}

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}