@charset "utf-8";

/* CSS Document */



* {margin: 0; padding: 0; font-size: 15px; font-family:Arial, Helvetica, sans-serif;}



body { background-image:url(images/bg-body.jpg); background-repeat:repeat-x; background-position:bottom;}



h1 { background-color: #E8E8E8; padding: 15px 0px 2px 5px; font-size: 20px; color: #0000C1;}



h2 { background-color: #E8E8E8; padding: 15px 0px 2px 5px; font-size: 20px; color: #0000C1;}



h2 a { color: #0000C1; font-size: 20px;}



h2 a:hover { text-decoration:underline;}



h2 a:visited { color: #0000C1;}



h3 { font-size: 18px;}



p { margin: 0px 10px 10px 5px; color: #666666;}



a, a:visited { text-decoration: none; color:#00F;}



img { border: none;}



hr { height: 2px;}



#wrapper { width: 900px; margin: 15px auto 15px auto; background-color:#FFF; padding-bottom: 30px;}



#header { width: 900px; height: 170px; background-image:url(images/HeaderGraphic.jpg); background-repeat: no-repeat; background-position: 550px;}



/*#menu { height: 37px; width: 890px; margin-left:auto; margin-right:auto; text-align: center; background-image:url(images/menu-background.jpg); background-repeat:no-repeat; }

#menu a { color:#FFF; font-weight: bold; font-weight: bold; font-size: 15px;}

#menu ul { text-align: center; color:#FFF; padding-top: 10px;}

#menu ul li { display: inline; margin-left: 15px; margin-right: 15px;}*/




#menu {width: 890px; height: 37px; background-image:url(images/menu-background.jpg); margin-left:auto; margin-right:auto; background-repeat:no-repeat;  padding-left: 55px;}

#menu a { color:#FFF; font-weight: bold; font-weight: bold; font-size: 15px;}

#menu ul { text-align: center; color:#FFF; padding-top: 0px;}

#menu ul li { display: inline; margin-left: 0px; margin-right: 0px;}



#posts-wrapper { width: 604px; float:left; padding-top: 50px;}



#right-column { float:right; width: 295px;}



#optin { background-image:url(images/optin.jpg); background-repeat:no-repeat; height: 320px; width: 296px; float:right; margin-top: 40px;}



#optin form { margin-top: 140px;}



#searchform { background-color: #E8E8E8; padding-top: 5px; padding-bottom: 15px;}



#searchblog { font-size: 12px; text-align:center; background-color: #E8E8E8; padding-top: 10px;}



#pagecomments { margin-left: 10px;}



#black-line { border-bottom: 3px solid black; margin-right: 15px; margin-left: 10px; margin-bottom: 10px; font-weight: bold; font-size: 30px;}



#ask-trainer {background-color: #E8E8E8;}



.posts { margin-bottom: 15px; margin-right: 15px; margin-left: 10px; border-bottom: 1px dashed #CCC;}



.posts ul { margin-left: 20px;}



.right-content { margin-top: 10px; margin-bottom: 15px; margin-right: 10px; padding-left: 10px;}



.right-content ul li { list-style-type: none;}



.post-date { background-color: #E8E8E8; padding: 0px 0px 15px 5px; margin-bottom: 10px; font-style:italic;}



.clear { clear:both;}



.optin-input { margin-bottom: 5px; margin-left: 65px;}



.submit { margin-left: 34px;}



#comment { width: 80%;}



#footer { width: 900px; clear: both; margin: 15px auto 15px auto; text-align:center; padding-top: 30px;}



.postmetadata { margin-top: 30px;}



.social-icons { margin-left: 4px; border: none;}



.commentlist { padding-left: 20px;}





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */

/*-----------------navigation--------------------*/

#nav, #nav ul {
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	float: left;
	
}

#nav a {
	display: block;
	width: auto;
	padding: 0px 15px 9px 15px;
}

#nav li {
	float: left;
	width: auto;
	background-image:url(images/pipe.jpg);
	background-repeat:no-repeat;
	background-position: right center;	
	padding-top: 10px 	
}

#nav li ul li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 6px;
	}

#nav li ul li a{
	float:left;
	display:block;
	color: #ffffff;
	background-color: #000000;
	width: 135px;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size: 11px;
	padding: 5px 0px 5px 10px;
	margin: 0px;
	text-align:left;
}

#nav li ul li a:hover
{
	text-decoration: underline;
}
#nav li ul {
	position: absolute;
	float: left;
	left: -999em;
	width:135px;
	margin: 0px 0px 0px 0px
}

#nav li:hover ul {
	left: auto;
}

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

.nav_last_child_border
{
border-bottom: solid 2px #ffffff;
background-image: none
}

.nav_last
{
background-image: none;
}


li#facebookconnector
{
list-style:none;
background-color:#FFFFFF;
border:1px solid #3B5998;
padding-bottom:10px;
}

li#facebookconnector h2
{
	color:#000000;
font-size:14px;
padding-bottom:10px;
	}
	
li#facebookconnector a {
font-size:12px;
color:#3B5998;
	text-align:left;
	}
	
.invitebutton,
.fbconnect_LastUsers {
padding:0px 10px;
font-size:14px;
}

.fbconnect_miniprofile {
padding:10px 10px 0px 10px;
}

#openid_comment {
display:none;
}