/**** main site stylesheet ****/

@import url(/_css/reset.css);
@import url(/_css/admin_fe.css);

body { margin: 0; padding: 0; background: #3c3b37 url("images/body.jpg") repeat-x; color: #474641; font-family: verdana, arial, sans-serif; font-size: .75em; line-height: 1.2; }
#xEditingArea body { background: #fff !important; background-image: none; color: #000; }

/**** LAYOUT ELEMENT STYLES ****/

/* =page */
#page { margin: 0 auto; width: 1024px; }

/* =masthead */
#masthead { height: 83px; margin: 0 0 8px 0; }
	#masthead h1 { margin: 0; padding: 0 12px 0 0; height: 64px; float: right; }
		#masthead h1 span { display: none; }
	#masthead ul { padding-top: 10px; padding-bottom: 12px; text-align: right; font-size: .9em; color: #626262; }
	
	#topnavigation { float: left; }
	
	.logo { float: right; padding-right: 4px; }
	
	#kwd { text-transform: uppercase; }

/* =navigation */
#navigation { margin: 0 0 8px 0; }
	#navigation ul#mainnavigation { height: 34px; }
		#navigation ul#mainnavigation li { display: block; height: 34px; float: left; padding: 0; }
			#navigation ul#mainnavigation li a { display: block; height: 34px; }
				#navigation ul#mainnavigation li a span {  }

		ul#mainnavigation li.photogallery_li a { background: url("images/photogallery.jpg") no-repeat 0 0; width: 178px; }
		ul#mainnavigation li.designertools_li a { background: url("images/designertools.jpg") no-repeat 0 0; width: 145px; }
		ul#mainnavigation li.art_li a { background: url("images/art.jpg") no-repeat 0 0; width: 102px; }		
		ul#mainnavigation li.artist_li a { background: url("images/artist.jpg") no-repeat 0 0; width: 107px; }
		ul#mainnavigation li.installation_li a { background: url("images/installations.jpg") no-repeat 0 0; width: 145px; }
		ul#mainnavigation li.cards_li a { background: url("images/cards.jpg") no-repeat 0 0; width: 198px; }
		
		.photogallery ul#mainnavigation li.photogallery_li a,
		.designertools ul#mainnavigation li.designertools_li a,
		.theart ul#mainnavigation li.art_li a,
		.theartist ul#mainnavigation li.artist_li a,
		.theinstallations ul#mainnavigation li.installation_li a,
		.cardspostersandcalendars ul#mainnavigation li.cards_li a
			{ background-position: 0 -34px; }

		ul#mainnavigation li.photogallery_li a:hover,
		ul#mainnavigation li.designertools_li a:hover,
		ul#mainnavigation li.art_li a:hover,
		ul#mainnavigation li.artist_li a:hover,
		ul#mainnavigation li.installation_li a:hover,
		ul#mainnavigation li.cards_li a:hover
			{ background-position: 0 -68px; }

		ul#mainnavigation li.photogallery_li a span,
		ul#mainnavigation li.designertools_li a span,
		ul#mainnavigation li.art_li a span,
		ul#mainnavigation li.artist_li a span,
		ul#mainnavigation li.installation_li a span,
		ul#mainnavigation li.cards_li a span
			{ display: none; }
		
/* =breadcrumbs */
#breadcrumbs { color: #474641; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid #397392; }
	#breadcrumbs .pagetrail a { color: #263a44; }
	#breadcrumbs .pagetrail .currentpage { color: #4c6774; }

/* =toolbox */
#toolbox, .toolbox { float: right; }
	#toolbox li { display: block; float: left; padding-left: 5px; }
	#toolbox a:link, .toolbox a:link { color: #bd6f00; }
		
/* =content */
#content { background: #edf0e6 url("images/content_bottom.jpg") no-repeat bottom center; padding-bottom: 10px; width: 1012px; clear: both; margin-bottom: 8px; }

/* =columns */
#columns { color: #4c6774; background: url("images/content_top.jpg") no-repeat top center; padding: 10px 8px 0 8px; }
	#columns h2 { color: #4c6774; background: #263a44; height: 86px; font-size: 2em; font-family: avantgarde, verdana, arial, sans-serif; text-transform: uppercase; }
		#columns h2 span { padding: 0 24px; line-height: 86px; }
	
	.photogallery #columns h2 { background: #263a44 url("images/h2_photogallery.jpg") no-repeat; }
	.designertools #columns h2 { background: #263a44 url("images/h2_designertools.jpg") no-repeat; }
	.theart #columns h2 { background: #263a44 url("images/h2_art.jpg") no-repeat; }
	.theartist #columns h2 { background: #263a44 url("images/h2_artist.jpg") no-repeat; }
	.theinstallations #columns h2 { background: #263a44 url("images/h2_installations.jpg") no-repeat; }
	.cardspostersandcalendars #columns h2 { background: #263a44 url("images/h2_cards.jpg") no-repeat; }
	.page_lightbox #columns h2 { background: #263a44 url("images/h2_lightbox.gif") no-repeat 24px 24px; }
	
	.photogallery #columns h2 span,
	.designertools #columns h2 span,
	.theart #columns h2 span,
	.theartist #columns h2 span,
	.theinstallations #columns h2 span,
	.cardspostersandcalendars #columns h2 span,
	.page_lightbox #columns  span
		{ display: none; }

/* =homepage_flash */
#homepage_flash { margin-bottom: 2px; }
	#homepage_flash p { padding: 0; margin: 0; }
	
/* =wide */
#wide { padding: 0; }

/* =category */
.category { margin-bottom: 16px; clear: both; }
	.category a.thumbnail { padding: 8px; margin: 0 4px; display: block;  float: left; text-align: center; color: #397392; font-weight: bold; }
	.category a.thumbnail:link, .category a.thumbnail:visited { text-decoration: none; }
	.category a.thumbnail:hover, .category a.thumbnail:active { background: #DEDFD9; color: #397392; }
	.category h3 { text-transform: uppercase; color: #397392; padding: 4px 8px 0 8px; text-align: left; font-size: 1.2em; font-weight: bold; background: url("images/category-h3.jpg") repeat-x; }
	.category img {  }
	.category .alignright { float: none; clear: both; text-align: right; }
	.category .thumbnail-vertical, .category .thumbnail-horizontal, .category .thumbnail-panoramic
	{ text-align: center; clear: left; }
	
/* =left */
#left { width: 360px; float: left; padding-bottom: 20px; }

/* =middle */
#middle { width: 380px; margin-left: 380px; padding-bottom: 20px; }

/* =right */
#right { width: 210px; float: right; padding-bottom: 20px; }

/* =photo */
#photo { color: #474641; }
	#photo #left { float: none; width: 390px; }
	#photo #right { width: 586px; text-align: center; }
	#photo h3 { color: #2c2c29; }
	#photo h4 { color: #397392; }
	
.photoinfo li { display: block; float: left; width: 194px; }
	
/* =ruled */
.ruled { border: 1px solid #bdc4bf; border-left: none; border-right: none; margin: 8px 0; padding: 8px 0 0 0; clear: left; height: 40px; }

/* =customize */
.customize { display: block; height: 32px; width: 266px; background: url("images/customize.jpg") no-repeat 0 0; }
.customize:hover { background-position: 0 -32px; }
	.customize span { display: none; }

/* =enlarge */
.enlarge { display: block; float: right; height: 32px; width: 119px; background: url("images/enlarge.jpg") no-repeat 0 0; margin: 0; }
.enlarge:hover { background-position: 0 -32px; }
	.enlarge span { display: none; }
	
/* =add to lightbox */
.addtolightbox { display: block; float: left; height: 32px; width: 130px; background: url("images/addtolightbox.jpg") no-repeat 0 0; margin: 0; }
.addtolightbox:hover { /*background-position: 0 -32px;*/ }
	.addtolightbox span { display: none; }
.fade { opacity: 0.4; filter: alpha(opacity=40); }

.printoptions { width: 100%; margin-bottom: 20px; }
	.printoptions th { font-weight: bold; }

.lightbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; text-align: center; }

/* =recommendations */
#recommendations { clear: both; }
	#recommendations h3 { text-transform: uppercase; color: #397392; padding: 4px 8px 0 8px; text-align: left; font-size: 1.2em; font-weight: bold; background: url("images/category-h3.jpg") repeat-x; }

/* =leafbox */
#leafbox { width: 1012px; height: 186px; background: #74776d url("images/leafbox.jpg") no-repeat center center; color: #76796f; text-align: center; clear: both; }
	#leafbox * { padding-top: 28px; }

/* =footer */
#footer { font-size: .8em; padding-top: 8px; color: #8c9184; }
	#footer a { color: #edf0e6; }


/**** SPECIFIC OBJECT STYLES ****/
img.frame {padding: 4px; background: #fff; border: 1px solid #000;}

/* =horizontal */
ul.horizontal { margin: 0; padding: 0; }
	ul.horizontal li { list-style-type: none; display: inline; margin: 0; padding: 4px 0; }
	
/* =shadow */
.shadow { float: right; background: url("images/shadow.jpg") bottom right no-repeat; margin: 10px 0 0 10px; padding: 10px 0 0 10px; }
	.shadow img { display: block; position: relative; background: #fff; margin: -10px 9px 11px -10px; padding: 10px; }
	
.aligncenter { margin: 0 auto; text-align: center; clear: both; }
.alignleft { float: left; clear: left; }
.alignright { float: right; clear: right; }

.blue { color: #397392; }

.whatsnew #wide a { text-decoration: none; }
.whatsnew #wide a img { margin-right: 50px; border: 10px solid #fff; line-height: 100px; }
.whatsnew #wide a:hover img { border-color: #3C3B37; }

.cmsnavigation h1 { font-size: 1.4em; }
.cmsnavigation ul { margin-left: 1.5em; }

		
/**** HTML STYLES ****/
h1 {margin: 0 0 .5em 0; padding: 0; color: #000; font-size: 1.75em; font-weight: normal;}
h2 {margin: 0 0 .5em 0; padding: 0; color: #000; font-size: 1.5em; font-weight: normal;}
h3 {margin: 0 0 .5em 0; padding: 0; color: #000; font-size: 1.4em; font-weight: normal;}
h4 {margin: 0 0 .5em 0; padding: 0; color: #000; font-size: 1.2em; font-weight: bold;}

p {margin: 0 0 .75em 0; padding: 0;}

a:link {color: #bd6f00; text-decoration: underline;}
a:visited {color: #bd6f00; text-decoration: underline;}
a:hover {color: #bd6f00; text-decoration: none;}
a:active {color: #bd6f00; text-decoration: underline;}

br.break {clear: both;}

form input, form select, form img {vertical-align: middle;}

form input { font-size: 1em; border: 1px solid #7f9db9; }

blockquote {margin: 1em 2em;}

table { border-left: 1px solid #d3d4cc; }
	table tr {  }
	table tr.even { background: #EFEFEF; }
	table tr.odd { background: #3C3B37; color: #EDF0E6; }
		table tr th { background: #d3d4cc; vertical-align: middle; text-align: center; padding: 8px 0 4px 0; }
		table tr td { border-right: 1px solid #d3d4cc; border-bottom: 1px solid #d3d4cc; text-align: center; vertical-align: middle; padding: 4px 0; }
form table, form table tr td
{ border: none; text-align: left; }
#fancy_wrap table, #fancy_wrap table tr td
{ border: none; }

/**** MISC STYLES ****/
div.calendar {z-index: 999;}
.cfdebug {clear: both; display: none;}