/*   
Theme Name: myMoneyPower
Theme URI: http://www.mymoneypower.com
Description: The theme for the myMoneyPower blog.
Author: Derek Allen
Author URI: http://www.dawebstudio.com
Version: 1.0
*/

body {
	background-color: #0C346B;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 225%;
	font-family: Helvetica;
	color: #00467F;

}
h2 {
	font-size: 200%;
	color: #00467F;
	line-height: 25px;
	font-family: Century Gothic;
	font-weight: bold;
}
h3 {
	text-decoration: none;
	font-family: Century Gothic;
	font-size: 175%;
	font-weight: bold;
	color: #00467F;
}
h4 {
	text-decoration: none;
	font-family: Century Gothic;
	font-variant: small-caps;
	font-size: 150%;
	font-weight: bold;
	color: #00467F;
}
h5 {
	color: #00467F;
	font-size: 100%;
	font-weight: bold;
}
a {
	color: #00467F;
}
a:hover {
	color: #54B948;
}
hr {
	color: #54B948;
	height: 2px;
	background-color: #54B948;
	border: 0;
	width: 80%;
	margin: 50px auto 50px auto;
}
div#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color: #FFF;
}
	div#header {
		height: 160px;
		background-color: #0C346B;
		position: relative;
	}
		div#logo {
			float: left;
			margin-bottom: 20px;
		}
		div#login {
			position: absolute;
			top: 0;
			right: 0;
			color: #C8DF8E;
			font-family: Century Gothic;
			font-variant: small-caps;
			font-size: 125%;
			font-weight: bold;
			padding: 5px;
		}
		div#nav {
			float: left;
			position: absolute;
			bottom: 0;
			left: 33px;
			height: 40px;
			margin-top: 20px;
		}
			div#nav ul {
				list-style-type:none;
				position: relative;
				padding: 0;
				margin: 0;
			}
			div#nav ul li {
				float: left;
				width: 150px;
			}
			div#nav ul li a {
				display: block;
				width: 150px;
				height: 40px;
				background: url(images/grnTab.jpg) no-repeat;
				color: #0C346B;
				text-decoration: none;
				font-family: Century Gothic;
				font-variant: small-caps;
				font-size: 125%;
				padding-top: 0px;
				font-weight: bold;
				text-align: center;
				margin-right: 10px;
				_margin-right: 0px;
			}
			div#nav ul li a.active {
				background: url(images/whtTab.jpg) no-repeat;
				color: #54B948;
			}
			div#nav ul li a:hover {
				display: block;
				background: url(images/whtTab.jpg) no-repeat;
				color: #54B948;
			}
			div#nav ul li ul {
				visibility: hidden;
				position: absolute;
				top: 35px;
				width: 500px;
			}			
			div#nav ul li:hover ul, div#nav ul li a:hover ul {
				visibility: visible;
				margin-left: -1px;
			}
			div#nav ul li:hover ul li a, div#nav ul li a:hover ul li a {
				padding-top: 10px;
				background: #FFF;
				border-bottom: solid 1px #00467F;
			}
			div#nav ul li ul li a:hover {
				color: #54B948;
			}
				.navleft {
					border-left: 1px solid #00467F;
				}
				.navright {
					border-right: 1px solid #00467F;
				}
				.tabspace {
					position: relative;
					top: 5px;
					line-height: 15px;
					_position: inherit;
				}
		div#topright {
			background: #FFF url(images/grnCornerRight.jpg) right top no-repeat;
			float: right;
			width: 291px;
			height: 25px;
		}
		div#title {
			float: left;
			height: 140px;
			width: 960px;
			background: #FFF url(images/whiteCorner.jpg) left top no-repeat;
		}
		div#welcome {
			float: left;
			height: 75px;
			width: 550px;
			padding-left: 30px;
			font-size: 300%;
			font-family: Century Gothic;
			color: #00467F;
			*padding-top: 25px;
		}
			.green {
				color: #54B948;
			}
			.tagline {
				font-size: 10pt;
				font-style: italic;
				margin-left: 80px;
			}
		div#contact {
			clear: both;
			float: right;
			background: url(images/gradRepeat.jpg) repeat-y;
			width: 291px;
			height: 115px;
			text-align: center;
			line-height: 10px;
		}
			div#contact a {
				display: inline-block;
				height: 45px;
				padding: 2px;
			}
			div#contact a:hover {
				border: 1px dashed #54B948;
				padding: 1px;
			}
			div#contact:hover h4 {
				color: #54B948;
			}
	div#contentcontainer {
		background: url(images/gradRepeat.jpg) repeat-y right #FFF;
		margin-top: -25px;
		width: 960px;
		float: left;
		padding-bottom: 50px;
	}
		div#contentpageleft {
			float: left;
			width: 575px;
			*width: 600px;
			font-family: Verdana;
			color: #424242;
			font-size: 13px;
			line-height: 20px;
			padding-left: 30px;
			padding-right: 45px;
			padding-bottom: 30px;
			border-right: thin solid #CCC;
		}
			div#postheader {
				width: 600px;
				height: 100px;
				padding: 5px;
				margin-bottom: 20px;
				font-style: italic;
			}
				div#posttitle {
					min-height: 30px;
					background: #FFF;
					padding: 5px 5px 5px 0;
					margin: -5px -5px 0 -5px;
				}
				div#metacontainer {
					border: 1px solid #CCC;
					width: 600px;
					margin: 0 -5px 0 -5px;
					background: #ECEFF5;
					float: left;
					font-size: 85%;
				}
				div#metacontainer:hover {
					border: 1px solid #AAA;
				}
				div.breadcrumb {
					float: left;
					min-width: 100px;
					max-width: 375px;
					padding: 10px 0 0px 5px;
				}
				div#metadata {
					padding-top: 10px;
					float: right;
					text-align: right;
					font-style: italic;
				}
				div#metapic {
					float: right;
					min-height: 16px;
					min-width: 16px;
					max-height: 48px;
					max-width: 48px;
					margin: 3px 5px 2px 5px;
					border: 1px solid #FFF;
				}
				div#social {
					float: right;
					width: 600px;
				}
				div#tipd {
					float: right;
				}
				div#retweet {
					margin-top: 6px;
					float: right;
				}
			div#content ul {
				list-style-position: outside;
				list-style-type: disc;
				padding: 0 0 0 10px;
				margin: 0px 0px 20px 20px ;		
			}
			div#content ul li, ol li {
				padding: 5px 0px 0px 0px;
				line-height: 20px;
			}
			div#contentpageleft p {
				padding-top: 2px;
				padding-bottom: 2px;
			}
			div#contentpageleft table th {
				text-decoration: none;
				font-variant: small-caps;
				font-family: Century Gothic;
				font-size: 12pt;
				font-weight: bold;
				color: #00467F;
				padding: 10px 8px;
				border-bottom: 2px solid #BBB;
			}
			div#contentpageleft table td {
				border-bottom: 1px solid #ccc;
				padding: 6px 8px;
			}
			.readmore {
				font-size: 125%;
				text-align: center;
				font-weight: bold;
				font-style: italic;
			}
			.more-line {
				text-align: center;
			}
			div.metadata {
				width: 600px;
				height: 64px;
				margin: 5px;
				float: left;
				display: block;
				margin-bottom: 25px;
			}
				div.metapic {
					float: left;
					margin: 0 auto;
					line-height: 64px;
					vertical-align: middle;
					text-align: center;
				}
				div.metatext {
					float: left;
					text-align: left;
					font-style: italic;
					line-height: 15px;
					color: #8C8C8C;
				}
			div#related_posts {
				border: 1px solid #CCC;
				width: 340px;
				background: #ECEFF5;
				padding: 5px;
			}
			div#related_posts:hover {
				border: 1px solid #AAA;
			}
			div#related_posts:hover h4 {
				color: #54B948 !important;
			}
			div#comments {
				/*border: 1px solid #CCC;
				background: #ECEFF5;*/
				padding: 5px;
			}
			div#comments ol {
				list-style-position: outside;
				list-style-type: none;
				margin-bottom: 30px;
			}
				div#comments form {
					margin-left: 50px;
				}
				div#comments ol li {
					border: 1px solid #CCC;
					margin: 10px 5px 10px -15px;
				}
				div#comments ol li:hover {
					border: 1px solid #AAA;
				}
				/*div#comments ol li:hover div.top {
					border-bottom: 1px solid #AAA;
					background: #CDE4F6;
				}*/
					div.top {
						height: 46px;
						background: #DBECB8;
						padding: 8px;
						margin-top: -5px;
						border-bottom: 1px solid #CCC;
					}
					li.bypostauthor div.top {
						background: #C7DF93 !important;
					}
					div.top p {
						line-height: 0px;
					}
						div.avatar {
							width: 48px;
							border: 1px solid #FFF;
							margin-right: 10px;
						}
						div.userinfo {
							float: right;
							text-align: left;
							width: 88%;
						}
					div.btm {
						margin: 0px 15px 0px 15px;
					}
					div.reply {
						text-align: right;
						font-family: Verdana;
						font-size: 100%;
						font-variant: small-caps;
						padding: 5px;
						color: #00467F;
					}
					div.reply a {
						text-decoration: none;
					}
						.uline {
							text-decoration: underline;
							font-weight: bold;
						}
						div#comments ol li.depth-2 {
							margin: 10px;
						}
		div#contentpageright {
			float: right;
			width: 280px;
			_clear: both;
			_padding-left: 10px;
			_padding-left: 10px;
			_margin-right: -15px;
		}
			div#sidebar h2 {
				font-size: 150%;
				color: #FFF;
				font-weight: bold;
				text-align: center;
				font-family: Century Gothic, Verdana;
				font-variant: small-caps;
				border-bottom: 1px solid #0C346B;
				background-color: #00467F;
				padding: 10px;
				margin: -10px -10px 5px -10px;
			}
			.widget {
				width: 220px;
				display: block;
				clear: both;
				margin-right: 25px;
				margin-bottom: 25px;
				float: right;
				border: 1px solid #0C346B;
				background: #FFF;
				padding: 10px;
			}
			div.widget:hover h2 {
				color: #54B948 !important;
			}
				div.widget ul li {
					padding: 5px 0px 0px 5px;
					font-size: 120%;
				}
			div.textwidget form {
				width: 200px;
			}
			div#fb {
				width: 240px;
				float: right;
				margin-right: 25px;
			}
	div#footer {
		clear: both;
		font-family: Verdana;
		font-size: 8pt;
		color: #00467F;
		text-align: left;
		border-top: 1px solid #CCC;
		background: url(images/gradRepeat.jpg) repeat-y right;
		height: 75px;
		width: 960px;
		padding: 10px 0 10px 0px;
	}
		div#footerleft {
			float: left;
		}		
		div#footerright {
			float: right;
			width: 200px;
		}
		.footer {
			padding-left: 25px;
		}
		
textarea#comment { 
	width: 400px; 
	padding: 5px; 
}
.commentmetadata { 
	font-size: 10px; 
}
img#wpstats {
	display:none;
}