@charset "utf-8";
/* CSS Document */

body { background-color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.header { text-align:center; }
div.main { position:relative; width:920px; background-color:#666666; }

div.left { position: relative; float:left; width:192px; }
div.content { position: relative; float:left; width: 516px; padding-left:10px; padding-right:4px; margin-right:6px;}
div.right { position: relative; float:left; width: 192px; }

div.block { margin-top:10px; margin-bottom:10px;}
div.blockheader { background-image:url(images/blockheader.gif); height: 33px; padding-left:35px; font-size:22px; color:#CCCCCC; }
div.blockcontent { background-image:url(images/blockcontent.gif); padding-left:9px;}
div.blockfooter { background-image:url(images/blockfooter.gif); height:30px; }

div.contentblockheader { background-image:url(images/contentblockheader.gif); height: 33px; padding-left:35px; font-size:22px; color:#CCCCCC; }
div.contentblockcontent { background-image:url(images/contentblockcontent.gif); padding-left:9px; padding-right: 5px; }
div.contentblockfooter { background-image:url(images/contentblockfooter.gif); height:30px; }

ul { list-style: none; margin: 0; padding: 0; }
a { color: #FFFFFF; text-decoration: none; }
p { margin: 0 0 0 0; padding: 0 0 0 0; }

img { behavior: url("pngbehavior.htc"); }
div.editbar { width: 100%; background-color: #E0E0E0; }
div.debug{ padding-left: 2em; background-color: #DDDDDD; }
div.sitetree0 { font-size: 1.4em; }
div.sitetree1 { padding: 0.2em; padding-left: 1em; background-color: #777777; }
div.sitetree2 { background-color: #777777;}
div.sitetree3 { padding: 0.2em; padding-left: 1em; background-color: #AAAAAA; }
div.sitetree4 { padding: 0.2em; background-color: #CCCCCC;}
div.sitetree5 { padding: 0.2em; padding-left: 1em; background-color: #EEEEEE;}
img.icon { align:center; height: 1em; width:1em; border:0;}
td.icon { width: 1em; }
tr.sitetree1 { background-color: #AAAAAA}
tr.sitetree2 { background-color: #CCCCCC}
tr.sitetree3 { background-color: #EEEEEE}
table.sitetree { width: 100%; }

div.photobook-container { width: 31em; }
div.thumbs { float: left; width: 10.2em; height: 8em; text-align: center; }
div.photo { text-align: center;}
div.thumbs img { border:none; }
div.reaction { border-bottom: 1px solid black; margin-bottom:8px; padding-bottom:5px; }
div.reaction span.name { font-weight: bold; }
div.reaction span.text { font-size: 0.9em; }
div.reaction span.date { float: right; font-size: 0.7em; }