@import "reset-fonts-grids.css";

html, body { background: #000000 url('../images/gui/body_top_bg.gif') repeat-x top left; }

.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ClearFix { display: inline-table; }
/* Hides from IE-mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }
/* End hide from IE-mac */
.Right { float: right; }

#OuterContainer { background: #000000 url('../images/gui/page_top_bg.gif') repeat-x top left; position: relative; width: 950px; margin: 0 auto; }
#InnerContainer { width: 877px; margin: 0 auto; background: #253545; text-align: left; overflow: hidden; border-bottom: 5px solid #7D91AA; }

#Header { position: relative; height: 57px; background: url('../images/gui/header_bg.jpg') no-repeat top left; }
#Header .SiteID {
	position: absolute;
	top: 25px;
	left: 552px;
	width: 288px;
	height: 28px;
}

#Navigation { position: relative; border-bottom: 5px solid #000000; height: 54px; background: url('../images/gui/nav_bg.jpg') no-repeat top left; }
#Navigation a { text-decoration: none; position: absolute; display: block; height: 56px; }
#Navigation a#NavHome { width: 48px; left: 477px; background: url('../images/gui/nav_home_bg.gif') no-repeat top left; }
#Navigation a#NavHome:hover, #Navigation a#NavHome:active { background-position: bottom; }
#Navigation a#NavHome.Current { background-position: bottom; }
#Navigation a#NavGallery { width: 77px; left: 562px; background: url('../images/gui/nav_gallery_bg.gif') no-repeat top left; }
#Navigation a#NavGallery:hover, #Navigation a#NavGallery:active { background-position: bottom; }
#Navigation a#NavGallery.Current { background-position: bottom; }
#Navigation a#NavAbout { width: 28px; left: 678px; background: url('../images/gui/nav_bio_bg.gif') no-repeat top left; }
#Navigation a#NavAbout:hover, #Navigation a#NavAbout:active { background-position: bottom; }
#Navigation a#NavAbout.Current { background-position: bottom; }
#Navigation a#NavContact { width: 79px; left: 743px; background: url('../images/gui/nav_contact_bg.gif') no-repeat top left; }
#Navigation a#NavContact:hover, #Navigation a#NavContact:active { background-position: bottom; }
#Navigation a#NavContact.Current { background-position: bottom; }

#FeaturedAlbum { position: relative; display: block; background-color: #000000; background-repeat: no-repeat; background-position: left top; block; margin: 0; padding: 0 0 5px 0; border-bottom: 5px solid #7D91AA; width: 877px; height: 208px; }
#FeaturedAlbum .More { position: absolute; bottom: 35px; right: 30px; }

#HomepageSplash { margin: 0; padding: 0 0 5px 0; background: #000000; border-bottom: 5px solid #7D91AA; }
.HomepageAboutColumn { padding-right: 30px; background: url('../images/gui/homepage_column_border.gif') repeat-y top right; }

#GalleryConceptArt { width: 475px; float: left; clear: left; overflow: hidden; }
#GalleryComicArt { width: 475px; float: right; clear: right; overflow: hidden; }

h2 { background: #324B6A; margin: 20px 0 5px 0; padding: 10px 30px; text-transform: uppercase; font-size: 16px; color: #EFB90F; font-weight: bold; }
h2.Gallery { font-size: 200%; padding: 0; margin: 0; background: none; }
h2 small { color: #FFFFFF; font-size: 11px; font-weight: normal; text-transform: uppercase; }
h2 small.Breadcrumbs { float: right; display: block; }
h2 a { color: #EFB90F; text-decoration: none; }
h2 a:hover, h2 a:active { color: #F4CE56;}
h3 { font-weight: bold; font-size: 16px; margin: 0 0 15px 0; font-weight: bold; color: #FFFFFF; }
h4 { clear: both; font-size: 15px; color: #7D91AA; text-transform: uppercase; margin: 0 0 15px 0; font-weight: bold; border-top: 1px solid #476887; }
h4 span { display: block; font-style: italic; font-size: 14px; font-weight: normal; text-transform: none; color: #808080; }
em { font-style: italic; }
strong { font-weight: bold; }

#Content { color: #A0A0A0; text-align: left; padding: 20px 30px; font-size: 14px; overflow: hidden; min-height: 400px; }
#Content p { margin: 0 auto 15px auto; }
#Content p.Description { font-size: 115%; color: #C0C0C0; }
#Content a { color: #EFB90F; text-decoration: none; }
#Content a:hover, #Content a:active { color: #BF930C; }

#FeedSweep {}
#FeedSweep .feedsweep_title { display: none; }
#FeedSweep .feedsweep_item { font-size: 14px; color: #A0A0A0; margin: 0 0 15px 0; }
#FeedSweep .feedsweep_item .feedsweep_date { font-size: 10px; color: #606060; }
#FeedSweep .feedsweep_item .feedsweep_headline { font-weight: bold; display: block; }
#FeedSweep .feedsweep_item .feedsweep_headline a.feedsweep_link {}
#FeedSweep .feedsweep_item .feedsweep_headline a.feedsweep_link:hover, #FeedSweep .feedsweep_item .feedsweep_headline a.feedsweep_link:active {}
#FeedSweep .feedsweep_headline,
#FeedSweep .feedsweep_body { display: none; }
#FeedSweep .feedsweep_item .feedsweep_body { display: block; }

#AboutSidebar { float: right; width: 200px; }
#AboutSidebar li { margin-left: 20px; margin-bottom: 5px; }
#About .InsertLeft { padding: 5px; background: #FFFFFF; margin: 10px 10px 10px 0; float: left; }
#About .InsertRight { padding: 5px; background: #FFFFFF; margin: 10px 0 10px 10px; float: right; }
#About { width: 610px; }
#About .Columns { overflow: hidden; margin: 0 0 15px 0; }
#About .Columns ul.Columns3 { float: left; width: 190px; margin: 0 10px 0 0; }
#About .Columns ul.Columns2 { float: left; width: 290px; margin: 0 10px 0 0; }
#About li { list-style: square; margin-left: 20px; }
#About li small { font-size: 11px; display:block; }

#Gallery { clear: both; overflow: hidden; background: #192434; padding: 20px 20px 0px 20px; text-align: center; margin: 0 0 15px 0; }
#Gallery .Container { clear: both; overflow: hidden; padding:0; margin: 0; }
#Gallery li { float: left; display: block; }
#Gallery a.Thumbnail { display: block; padding: 0; margin: 0 12px 20px 12px; border: 3px solid #324B6A; }
#Gallery a.Thumbnail:hover, #Album a.Thumbnail:active { border: 3px solid #7D91AA; }
#GalleryPageTitle { margin: 5px 0 0 0; }
#GalleryPageTitle small { margin-right: 5px; color: #FFFFFF; font-size: 11px; font-weight: normal; text-transform: uppercase; }
#GalleryPageTitle a { color: #EFB90F; text-decoration: none; }
#GalleryPageTitle a:hover, h2 a:active { color: #F4CE56;}

#Footer { text-align: left; width: 877px; margin: 0 auto; background: #000000; font-size: 11px; color: #808080; clear: both; overflow: hidden; padding: 20px 0; }
#Footer .Legal { width: 66%; float: right; text-align: right; }
#Footer .Navigation { float: left; }
#Footer a { color: #EFB90F; text-decoration: none; }
#Footer a:hover, #Footer a:active { color: #BF930C; }