/* Stylesheet for Pho Bo Blog. */

body {
	background: #171717;
	padding-top: 10px;
	margin: 0;
	
	font-family: georgia, "lucida bright", verdana, serif;
	font-size: 9pt;
	color: #7e7e72;
	}

/* the following is an effort to get around IE6 brain-deadedness */
/*** Nope, this fux0rs the scroll bars on Firefox.  So forget it.
html {overflow-x:auto; overflow-y:hidden;}
body {height:100%; overflow-y:auto;}
***/

h1 {
	font-size: 12pt;
	color: #bbb;
	}

h3 {
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 12pt;
	}

a,
a:link,
a:visited {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #667;
	}
a.nodecoration { border: none; }

li {
	margin-left: -20pt;
	}

img {		/* firefox puts borders around linked images */
	border: none;
	}




img.MainPhoto {
	border: 5px solid black;
	}

p.ShotDetails {
	width: 240px;
	font-family: arial, sans-serif;
	font-size: 7pt;
	}

.PhotoBasename {
	color: #555;
	}

#CameraIcon	/* within div.ShotDetails */
	{
	width: 24px;
	height: 24px;
	float: left;
	margin: 0 3px 0 0;
	}

#PhotoDescription {
	padding-top: 5px;
	color: #808080;
	}

div#PhotoTextSection,
div#BrowserMainSection {
	width: 610px;
	margin: auto;
	}

div#PhotoTextSection {
	padding-bottom: 120px;	/* compensate for nav palette */
	}

div#LeftPalette,
div#RightPalette {
	position: fixed;
	top: 0;
	width: 122px;
	height: 100%;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 7.5pt;
	}

div#LeftPalette {
	z-index: 0;
	left: 0;
	}

div#RightPalette {
	z-index: -1;
	right: 0;
	}

div#LeftPaletteInner,
div#RightPaletteInner {
	width: 110px;
	height: 100%;
	padding: 150px 0 12px 12px;
	background: black;
	}

p.MenuTitle {
	text-transform: lowercase;
	font-family: arial, sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: #444;
	}

div.Collapse {
	width: 300px;
	background: url(images/maskk-flat.png);
	padding-right: 5px;
	margin: -10px 0 -5px -2px;
	border: 3px solid black;
	display: none;	/* default, toggled by javascript */
	z-index: 2;
	}

div#NavigatorPalette {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 8pt;
	}

div.Thumbnail, div.NoThumbnail {
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 3px;
	}

div.Thumbnail {
	border: 1px solid #aaa;
	}

div.NoThumbnail {
	border: 1px dotted #555;
	}

div.Thumbnail:hover {
	border: 1px solid white;
	}

img.Thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 80px;
	height: 80px;
	}

img.ThumbMask {
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 2;
	width: 82px;
	height: 82px;
	}

/*****/

div.Comment {
	background: url(images/commenticon.png) top left no-repeat;
	padding-left: 24px;
	}

div.CommentHeader {
	margin: 0 0 7pt 0;
	}

div.CommentBody {
	margin-bottom: 10pt;
	}

div.Comment * p {
	margin: 0 0 6pt 0;
	}


.HoverHelp {
	color: #aa9;
	font-family: "arial", "sans-serif";
	font-weight: 600;
	font-size: 7pt;
	cursor: help;
	}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	}

fieldset .inputgroup {
	clear: both;
	}

fieldset .inputgroup label {
	display: block;
	float: left;
	padding-top: 3pt;
	width: 9em;
	}

fieldset .inputgroup input[type="text"],
fieldset .inputgroup textarea {
	font-family: "lucida grande", tahoma, "times new roman", serif;
	font-size: 8pt;
	width: 30em;
	color: #aaa;
	background: #222;
	}


/******/

table.Browser {
	border: 0;
	}

table.Browser td {
	width: 134px;
	height: 114px;
	}


a.BrowserCell:link,
a.BrowserCell:visited {
	text-decoration: none;
	}

div.BrowserImage {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 124px;
	height: 104px;
	}

div.BrowserImage img {
	border: 1px solid #000;
	}
div.BrowserImage:hover img {
	border: 1px solid white;
	}

div.BrowserLabel {
	position: relative;
	bottom: 2px;
	padding: 0 2px 0 2px;
	text-align: center;
	}



#PoweredBy,
#PoweredBy a {
	font-size: 9px;
	color: #444;
	}
#PoweredBy .Version {
	font-size: 7px;
	}