/* document global styles */

* { 
 margin: 0;
 padding: 0;
 }

img { 
 border: 0;
 }

a, a:link, a:visited { 
 color: #930;
 text-decoration: none;
 border-bottom: 1px dashed #333;
 }
a:hover, a:active {
 color: #666;
 }

body { 
 font: 14px/20px Arial, Helvetica, sans-serif;
 color: #222;
 background: url(/images/background.jpg);
 text-align: center;
 position:relative;
 }

#wrapper { 
 background: transparent url(/images/wrapper-tile.gif) repeat-y top center; 
 width: 784px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 100px;
 }
 
cite {
 font-style: normal; /* because layout in IE is adversely affected by italics */
 }

blockquote p cite {
 font-style: italic;
 }  

/* boxes and elements within */

#mast {
 background: url(/images/mast.jpg) no-repeat top center;
 height: 100px;
}

#mast a {
 border: none;
 text-decoration:none;
 }
 
#content {
 padding: 0 37px;
 } 

#content p {
 padding: 0 37px;
 }

#content h1 {
 font-size: 28px;
 font-weight: bold;
 line-height: 33px;
 }

#content h2 {
 font-size: 18px;
 font-weight: bold;
 line-height: 22px;
 }

#content h2 em, #content p em {
 font-style:normal;
 border-bottom: 1px solid #000; /* replaces the deprecated U tag */
 }

#content h2.left {
 text-align: left;
 padding-left: 0;
 }

#content h1, #content h2 {
 color: #900;
 background: transparent;
 margin: 20px 0;
 text-align: center;
 }

#content h2.black {
 color: #000; 
 background: transparent;
 margin: 30px 0;
 }

#content h2.black span {
 font-size: 30px;
 }
 
#content h2 span.small {
 font-weight: normal; 
 color: #333;
 font-size: 10px; 
 line-height: 12px;
 } 

#content ul {
 padding: 0 0 20px 40px;
 }

#content ul.checks {
 font-weight: bold;
 padding: 0;
 }
 
#content ul.checks li {
 list-style-type: none;
 margin-bottom: 8px;
 color: #222;
 background: url(/images/check2.jpg) no-repeat 0% 50%;
 padding-left: 30px;
 position: relative; /* an ugly hack for IE6 to correct disappearing images */
 }

#content li {
 color: #036;
 padding: 12px 0 0;
 }

#content p, #footer p, #bucket p {
 text-align: justify;
 padding: 8px 0;
 }

#content p.buy, #bonuses p.buy, #footer p.buy { /* BUY NOW blue/yellow button alignment */
 padding: 20px 0;
 text-align: center;
 }

#content p.buy a, #bonuses p.buy a, #footer p.buy a { 
 border: 0;
 }

#stella img, #jon img, #jill img, #tom img {
 float: right;
 margin-left: 15px;
 }

#one, #stella, #tom, #four, #jon, #jill {
 display: block;
 height: 250px;
 width: 709px;
 margin-top: 5px;
 }

#one h4, #one p,
#stella h4, #stella p,
#tom h4 , #tom p,
#four h4, #four p, 
#jon h4, #jon p,
#jill h4, #jill p {
 margin-left: 215px;
 }

#one h4 {
 padding-top: 57px;
 color: #f90;
 background: transparent;
 margin-bottom: 10px;
 }

#four h4 {
 padding-top: 47px; 
 margin-bottom: 10px;
 }

#tom h4 {
 padding-top: 45px;
 margin-bottom: 5px;
 }

#jon h4 {
 padding-top: 43px;
 margin-bottom: 4px;
 }

#stella h4, #jill h4 {
 padding-top: 43px;
 }

#stella h4 {
 margin-bottom: 15px;
 }

#jill h4 {
 margin-bottom: 5px;
 }

#one h4, #stella h4, #tom h4, #four h4, #jon h4, #jill h4 {
 font-size: 16px;
 color: #f90;
 background: transparent;
 }

#one p, #stella p, #tom p, #four p, #jon p, #jill p {
 text-align: justify;
 font-size: 12px;
 line-height: 18px;
 padding-right: 15px;
 }

#one p {
 padding-top: 3px;
 }

#four p {
 padding-top: 5px;
 }

#one {
 background: url(/images/bonus-one.jpg) no-repeat;
 }

#stella {
 background: url(/images/twentyrecipes.jpg) no-repeat;
 }

#tom {
 background: url(/images/bonus-three.jpg) no-repeat;
 }

#four {
 background: url(/images/bonus-four.jpg) no-repeat;
 }

#jon {
 background: url(/images/extra-one.jpg) no-repeat;
 }

#jill {
 background: url(/images/extra-two.jpg) no-repeat;
 }

.left {
 float: left;
 font-size: 10px;
 text-align: center;
 margin: 5px 15px 0 0;
 }

.right {
 float: right;
 font-size: 10px;
 text-align: center;
 margin: 5px 0 0 15px;
 }

#content p.photo {
 text-align: center;
 font-size: 10px;
 margin-top: 10px;
 }

div.books {
 border-top: 1px dashed #999;
 border-bottom: 1px dashed #999;
 padding: 5px 40px;
 margin-bottom: 40px;
 }
 
#content div.books p {
 clear: left;
 } 

.t1, .t2, .t3 {
 height: 172px;
 font-size: 12px;
 line-height: 17px;
 margin: 30px 0 0;
 padding: 35px 0 0;
 }

.t1 {
 background: url(/images/test1.jpg) no-repeat;
 }

.t2 {
 background: url(/images/test2.jpg) no-repeat;
 }

.t3 {
 background: url(/images/test3.jpg) no-repeat;
 }

.t1 p, .t2 p, .t3 p {
 margin: 0 15px 0 230px;
 }

#content blockquote.t3 p {
 padding-top: 20px;
 }

#bonuses {
 margin-top: 40px;
 }

#actnow p, #actnow h2 {
 text-align: center;
 }

#actnow h2 {
 background: #ff6;
 margin-left: 80px;
 margin-right: 80px;
 }

ul#nav {
 text-align: center;
 margin: 80px 0 0;
 font-size: 14px;
 }

#nav li {
 display: inline;
 margin-right: 20px;
 } 

/* jon's testimonials 
------------------------ */ 
#word-o-matic {
 margin: 20px 0;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

#word-o-matic h2 {
 font-size: 17px;
 margin-top: 5px;
}

#word-o-matic blockquote {
 border: none;
 margin: 0;
 padding: 0;
}

#word-o-matic div.glyph {
 height: 20px;
 background: url(/images/glyph.jpg) no-repeat top center;
 margin: 5px 0 10px 0;
 }

#word-o-matic blockquote p {
 padding: 8px 50px 0 50px;
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 19px;
 }

#word-o-matic p em {
 border: 0;
 font-style: italic;
 }
 
/* audio page 
-----------------*/

.player {
 font-size:11px;
 margin: 0 50px;
 }
 
.player img {
 float: left;
 }
 
iframe {
 padding: 5px;
 background: #fff;
 border: 1px solid #ccc;
 }
 
dl {
 border-top: 1px dashed #ccc;
 font-size: 12px;
 margin: 50px 50px 40px 125px;
 background: url(/images/ipod.jpg) no-repeat top left;
 }

dt {
 font-weight: bold;
 }

dd {
 margin-left:50px;
 }