/**
 * TOP BAR
 */
#topbar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid gray;
	background-color: white;
	padding-top: 45px;
}
#topbar a { 
	color: darkgray; 
	text-decoration: none; 
}
#topbar a:hover { 
	color: black; 
}


/**
 * Logo 
 */
#logo { 
	margin-right: 80px; 
	text-align: right;
	font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
	font-weight: bold; 
	font-style: italic;
	font-size: 14px; 
	color: orange;
	letter-spacing: 2px;
	padding-top: 1px; 
	padding-bottom: 1px 
}


/**
 * Navigation bar 
 */
#navbar {
	background: white;
	padding-left: 25px;
	padding-bottom: 2px;
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
	letter-spacing: 2px;
	border-top: 0px solid black;
}

/**
 * Footer bar 
 */
#footerbar {
	background: lightyellow;
	padding-left: 25px;
	text-align: center;
	font-size: 7pt;
	letter-spacing: 1px;
	border-top: 1px solid black;
	height: 18px;
}

/**
 * Path bar 
 */
#pathbar {
	background: lightyellow;
	padding-left: 25px;
	padding-right: 2px;
	text-align: left;
	font-size: 8pt;
	letter-spacing: 2px;
	border-bottom: 0px dotted gray;
	font-style : normal;
	font-weight : normal;
	color : darkgray;
	height: 18px;
}

/**
 * Entry Section
 */
.entry {
	#background: #FFFFFF;
	color: #333333;
	font-size: small;
	margin: 22px 2px;
}

.entry blockquote, .entry li { line-height: 150%; }

/**
 * Entry date & separator 
 */
.entry h2 {
	color: darkgrey;
	border-bottom: 1px dotted gray;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-style: italic;
	font-size: small;
	font-weight: normal;
	margin-bottom: 14px;
	margin-top: 14px;
	text-align: left;
}

/**
 * Entry Title
 */
.entry h3 {
	color: gray;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

/**
 * Entry P
 */
.entry p {
	color: gray;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 4px;
	text-align: left;
}

/**
 * Entry Footer
 */
.entry p.footer {
	color: #999999;
	border-top: 1px dotted grey;
	font-size: x-small;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 25px;
	padding: 3px;
	text-align: left;
}

/**
 * Container
 */
#mainFrame { 
	background: lightyellow; 
}

/**
 * Container -> CENTER
 */
#centerFrame {
	float: right;
	margin-left: 10px; 
	margin-right: 10px;
	width: 78%;
}

/**
 * Container -> SIDE
 */
#sideFrame {
/*	overflow: hidden;
	position: fixed;*/
	float: left;
	border-right: 0px dashed darkgrey;
	top: 140px;
	right: 5px;
	/*width: 240px;*/
	width: 20%;
	margin-right:0px;
	background: transparent;
}


/**
 * Document general style
 */

/* fix the @$%@ IE6 scrolling bug */
h1, h2, h3, h4, h5, h6, p { position: relative;}

a { text-decoration: none; }

a:link, a:active { color: gray; }
a:visited { color: gray; }
a:hover { text-decoration: underline; }

body {
	margin-left:  auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	border: 0px solid black;
	background: lightyellow;
	color: #353535;
	font: 84%/22px "Trebuchet MS", Tahoma, Arial, sans-serif;
}

code, kbd {font-size: small;}

h1, h2, h3 { font-weight: normal; margin: 0px; padding: 0px; }

.banner {
	text-align: center;
	font: 10px "Trebuchet MS, Tahoma, Arial, sans-serif;", Tahoma, Arial, sans-serif;
	font-style: italic;
	color: grey;
}

.archive{
	text-align: left;
	font: 10px "Trebuchet MS"Trebuchet MS", Tahoma, Arial, sans-serif;", Tahoma, Arial, sans-serif;
	font-style: bold;
	color: #0070AA;
}

.pager{
	text-align: right;
	font: 10px "Trebuchet MS"Trebuchet MS", Tahoma, Arial, sans-serif;", Tahoma, Arial, sans-serif;
	font-style: bold;
	color: #0070AA;
}

.link-note {
	font-size: x-small;
	line-height: 150%;
	margin-bottom: 15px;
	padding: 2px;
	text-align: left;
}



.photo { margin-bottom: 20px; text-align: center; }

.albumTitle {
	color: darkgrey;
	border-bottom: 1px dotted silver;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-style: italic;
	font-size: small;
	font-weight: bold;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: left;
}

.albumComment {
	text-align: left;
	font-style: italic;
	color: grey;
	margin : 1px 1px 1px 1px;
}

.photoEntry {
	text-align: left;
	font-size:x-small;
	font-style: italic;
	color: grey;
	margin : 10px 10px 10px 10px;
}


.sidebar { padding: 12px 24px;  }



.sidebar h2 {
	border-bottom: 1px dotted silver;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .3em;
	text-align: left;
	text-transform: uppercase;
}



.sidebar li {
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	list-style-type: none;
	margin-top: 10px;
	text-align: right;
}



.sidebar ul { margin: 0px; margin-bottom: 20px; padding-left: 0px; }


#comment-data {
	border-right: 1px dotted #BBBBBB;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	text-align: left;
	width: 180px;
}




/* 05/31/04 - note below Post a comment */
p.commentnote {
	margin-top: -6px;
	color: red;
}
p.commentnote a {
	text-decoration: underline;
}