/*<group=General Styles>*/

body {
	text-align: center;
	background: #FFFFFF;
	margin: 0px;
	font: 0.75em/1.6em verdana, "lucida grande", tahoma, sans-serif;
	color: #333333;
	padding: 0px;
}

p {
}

b, strong {
	font-weight: bold;
}

a:link, a:visited {
	color:  #181414;
}

a:hover, a:active {
	color:  #F477CF;
	text-decoration: none;
}

img {
	border: 1px solid #333333;
}

a img {
	border: 0px;
}

/*
.image-left {
	float: left;
	margin: 3px 3px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
}
*/
	
/*</group>*/

/*<group=Layout>*/

/* needs to be mimicked in fbgallery/almanac_styles.css 'cuz this gets lost in
   php pathname craziness.  this style sheet is referenced relative to directory
   where gallery.php lives but once php gets going it creates and uses other 
   mysterious directories (".../gallery.php/image/prettypicture") so the relative
   pathname for styles.css is no longer valid.  hmph.
*/
#container { 
	position: relative;
	/* sets width of entire page, including fb sub-page to the first level */
	width: 700px;    /* hardcodes width so content floats in center as window resized */
	margin: 0px auto; /* center content by setting right/left margins to auto */
	text-align: left;
	padding: 0px;
}

.clearer {
	clear: both;
}

#pageHeader {
	position: relative;
	margin: 0px auto;
	width:  auto;	/* 100% pushed it out beyond width of container when added margin in styles css */
	/*
	height: 40px;
	*/
	background-color: #FFFFFF;
	padding: 0px;
}

#pageHeader img {
	float: left;
	margin: 0px;
	padding: 0px;
}

/* set this to match folderblog header */
#pageHeader h1 {
	color: #777;		/* match fb/style header a */
	background: #FFF;

	line-height: normal;
	margin: 0px;
	padding-top: 30px;
	padding-left: 24px;
	padding-right: 0px;

	font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* style for "slogan", currently unused */
#pageHeader h2 {
	margin: 0px;
	padding-left: 22px;
	padding-top: 7px; 

	color: #333333;
	font-size: 14px;
	background-color:  #FFFFFF;
	font-weight: normal;
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif;
}

/* margins and padding are overriden in sidebar stylesheet */
#contentContainer {
	margin-right: 215px;		/* overridden */
	line-height: 1.6em;
	margin-left: 0px;
	color: #220;
	height: 750px;
	/* border: 1px solid green; */
}

#contentContainer #content {
	padding: 15px 15px 20px 20px;
}

#contentContainer img {
	/* margins set in orientation css */
	padding: 0px;
	border: 2px solid black;
}

#sidebarContainer {
	/* width set in orientation css */
	float: left;
}

#sidebarContainer #sidebar {
	color: #333333;
	background-color: #FFF;
	font-size: 11px;
	line-height: 1.6em;
	/* padding set in orientation css */
}

#sidebarContainer .sideHeader {
	color: #00FF00;
	font-weight: bold;
}

#footer { 
	position: relative;
	display:  block;
	width:  100%;
	height:  24px;
	background-color: #FFFFFF;
	color: #555555;
	text-align: center;
	padding-top: 4px;
	border-top: 1px solid #919191;
	font-size: 10px;
}

#footer p {
	padding: 0px;
	margin: 0px;
}

#footer a:link, #footer a:visited {
	color: #3477CF;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #3477CF;
	text-decoration: underline;
}
	
/*</group>*/

/*<group=Bread-crumb>*/

#breadcrumbcontainer {
	position: relative;
	width:  100%;
	margin-right: 0px;
	background: #FFFFFF;
	padding:  10px 0px 0px 0px;
	text-indent: 0px;
	font-size:  9px;
	text-align: right;
	color: #777;
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif;
}

#breadcrumbcontainer ul {
	margin: 8px;
	list-style-type: none;
	padding-top: 0px;
	padding-left: 7px;
	display:  inline;
}

#breadcrumbcontainer li {
	margin: 0px;
	display: inline;
	list-style-type: none;
}

#breadcrumbcontainer a {
	text-decoration: none;
	list-style-type: none;
	display:  inline;
}

#breadcrumbcontainer a:hover {
	/* text-decoration: underline; */
	display: inline;
}
	
/*</group>*/

/*<group=Toolbar>*/

/* Toolbar Styles */

#navcontainer {
	line-height: normal;
	text-align: left;
	font-size: 11px;
	border-top: 0px solid #D1D1D1;
	/* margins set in orientation css */
}

#navcontainer #current {
	text-decoration: none;
	background: #3477CF;
	font-weight: bold; 
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
	/*
	background: no-repeat left center url(images/button_down.png);
	*/
}

/* Parent - Level 0 */

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navcontainer li {
	margin: 0 0 0 0;
	padding: 0px;
	width: 190px;
}

#navcontainer a {
	display: block;
	color: #333333;
	text-decoration: none;
	text-indent: 17px;
	/* background: #D4D0C6; */
	background: #FFFFFF;
	border-bottom: 0px solid #D1D1D1;
	border-left: 0px solid #D1D1D1;
	padding: 3px 5px 3px 7px;
}

#navcontainer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #3477CF;
}

#navcontainer a:active {
}

/* Child - Level 1 */

#navcontainer ul ul {
}

#navcontainer ul ul li {
	margin: 0;
}

#navcontainer ul ul a {
	display: block;
	padding: 3px 5px 3px 5px;
	color: #333333;
	text-decoration: none;
	text-indent: 30px;
	background: #EFEFEF;
}

#navcontainer ul ul a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #3477CF;
}

#navcontainer ul ul #current {
}


/* Child - Level 2 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul li { 
	margin: 0;
}

#navcontainer ul ul ul a {
	display: block;
	padding: 7px 5px 7px 5px;
	text-decoration: none;
	text-indent: 40px;
	background: #EFEFEF;
}

#navcontainer ul ul ul a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #3477CF;
}

#navcontainer ul ul ul #current {
	background-image: none;
}


/* Child Level 3 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul ul li { 
	margin: 0;
}

#navcontainer ul ul ul ul a {
	display: block;
	padding: 7px 5px 7px 5px;
	color: #333333;
	text-decoration: none;
	text-indent: 50px;
	background: #EFEFEF;
}

#navcontainer ul ul ul ul a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #3477CF;
}

/* Child Level 4 */

#navcontainer ul ul ul ul {

}

#navcontainer ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul a {
}

#navcontainer ul ul ul ul ul a:hover {

}

/* Child Level 5 */

#navcontainer ul ul ul ul ul {

}

#navcontainer ul ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul ul a {
}

#navcontainer ul ul ul ul ul ul a:hover {

}

/*</group>*/

/*<group=Global Classes>*/

/* used for copyright and acknowledgement on Contact page */
blockquote, .standout {
	font-style: italic;
	margin: 0;
	font-size: 0.9em;
	/* color: #b8b8b8;
	*/
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

.imageStyle {

}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
	margin: 10px;
	padding: 0 10px;
}

#sidebarContainer #sidebar li {
}


/* Table Styles */
table {
	font-size: 1em;
}
/*</group>*/

/*<group=Blog>*/

/*<group=Archive Page>*/

.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.blog-archive-link {
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}
	
/*</group>*/

.blog-entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}

.blog-entry-title {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.blog-entry-date {
	color: #b3b3b3;
	margin-bottom: 15px;
	padding-left: 16px;
	background: no-repeat 0px 3px  url(images/date.png);
}

.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

.blog-entry-body {
}

.blog-entry-comments {
	margin-top: 10px;
}

/*styles the category link in the main entry */
.blog-entry-category {
	padding-left: 16px;
	background: no-repeat left center url(images/filed.png);
	margin-left: 8px;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
	color: #b3b3b3;
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
	padding-left: 16px;
	background: no-repeat left center url(images/filed.png);
	margin-left: 8px;
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
	color: #b3b3b3;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
	background: url(images/rss_icon.gif) no-repeat left center;
	padding-left: 16px;
}

.blog-comments-rss-link {
	background: url(images/rss_icon.gif) no-repeat left center;
	padding-left: 16px;
}

/* Comment links */
a[href^="javascript:HaloScan"] {
	background: no-repeat left center url(images/comments.png);
	padding-left: 16px;
	margin-right: 5px;
}

/* Trackback links */
a[href^="javascript:HaloScanTB"] {
	background: url(images/trackback.png) no-repeat left center;
	padding-left: 16px;
}

/*</group>*/

/*<group=File Sharing>*/

.filesharing-description {
}

.filesharing-item {
	margin-bottom: 15px;
}

.filesharing-item-title a:link {
	padding-left: 16px;
	background: no-repeat left center url(images/arrow_down.png);
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {

}

.filesharing-item-description {
}

/*</group>*/

/*<group=Photo Album>*/

/*<group=Index Page (Thumbnail view)>*/

.album-title {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.album-description {
	margin-bottom: 75px;
}


.album-wrapper {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 60px;
	margin-right: 18px;
}

.thumbnail-frame {
	padding: 0px;
	float: left;
	margin: 0px;
	border: 2px solid black;
}

.thumbnail-frame:hover {
	border: 2px solid #777777;
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

/*
.thumbnail-frame img {
	padding: 1px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	margin: auto;
}
*/

.thumbnail-caption {
	font-size: 11px;
	color: #333333;
	text-align: left;
}
	
/*</group>*/

/*<group=Single Page (Photo view)>*/

.photo-background {
}

.photo-navigation {
	margin-bottom: 35px;
}

.photo-links {
	margin: 0;
}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {

}

.photo-frame{
	padding: 1px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}

.photo-title {
	font-size: 1.6em;
	margin: 10px 0 0;
}

.photo-caption {
	margin: 5px 0 10px;
}

/*</group>*/
	
/*</group>*/

/*<group=Quicktime Page>*/

.movie-description {

}
	
/*</group>*/

/*<group=Quicktime Album>*/

/*<group=Index Page (Movie Thumbnail view)>*/

.movie-page-title {
	font-size: 1.6em;
	margin-bottom: 5px;
}

.movie-page-description {
	margin-bottom: 15px;
}

.movie-thumbnail-frame {
	width: 132px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 1px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}

.movie-thumbnail-frame:hover {
}

.movie-thumbnail-caption {
}
	
/*</group>*/

/*<group=Single Page (Movie View)>*/

.movie-background {
	background: #fafafa;
	margin: 10px;
}

.movie-title {
	color: #636363;
	font-size: 2.5em;
	text-shadow: 2px 2px 1px #888888;
}

.movie-frame {
	margin-bottom: 10px;
}
	
/*</group>*/


/*</group>*/

/*<group=Contact Form>*/
.form-input-field {
	background: #f4f4f4;
} 
.message-text { 
	font-family: Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:  #333333;
} 

.required-text {
	color: #FF0000;
} 

.form-input-field {
	background-color: #EBEBEB;
} 

.form-input-button { 
} 
/*</group>*/