/* You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of byJDM
and may not be reproduced. 
----------------------------------------------------------------------------------------*/

/* My Final Authority Main Stylesheet
----------------------------------------------------------------------------------------*/

/* GLOBAL PAGE LAYOUT (Styles that determine the most basic layout and styles of the site) 
----------------------------------------------------------------------------------------*/
html,body {margin: 0; padding: 0; height: 100%; background-image:url(/mfa-images/bg.gif); background-repeat: repeat-x; background-color:#ffffff;}
body {font-size: 12px; font-family:'lucida grande', arial, sans-serif; color:#000000;  text-align:center;}

#container {margin-left:auto; margin-right:auto; width: 100%; width: 855px; min-height:100%; text-align: left; position:relative; float: none;}
* html #container {height:100%; width: 855px;} /* For IE */


/* HEADER
----------------------------------------------------------------------------------------*/
#header {width:855px; height:96px; position:relative; }
#logo {position:absolute; top: 16px; left: 31px; width: 204px; height: 66px;}
#top-nav {
	position:absolute;
	top: 64px;
	left: 412px;
	width: 427px;
	height: 28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#top-nav a:link {color: #ffffff; text-decoration: none;}
#top-nav a:visited {color: #ffffff; text-decoration: none;}
#top-nav a:active {color: #ffffff; text-decoration: none;}
#top-nav a:hover {color: #ffffff; text-decoration: underline;}

/* BILLBOARD
----------------------------------------------------------------------------------------*/
#billboard {position:relative; width:855px; height:236px; background-image:url(/mfa-images/bb-bg.gif)}
.bb-journey {width:569px; height:220px; background:url(/mfa-images/bb-journey.gif) no-repeat; position:absolute; top:16px; left:27px;}
.bb-welcome {width:220px; height:220px; position:absolute; top:16px; left:609px;}

/* Page Structure */
#page-body {width:571px; margin:30px 10px 0 26px; position:relative; float:left;}

/* Entries */
.entry {margin-bottom:65px; position:relative;}
.entry-header {width:568px; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #ff9c00;}
.entry-header-date {font-size:11px; color:#C4C4C4; width:470px;}
.entry-header-comments {font-size:11px;}
.entry-footer {width:564px; padding:6px 2px 6px 2px; font-size:11px; background-color:#f6f9fd; border-top:1px solid #bdd7f5; border-bottom:1px solid #bdd7f5;}
.entry-title {width:568px; border-bottom:1px solid #ff9c00; margin-bottom:7px;}
.entry-body {width:568px;}
.entry-more-link {width:568px; padding-bottom:8px;}
.entry-details {width:470px; float:left;}
.entry-comments {width:97px; float:left; clear:right;}
.quote {width:528px; padding:0 20px 10px 20px; font-style:italic;}
.entry-pic {border: solid 1px #E1E2DF; margin:0px; padding: 4px; background-color:#FFFFFF;}
.downloads-shell {float:left; clear:none; width: 196px; height:71px; background-color:#f4f8fc; position:relative; margin:5px 8px 8px 0;}
.download-size {color:#b2afaf; line-height:2.2em;}
.download-link {position:absolute; top:12px; left:59px; font-family:Arial; font-size:11px; width: 128px; height: 52px;}

/* Lessons */
.lesson-arrow {background-repeat: no-repeat; background-image: url(/mfa-images/lesson-arrow.gif); background-position: 0 0px; padding:0 0 6px 25px;}
.lesson-overview {background-repeat: no-repeat; background-image: url(/mfa-images/lesson-overview.gif); background-position: 0 1px; padding:3px 0 6px 20px;}
.lesson-pdf {background-repeat: no-repeat; background-image: url(/mfa-images/lesson-pdf.gif); background-position: 0 1px; padding:3px 0 6px 20px;}
.lesson-cmts {background-repeat: no-repeat; background-image: url(/mfa-images/lesson-cmts.gif); background-position: 0 4px; padding:3px 0 6px 20px;}

/* Comments */
#cmt-intro {width:568px; height:25px; position:relative; clear:both; border-bottom:1px solid #ff9c00;}
#cmt-intro-text {position:absolute; top:3px; left:0px; width: 244px;}
.cmt-hdr {font-family: Helvetica, Arial, sans-serif; font-size: 20px; color:#6bb6fc}
#cmt-icon {position:absolute; top:7px; left:3px;}
#cmt-section {width:568px;}
.cmt-author-1 {background-color:#FFFFCC;}
.comment {clear:both; padding:10px 0 10px 0; width:568px;}
#cmt-form-section {width:568px; position:relative; float:left; clear:both;}
#cmt-form-hdr {width:568px; height:30px; padding: 30px 0 0px 0; position:relative; clear:both; border-bottom:1px solid #ff9c00; margin-bottom: 10px;}
#cmt-form-text {position:absolute; top:37px; left:0px; width: 208px;}
#cmt-icon-form {position:absolute; top:37px; left:3px; width:24px;}
.cmt-top {}
.cmt-content {width:500px; background-repeat:repeat-x; padding:2px 10px 2px 8px; clear:both;}
.cmt-avatar {height:83px; width:64px; margin-right: 13px; background-repeat:no-repeat; }
.cmt-avatar-pic {width:56px; height:48px;}
.cmt-name {float:left; font:bold 14px Arial; line-height:1;}
	.cmt-name a:link {color:#3867a0; text-decoration: none;}
	.cmt-name a:hover {color: #3867a0; text-decoration: underline;}
.cmt-date {float:left; font:11px Arial; color:#C4C4C4}
	* html .cmt-date {padding:5px 7px 0 7px;}
.cmt-comments {font-size:12px; padding-top:10px;}

/* Comment Form */
#cmt-form {width:546px; padding:0 10px 0 10px; font-size:12px;}
.cmt-form-field {width:381px;}
	* html .cmt-form-field {width:375px;}

/* Sidenav */
#sidenav {width:220px; position:relative; float:left; margin-top:30px;}
.sidenav-box {width:220px; background-color:#a8c7ea; margin-bottom:11px;}
.sidenav-box a:link {color: #ffffff; text-decoration: none;}
.sidenav-box a:visited {color: #ffffff; text-decoration: none;}
.sidenav-box a:active {color: #ffffff; text-decoration: none;}
.sidenav-box a:hover {color: #ffffff; text-decoration: none;}
.sidenav-box ul {list-style: none; margin: 0px 0px 5px 0px; padding: 0px;}
.sidenav-box ul li {display: inline; padding: 0px; margin: 0px;}
.sidenav-box ul li a {background: #A8C7EA; display: block; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 5px 10px 5px 10px; border-top: 1px solid #FFFFFF;}
.sidenav-box ul li a:hover {background: #6BB6FC; color: #FFFFFF;}
.sidenav-title {width:212px; font-family: 'Arial Black'; color:#FFFFFF; font-size:11px; padding:6px 0 6px 8px; position:relative;}
.search-box {width:204px; height:35px; padding:6px 8px 0 8px;}
.search-input {width:170px; float:left; position:relative;}
.search-button {width:32px; height:23px; margin:0 0 0 0; position:relative; float:left;}




/* HTML TAGS
----------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {margin: 0; padding: 0 0 2px 0; font-family: Helvetica, Arial, sans-serif;}
h1 {font-size: 22px; line-height:1.4em; font-weight:bold;}
h2 {font-size: 22px; font-weight:normal; color:#ff9c00; margin-bottom:10px;}
h3 {font-size: 14px; font-weight: bold;}
p {line-height:1.4em; padding:0 0 10px 0; margin:0;}
p a:link, p a:visited, a:active, a:hover {text-decoration: underline;}
a:link {color: #1b7cef; text-decoration: none;}
a:visited {color: #1b7cef; text-decoration: none;}
a:active {color: #1b7cef; text-decoration: none;}
a:hover {color: #1b7cef; text-decoration: underline;}
a {}
ul li {margin-left:30px;}
.form-field {border:1px solid #a6bdd6; padding:2px; font-size:14px; background:url(/mfa-images/form-field-bg.gif) repeat-x; font-family:'Lucida Grande', Arial, Helvetica, sans-serif; font-size:9.8pt; color:#666666; background-color:#FFFFFF;}