/* Generic styles */
.xtop, .xbottom {}
.xb1, .xb2, .xb3, .xb4 {}
.xb1, .xb2, .xb3 {}
.xb2, .xb3, .xb4 {}
.xb1 {}
.xb2 {}
.xb3 {}
.xb4 {}

.xboxcontent {}
.centered{text-align:center}

#header,#footer {padding:10px;text-align:center;width:700px;margin-right:auto;margin-left:auto;}
#header {border-bottom:2px groove #000000;}
#footer {border-top:2px groove #000000;}
#styleSelector {text-align:left;padding-left:20px;font-size:70%;vertical-align:super}
#styleCaption {}
.styleListEntry {}

#body {padding:10px;text-align:center;}

#container {width: 90%;min-width: 700px;margin-right:auto;margin-left:auto;margin-top:10px;padding:0px;text-align:center;
	border-color:#000000;border-width:2px;border-style:none;}

#headerLinks {text-align:center;font-size:80%;}

#copyright {font-size:75%;}

#buttonBar a {border:none}
#buttonBar a:hover {background-color:#FFFFFF}

a {text-decoration:none;border-bottom:1px dotted black;margin-left:1px;margin-right:1px}
.inactiveLink {margin-left:3px;margin-right:3px}
a:hover {background-color:#CCCCFF}
.hidden {background-color:#FFFFFF;color:#FFFFFF}

.rssbutton {color: White;background-color:#FF6600;border-color:#FF6600;border-style:outset;text-decoration: none;
	font-size:70%;margin: 2em 0em 0em 0em;padding: 0em 0.5em 0em 0.5em;border-width:2px;}
.xml_button:hover {background-color:#FF9900;}
.xml_button:active {border-style: inset;}

/* Journal styles */

#journalIndex table {font-size:80%;margin-left:auto;margin-right:auto}
#journalIndex td {padding:0px;margin:0px;}
#journalIndex .inactiveLink {color:#CCCCFF}
.journalIndexYear {font-weight:bold}

#journalDisplay {text-align:left;}
.journalMonth {color:purple;font-size:170%;font-style:italic}
#journalDisplay ul {padding:0px;margin:5px;}
#journalDisplay li {list-style-type:none;font-size:80%}
#journalEntries {margin-top:10px;text-align:left}
.journalEntry {border:1px dashed #AAAAAA;padding:10px;margin-top:10px;test-align:left}
.backToTopLink {font-size:80%;text-align:left;}
.journalEntryTitle {color:#FFAD43;font-style:italic;font-size:150%}
.journalMeta {display:block;padding:5px;font-size:70%}
.journalAdminButton {border:1px solid #FF00FF;font-size:70%;}
.journalAdminButton a {border-bottom:1px solid #FF00FF;}
.journalPhotoCaption {font-size:75%}
.journalMood {border:1px solid blue;margin-left:3px;margin-right:3px;padding:2px}
.journalMood .metaLabel{color:blue}
.journalSound {border:1px solid green;margin-left:3px;margin-right:3px;padding:2px}
.journalSound .metaLabel{color:green}
.journalTags {border:1px solid #970567;margin-left:3px;margin-right:3px;padding:2px}
.journalTags .metaLabel{color:#970567}

/* Photo styles */
#photoAlbumList {width:680px;border:0px dashed black;margin-left:auto;margin-right:auto;text-align:left}
.albumEntry {margin:3px;min-height:80px}
.albumPhoto {float:left;clear:left;}
.albumPhoto a {border:0px}
.albumPhoto a:hover {background:#FFFFFF}
.albumTextBlock {margin-left:85px;}
.albumTitle {background-color:#CCCCFF;color:#000000;font-weight:bold;font-size:120%}
.albumLinks {font-size:70%}
.albumDescription {display:block}
.albumInfo {display:block;font-style:italic;font-weight:bold;}

#onePageIndexDisplay {padding:2px;}
#photoOrderDisplay {font-size:80%;padding:2px}
#pageControl {width:680px;margin-left:auto;margin-right:auto;font-size:80%;padding:5px;text-align:center}
#pageControlLeft {text-align:left;float:left;display:block;width:100px;}
#pageControlRight {text-align:right;display:block;width:100px;margin-left:580px}
#pageControlCenter .inactiveLink {background-color:#BBBBFF;font-weight:bold}
#pageControlRight a, #pageControlLeft a {}
#pageControlCenter {text-align:center;display:block;float:left;width:480px;}

#photoIndexDisplay {text-align:center;margin-left:auto;margin-right:auto;}
#photoIndexDisplay table{text-align:center;margin-left:auto;margin-right:auto}
#photoIndexDisplay tr {}
#photoIndexDisplay td {padding:2px;margin:5px;text-align:center;width:80px;vertical-align:top}
#photoIndexDisplay img{padding:0px;}
#photoIndexDisplay a{margin:0px;border:none}
.photoIndexEntryTitle {font-size:80%}

#photoDisplay {text-align:center;margin-left:auto;margin-right:auto;}
#photoDisplay .photoTitle {display:block;font-size:120%;font-weight:bold;font-style:italic}
#photoDisplay .photo a {margin:0px;border:0}
#photoDisplay .photoDescription {display:block;padding:2px}
#photoDisplay .photoFlickrInfo {font-size:80%;font-style:italic;padding:2px}
.photoLoadMessage {font-weight:bold;font-size:125%}

.homeImage {border-width:5px; border-style:solid;padding:2px}

#quoteContainer {border-style:none;border-width:1px;padding:20px;font-style:italic;color:gray;font-size:120%}
.quoteQuotationMarkOpen, .quoteQuotationMarkClose {}
.quoteQuotationMarkOpen {}
.quoteQuotationMarkClose {}
#quote {}
.underConstruction {color:red}
.titleLine {text-align:left;}
#adminLoggedInTag{font-size:75%;color:red}
#pageTitle {font-style:italic;color:Gray;font-size: 140%;position:relative;padding-left:20px;}

.sectionTitle {font-size:130%;color:purple}

/* bio page */
#bioContainer {text-align:justify;width:680px;margin-left:auto;margin-right:auto}
#bioContainer p {}
#bioPic{float:left;margin-right:5px;margin-bottom:5px;border:3px solid black}
#breaker{clear:left}

