/*<group=General Styles>*/
body
{
	text-align: center;
	/* To Make Content Centered */
	background: #f0f0f0;
	color: #444;
	font: .7em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 8px;
}

p
{
	padding-left: 15px;
	padding-right: 10px;
}

b, strong, .strong
{
	color: #198916;
	font-weight: bold;
}

a:link
{
	color: #339e27;
	text-decoration: none;
}

a:visited
{
	color: #834200;
	text-decoration: none;
}

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

table { padding-top: 10px; }
img { border: none; }

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

.image-right
{
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
}

.book-left
{
	float: left;
	margin: 3px 10px 3px 0;
	padding: 3px 3px 3px 0;
}

.book-right
{
	float: right;
	margin: 3px 0 3px 10px;
	padding: 3px 0 3px 3px;
}

.image-snapshot
{
	margin: 0 3px 10px -30px;
	padding: 0 0px 20px 8px;
	text-align: center;
}

.image-snapshot-caption
{
	float: right;
	margin: -20px 3px 13px 20px;
	padding: 20px 10px 6px;
	color: #aaa;
	font-weight: normal;
	text-align: right;
	border: 1px solid #d3d3d3;
	background: #f8f8f8;
}

a:hover .image-snapshot-caption
{
	color: #fe5500;
	border: 1px solid #febc9d;
	background: #feeae1;
}

a:active .image-snapshot-caption
{
	color: #339e27;
	border: 1px solid #8acc7e;
	background: #e8fee1;
}

dl { padding-left: 30px; }

dt
{
	font-weight: bold;
	color: #448844;
	padding-top: 12px;
	padding-bottom: 6px;
}

dd
{
	list-style: disc inside;
	padding-bottom: 6px;
	padding-left: 2em;
	margin-left: 0;
}

ul { }

ul li
{
	margin-top: 4px;
	margin-bottom: 8px;
}

.coded
{
	color: #727272;
	font: normal 12px monaco, "andale mono", monospaced;
	letter-spacing: 2px;
	background: #ededed;
	padding: 3px 5px 3px 3em;
	border-bottom: 12px solid #e2e2e2;
	margin: 5px 20px 8px;
	text-indent: -3em;
}

/*</group>*/
/*<group=Layout>*/
.clearer { clear: both; }

#container
{
	width: 680px;
	margin: 20px auto 10px;
	/* Right And Left Margin Widths To Auto */
	text-align: left;
	/* Hack To Keep IE5 Windows Happy */
	border: 1px solid #aeaeae;
	background: #ffffff repeat-y left url(images/sidebar_left_bg.png);
}

#pageHeader
{
	height: 71px;
	border-bottom: solid #aeaeae 1px;
	background: url(images/header.png) no-repeat #339e27 left top;
	z-index: 10;
	position: relative;
}

#siteLogo
{
	width: 171px;
	height: 171px;
	position: absolute;
	background: url(images/raycity_asterisk.png);
	z-index: 100;
	top: -20px;
	right: -60px;
}

#pageHeader img { float: right; }

#pageHeader h1
{
	padding-left: 10px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 1.8em;
	margin: 0;
}

#pageHeader h2
{
	font-size: 1.3em;
	color: #ffffff;
	margin: 0;
	padding-left: 10px;
	font-weight: normal;
}

#contentContainer
{
	margin-left: 200px;
	border-left: 1px solid #aeaeae;
	z-index: 1;
}

#contentContainer #content
{
	margin: 0;
	padding: 50px 10px 30px 10px;
	z-index: 2;
	min-height: 280px;
}

#sidebarContainer
{
	width: 200px;
	float: left;
	z-index: 5;
}

#sidebarContainer #sidebar { padding: 5px; }

#sidebarContainer .sideHeader
{
	font-weight: bold;
	padding: 5px 5px 0;
	color: #7aca20;
}

#footer
{
	width: 680px;
	margin: 0px auto;
	/* Right And Left Margin Widths To Auto */
	text-align: center;
	/* Hack To Keep IE5 Windows Happy */
	border: 1px solid #aeaeae;
	background: #f2f2f2;
}

#footer p
{
	margin: 0;
	padding: 5px;
	font-size: 0.8em;
}

#footer a:link, #footer a:visited { }
#footer a:hover, #footer a:active { }

/*</group>*/
/*<group=Bread-crumb>*/
#breadcrumbcontainer
{
	background: url(images/breadcrumb_bg.png) repeat-x;
	text-align: left;
	height: 25px;
}

#breadcrumbcontainer ul
{
	list-style: none;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	color: #d4d4d4;
}

#breadcrumbcontainer li { display: inline; }

#breadcrumbcontainer a
{
	color: #d4d4d4;
	text-decoration: none;
}

#breadcrumbcontainer a:hover { color: #67ce3d; }

/*</group>*/
/*<group=Toolbar>*/
/* Toolbar Styles */
#navcontainer { padding-top: 20px; }

#navcontainer #current
{
	color: #ffffff;
	background: repeat-x url(images/button_over.png);
}

#navcontainer .currentAncestor
{
	color: #ffffff;
	background: repeat-x url(images/button_over.png);
}

/* Parent - Level 0 */
#navcontainer ul
{
	padding: 0;
	list-style: none;
	margin: 0px;
	border-top: 1px solid #aeaeae;
}

#navcontainer li
{
	position: relative;
	font-weight: bold;
}

#navcontainer a
{
	height: 20px;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #aeaeae;
	background: repeat-x url(images/button_normal.png);
}

#navcontainer a:hover
{
	color: #ffffff;
	background: repeat-x url(images/button_over.png);
}

/* Fix IE. Hide from IE Mac \*/
* html #navcontainer ul li
{
	float: left;
	height: 1%;
}

* html #navcontainer ul li a { height: 20px; }

/* End */
/* Child - Level 1 */
#navcontainer ul ul
{
	position: absolute;
	top: -1px;
	left: 200px;
	display: none;
	z-index: 100;
	border-right: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
}

#navcontainer ul ul a
{
	color: #333333;
	padding-left: 20px;
	background: #ebebeb;
	width: 180px;
}

#navcontainer ul ul a:hover
{
	color: #333333;
	background: none #cccccc;
}

#navcontainer ul ul #current
{
	color: #333333;
	background: #cccccc;
}

#navcontainer ul ul .currentAncestor
{
	color: #67ce3d;
	background: #ebebeb;
}

/* Child Level 3 */
#navcontainer ul ul ul
{
	position: absolute;
	top: -1px;
	left: 205px;
}

#navcontainer ul ul ul ul li { }
#navcontainer ul ul ul ul a { }
#navcontainer ul ul ul ul a:hover { }
div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul { display: none; }
div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul { display: block; }

/*</group>*/
/*<group=Global Classes>*/
blockquote
{
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	padding-left: 5px;
	padding-right: 5px;
	font-style: italic;
	color: #999999;
}

h1
{
	color: #198916;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}

h2 { color: #198916; }

h3
{
	margin-top: 30px;
	margin-bottom: 8px;
}

.imageStyle { }

/*</group>*/
/*<group=Collage>*/
.collage-title
{
	font-size: 0.8em;
	padding: 0 12px;
	margin: -30px 0 0px;
	font-weight: bold;
	text-align: center;
}

.collage-image { border: none; }

table.collage
{
	margin: auto;
	border: 0px;
}

img.collage { border: none; }

/*</group>*/
/*<group=Blog>*/
/*<group=Archive Page>*/
.blog-archive-background { }

.blog-archive-headings-wrapper
{
	margin: 0px auto 10px;
	/* Right And Left Margin Widths To Auto */
	text-align: left;
	/* Hack To Keep IE5 Windows Happy */
	height: 71px;
	border: solid #aeaeae 1px;
}

.blog-archive-entries-wrapper
{
	margin: 0px auto 10px;
	/* Right And Left Margin Widths To Auto */
	text-align: left;
	/* Hack To Keep IE5 Windows Happy */
	border: 1px solid #aeaeae;
	background: #ffffff;
}

.blog-archive-entries-wrapper .blog-entry { padding: 10px; }

.blog-archive-month
{
	padding-left: 10px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 1.8em;
	margin: 0;
}

.blog-archive-link
{
	color: #ffffff;
	margin: 0;
	padding-left: 10px;
	font-size: 1.3em;
}

.blog-archive-link a:link, .blog-archive-link a:visited { color: #ffffff; }

/*</group>*/
.blog-entry
{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

.blog-entry-title
{
	color: #7aca20;
	font-size: 1.2em;
	font-weight: bold;
}

.blog-entry-date
{
	color: #cccccc;
	margin-bottom: 10px;
}

.blog-entry-body { }
.blog-entry-comments { }

.blog-entry-category
{
	color: #7aca20;
	ƒ: ;
}

.blog-category-link-enabled { }
.blog-category-link-disabled { }

/*</group>*/
/*<group=File Sharing>*/
.filesharing-description { }
.filesharing-item { }
.filesharing-item-title a:link { }
.filesharing-item-title a:hover { }
.filesharing-item-title a:visited { }
.filesharing-item-description { }

/*</group>*/
/*<group=Photo Album>*/
/*<group=Index Page (Thumbnail view)>*/
.album-title
{
	color: #7aca20;
	font-size: 1.2em;
	font-weight: bold;
}

.album-description
{
	color: #cccccc;
	margin-bottom: 10px;
}

.thumbnail-table { width: 99%; }

.thumbnail-frame
{
	padding: 1px;
	border: Solid 1px #cccccc;
	text-align: center;
}

.thumbnail-frame a { }
.thumbnail-frame a:hover { }
.thumbnail-frame img { border: none; }
.thumbnail-caption { }

/*</group>*/
/*<group=Single Page (Photo view)>*/
.photo-background { }

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

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

.photo-frame
{
	padding: 4px;
	background: #ffffff;
	border: 1px solid #aeaeae;
}

.photo-links
{
	background: repeat-x url(images/breadcrumb_bg.png);
	height: 25px;
	margin: 0;
	padding: 6px 0 0;
}

.photo-links a:link { color: #ffffff; }

.photo-title
{
	padding-left: 10px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 1.8em;
	margin: 0;
}

.photo-caption
{
	font-size: 1.3em;
	color: #ffffff;
	padding-left: 10px;
	font-weight: normal;
	margin: 0 0 15px;
}

/*</group>*/
/*</group>*/
/*<group=Quicktime Page>*/
.movie-description
{
	text-align: center;
	font-size: 11px;
	color: #dbdbdb;
	background: #3f3f3f url(images/breadcrumb_bg.png) repeat;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #4f4f4f;
	margin-right: 0;
	margin-left: 0;
	margin-top: 5px;
}

.movie-description a:link { color: #8bff65; }
.movie-description a:visited { color: #437c31; }
.movie-description a:hover { color: yellow; }
.movie-description a:active { color: orange; }

/*</group>*/
/*<group=Quicktime Album>*/
/*<group=Index Page (Movie Thumbnail view)>*/
.movie-page-title
{
	font-size: 1.2em;
	font-weight: bold;
	color: #7aca20;
}

.movie-page-description
{
	color: #cccccc;
	margin-bottom: 10px;
}

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

.movie-thumbnail-caption { }

/*</group>*/
/*<group=Single Page (Movie View)>*/
.movie-background { }
.movie-title { }

.movie-frame
{
	text-align: center;
	padding: 4px;
}

/*</group>*/
/*</group>*/
/*<group=Contact Form>*/
.message-text { }
.required-text { }
.form-input-field { }
.form-input-button { }

/*</group>*/
/*<group=raycity*>*/
.raycity-comment
{
	font-size: 90%;
	color: #4f620c;
	padding: 8px;
	background: #f1ffc0;
	margin-top: 0;
}

#site-signature
{
	color: transparent;
	width: 125px;
	height: 40px;
	background: url(images/site-signature-raycity.png) no-repeat;
	visibility: visible;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#site-signature a:link
{
	padding-top: 20px;
	color: transparent;
	display: block;
	text-align: center;
}

.pdr-footnote
{
	color: #616161;
	font-size: 80%;
	margin-top: 30px;
	border-top: 1px solid #e7e7e7;
	padding-top: 12px;
}

.pullquote
{
	color: #198916;
	font-weight: bold;
	font-size: 120%;
}

/*</group>*/
/*<group=Other>*/
/*<group=QuickTime Badge>*/
/*<group=Omni>*/
#omni { display: none; }

/*</group>*/
#quicktime-badge { display: none; }

/*</group>*/
/*</group>*/
/*<group=Statcounter>*/
.no-hover
{
	background: transparent;
	border-bottom-style: hidden;
}

#stats
{
	padding: 20px 0 0;
	margin: 0 0 24px;
}

.statcounter { display: inline; }

.statcounter-run-in
{
	display: run-in;
	padding-left: 3em;
}

.statcounter-link
{
	display: inline;
	padding-left: 3em;
}

/* My Comment */
/*</group>*/
/*<group=Reading>*/
.reading { }

.reading-title
{
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 16px;
}

.reading-subtitle { font-size: 0.8em; }

.reading-author
{
	color: #19740f;
	padding-left: 15em;
	margin-top: -1em;
	text-indent: -1em;
	padding-right: 2em;
}

.reading-comments { }

.amazon
{
	border: none !important;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
}

.amazon-ad
{
	border: none !important;
	margin: 0;
	text-align: center;
	clear: both;
	padding-right: 4px;
	padding-left: 0;
	padding-bottom: 0;
}

/*</group>*/
/*<group=Footnote>*/
#footnote, .footnote
{
	color: #818181;
	font-size: 0.6em;
	margin: 35px -10px 10px;
	border-top: 1px solid #e7e7e7;
	line-height: 130%;
	background: #f9f9f9;
	padding: 0px 8px 24px 36px;
}

#footnote a, .footnote a { padding: 1px; }
#footnote p, .footnote p { padding: 0 0 0 8px; }

/*</group>*/
iframe { float: left; }