@charset "utf-8";
/*
|-----------::====================================================================::-----------|
|           :: NOVA Gallery                                                       ::           |
|           :: Common Website Style-sheet                                         ::           |
|           :: Version 1.0.0000.0000                                              ::           |
|-----------::====================================================================::-----------|
               DEFAULT ELEMENT STYLES
                 all: *
                 links: a
                 body: body
                 headings: h1 h2
                 images: img
                 paragraphs: p
                 unordered lists: ul li
               SKELETAL UI ELEMENTS
                 Primary Page Area: #wrap
                 Secondary Content Containers: #body, #footer, #header
                 Tertiary Content Containers: #L.col, #R.col, .col.strong, .col.weak , #wrap.header
               COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS
                 icubus Icon/ID: #_icubusID
                 Header (Wood Panel) Shadow: #bodyShadow
                 Footer Links: #footer a, a:hover
                 In-Page Heading Sub-Menu: #HsubMenu, a, a:hover
                 Quick-Jump Combo Box: #jumpList
                 NOVA Gallery Logo: #logoNOVA
                 Main Site Navigation Menu (MooFX MorphMenu): #navMenu, li, li a, li a:hover, li ul.subMenu, li ul.subMenu li, li.current, li.current a, li.menuBG
                 Paging Links: #pageLinks, a, a:hover
               PAGE-SPECIFIC ELEMENTS & STYLES
               + SiteMap
                 Site Map Sections/Variants: #map_GeneralSections, #map_ExhibitsAndBackroom, #map_GalleryArtists
                 Site Map: ul.siteMap, li, li a, li a:hover, li ul, li ul li, li ul li a
               + Splash Page
                 Default Page Element Styles: h1, a
               + HomePage
                 Current Exhibits (MooFX SlideShow): #slideshow.currentExhibits
                   Loading Effect: #loading
                   Navigation Menu: #menu, li, li a, li a:hover, li.background, li.current a
                   SlideShow Pictures: #pictures, li, li a, li a div.title, li a div.teaser, li a img
                 Upcoming Gallery Events: #upcomingExhibits, li, li a, li a:hover
               + Gallery Exhibits
                 Exhibit Index: a.exhibit, a.exhibit:hover, div.exhibit_Title, img,	a.exhibit:hover img
                 Exhibit Artworks (MooFX SlideShow): #slideshow.artworksSS
                   Loading Effect: #loading
                   Navigation Menu: #menu, li, li a, li a:hover, li.background, li.current a
                   SlideShow Pictures: #pictures, li, li a, li a div.title, li a div.teaser, li a img
                   Footnote: #footnote
               + The Backroom
                 Backroom Item: a.backroomItem, a.backroomItem:hover, img
               + Gallery Artists
                 Artist Index: a.artist, a.artist:hover
               + Artist Profiles
                 Artist Profile: h2.artistProfile, img.artistProfile
               + News Board
                 News Items: div.newsItem, div.newsItem_DatePosted, img
               REUSABLE STYLES
                 Color Styles: .color_DEFAULT, .color_Black, .color_Grey, .color_NOVA, .color_Red
                 Font Sizes: .fontSize_Large, .fontSize_Small
                 Downloadable PDF Link: a.PDFLink
                 ImageCache (Pre-loader): img.imageCache
|-----------::====================================================================::-----------|
|           ::                               NOTES                                ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000
    1. [February 25, 2010]
        Web Form Elements Stylesheet: _includes/cmnFX/cmnFX.WebForms.css
        MooFX SlideShow Elements Stylesheet: _includes/mooFX/moo.fx.slideshow.css

|-----------::====================================================================::-----------|
|           ::                          REVISION HISTORY                          ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000 :: April 19, 2010
    1. Initial published version of Cascading Style Sheet
  v1.0.000.001 :: July 6, 2010
    1. Added H3 definition in Default Element Styles
*/





/* DEFAULT ELEMENT STYLES */
* { margin: 0px; padding: 0px; }
a { color: #CC0000; text-decoration: underline; }
body {
	background: #FFFFFF url("../images/bgBody_Mesh.gif") top repeat-y;
	font-family: "Segoe UI", Arial, sans-serif; font-size: 10.4pt; color: #363636; text-align: left; line-height: 14pt;
}
h1 {
	height: 32px;
	border-left: 5px solid #CC0000; margin: 0px 0px 30px -25px; padding: 3px 0px 0px 20px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; color: #000000; line-height: 20pt;
}
h2 {
	margin-bottom: 0px;
	font-size: 15pt; font-weight: normal; color: #CC0000; line-height: 20pt;
}
h3 {
	height: 32px;
	margin: 0px 0px 15px -25px; padding: 3px 0px 0px 25px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; color: #000000; line-height: 20pt;
}
img { border: none; }
p { margin-bottom: 25px; }
ul li { list-style: none; }





/* SKELETAL UI ELEMENTS */
#body {
	min-height: 385px; position: relative;
	padding: 30px 25px 50px 25px;
}
	#body #L { float: left; }
	#body #R { float: right; }	
	#body .col {
		width: 455px;
		padding-bottom: 50px;
	}
	#body .col.strong { width: 490px; }
	#body .col.weak { width: 420px; }
#footer {
	height: 40px; width: 960px; clear: both;
	border-left: 8px solid #CC0000; margin: 0px auto 0px auto; padding: 5px 0px 5px 12px;
	font-family: Tahoma, Arial, sans-serif; font-size: 8pt; color: #000000; line-height: 10pt; text-align: left;
}
#header {
	height: 80px; position: relative;
	background: url("../images/bgWoodPanel.png") top repeat-x;
}
#wrap {
	height: 100%; width: 980px; position: relative; z-index: 10;
	margin: 0px auto 0px auto; padding: 0px;
	background: #FFFFFF url("../images/bgShadow_Wrap.png") 0px 0px repeat-x;
}
#wrap.header { background: none; }





/* COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS */
/* icubus Icon/ID */
#_icubusID {
	height: 20px; width: 20px; position: absolute; top: 14px; right: 30px;
	background: url("../images/_icubusID.png") top left no-repeat;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 6pt; font-weight: bold; color: #FFFFFF; text-align: center; text-decoration: none;
}
/* Header (wood panel) Shadow */
#bodyShadow {
	height: 40px; width: 100%; position: absolute; top: 80px;
	background: url("../images/bgShadow_Body.png") 0px 0px repeat-x;
}
/* Footer Links */
#footer a { font-weight: bold; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/* (in-page) Heading Sub-Menu */
#HsubMenu {
	position: absolute; top: 61px; left: 26px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 11pt;
}
	#HsubMenu a { color: #000000; text-decoration: none; }
	#HsubMenu a:hover { color: #CC0000; text-decoration: underline; }
/* Quick-Jump Combo Box */
#jumpList {
	position: absolute; top: 30px; right: 20px;
	font-size: 8pt; color: #999999;
}
/* NOVA Gallery Logo */
#logoNOVA {
	height: 40px; width: 160px; position: relative; top: 20px; left: 20px;
	background: url("../images/logoNOVA.png") 0px 0px no-repeat;
}
/* Main Site Navigation Menu */
#navMenu { position: absolute; top: 12px; right: 20px; z-index: 1000; }
	#navMenu li {
		height: 25px; float: left;
		margin-left: 25px; padding: 0px;
		font-family: "Calibri", "Tahoma", Arial, Helvetica, sans-serif; font-size: 12.4pt; color: #FFFFFF; text-align: center; line-height: 20px;
		cursor: pointer;
	}
		#navMenu li a {
			height: 25px; display: block;
			font-weight: normal; color: #DFDFDF; text-decoration: none;
		}
		#navMenu li a:hover { color: #FFFFFF; }
			#navMenu li ul.subMenu { margin-top: 0px; }
				#navMenu li ul.subMenu li {
					height: 20px; float: none; display: block;
					margin: 0px; padding: 0px;
					font-size: 10.4pt; text-align: left;
				}
					#navMenu li ul.subMenu li a { height: 20px; }
	#navMenu li.current { }
		#navMenu li.current a { color: #FFFFFF; }
	#navMenu li.menuBG {
		height: 25px; width: 160px; position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: -1000;
		margin: 0px; padding: 0px;
		background: url("../images/bgNavMenu_H.gif") 0px 18px repeat-x; 
	}
/* Paging Links */
#pageLinks {
	margin-bottom: 20px;
	text-align: right;
}
	#pageLinks a {
		font-weight: bold; text-decoration: none;
		/* ::fontSize_Small */
		font-size: 8pt;
	}
	#pageLinks a:hover { text-decoration: underline; }
/* Social Networking Links */
#socNet_Facebook { position: absolute; bottom: 10px; right: 20px; z-index: 1000; }





/* PAGE-SPECIFIC ELEMENTS & STYLES */
/* Site Map :: Site Map */
ul.siteMap {
	float: left;
	margin-right: 10px;
}
ul.siteMap#map_GeneralSections { width: 250px; }
ul.siteMap#map_ExhibitsAndBackroom { width: 400px; }
ul.siteMap#map_GalleryArtists { width: 250px; }
	ul.siteMap li {
		display: block;
		line-height: 22px;
		/* ::color_Grey */
		color: #999999;
	}
		ul.siteMap li a { text-decoration: none; }
		ul.siteMap li a:hover { text-decoration: underline; }
		ul.siteMap li ul { margin-left: 10px; }
			ul.siteMap li ul li { font-size: 10.4pt; }
				ul.siteMap li ul li a { color: #000000; }
/* Splash Page :: Heading 1, Link */
#body.splash {
	padding-top: 150px;
	text-align: center;
}
	#body.splash a { font-size: 9pt; font-weight: bold; text-decoration: none; }
	#body.splash a:hover { text-decoration: underline; }
	#body.splash h1 {
		border: none; margin: 40px 0px 10px 0px; padding: 0px;
		font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; color: #000000; line-height: 20pt;
	}
/* HomePage :: Current Exhibits (MooFX SlideShow), Upcoming Exhibits */
#slideshow.currentExhibits {
	height: 377px; width: 458px; position: relative;
	border: 1px solid #CCCCCC; padding: 4px;
}
	#slideshow.currentExhibits #loading {
		height: 375px; width: 455px; position: absolute; top: 5px; left: 5px; display: block; visibility: hidden; z-index: 5;
		background: url("../images/AJAXLoaders/Bar.gif") center no-repeat;
	}
	#slideshow.currentExhibits #menu { height: 375px; width: 25px; position: absolute; top: 0px; right: -30px; }
		#slideshow.currentExhibits #menu li {
			height: 20px; width: 23px; display: block; position: relative; z-index: 1000;
			margin-bottom: 3px; padding: 0px;
		}
			#slideshow.currentExhibits #menu li a {
				height: 20px; width: 16px; display: block; z-index: 1000;
				margin: 0px; padding-left: 7px;
				background: url("../images/bgSSMenu.gif") center no-repeat;
				color: #FFFFFF; text-decoration: none;
			}
			#slideshow.currentExhibits #menu li a:hover { background-image: url("../images/bgSSMenu_H.gif"); }
		#slideshow.currentExhibits #menu li.background { }
		#slideshow.currentExhibits #menu li.current a { background-image: url("../images/bgSSMenu_C.gif"); }
	#slideshow.currentExhibits #pictures { height: 375px; width: 455px; position: absolute; top: 5px; left: 5px; overflow: hidden; }
		#slideshow.currentExhibits #pictures li { height: 375px; width: 455px; position: absolute; top: 0px; display: block; }
				#slideshow.currentExhibits #pictures li a {
					height: 375px; width: 435px; display: block;
					margin-bottom: 0px; padding: 5px 10px 5px 10px;
					background: #000000 top no-repeat;
					text-decoration: none;
				}
					#slideshow.currentExhibits #pictures li a div.title { font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif; font-size: 12.4pt; font-weight: normal; color: #FFFFFF; line-height: 12pt; }
					#slideshow.currentExhibits #pictures li a div.teaser {
						margin-top: 5px;
						font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #BBBBBB; line-height: 10pt;
					}
					#slideshow.currentExhibits #pictures li a img {
						height: 296px; width: 435px; display: block;
						border-bottom: 1px solid #666666; margin-bottom: 4px;
					}
#upcomingExhibits { margin-top: 10px; }
	#upcomingExhibits li { margin-bottom: 15px; padding: 0px; }
		#upcomingExhibits li a {
			margin-bottom: 2px; padding-top: 2px;
			font-weight: bold; color: #000000; text-decoration: none;
			/* ::fontSize_Large */
			font-size: 12pt;
		}
		#upcomingExhibits li a:hover { color: #CC0000; text-decoration: none; }
/* Gallery Exhibits :: Exhibit Index */
a.exhibit {
	height: 160px; display: block;
	margin-bottom: 30px;
	color: #393939; text-decoration: none;
}
a.exhibit:hover { text-decoration: none; }
	a.exhibit div.exhibit_Dates {
		margin-bottom: 5px;
		/* ::fontSize_Small, color_Grey */
		font-size: 9pt; color: #999999;
	}
	a.exhibit div.exhibit_Title {
		color: #000000; font-weight: bold;
		/* ::fontSize_Large */
		font-size: 12pt;
	}
	a.exhibit img {
		height: 105px; width: 160px; float: left;
		border: 1px solid #BBBBBB; margin: 4px 10px 0px 0px; padding: 4px;
	}
	a.exhibit:hover img { border: 5px solid #CC0000; padding: 0px; }
/* Gallery Exhibit :: Artworks SlideShow (MooFX SlideShow) */
#slideshow.artworksSS {
	height: 377px; width: 458px; position: relative;
	border: 1px solid #CCCCCC; padding: 4px;
}
	#slideshow.artworksSS #footnote {
		position: absolute; top: 388px; left: 0px;
		font-size: 8pt; text-align: right;
	}
	#slideshow.artworksSS #loading {
		height: 375px; width: 455px; position: absolute; top: 5px; left: 5px; display: block; visibility: hidden; z-index: 5;
		background: url("../images/AJAXLoaders/Bar.gif") center no-repeat;
	}
	#slideshow.artworksSS #menu { height: 24px; width: 468px; position: absolute; top: 407px; left: -2px; }
		#slideshow.artworksSS #menu li {
			height: 24px; width: 22px; float: left; z-index: 1000;
			margin: 0px 2px 1px 2px; padding: 0px;
		}
			#slideshow.artworksSS #menu li a {
				height: 22px; width: 22px; display: block; z-index: 1000;
				border: 1px solid #CCCCCC; margin: 0px; padding: 0px;
				font-size: 9pt; font-weight: bold; color: #000000; text-align: center; line-height: 22px; text-decoration: none;
			}
			#slideshow.artworksSS #menu li a:hover {
				border: 1px solid #CCCCCC;
				background: #CCCCCC;
				color: #FFFFFF;
			}
		#slideshow.artworksSS #menu li.background { }
		#slideshow.artworksSS #menu li.current a {
			border: 1px solid #CC0000;
			background: #CC0000;
			color: #FFFFFF;
		}
	#slideshow.artworksSS #pictures { height: 375px; width: 455px; position: absolute; top: 5px; left: 5px; overflow: hidden; }
		#slideshow.artworksSS #pictures li { height: 375px; width: 455px; position: absolute; top: 0px; display: block; }
				#slideshow.artworksSS #pictures li a {
					height: 375px; width: 435px; display: block;
					margin-bottom: 0px; padding: 5px 10px 5px 10px;
					background: #000000 top no-repeat;
					text-decoration: none;
				}
					#slideshow.artworksSS #pictures li a div.title { font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif; font-size: 12.4pt; font-weight: normal; color: #FFFFFF; line-height: 12pt; }
					#slideshow.artworksSS #pictures li a div.teaser {
						margin-top: 5px;
						font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #BBBBBB; line-height: 10pt;
					}
					#slideshow.artworksSS #pictures li a img {
						height: 296px; width: 435px; display: block;
						border-bottom: 1px solid #666666; margin-bottom: 4px;
					}
/* The Backroom :: Backroom Item */
div.backroomItem {
	height: 200px; width: 205px; display: inline-block;
	margin: 0px 10px 5px 10px;
	line-height: 10.4pt;
	/* ::fontSize_Small */
	font-size: 9pt;
}
	div.backroomItem a {
		height: 135px; width: 205px; display: block;
		border: 1px solid #BBBBBB; margin-bottom: 5px; padding: 4px;
	}
	div.backroomItem a:hover { border: 5px solid #CC0000; padding: 0px; }
		div.backroomItem a img { height: 135px; width: 205px; }
/* Gallery Artists :: Artist Index */
a.artist { font-size: 10pt; color: #000000; font-weight: bold; text-decoration: none; line-height: 28px; }
a.artist:hover { color: #CC0000; }
/* Gallery Artists :: Artist Profile */
h2.artistProfile { padding-top: 120px; }
img.artistProfile { float: right; border: 1px solid #BBBBBB; margin-right: 10px; padding: 4px; }
div.artistProfile_WriteUp { margin-top: 30px; }
/* News Board :: News Items */
div.newsItem { margin-bottom: 30px; }
div.newsItem.withTN { min-height: 115px; }
	div.newsItem div.newsItem_DatePosted {
		margin-bottom: 5px;
		/* ::fontSize_Small */
		font-size: 9pt;
	}
	div.newsItem img {
		height: 105px; width: 160px; float: left;
		border: 1px solid #BBBBBB; margin: 0px 10px 10px 0px; padding: 4px;
	}





/* REUSABLE STYLES */
.color_DEFAULT { color: #363636; }
.color_Black { color: #000000; }
.color_Grey { color: #999999; }
.color_NOVA { color: #CC0000; }
.color_Red { color: #FF0000; }
.fontSize_Large { font-size: 12pt; }
.fontSize_Small { font-size: 9pt; }
a.PDFLink {
	height: 26px; display: inline-block;
	padding-left: 30px;
	background: url("../images/icoPDF.jpg") 0px 0px no-repeat;
	font-size: 9pt; font-weight: bold; text-decoration: none; line-height: 30px;
}
a.PDFLink:hover { text-decoration: underline; }
img.bordered { border: 1px solid #CCCCCC; padding: 4px; }
img.imageCache { display: none; visibility: hidden; }