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

/* Seasonal headers */
#christmasheader { background:url(images/santa-header.jpg) no-repeat; height:178px; width:780px; margin:0 auto;}
#halloweenheader { background:url(images/halloween-header.jpg) no-repeat; height:178px; width:780px; margin:0 auto;}
#easterheader { background:url(images/easter-header.jpg) no-repeat; height:178px; width:780px; margin:0 auto;} 

#otoheader { background:url(images/otoheader.jpg) 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;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

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

/*specific things for help messages to show up on the pages,
This code is copied from the style.css in the admin directory */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width: 15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
	text-decoration: none;
}
/* end of specific code for help messages*/

.clear { clear: both; }

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

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;
}
#agreementbox{ /* for downloads pages */
	width:690px;
	border: 2px dashed;
	font-family:Tahoma,Georgia;
	background-color:#EEF9FF;
	text-align:left;
	padding:25px;
	margin-top:20px;
	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;
}
#textindent{
	margin-left: 50px;
	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: 70%;
	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:75px;
	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 { /* text 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); }