/*==================
BASE STYLES
==================*/

body {
	text-align:center;
	margin: 10px 0 0;
	padding: 0;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	}

div#frame {
	width: 740px;
	\width: 760px;
	w\idth: 740px;
	border: 0;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	}

a:link { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #003366; }
a img { border: 0; }


/*==================
HEADER
==================*/

div#headerframe {
	padding-top: 1px;
	}

div#header {
	} 

div#header a:link,
div#header a:visited,
div#header a:hover {
	text-decoration: none;
	}

a.header-homelink {
	font-size: 18px;
	}

div.header-byline {
	font-size: 12px;
	font-weight: normal;
	}

span#search-field {
	float: right;
	}

span#search-field input {
	font-size: 11px;
	}

div.header-homelink {
	padding-top: 3px;
	}


/*==================
FOOTER
==================*/

div#footer {
	margin: 10px 70px 30px;
	padding-top: 5px;
	text-align: center;
	font-size: 0.9em;
	}

/*=================
NAVIGATION
=================*/

#menu {
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding-bottom: 23px;
	padding-left: 7px;
	font-size: 12px;
	margin-top: 22px;
	}

#menu ul, 
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#menu a:link, 
#menu a:visited	{
	background: #FFCC66;
	border: 1px solid #ccc;
	color: #666666;
	float: left;
	font-weight: normal;
	line-height: 18px;
	margin-right: 7px;
	padding: 2px 7px 2px 7px;
	text-decoration: none;
	}

#menu a:link.active, 
#menu a:visited.active	{
	background: #FFFFFF;
	border-bottom : 1px solid #FFFFFF;
	color : #000000;
	}

#menu a:hover {
	background: #FFFFFF;
	}
	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a, 
body.section-9 #menu li#nav-9 a,
body.section-10 #menu li#nav-10 a,
body.section-11 #menu li#nav-11 a,
body.section-11 #menu li#nav-30 a {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	}

div#submenu {
	padding: 8px;
	margin: 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}

body.section-6 div#submenu {
	padding-left: 190px;
	}

body.section-7 div#submenu {
	padding-left: 190px;
	}

body.section-8 div#submenu {
	padding-left: 350px;
	}

body.section-9 div#submenu {
	padding-left: 330px;
	}

body.section-11 div#submenu {
	padding-left: 300px;
	}

#subnav-1,
#subnav-2,
#subnav-3,
#subnav-4,
#subnav-5,
#subnav-6,
#subnav-7,
#subnav-8,
#subnav-9,
#subnav-10,
#subnav-11,
#subnav-30 {
	display: none;
	width: 90%;
	}

#subnav-1 ul,
#subnav-1 li,
#subnav-2 ul,
#subnav-2 li,
#subnav-3 ul,
#subnav-3 li,
#subnav-4 ul,
#subnav-4 li,
#subnav-5 ul,
#subnav-5 li,
#subnav-6 ul,
#subnav-6 li,
#subnav-7 ul,
#subnav-7 li,
#subnav-8 ul,
#subnav-8 li,
#subnav-9 ul,
#subnav-9 li,
#subnav-10 ul,
#subnav-10 li,
#subnav-11 ul,
#subnav-11 li,
#subnav-30 ul,
#subnav-30 li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

body.section-1 ul#subnav-1, 
body.section-2 ul#subnav-2,
body.section-3 ul#subnav-3,
body.section-4 ul#subnav-4,
body.section-5 ul#subnav-5,
body.section-6 ul#subnav-6,
body.section-7 ul#subnav-7,
body.section-8 ul#subnav-8,
body.section-9 ul#subnav-9,
body.section-10 ul#subnav-10,
body.section-11 ul#subnav-11,
body.section-30 ul#subnav-30 {
	display: inline;
	}

body.section-1 ul#subnav-1 a, 
body.section-2 ul#subnav-2 a,
body.section-3 ul#subnav-3 a,
body.section-4 ul#subnav-4 a,
body.section-5 ul#subnav-5 a,
body.section-6 ul#subnav-6 a,
body.section-7 ul#subnav-7 a,
body.section-8 ul#subnav-8 a,
body.section-9 ul#subnav-9 a,
body.section-10 ul#subnav-10 a,
body.section-11 ul#subnav-11 a,
body.section-30 ul#subnav-30 a {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	}


/*==========
CONTENT
==========*/

div#content {
	border: 1px solid #CCCCCC;
	border-top: 0;
	padding: 0 20px 30px;
	}

h1 {
	margin: 0 0 1em;
	padding: 0 0 0;
	font-size: 1.8em;
	}

body.section-1 h1 {
	padding-top: 1em;
	}

body.section-2 h1,
body.section-3 h1,
body.section-4 h1,
body.section-5 h1,
body.section-7 h1,
body.section-10 h1 {
	padding-top: 0.5em;
	}

body.section-11 h1 {
	padding-top: 0.5em;
	}

h2 {
	margin: 0 0 1em;
	padding: 1em 0 0;
	font-size: 1.3em;
	}

p {
	}

li {
	margin: 0.5em 0;
	}

ul.spacy {
	}

ul.spacy li {
	margin: 3em 0;
	}

.highlighted {
	font-weight: bold;
	}

img.float-right {
	float: right;
	padding: 0 0 10px 20px;
	}

img.float-left {
	float: left;
	padding: 4px 20px 10px 0;
	}

.small-expl {
	font-size: 0.9em;
	}


div.home-contact {
	margin-bottom: 0.5em;
	}

div.home-contact p {
	margin: 0;
	line-height: 2em;
	}

table {
	font-size: 1em;
	}

td,
th {
	padding: 8px;
	vertical-align: top;
	font-size: 1em;
	text-align: left;
	}

table#bookreviews {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 99%;
	}

table#bookreviews td,
table#bookreviews th {
	border-bottom: 1px solid #CCCCCC;
	padding-right: 20px;
	}

td.rating {
	vertical-align: baseline;
	text-align: center;
	}

table.online-reading {
	margin-top: 20px;
	margin-bottom: 20px;
	}

table.online-reading th,
table.online-reading td {
	}

table#travels {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
	}

table#travels th,
table#travels td {
	border-bottom: 1px solid #CCCCCC;
	}

table#restaurants,
table#movies {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}

table#restaurants th,
table#restaurants td,
table#movies th,
table#movies td {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}

table#movies td.title {
	width: 25%;
	font-weight: bold;
	}

table#movies td.comment {
	font-size: 0.9em;
	}

.comingsoon {
	margin: 100px 10px 150px;
	text-align: center;
	font-style: italic;
	}


/*=================
WEBLOG STYLES
=================*/

h1.weblog {
	margin-bottom: 35px;
	}

div#breadcrumbs {
	margin: 20px 0;
	border-bottom: 1px dotted #999999;
	padding-bottom: 2px;
	font-size: 0.9em;
	text-align: left;
	}

div#weblog-content {
	margin-right: 215px;
	text-align: justify;
	}

div#weblog-content h2 {
	margin-top: 0;
	padding-top: 0;
	}

div#weblog-content h2 a:link, 
div#weblog-content h2 a:visited, 
div#weblog-content h2 a:hover {
	text-decoration: none;
	color: #554A1C;
	}

div#weblog-content h2 img {
	padding-right: 4px;
	}

div#weblog-content p {
	}

div#weblog-content ul {
	margin: 0 0 0 20px;
	}

div.weblog-date {
	font-size: 0.9em;
	font-variant: small-caps;
	color: #003366;
	margin-top: 10px;
	}

div.weblog-posted {
	font-size: 0.9em;
	text-align: right;
	margin-bottom: 30px;
	}

p.weblog-continue {
	font-weight: bold;
	}

div#weblog-navigation {
	float: right;
	width: 180px;
	}

div#weblog-navigation h3 {
	font-size: 1em;
	margin: 0;
	}

div#weblog-navigation ul {
	list-style: none;
	margin: 0.5em 0 2em;
	padding: 0;
	padding-left: 5px;
	font-size: 0.9em;
	}

div#weblog-navigation ul li {
	margin: 0 0 0.5em 0;
	line-height: 1.3em;
	}

div#weblog-navigation form.search {
	margin: 0;
	margin-bottom: 2em;
	}

div.weblog-comment-container {
	margin-top: 20px;
	padding: 10px;
	text-align: left;
	background-color: #EEEEEE;
	}

div.weblog-comment-header {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.2em;
	margin-bottom: 1em;
	}

div.weblog-comment-posted {
	font-size: 0.9em;
	margin: 10px 0px 0px 5px;
	font-weight: bold;
	}

div.weblog-comment-text {
	font-size: 0.9em;
	border-bottom: 1px dashed #404040;
	margin: 0px 0px 20px 5px;
	}

table#linkfeed {
	margin-bottom: 20px;
	}

table#linkfeed div.weblog-date {
	font-size: 1em;
	color: #003366;
	margin-top: 15px;
	border-bottom: 1px solid #EEEEEE;
	background-color: #EEEEEE;
	padding: 2px 5px;
	margin-left: -5px;
	}

/*============
LISTENING
============*/

table#listening {
	padding: 0;
	margin: 0;
	margin-left: 3px;
	margin-top: 30px;
	}

table#listening td {
	padding: 0;
	margin: 0;
	}

div.album {
	width: 320px;
	float: left;
	padding: 2px 20px 0px 0px;
	overflow: hidden;
	margin-bottom: 30px;
	}

div.album p {
	margin: 0;
	margin-left: 115px;
	}

div.album p.album-cover {
	float: left;
	margin: 0;
	margin-top: 4px;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	}

div.album p.album-cover img,
img.travelpicfeature {
	padding: 2px;
	border: 1px solid #666666;
	}

div.album p.album-artist-title {
	font-weight: bold;
	font-size: 1.15em;
	margin-bottom: 10px;
	font-variant: small-caps;
	}

div.album p.album-comment,
div.album p.album-rating,
div.album p.album-info {
	font-size: 0.9em;
	padding: 2px 0;
	}

div.album p.album-comment {
	line-height: 1.4em;
	}

div.album span.posteddate {
	font-style: italic;
	margin-left: 10px;
	}

p.listening-explanation {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px;
	}

/*===================
TIDBITS
===================*/

div.tidbit-content {
	margin-bottom: 0;
	font-size: 1.1em;
	}

div.tidbit-content p {
	margin-bottom: 0.7em;
	padding-left: 5px;
	padding-right: 5px;
	}

div.tidbit-info {
	text-align: right; 
	margin-top: 0;
	margin-bottom: 2.5em; 
	padding-bottom: 2em;
	font-size: 0.9em;
	border-bottom: 1px solid #999999;
	}

div.tidbit-info p {
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	}

p.tidbit-author {font-weight: bold; font-size: 1.1em;}

p.tidbit-source {}

p.tidbit-posted {}

/*===================
MISC
===================*/

input {
	font: 1em verdana, arial, helvetica, sans-serif;
	color: #555555;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 2px;
	}

.searchbutton {
	font-size: 0.9em;
	line-height: 0.9em;
	background-color: #EEEEEE;
	}

blockquote {
	margin-left: 20px;
	font-style: italic;
	width: 82%;
	}

div#header-announcement {
	margin-bottom: 10px;
	font-weight: bold;
	}

body#search p {
	width: 690px;
	overflow: hidden;
	}

body#writings p.small-expl {
	margin-top: -5px;
	margin-bottom: -5px;
	}

ul.writings {
	list-style-type: none;
	margin-left: 0;
	}

ul.writings li {
	background: url("/files/structurals/icon_doc.gif") no-repeat 4px 0.3em;
	padding-left: 22px;
	margin-bottom: 1em;
	}

img.bookpic {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid black;
	}


/*=====================
PHOTO STUFF
=====================*/

table.weeklyimage td {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
	padding-right: 10px;
	line-height: 1.3em;
	}

table.weeklyimage#include {
	width: 99%;
	}

table.weeklyimage#include td {
	vertical-align: top;
	width: 25%;
	padding-right: 1px;
	}

table.weeklyimage td.weeklyimage-image img {
	padding: 4px;
	border: 2px solid #CCCCCC;
	}

table.weeklyimage td.weeklyimage-text {
	font-size: 0.9em;
	}

table.weeklyimage td.weeklyimage-text div.weeklyimage-description p {
	}

table.weeklyimage td.weeklyimage-text div.weeklyimage-datelocation {
	font-weight: bold;
	}

table.weeklyimage td.weeklyimage-text div.weeklyimage-info {
	}

table.weeklyimage td.weeklyimage-thumb {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	text-align: center;
	vertical-align: top;
	}

table.weeklyimage td.weeklyimage-thumb img {
	padding: 2px;
	border: 2px solid #CCCCCC;
	}

table.weeklyimage td.weeklyimage-thumb div.weeklyimage-thumbtitle {
	font-size: 0.85em;
	padding-top: 3px;
	}

table.weeklyimage td.weeklyimage-thumb div.weeklyimage-thumbtitle a:link,
table.weeklyimage td.weeklyimage-thumb div.weeklyimage-thumbtitle a:visited,
table.weeklyimage td.weeklyimage-thumb div.weeklyimage-thumbtitle a:hover {
	}

div.weeklyimage-faq {
	border-top: 1px dotted #999999;
	margin-top: 20px;
	padding-top: 7px;
	font-size: 0.85em;
	color: #999999;	
	line-height: 1.3em;
	}

div.weeklyimage-faq a:link,
div.weeklyimage-faq a:visited,
div.weeklyimage-faq a:hover {
	color: #999999;
	}

div.weeklyimage-faq span.rss {
	float: right; 
	padding-left: 40px; 
	padding-bottom: 10px;
	}

div.weeklypicture-alert {
	background-color: #FFCC66;
	border: 1px solid #999999;
	padding: 10px;
	font-style: italic;
	font-weight: bold;
	color: red;
	}

div.album-title {
	font-weight: bold;
	line-height: 1.3em;
	}

div.album-title a:link,
div.album-title a:visited,
div.album-title a:hover {
	color: black;
	text-decoration: none;
	}

div.album-date {
	font-size: 0.9em;
	padding-bottom: 6px;
	line-height: 1.3em;
	}