/* copyright Benson Design, Jon Benson 
   All Your Strength LLC
	 all rights reserved */

* { 
	margin: 0;
	padding: 0;
	}

img { 
	border: 0;
	}

a, a:link, a:visited { 
	color: #369;
	text-decoration: none;
	}
 
a:hover, a:active {
	color: #666;
	}
	
.orderbutton a {
	border: 0;
	}
	
h1.issue a, #feature a, #blog a {
	text-decoration: underline;
	}
	
#feature p.butt a {
	text-decoration: none;
	}
	
#mast a, #mast a:link, #mast a:visited {
	color: #f3f3f3;
	background: transparent;
	border: none;
	}
	
#mast a:hover, #mast a:active {
	color: #fff;
	background: transparent;
	border-bottom: 1px solid #fff;
	}
	
#footer a, #footer a:link, #footer a:visited {
	color: #333;
	background: transparent;
	border-bottom: none;
	text-decoration: underline;
	}
	
#footer a:hover, #footer a:active {
	color: #666;
	}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url(/img/body-tile.gif);
	}

#wrapper { 
	color: #333;
	background: #fff url(/img/audiofit-column.png) repeat-y top center;	
	width: 784px;
	margin: 0 auto;
	padding-bottom: 30px;
	} 

#mast {
	background: #780300 url(/img/mast.jpg) no-repeat top center;
	height: 141px;
	}
	
#content {
	float: right;
	width: 547px;
	}
	
#blog {
	padding: 0 15px 0 0;
	}
	
#sidebar {
	float: left;
	width: 217px;
	}
	
#footer {
	width: 784px; /* same as wrapper, above */
	margin: 0 auto; /* ditto */
	padding-bottom: 30px;
	}
	
	/* masthead elements */  
	
#mast ul {
	list-style-type: none;
	padding: 10px 0 0;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	}
	
#mast li {
	list-type: none;
	display: inline;
	margin-left: 60px;
	}
	
#mast li.first {
	margin-left: 0;
	}
	
#mast li strong {
	text-transform: uppercase;
	}

	/* content elements */
	
#audiofit-top-nav {
	list-style-type: none;
	padding: 8px 15px 0 0;
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	}
	
	#audiofit-top-nav li {
		display: inline;
		margin-left: 30px;
		}
		
#byo {
	font-size: 1.1em;
	margin: 5px 10px;
	text-align: center;
	}
	
iframe {
	padding: 5px 0;
	}
	
.latest-entry h2, .latest-entry p, .previous-entries h2, .previous-entries p {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0;
	}
	
.latest-entry p, .previous-entries p, #more p {
	font-size: 1.3em;
	line-height: 145%;
	}
	
h1 {
	font-size: 1.3em;
	margin: 5px 0;
	}
	
	.latest-entry h1, .previous-entries h1 { /* Issue titles */
		background: url(/img/audiofit-headphones.png) no-repeat 0 .2em;
		padding-left: 20px;
		margin-top: 20px;
		}
	
h2 {	
	font-size: 1.2em;
	color: #366;
	background: #fff;
	}
	
h3 {
	font-size: 1.2em;
	}
	
p, ol, ul {
	font-size: 1.3em;
	line-height: 145%;
	margin: 2px 0 12px 0;
	}
	
ul ul, ol ol, ol ul, ul ol {
	font-size: 1em;
	line-height: 145%;
	}
	
	p.issue-info { /* the Current Issue mast */
		margin: 0;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 4px 0;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #366;
		background: #fff;
		}
		
li {
	margin-left: 40px;
	}
	
dl.permalinks { /* the Member Bonuses links on the latest entry (home page) */
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 3px solid #900;
	height: 22px;
	padding: 0 0 5px 0;
	margin: 3em 0;
	}
		
	dl.permalinks dt {
		color: #900;
		background: #fff;
		float: left;
		margin-top: 4px;
		}
		
	dl.permalinks a {
		display: block;
		float: left;
		margin-top: 4px;
		}
		
	dd.blog, dd.audio {
		float: left;
		height: 20px;
		margin-left: 12px;
		}
	
	dd.blog {
		color: #369;
		background: url(/img/audiofit-texticon.png) no-repeat 0 50%;
		padding-left: 17px;
		}
		
	dd.audio {
		color: #369;
		background: url(/img/audiofit-mp3icon.png) no-repeat 0 50%;
		padding-left: 20px;
		}
		
#backissues {
	margin: 20px 0 0;
	padding: 20px 0;
	border-top: 1px solid #bbb;
	}
	
#backissues h1 {
	font: bold 22px/110% Arial, Helvetica, sans-serif;
	color: #366;
	background: #fff;
	}
	
#backissues h2 {
	font: normal 1.3em/130% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	clear: left; /* clears left floated mp3 link */
	}
	
#backissues h3 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #366;
	background: #fff;
	}
	
	#backissues h3 span {
		color: #900;
		background: #fff;
		font-weight: bold;
		}
	
#backissues img {
	float: right;
	margin: 0 0 0 1em;
	}
	
#backissues table {
	font: 11px verdana, helvetica, sans-serif;
	margin: 20px 0;
	width: 100%;
	}
	
#backissues td {
	padding: 3px 1px;
	background: #eee;
	margin: 1px 0;
	}
		
#backissues td em {
	font-size: 9px;
	font-style: normal;
	}
	
	/* individual entry items */
	
.content-nav {
	text-align: center;
	margin: 2em 0;
	font-size: 1em;
	}
	
#more { /* MT Extended Entry DIV */
	margin: 0 20px;
	}
	
#feature, blockquote { /* the fancy-schmancy Member Exclusive box (individual entry pages) */
	color: #333;
	background: #ffe;
	border: 1px solid #ccb;
	padding: 5px 10px 10px 10px;
	margin: 20px 0;
	}
	
	#feature p {
		margin: 0 0 4px 0;
		padding: 0;
		font: 11px/170% Verdana, Helvetica, sans-serif;
		}
	
		#feature p span {
			font-size: 9px;
			}
	
	#feature h2 {
		font: 20px/120% Georgia, "Times New Roman", Times, serif;
		margin: 0;
		padding: 0;
		color: #333;
		background: #ffe;
		}
	
	#feature h3 {
		margin: 10px 0 5px 0;
		font: bold 1.2em Arial, Helvetica, sans-serif;
		}
	
		#feature h3.lined {
			border-bottom: 1px solid #ccb;
			}
			
	#member-login { /* form inside feature box */
		margin-top: 10px;
		}
		
	#member-login label, #ecourse label {
		width: 100px;
		float: left;
		clear: left;
		text-align: right;
		font: bold 11px verdana, helvetica, sans-serif;
		margin-right: 10px;
		}
	
		#member-login div.required {
		margin: 5px 0;
		}
		
		.required input {
			border: 1px solid #ccb;
			font-size: 11px;
			padding: 3px 2px;
			width: 180px;
			}
	
		#member-login .button {
			font-size: 11px;
			padding-left: 110px;
			}
			
#comments {
	background: url(/img/foficon.gif) no-repeat 50% 0;
	margin: 20px 0;
	padding-top: 15px;
	}
	
#comments h2 {
	font-size: 1.4em;
	color: #333;
	background: #fff;
	border-top: 3px solid #ddd;
	margin: 30px 0;
	}
	
#comments h3 {
	font-size: 1.3em;
	margin: 20px 0 0;
	}

div.comment {
	border: 1px solid #ddd;
	padding: 0 5px;
	margin: 10px 20px;
	}
	
	div.jon {
		border: 1px solid #ccb;
		background-color: #ffe;
		color: #333;
		}
		
#comments p {
	font-size: 1.2em;
	margin: 5px 0;
	}
	
	#comments p.commenter {
		font-weight: bold;
		}
		
	#comments p.posted {
		font-size: 1.1em;
		}
		
#comments form {
	margin: 0 20px;
	}
	
#comments label {
	font-weight: bold;
	color: #366;
	background: #fff;
	}
		
#comment-author,
#comment-email,
#comment-url {
	font: 11px verdana, helvetica, sans-serif;
	border: 1px solid #bbb;
	padding: 2px 1px;
	width: 220px;
	}
		
textarea {
	border: 1px solid #bbb;
	padding: 2px;
	width: 400px;
	}
	
/* end of blog elements */
 
.smallprint, .disclaimer {
	margin: 20px 0;
	clear: left;
	padding-left: 20px;
	}
	
#more .smallprint p, .disclaimer p {
	font-size: 1.1em;
	}
	
	/* sidebar elements */
	
		/* optin form 
		--------------*/
	
#potential-optin {
	font-size: 1.1em;
	padding: 5px 5px 10px 15px;
	border-bottom: 2px solid #900;
	}
	
#potential-optin p {
	font-size: 1.2em;
	font-weight: bold;
	color: #900;
	background: transparent;
	}

#potential-optin div {
	margin: 5px 0;
	clear: left;
	}
	
#potential-optin div label { 
	display: block; 
	float: left;
	width: 80px;
	text-align: right;
	padding-top: 3px;
	}
	
#PotentialFirstName, #PotentialEmail {
	font-size: 11px;
	font-weight: normal;
	width: 95px;
	padding: 2px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #bbb;
	}
	
#potential-optin div.button {
	text-align: center;
	margin: 10px 0 0;
	}
	
		/* recommended books 
		---------------------*/
	
#sidebar h3 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #900;
	background: transparent;
	margin: 30px 0 0 15px;
	}
	
#recommended img {
	float: left;
	padding-left: 5px;
	margin-top: 5px;
	}
	
#recommended img.center {
	display: block;
	float: none;
	clear: left;
	margin: 5px auto;
	}
	
#recommended p {
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding-left: 80px;
	padding-right: 5px;
	}
	
#rec-fof, #rec-dov, #rec-mangano {
	clear: left;
	padding: 10px 0;
	border-bottom: 1px solid #ddc;
	}
	
	/* for images */ 

.left {
	float: left; clear: left;
	margin: 5px 15px 0 0;
	}

.right {
	float: right; clear: right;
	margin: 5px 0 0 15px;
	}

	/* bottom site navigation */

ul#nav {
	font: 11px Verdana, Helvetica, sans-serif;
	text-align: center;
	margin: 40px 0 0;
	}

#nav li {
	display: inline;
	margin: 0 12px;
	}
	
	/* footer elements */
	
#footer ul {
	list-style-type: none;
	font: 10px Verdana, Helvetica, sans-serif;
	text-align: right;
	margin-top: 4px;
	}
	
#footer li {
	margin-left: 15px;
	list-style: none;
	display: inline;
	}