/* BASIC STYLES */

.delicious-cloud {
 font-family: Georgia, Times, serif;
}

body {
 background: #fffff6;
 color: #555753;
 font-family: Georgia, Times, serif;
 font-size: 1em;
 margin: 5px 10px 5px 10px;
}

/* SPECIFIC ELEMENTS */

div.vphotoheader, div.lbvheader {
 display: block;
 float: left;
 margin: 0px 20px 10px 0px; /* trbl */
 padding: 0px 5px 5px 5px; /* trbl */
}

div.hphotoheader, div.lbhheader {
 display: block;
 font-family: Georgia, Times, serif;
 font-size: 1.1em;
 margin: 0px 15% 10px 15%; /* trbl */
 padding: 5px 5px 5px 5px; /* trbl */
 text-align:center;
 width: 70%;
}

div.lbthumbl {
 display: block;
 float: left;
 margin-bottom: 0.5em;
 margin-right: 1em;
}

div.lbthumbr {
 display: block;
 float: right;
 margin-bottom: 0.5em;
 margin-left: 1em;
}

div.lbthumbc {
 display: block;
 margin: auto;
 padding-top: 0.5em;
 padding-bottom: 1em;
 text-align: center;
 width: 90%;
}

div.lbthumbrow {
 display: block;
 margin: auto;
 overflow: hidden;
 padding: 0.5em;
 text-align: center;
 width: 90%; /* required for IE */
}

div.lbthumbrow .lbthumb {
 display: inline;
 padding: 0.5em;
}

/* NAVIGATION MENU */

div.navmenu {
 float: left;
 font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
 margin: 0px 0px 0px 0px; /* trbl */
 padding: 0px 0px 0px 0px; /* trbl */
 width: 360px;
}

div.navmenu ul {
 margin-left: 0px;
 padding-left: 0px;
 list-style-type: none;
}

div.navmenutext {
 font-family: Georgia, Times, serif;
 margin-left: 20px;
}

/* FOOTER */

div.tocfooter {
 display: block;
 clear: both;
 text-align: center;
 margin-top: 1em;
 margin-bottom: 1em;
}

div.footer {
 border-top: 1px solid #666864;
 clear: both;
 display: block;
 font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
 margin: 20px 6% 10px 6%;
}

div.footer .footer {
 color: #D4CDDC;
 font-weight: 100;
}

div.footer .contact {
 color: #D4CDDC;
 float: left;
 font-size: 0.8em;
 text-align: left;
}

div.footer .links {
 color: #D4CDDC;
 float: right;
 font-size: 0.6em;
 text-align: right;
}

/* LINKS */

a:link { 
 color: #B7A5DF;
 font-weight: 700; 
 text-decoration: none; 
}

a:visited { 
 color: #D4CDDC;
 font-weight: 700; 
 text-decoration: none; 
}

a:hover, a:active { 
 color: #9685BA;
 text-decoration: underline; 
}

/* CONTENT: TEXT */

h1, h2, h3, h4, h5 {
 font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
 font-weight: bold;
}

h1 {
 font-size: 2em;
}

h2 {
 font-size: 1.5em;
}

h3 {
 font-size: 1em;
}

div.content {
 margin: 0% 6% 0% 6%;
 padding: 0px 0px 0px 0px; /* trbl */
}

div.content p {
 font-family: Georgia, Times, serif;
 text-align: left;
}

div.content div.newchapter {
 border-top: 1px solid #555753;
 display: block;
 margin: 1em auto 1em auto;
 text-align: center;
 width: 60%; /* required for IE */
}

div.movieclip {
 margin: auto;
 display: block;
 text-align: center;
 width: 60%;
}


/* CONTENT: TABLES */

div.content th {
 font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
 text-align: center;
}

q {
 font-style: italic;
}

table {
 border: 1px #555753 solid;
 border-collapse: collapse;
}

th {
 border-bottom: 1px #555753 solid;
}

td, th {
 border-left: 1px #555753 solid;
 border-right: 1px #555753 solid;
 margin: 0px 0px 0px 0px;
 padding-left: 5px;
 padding-right: 5px;
}

tr.odd {
 background: #f7f7f7;
}

td.num {
 text-align: right;
}

td.txt {
 text-align: left;
}

pre.code {
 text-align: left;
 background: #eaeaea;
 font-family: monospace;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 50px;
 margin-right: 50px;
}

/* BLOG */

div.blogmain {
 display: block;
 float: left;
 padding-right: 1em;
 width: 75%;
}

div.blogside {
 border: 1px #eaeaea solid;
 display: block;
 float: left;
 padding: 5px;
 width: 20%;
}

div.content div.blogside div.newchapter {
 border-top: 1px solid #eaeaea;
}

div.blogfeed {
 vertical-align: middle;
}

/* SMUGMUG PHOTOS */

div.smphoto {
 text-align: center;
 display: block;
 margin: auto;
 margin-top: 1em;
 margin-bottom: 1em;
}

div.smphoto img {
 border: 1px solid #cbcbcb;
}

div.smcaption_m {
 font-size: 0.9em;
 width: 600px;
 margin: auto;
}

div.smcaption_s {
 font-size: 0.9em;
 width: 400px;
 margin: auto;
}

span.credit {
  font-size: 0.8em;
}