/*  
Theme Name: Lytleworks MyFinancialGoals.org
Theme URI: http://www.myfinancialgoals.org
Description: A blog theme for www.myfinancialgoals.org
Version: 1.0
Author: Lytleworks

	This theme is released under Creative Commons Attribution 2.5 License.

*/
button.searchsub {
	border:0;
	padding:0;
	display: block;
	height: 20px;
	width: 49px;
	background: url(http://www.myfinancialgoals.org/images/search.gif) top left no-repeat;
	margin: 10px 0;
	text-indent: -9999px;
}

button.searchsub:hover {
	background: url(http://www.myfinancialgoals.org/images/search.gif) bottom left no-repeat;
}

#searchtbl {margin-top:-10px;margin-left:-90px;}
#searchfld {border:1px solid #999999;height:18px;width:120px;}
a.start_login {
	display: block;
	height: 20px;
	width: 49px;
	background: url(http://www.myfinancialgoals.org/images/client_login_small.gif) top left no-repeat;
	margin-top: -9px;
	margin-left: 36px;
	text-indent: -9999px;
}

a.start_login:hover {
	background: url(http://www.myfinancialgoals.org/images/client_login_small.gif) bottom left no-repeat;
}

#addthiswidget {float:right;width:105px;margin:2px 0 0 640px;position:absolute;}
#couselor_phone_numbers {margin:0 0 0 490px;position:absolute;width:250px;height:42px;right:210px;}
#phone_numbers {margin:42px 0 0 490px;position:absolute;width:250px;height:40px;right:210px;}
img, fieldset {border: none;}
#brd  {
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:solid;
border-left-color:#FFFFFF;
border-left-width: 2px;
	position: relative;
        margin-top: -11px;
        _margin-top: -1px;
	background: none;
	width: 746px;
        padding-top: 1px;
}

#extras {position: relative;_display: inline;}

#brd .inner {
	margin: 0 auto;
}
#rss-feed {
	position: absolute;
	top: -10px;
        _top: 0;
	left: 0;
}
#crb {
	line-height: 20px;
	height: 20px;
	color: #1e201f;
	font-size: 11px;
	margin: 0;
	text-align: left;
}

#crb p {
	margin: 0 0 0 86px;
	font-size: 10px;
}

#crb a {
	color: #333 !important;
	text-decoration: underline;
font-weight:normal;
}

#crb a:hover {
	text-decoration: none;
}	

.blue {
	background: #00adef;
}

.bluelight {
         	background: #addcec;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Body */
* {margin:0; padding:0;}
body {
	font-size: 62.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(img/stripe.png) top left repeat-x #e3e8eb;
	/*color: #1e201f;*/
	line-height: 160%;
}
#wrap {
       margin:0 auto; width:950px;
}
#innerWrap {
background-color:#fff;
margin-top:102px;
*margin-top: 10px;
_margin-top: 0;
background: url(img/faux.gif) repeat-y;

}

/* Links */
a {background-color:inherit; color:#1e201f; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#1e201f; font-weight:bold; text-decoration:underline;}
a img {border:0;}

/* Header */
#header {position:absolute;margin:-91px auto; width:950px; text-align: right;}
#header {
*position: relative;
*margin: 0 auto;
}
#header h1 {background-color:inherit; color:#FFFF99; font-size:1.2em; letter-spacing:-1px; margin:30px 30px 0 0;}
#header h1 a {background-color:inherit; color:#FFFF99; text-decoration:none;}
#header p {background-color:inherit; color:#FFFF99; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:10px 30px 0 0;}

#header {height: 90px;border-bottom: 2px solid white;}
#logo {float:left;margin: 14px 0 0 12px;}
#header .sidebar {
background:url(http://www.myfinancialgoals.org/images/client_login_compressed.gif) top left no-repeat;
border-left:2px solid white;
height:95px;
margin-left:748px;
_margin-left:745px;
margin-top:-10px;
*margin-top: -5px;
}
#header .sidebar .inner {margin: 8px 0 0 95px;padding: 5px 5px 0;text-align: left;}
 
#blogHeader {
         width: 510px;
         height: 105px;
         margin-bottom: 10px;
         background: url(img/blogHeader.png) top left no-repeat; 
}

#frontphoto {margin:0 0 10px;}

/* Sidebars */
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}
#extras {float:right; background-color: #addcec; line-height:1.4em; margin:0 10px 5px 0; padding:40px 0 5px; width:180px; height: 100%;}
#extras li {line-height:1.1em; list-style:none; margin:0 0 6px; font-weight:normal;}
#extras ul li a {font-weight:normal;}
#extras ul ul {margin:6px 0 0 10px;}
#extras ul ul li {margin:0 0 4px;}
#extras ul ul li a {font-weight:normal;}
#extras ul.linklist {font-size:9em;}
#extras ul.linklist ul {margin:0 0 20px;}
#extras ul.linklist ul li a {font-weight:normal;}
#extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; text-transform: uppercase; font-size:1.2em; font-weight:bold; text-align:left; margin:0 0 6px;}

/*navigation*/
ul#nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
	position: relative;
	width: 160px;
	float: left;
	padding-left: 6px;
	padding-top: 4px;
	/*background: #ede6de;*/
	/*font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;*/
	/*text-transform: uppercase;*/
}

ul#nav li {
	height: 60px;
	text-align: center;
	/*width: 80px;*/
}

ul#nav a {
	display: table-row;
	position: relative;
	width: 80px;
	min-height: 60px;
	height: 60px;
	text-decoration: none !important;
	cursor: pointer;
}

ul#nav span {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	font-size: 12px;
	font-weight: bold;
}
/*
ul#nav a:hover, ul#nav a.active {
	background-position: bottom left;
	font-color: #000;
}
*/
ul#nav li#homenav span#homenavitem {
	height: 60px;
	overflow: hidden;
	text-indent:-24em;
	background-image: url(img/nav/home.gif);
	background-repeat: no-repeat;
}
ul#nav li#homenav a:hover span#homenavitem, ul#nav li#homenav a.active span#homenavitem {
	background-position: bottom left;
}
ul#nav li#counselingnav span#counselingnavitem {
	height: 60px;
	overflow: hidden;
	text-indent:-24em;
	background-image: url(img/nav/counseling.gif);
	background-repeat: no-repeat;
}
ul#nav li#counselingnav a:hover span#counselingnavitem, ul#nav li#counselingnav a.active span#counselingnavitem {
	background-position: bottom left;
}
ul#nav li#educationnav span#educationnavitem {
	height: 60px;
	overflow: hidden;
	text-indent:-24em;
	background-image: url(img/nav/education.gif);
	background-repeat: no-repeat;
}
ul#nav li#educationnav a:hover span#educationnavitem, ul#nav li#educationnav a.active span#educationnavitem {
	background-position: bottom left;
}
ul#nav li#aboutnav span#aboutnavitem {
	height: 60px;
	overflow: hidden;
	text-indent:-24em;
	background-image: url(img/nav/about.gif);
	background-repeat: no-repeat;
}
ul#nav li#aboutnav a:hover span#aboutnavitem, ul#nav li#aboutnav a.active span#aboutnavitem {
	background-position: bottom left;
}
ul#nav ul {
	position: absolute;
	left: 86px;
	width: 80px;
	top: 6px;
}

ul#nav li li {
	display: block;
	width: 80px;
	/*padding-bottom: 2px;*/
	padding-bottom: 0;
	/*min-height: 40px;*/
	height: auto;
	text-align: left;
	position: relative;
}

ul#nav li li a {
	position: relative;
	z-index: 100;
	/*min-height: 40px;*/
	min-height: 0;
	height: 40px;
	background: none;
	/*background: #addcec;*/
	/*margin-bottom: 1px;*/
}

ul#nav li li a:hover span, ul#nav li li a.active span {
	background: #66c3e4;
	font-color: 000;
	font-weight: normal;
}

ul#nav li li span {
	/*min-height: 40px;*/
	font-size: 9px;
	font-weight: normal;
	line-height: 130%;
	padding: 8px 4px 8px 6px;
	width: 80px;
	background: #addcec;
	border-top: 2px solid white;
	/*display: block;
	position: absolute;
	height: 1.2em;
	left: 0;
	top: 50%;
	margin-top: -.6em;
	width: 94px;*/
	
}

ul#nav li li.first span {
	border: none;
}

ul#nav ul ul {
	left: 80px;
}

ul#nav ul {
	display: none;
}

ul#nav ul.active {
	display: block;
}



/*end navigation*/

/*new nav*/
div#newnav ul {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 86px; /* Width of Menu Items */
	}

div#newnav ul li {
	position: relative;
	}
	
div#newnav li ul {
	position: absolute;
	left: 86px;
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
div#newnav ul li a {
	display: block;
	text-decoration: none;
	color: #777;
}

/* Fix IE. Hide from IE Mac \*/
* html div#newnav ul li { float: left; height: 1%; }
* html div#newnav ul li a { height: 1%; }
/* End */

div#newnav ul li a:hover img { display:none;} /* Hover Styles */
		
div#newnav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
div#newnav li:hover ul, div#newnav li.over ul { display: block; } /* The magic */
/*end new nav*/


/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#1e201f; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:0px solid #1e201f; color:#1e201f;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

/* Content */
#content {
line-height:1.6em; 
margin: 20px 220px -20px 200px;
_zoom: 1;
_float: left;
_margin: 20px 0 0 30px;
_display: inline;
}

#innerWrap {
_overflow: hidden;
_zoom: 1;
}

#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.2em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}
#content ol { margin-left: 45px; }
/* Footer */
#footer  {
         /*background: url(img/smallStripe.png) repeat-x;*/
         background: none;
width:950px;
         border-top: 1px solid white;
margin:0 auto;
}

#footer a {
         font-weight:normal;
}

#footer .inner {
	width: 950px;
	margin: 0 auto;
}


/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px; text-transform: uppercase;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#1e201f; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #1e201f; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#1e201f; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#1e201f; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#1e201f; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#author,#email,#url {width: 50%;}
#comment{width: 98%; height: 100px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
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;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.
.post h1 {text-transform: uppercase; font-size:0.8em; }
.post h2 {text-transform: uppercase; font-size:0.9em; }
.post h2 a {text-transform: uppercase; font-size:0.9em; }

.postinfo {background-color:#addcec; border-left:0px solid #; color:#666666; font-size:0.9em; font-weight:normal; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px; }
.postinfo a { font-weight:normal; color:#666666; }
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#1e201f; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

#bar {
border-top:solid;
border-top-color: #ffffff;
border-top-width: 1px;
	line-height: 20px;
	height: 20px;
	color: #1e201f;
	font-size: 9px;
	margin: 0 auto;
	text-align: right;
width:950px;
}

#bar p {
	margin: 0;
	font-size: 9px;
}

#bar a {
	color: #1e201f !important;
	text-decoration: underline;
}

#bar a:hover {
	text-decoration: none;
}

ul#sitemap
{
  font-size: 10px;
  margin: 0 0 1em 2em;
  padding: 0 0 0 6em;
}

ul#sitemap li
{
  font-size: 10px;
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0 0 .3em 0;
}

* html ul#sitemap li
{
	position: relative;
}
/* horizontal position of each column */

ul#sitemap li.col1 { margin-left: 0em; }
ul#sitemap li.col2 { margin-left: 10em; }
ul#sitemap li.col3 { margin-left: 20em; }
ul#sitemap li.col4 { margin-left: 30em; }
ul#sitemap li.col5 { margin-left: 40em; }
ul#sitemap li.col6 { margin-left: 50em; }
ul#sitemap li.col7 { margin-left: 60em; }
ul#sitemap li.col8 { margin-left: 70em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

/* anchor styling */
ul#sitemap li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
ul#sitemap li a:hover
{
  text-decoration: underline;
}

table#sitemap {
	float: right;
	width: 950px;
}
table#sitemap a
{
  display: block;
  width: 10em;
  text-decoration: none;
}
table#sitemap a:hover
{
  text-decoration: underline;
}
table#sitemap td {
	vertical-align: top;
}