/*
Theme Name: Teaching Children About Money
Description: This theme was generated by lfm theme generator at LFMpireBuilders.com.
Version: 1.0
Author: Tom Lopez-Rob van der Gulik
*/

@charset "utf-8";/* this code may upset safari
and make it not show the background colour*/
/* CSS Document */

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: rgb(9, 90, 165);
	}
#altbody {	background-color: white; width:100% margin:0 auto;}/*for software calculation page*/

#wrapper {  background:url(images/bg.jpg) repeat-y; width:780px; margin:0 auto;}

#header { background:url(images/header.png) no-repeat; height:178px; width:780px; margin:0 auto;}

#otoheader { background:url(images/header.png) no-repeat; height:178px; width:780px; margin:0 auto;}

#mainmenu {
		width:95%;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		font-family:Tahoma,Verdana;
	}


#container {padding: 20px; text-align: left;}

#lfm_menu { width:100%; margin-left:auto; margin-right:auto;}


#footer { background:url(images/footer.jpg) no-repeat; height:25px;  text-align:center;  width:780px; margin:0 auto;}

p.copyright { font:normal 1em Arial, Helvetica, sans-serif; color:#CCCCCC;  padding-top:10px; text-align:center; margin-bottom:0px; }



.widecolumn .entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}



.alt {

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}


h2 {

	font-size: 2em;
	margin: 30px 0 0;

	}



h3 {

	font-size: 1.3em;
	padding: 0;
	margin: 30px 0 0;
	}



h1, h1 a, h1 a:hover, h1 a:visited {

	text-decoration: none;
	color: #0C6126;
	font-size: 2.2em;
	text-align: center;
	padding-top: 30px;
	margin: 0;

	}


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {

	text-decoration: none;
	color: #000333;
	}



.entry p a:visited {

	color: #b85b5a;

	}



small, blockquote, strike {

	color: #777;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

	color: #06c;

	text-decoration: none;

	}



a:hover {

	color: #147;

	text-decoration: underline;

	}



/* End Typography & Colors */

.clear {

	clear: both;

}



/*	Begin Headers */



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}

/* End Headers */



/* 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 */


/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}





ol li, {

	list-style: decimal outside;

	}



/* End Entry Lists */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/



.membertd {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11pt;

	background-color:#B0CBFD;

}



.membertdbold {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11pt;

	font-weight: bold;

	background-color:#B0CBFD;

}



.formlabel {

	font-family: Arial, Helvetica, sans-serif; font-size: 11pt;

}



.formlabelbold {

	font-family: Arial, Helvetica, sans-serif; font-size: 11pt;

	font-weight: bold;

}


/* customized boxes etc. */

#bonusbox{ /* for downloads pages */
	width:525px;
	border: 4px dashed #cc0000;
	font-family:Tahoma,Georgia;
	text-align:left;
	padding:5px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#bonusheadline{ /* for downloads pages */
	text-align:center;
	width:100%;
	margin-bottom:10px;
	font-weight:700;
	font-size: 20px;
	font-family:Tahoma,Georgia;
	color:#cc0000;
}
#orderbox{ /* for OTO page, where the buy now is */
	width:460px;
	border: 4px dashed red;
	font-family:verdana,Tahoma,Georgia;
	text-align:center;
	padding:5px;
	background-color:#FFFFFF;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#listcenter{
	margin-left: 250px;
	margin-right: 33px;
	text-align: left;
}
#bluebox{
	width:70%;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #003399;
	padding:10px;
}
#otherbox{	/* for index page */
	width: 440px;
	text-align: left; 
	margin-top: 20px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom:20px;
	padding:2px;
	background-color: rgb(255, 255, 204);
	border: 2px solid rgb(255, 153, 102);;
	padding:3px;
}
#newsbox {	/* for media news list */
	width: 90%;
	text-align:left;
	margin-top:15px;
	margin-bottom:15px;
}
#player {	/* for media audio player */
	width:105px;
	float:right;
	margin-top:auto;
	margin-bottom:auto;
}
#testikidstop{ /* for kids testimonials*/
	width: 450px;
	height: 89px;
	background:url(http://www.teachingchildrenaboutmoney.com/images/testi_kids.jpg);
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	float: center;
}
#testitop{   /* for testimonials */
	width: 450px;
	height: 49px;
	background:url(http://www.teachingchildrenaboutmoney.com/images/testi_01.jpg);
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	float: center;
}
#testibox {  /* for testimonials */
	width: 450px;
	background:url(http://www.teachingchildrenaboutmoney.com/images/testi_02.jpg);
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-style: italic;
	float: center;
}
#testibot{   /* for testimonials */
	width: 450px;
	height: 22px;
	background:url(http://www.teachingchildrenaboutmoney.com/images/testi_03.jpg);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	float: center;
}
#idealist {	/*for money making ideas */
	width:95%;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	border-bottom:#999999 solid 2px;
	margin-bottom:15px;
	padding:7px;
	text-align:left;
}
#numberbox{	/*for money making ideas */
	width:130px;
	height:auto;
	margin-bottom:20px;
	float: left;
	padding:15px;
}	
#greenbox{	/*for money making ideas */
	width: 90%;
	background-color: rgb(72, 134, 40);
	text-align: left; 
	margin-top: 20px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom:20px;
	padding:20px;
	color: white;
}
#bottommenu {
	width:600px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	font-family:Tahoma,Verdana;
	font-size:12px;
	font-weight:700;
	text-align:center;
}
#ticklist { /* for sales page and upgrades page */
	width:95%;
	font-family:Tahoma,Verdana;
	margin:10px;
	padding:7px;
	padding-left:35px;
	background-image:url(http://www.teachingchildrenaboutmoney.com/images/clevertick.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-align:left;
	font-size:16px;
}

#media { /* for videos on download pages */
    margin-top: 20px;
	padding-top:41px;
	padding-left: 5px;
	padding-right: 30px;
	padding-bottom: 23px;
	background:url(images/videoskin.png) no-repeat;
	width:704;
	height:562;
}
#mediasmall { /* for videos on optin pages */
	padding-left: 24px;
	padding-right: 5px;
	padding-top: 27px;
	padding-bottom: 23px;
	background:url(images/videoskin1.png) no-repeat;
	width:470;
	height:450;
}
#noUpdate {  /* for videos on download pages */
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #cccccc;
    text-align: left;
    width: 210px; 
    height: 200px;	
    padding: 40px;
}
#sidebar {	/* for optin form */
	width:150px;
	margin-left:5px;
	float:left;
	padding-top:7px;
	background-color: rgb(235, 235, 235);
	text-align:center;
}
#testimonialbar {	/* on sidebar */
	width:100%;
	background-color: rgb(255, 255, 204);
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
	font-style: italic;
}
#sidecontainer {	/*on pages with sidebar */
	width:570px;
	margin-bottom:20px;
	padding-left:15px;
	text-align:left;
	float:right;
}
#video {	/* for optin pages */
	margin-top:25px;
	margin-left:10px;
	float:left;
	width:475px;
	height:420px;
}
#optin {	/* for optin pages */
	float:left;
	width:222px;
	margin-left:10px;
	Margin-bottom:10px;
	text-align:center;
	padding:10px;
	height:430px;
}
#signuptext { /* test above signup fields on signup.php */
	margin-left:150px;
	margin-right:150px;
	text-align:left;
}

/* hack for safari, leave at the bottom! */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color: rgb(9, 90, 165); }