/*
Name: Breakfast with Fred Website
Author: Nick Francis
Questions/Comments: nick@project83.com
Copyright (c)  Project83.com. All rights reserved.
*/

/* main styles */
* {
	margin:0;
	padding:0;
}

img, frameset {
	border:0;
}

body {
	text-align:center;
	background:#181610 url(images/bg.gif) repeat top left;
	font-size:small;
}

.clear {
	clear:both;
}

.larger {
	font-size:larger;
}

.smaller {
	font-size:smaller;
}

a {
	color:#010EB0;
}

a:hover {
	text-decoration:none;
}

/* header */
#wrap {
	text-align:left;
	margin:0 auto;
	width:766px;
	background:url(images/wrap_bg.gif) repeat-y top left;
}

#header h1 {
	width:766px;
	height:125px;
	background:url(images/header_bg.jpg) no-repeat top left;
	text-indent:-9000px;
}

#nav-search {
	width:766px;
	height:41px;
	background:url(images/navsearch_bg.jpg) no-repeat top left;
}

/* navigation */
#nav {
	float:left;
	width:523px;
	padding:4px 0 0 7px;
}

#nav ul {
	list-style:none;
}

#nav li {
	float:left;
	line-height:35px;
	background:url(images/nav_bg.gif) repeat-x top left;
}

#nav li#nav-home {
	background:url(images/navhome_bg.gif) no-repeat top left;
}

#nav li a {
	display:block;
	color:#13100B;
	text-decoration:none;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	padding:2px 15px 0 15px;
	font-size:110%;
	font-weight:bold;
	background:url(images/nav_divider.gif) no-repeat top right;
}

#nav li a:hover {
	text-decoration:underline;
}

#pageLinks {
	text-align:center;
}
#pageLinks a {
	margin:0 3px;
}

body#home #nav li#nav-home {
	background:#F9F1E2 url(images/navhome_active.gif) no-repeat top left;
}

body#library #nav li#nav-library,
body#donate #nav li#nav-donate,
body#contact #nav li#nav-contact,
body#about #nav li#nav-about
{
	background:#F9F1E2;
}

/* search */
#search {
	float:right;
	width:211px;
	padding:12px 6px 0 0;
}

input#searchbox {
	padding:2px;
	width:145px;
	border:1px solid #A4A4A4;
	color:#6B6B6B;
	position:relative;
	bottom:5px;
}

div#pages {
	text-align:center;
	margin-top:20px;
}
div#pages a, div#pages span {
	padding:0 5px;
	font-size:1.3em;
}
div#pages span {
	font-weight:700;
}
p.none {
	font-size:1.1em;
}
p.spelling {
	font-size:1.2em;
}

div#searchResults p.url {
	padding:5px 0 15px 0;
	border-bottom:1px dotted;
}

div#searchResults p.desc {
	padding:5px 0 0 0;
}

div.title {
	margin-top:15px;
}

div.title a {
	color: #984800;
	font-size:1.1em;
}
div#searchResults p.url {
	margin:5px 0 0 0;
	font-size:90%;
	overflow:hidden;
}

/* sub-navigation */
ul#subnav {
	padding-bottom:2.5em;
	list-style:none;
	background:#F9F1E2 url(images/subnav_bg.gif) repeat-x bottom left;
}

ul#subnav li {
	float:left;
	line-height:2.4em;
}

ul#subnav a {
	display:block;
	padding:0 10px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	color:#491201;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
}
body#library ul#subnav a {
	padding:0 6px;
}
ul#subnav a:hover {
	text-decoration:underline;
}

ul#subnav li.active {
	background:#242E38;
	border-top:1px solid #F9F1E2;
	border-left:1px solid #F9F1E2;
	border-right:1px solid #F9F1E2;
	line-height:2.2em;
}

ul#subnav li.active a {
	color:#F9F1E2;
}

/* content area */
#content-area {
	float:left;
	width:523px;
	margin:0 0 0 8px;
	display:inline;
}

#content {
	color:#381E0B;
	background:#F9F1E2;
	padding:20px 15px;
}

#content p {
	line-height:1.5em;
	font-family:Georgia, Times, serif;
	padding:5px 0 20px 0;
}

#content h2 {
	color:#491201;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	margin:10px 0 10px;
}

#content h2.top {
	margin-top:0;
}

#content h3 {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	padding:5px 0;
}

/* home page content */
.datebox {
	float:left;
	width:46px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:center;
}

.datebox ul {
	list-style:none;
	border:1px solid #5F512F;
	text-transform:uppercase;
}

.datebox li {
	padding:1px;
}

.datebox li.day {
	color:#fff;
	background:#937631;
}

.datebox li.month {
	color:#fff;
	background:#AE9653;
}

.datebox li.number {
	color:#381E0B;
	background:#fff url(images/date_bg.gif) no-repeat bottom right;
	font-size:160%;
}

#content .datebox p.year {
	color:#381E0B;
	letter-spacing:3px;
	padding:2px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
}

#todaysArticle, #todaysQuestion, #dailyFenelon {
	margin-left:70px;
	width:342px;
	padding-bottom:13px;
	background:url(images/articleimg_bg.gif) no-repeat bottom left;
}

#todaysArticle h2, #todaysQuestion h2, #dailyFenelon h2 {
	font-size:160%;
	color:#381E0B;
	font-weight:normal;
	padding:18px 10px 6px 42px;
	margin:0;
	font-family:Georgia, Times, serif;
}

#todaysArticle h2 {
	background:url(images/article_bg.gif) no-repeat top left;
}

#todaysQuestion h2 {
	background:url(images/question_bg.gif) no-repeat top left;
}

#dailyFenelon h2 {
	background:url(images/fenelon_bg.gif) no-repeat top left;
}

#todaysArticle img {
	border:6px solid #DBCDAA;
	margin-left:1px;
}

#todaysArticle a img {
	display:block;
}

#todaysQuestion p, #dailyFenelon p {
	padding:6px 8px;
	background:#E7DCC3;
	border:6px solid #DBCDAA;
	margin-left:1px;
}

img.readAnswer {
	margin:10px 0 0 70px;
}

div.articleText {
	margin-left:70px;
}

#content div.articleText p {
	padding-bottom:10px;
}

.homeSeparator {
	width:340px;
	padding-top:2px;
	border-bottom:1px solid #C6B590;
	margin:25px 0 25px 70px;
}

/* about section */
ul.background li {
	margin:6px 0 6px 15px;
}

/* leadership library */
#content div.lib-wrap {
	float:left;
	display:inline;
	margin:5px 6px;
	width:232px;
	height:150px;
}

#content div.lib-wrap p {
	padding-bottom:5px;
	font-size:90%;
}

#content div.lib-wrap h2 {
	font-size:140%;
	background-position:-1px 0;
	margin-right:1px;
	padding:14px 10px 6px 38px;
	border-bottom:4px solid #DACCA9;
	font-family:Georgia, Times, serif;
}

#content div.lib-wrap h2 a {
	color:#381E0B;
	font-weight:normal;
	text-decoration:none;
}

#content div.lib-wrap h2 a:hover {
	text-decoration:underline;
}

div.lib-wrap h2.articles {
	background:url(images/lib_articles.gif) no-repeat top left;
}

div.lib-wrap h2.ask {
	background:url(images/lib_ask.gif) no-repeat top left;
}

div.lib-wrap h2.mentoring {
	background:url(images/lib_mentoring.gif) no-repeat top left;
}

div.lib-wrap h2.liners {
	background:url(images/lib_liners.gif) no-repeat top left;
}

div.lib-wrap h2.audio {
	background:url(images/lib_audio.gif) no-repeat top left;
}

div.lib-wrap h2.fenelon {
	background:url(images/lib_fenelon.gif) no-repeat top left;
}

h3.select {
	float:left;
	margin-right:10px;
}

ul#articleList {
	margin-left:15px;
}

ul#articleList li {
	float:left;
	width:238px;
	margin:5px 0;
}

ul#articleList li a, ul#singleList li a {
	color:#381E0B;
	text-decoration:none;
}

ul#articleList li a:hover, ul#singleList li a:hover {
	text-decoration:underline;
}

#articleTitle {
	margin:25px 0 0 0;
	padding-left:42px;
	background:url(images/article_title_bg.gif) no-repeat top left;
}

#articleTitle h2 {
	margin-bottom:0;
}

#articleTitle h3 {
	padding-top:0;
}

ul#singleList {
	margin-left:15px;
	padding:5px;
}

ul#singleList li {
	margin:5px 0;
	padding:3px;
}

/* form fields */
#content input, #content select, #content textarea {
	padding:2px;
}

#content select {
	border-top:2px solid #848484;
	border-left:2px solid #848484;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#content input#articleGo {
	margin-left:5px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:2px solid #848484;
	border-bottom:2px solid #848484;
}

fieldset#form {
	padding:0;
	margin:0;
	width:auto;
	border:none;
	}
	
fieldset#form ul {
	margin:0;
	padding:0;
	list-style:none;
	}		

fieldset#form li label {
	float:left;
	clear:right;
	width:95px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}
	
fieldset#form li input, fieldset#form li select, fieldset#form li textarea {
	margin:0 0 8px 15px;
	padding:2px;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#000;
	width:200px;
	}
	
fieldset#form li textarea {
	width:auto;
	font-size:100%;
	}		

fieldset#form form.contact li textarea {
	width:350px;
}

fieldset#form input#tes_submit, fieldset#form input#contactsubmit {
	width:auto;
	margin:20px 0 10px 210px;
	padding:3px;
	}

fieldset#form input#contactsubmit {
	margin:10px 0 10px 230px;
	}	

/* donations form */
#orderDetails table {
	margin-bottom:1em;
}

#orderDetails td.s {
	text-align:right;
	padding-right:1em;
	vertical-align:top;
	font-weight:bold;
}

/* sidebar */
#sidebar {
	float:right;
	display:inline;
	width:227px;
	margin-right:8px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	background:url(images/sidebar_bg.gif) no-repeat top left;
}

#weeklyThought {
	padding:10px 4px 20px 12px;
	color:#422412;
}

#weeklyThought h3 {
	font-size:95%;
	padding-bottom:5px;
}

#weeklyThought input#listbox {
	padding:2px;
	width:130px;
	border:1px solid #A4A4A4;
	color:#6B6B6B;
	position:relative;
	bottom:5px;
}

#weeklyThought p.currentThought {
	margin-top:6px;
	padding:0 0 12px 30px;
	background:url(images/bwf_icon.gif) no-repeat top left;
}

#weeklyThought p.currentThought a {
	display:block;
	color:#984800;
}

p.print, p.email {
	margin:0 0 0 10px;
	padding-left:30px;
}

p.print a, p.email a {
	font-weight:bold;
	text-decoration:none;
}

p.print a:hover, p.email a:hover {
	text-decoration:underline;
}

p.print {
	margin-top:15px;
	background:url(images/print.gif) no-repeat top left;
	line-height:25px;
	padding-bottom:10px;
}

p.email {
	background:url(images/email.gif) no-repeat top left;
	line-height:18px;
	padding-bottom:10px;
}

p.sbLiner {
	font-size:.95em;
	padding:0 1em;
}

body#home p.sbLiner {
	padding-top:1.5em;
}

p.sbSmall {
	font-size:.9em;
	text-align:right;
	padding:0 1em;
	margin-bottom:1em;
}

#sidebar h2 {
	color:#491201;
	margin-left:10px;
	font-size:130%;
	margin:20px 0 15px 10px;
}

#gettingStarted h3 {
	border:1px solid #63717F;
	border-bottom:0;
	background:#AFBDCB;
	color:#271407;
	text-align:center;
	padding:4px 0;
}

#gettingStarted ul {
	list-style:none;
	border:1px solid #63717F;
}

#gettingStarted li {
	border-bottom:1px solid #B5C5D5;
	background:#606F7F;
}

#gettingStarted li a {
	display:block;
	line-height:28px;
	color:#fff;
	text-decoration:none;
	padding:4px 4px 4px 50px;
}

#gettingStarted li a:hover {
	text-decoration:underline;
}

#gettingStarted li#articles a {
	background:url(images/icon_articles.gif) no-repeat top left;
}

#gettingStarted li#askFred a {
	background:url(images/icon_ask.gif) no-repeat top left;
}

#gettingStarted li#mentoring a {
	background:url(images/icon_mentoring.gif) no-repeat top left;
}

#gettingStarted li#oneLiners a {
	background:url(images/icon_oneliners.gif) no-repeat top left;
}

#gettingStarted li#audio {
	border-bottom:0;
}

#gettingStarted li#audio a {
	background:url(images/icon_audio.gif) no-repeat top left;
}

.related-wrap {
	margin:0 0 25px 10px;
}

.related-wrap img {
	border:4px solid #C8C1B4;
	margin-bottom:5px;
}

.related-wrap h3 a {
	font-size:90%;
	text-decoration:none;
	color:#491201;
}

.related-wrap h3 a:hover {
	text-decoration:underline;
}

.related-wrap p {
	font-size:90%;
	padding:8px 0 2px 0;
}

img.ad {
	margin:10px 8px;
}

/* latest news */
#latestNews {
	margin:20px 8px 0 8px;
	padding:15px;
	color:#381E0B;
	font-family:"lucida grande", arial, helvetica, sans-serif;
	background:#E8DBBF url(images/news_bg.gif) repeat-x top left;
}

#latestNews h2 {
	float:left;
	color:#271407;
	font-size:130%;
	text-align:center;
	width:75px;
}

#latestNews dl {
	float:left;
	width:290px;
	padding:0 15px;
}

#latestNews dl.first {
	border-right:1px solid #978F7B;
}

#latestNews dt {
	background:#D7C7A0 url(images/newsdate_bg.gif) no-repeat top right;
	text-align:center;
	color:#5C2C05;
	padding:3px 0;
}

#latestNews dt span {
	text-transform:uppercase;
}

#latestNews dl dd h3 {
	font-size:120%;
	margin-top:10px;
}

#latestNews dl dd p {
	font-family:Georgia, Times, serif;
	margin:5px 0 10px 0;
}

/* footer */
#footerNews {
	width:766px;
	height:28px;
	background:url(images/footer_news_bg.gif) no-repeat top left;
}

#footerBottom {
	width:766px;
	height:28px;
	background:url(images/footer_bg.gif) no-repeat top left;
}

#footer {
	width:766px;
	margin:10px auto 55px auto;
}

#footer ul {
	list-style:none;
	font-size:90%;
	font-family:"lucida grande", arial, helvetica, sans-serif;
	margin-left:60px;
}

#footer li {
	float:left;
	color:#DACAA7;
}

#footer li a {
	display:block;
	color:#DACAA7;
	padding:0 10px;
	text-decoration:none;
}

#footer li a:hover {
	text-decoration:underline;
}

/* donations page */
fieldset.donation {
	border:none;
	}

fieldset.donation li label span, p.required span {
	color:#CC3333;
	font-weight:bold;
}

fieldset.donation ul {
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
	}
fieldset.donation li label {
	float:left;
	width:150px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset.donation li input, fieldset.donation li select {
	margin:0 0 4px 15px;
	padding:2px;
	font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
	width:200px;
	}

fieldset.donation input#months {
	width:50px;
}

fieldset.donation input#bstate, fieldset.donation input#sstate {
	width:40px;
}

fieldset.donation input#bzip, fieldset.donation input#szip {
	width:100px;
}

fieldset.donation input.check {
	float:left;
	width:auto;
	margin:0 5px 0 200px;
}

fieldset.donation li#expiration select {
	float:left;
	display:inline;
	width:60px;
}

fieldset.donation li#expiration span.exp {
	float:left;
	display:inline;
	margin:0 0 0 6px;
}

fieldset.donation input#securityCode, fieldset.donation select#draftDay {
	width:80px;
}

form#DonationsForm h2 {
	margin:0;
}

form#DonationsForm #submitBtn {
	margin-left:240px;
	}

/* used for form field validation */
label.error {
	color: #B72323;
	font-style: italic;
	margin-left: 10px;
	width: auto;
	display:block;
	width:400px;
}

#container {
	background-color: #fcc;
	border: 1px solid #B72323;
	margin: 5px;
	padding: 5px;
	display: none;
}

#container ul {
	list-style: none;
	float:none;
	clear:both;
	width:98%;
	padding:0;
}

#container ul li {
	margin-left:5px;
	clear:both;
}

#container ul li label {
	width:100%;
	color: red;
	text-align:left;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
	border: 1px dashed red;
}

input.error, select.error, textarea.error {
	border: 1px solid red;
}

/* Video Library */
#videoGallery {
	float:right;
	width:500px;
	margin:20px 0 0 0;
	padding:0;
	}

#videoGallery div.img-wrap {
	float:left;
	width:106px;
	margin:0 10px 15px 0;
	padding:0;
	}

#videoGallery .img-wrap a img, img.pad {
	border:3px solid #ccc;
	margin:0;
	padding:0;
	width: 100px;
	height: 75px;
	}

#videoGallery .img-wrap p {
	text-align:center;
	margin:0;
	padding:4px 0;
	}

#videoGallery .img-wrap {
	height:190px;
}
#videoGallery div.info {
	text-align:left;
	}

#videoGallery label {
	font-size:11px;
	color: #666;
}
#videoGallery span.run {
	color: #000;
	font-size: 11px;
	font-weight:bold;
}
#videoGallery span {
	font-size: 11px;
	color: #000;
}