/* =============================================================
   DOECSS Framework
   File Name: base.css
   Website: themarkofgreatart.com
===============================================================*/


@import "reset.css";


/* ----------------------
   =global styles
------------------------*/
html { background: url(/images/top.jpg) 50% 40px no-repeat #000000; margin: 0 auto; padding: 79px 0 0 0; min-width: 960px; width: 100%; }
body { background: url(/images/content_bg.jpg) 50% 0 repeat-y #000000; color: #fff; font: 12px/15px verdana, arial, sans-serif; margin: 0 auto; padding: 0; min-width: 960px; width: 100%; }
	body.press-release { background: url(/images/content-press.jpg) 50% 0 repeat-y #000000; }
	
h1 { color: #e1c892; font-size: 15px; margin: 0; }
h2 { color: #e8d698; font: normal 24px/24px Helvetica, Arial, sans-serif; margin: 20px 0 20px 0; }
	h2 em { color: #e1e1e1; font-size: 14px; font-weight: normal; }
li ul { margin-left: 8px; }
b, strong { color: #fac581; }
dl dt { clear: left; color: #666; display: block; float: left; font-size: 16px; height: 30px; line-height: 20px; margin: 0; width: 120px; text-align: right; }
dl dd { float: left; display: block; height: 30px; line-height: 20px; margin: 0 0 0 20px; width: 400px; }
ol li { line-height: 18px; list-style: decimal; }
br.clear { clear: both; }

#header, #middle, #bottom { margin: 0 auto; width: 936px; }
#middle { position: relative; }
#bottom { background: url(/images/bottom.jpg) 50% 0 no-repeat; height: 43px; padding: 41px 0 0 0; text-align: center; width: 100%; }
	body.press-release #bottom { background: url(/images/bottom-press.jpg) 50% 0 no-repeat; }

/* ----------------------
   =header
------------------------*/
#header { background: url(/images/header_bg.jpg) 100% 0 no-repeat #000000; height: 113px; padding: 0; }
	h1#main_heading a { background: url(/images/logo.gif) 0 30px no-repeat; display: block; float: left; height: 87px; overflow: hidden; text-indent: -10000px; width: 422px; }


/* ----------------------
   =main navigation
------------------------*/
#navigation { background: url(/images/nav_bg.gif) 0 0 no-repeat #860000; clear: both; height: 25px; padding: 0 20px 0 0; width: 916px; }
	#navigation li { border-left: solid 3px #760000; font: normal 16px/25px 'Times New Roman', Serif; float: right; letter-spacing: .03em; margin: 0 10px 0 0; padding: 0 0 0 10px; }
		#navigation li a { color: #fddda2; }
		#navigation li a:hover { text-decoration: underline; }


/* ----------------------
   =sidebar
------------------------*/
#sidebar { background: url(/images/sidebar_bg.jpg) -4px 0 no-repeat; float: left; min-height: 500px; position: relative; width: 165px; }
	#sidebar div.open { background: url(/images/vote_box.png) 0 0 no-repeat; height: 114px; left: 23px; position: absolute; top: 30px; width: 123px; }
	#sidebar div.closed { background: url(/images/vote_box_closed.png) 0 0 no-repeat; height: 114px; left: 23px; position: absolute; top: 30px; width: 123px; }
		#sidebar div.open h3, #sidebar div.closed h3 { display: block;  overflow: hidden; text-indent: -10000px; }
		#sidebar div.open p { color: #860000; font-weight: bold; padding: 15px 0 0 34px; }
		#sidebar div.open p strong { color: #000000; font: bold 73px/80px Helvetica, Arial, sans-serif; margin: 0 -4px 0 0; }
	/* press release page */
	body.press-release #sidebar { background: #000000; font: normal 12px/18px Helvetica, Arial, sans-serif; padding: 30px 0 200px 23px; }
		body.press-release #sidebar p { color: #ffffff; line-height: 18px; margin: 0 0 8px 0; }
		body.press-release #sidebar a { color: #fdddac; }
		
		body.press-release h2.hd_artists { background: url(/images/hd-artists.jpg) 0 0 no-repeat; display: block; height: 26px; margin: 16px 0 5px 0; overflow: hidden; text-indent: -10000px; width: 186px; }
		body.press-release h2.hd_artwork { background: url(/images/hd-artwork.jpg) 0 0 no-repeat; display: block; height: 26px; margin:	16px 0 5px 0; overflow: hidden; text-indent: -10000px; width: 186px; }
		body.press-release h2.hd_documents { background: url(/images/hd-documents.jpg) 0 0 no-repeat; display: block; height: 26px; margin: 16px 0 5px 0; overflow: hidden; text-indent: -10000px; width: 186px; }

		body.press-release ul.preview_thumbnails, body.press-release ul.preview_thumbnails li { display: inline; margin: 0; padding: 0; }
			body.press-release ul.preview_thumbnails li a { display: block; float: left; margin: 0 8px 8px 0; }
		
		body.press-release ul.docs {  }
			body.press-release ul.docs li.pdf { background: url(/images/pdf_icon.jpg) 0 0 no-repeat; margin: 0 0 6px 0; padding: 0 0 0 18px; }
			body.press-release ul.docs li.word { background: url(/images/word_icon.jpg) 0 0 no-repeat; padding: 0 0 0 18px; }
		
		

/* ----------------------
   =maincontent area
------------------------*/
#maincontent { color: #e0e0e0; float: right; padding: 20px 100px 20px 20px; width: 598px; }
		body.press-release #maincontent { padding: 40px 100px 20px 20px; }
	#maincontent p { line-height: 18px; margin: 0 0 20px 0; }
	#maincontent ul, #maincontent ol { margin: 10px 0 0 20px; padding: 0; }
		#maincontent ol.help { margin: 10px 0 20px 20px; padding: 0; }
	#maincontent ul li, #maincontent ol li { margin: 0 0 10px 8px; padding: 0; }
	#maincontent a  { color: #c0c0c0; text-decoration: underline; }
	#maincontent a:hover { color: #ffffff; }
	
	ul#thumbnail_nav, ul#thumbnail_nav li, ul#thumbnail_nav-categories, ul#thumbnail_nav-categories li { display: inline; margin: 0; padding: 0; text-align: center; }

	ul#thumbnail_nav li a { display: block; float: left; font-size: 14px; line-height: 22px; margin: 0 20px 40px 0; text-align: center; width: 120px; }
	ul#thumbnail_nav-categories li a { display: block; float: left; font-size: 14px; line-height: 22px; margin: 0 40px 40px 0; text-align: center; width: 150px; }
	ul#thumbnail_nav li a:hover, ul#thumbnail_nav-categories li a:hover { text-decoration: none; }
		#maincontent ul#thumbnail_nav li a img, #maincontent ul#thumbnail_nav-categories li a img { border: 1px solid #484848; text-decoration: none; }
		ul#thumbnail_nav li a:hover img, ul#thumbnail_nav-categories li a:hover img { border: 1px solid #ffffff; }
		
	ul#gallery_list, ul#gallery_list li { display: inline; margin: 0; padding: 0; }
	ul#gallery_list div { color: #ffffff; display: block; float: left; height: 100px; margin: 0 60px 40px 0; padding: 0 0 0 112px; position: relative; width: 120px; }
	ul#gallery_list li a { line-height: 18px; }
	ul#gallery_list li a:hover { text-decoration: none; }
		ul#gallery_list li img { border: 1px solid #484848; float: left; position: absolute; left: 0px; }
		ul#gallery_list li a:hover img { border: 1px solid #ffffff; }
		#maincontent ul#gallery_list li h3 { margin: 0 0 12px 0; }
		#maincontent ul#gallery_list li h3 a { color: #e8d698; font-size: 15px; padding: 0; text-decoration: none; }
		ul#gallery_list li p { line-height: 18px; margin: 0; padding: 0; }

/*--Collections--*/

	#collections, #collections ul, #collections li { display: inline; margin: 0; padding: 0;}
	#collections li a { line-height: 12px; }
	#collections li a:hover { text-decoration: none; }
	#collections li img { border: 1px solid #484848; position: absolute; left: 0px; }
	#collections li a:hover img { border: 1px solid #ffffff; }
	#collections div { color: #ffffff; display: block; height: 100px; margin: 0 40px 15px 0; position: relative; }
		#maincontent #collections hr { margin: 0 0 20px 0;}
		#maincontent #collections li h3 { margin: 0 0 5px 0; }
		#maincontent #collections li h3 a { color: #e8d698; font-size: 14px; padding: 0; text-decoration: none; }
		#maincontent #collections li p { color: #c0c0c0;  padding: 0; margin: 5px 0 0 0;}
		#maincontent #collections p strong { color: #c0c0c0; font: bold 15px Helvetica, Arial, sans-serif; font-weight: bold; text-transform:uppercase; }
	
	#collections #chicago div, #collections #lexington div, #collections #london div, #collections #louisville div, #collections #madrid div, #collections #newyork div, #collections #sanfran div, #collections #seattle div { padding: 0 0 0 112px; }
		
		
/*--End Collections--*/	

		#vote_btn a { background: url(/images/vote_btn.jpg) 0 0 no-repeat; display: block; height: 47px; margin: 0 0 20px 0; overflow: hidden; text-indent: -10000px; width: 115px; }
		div.AlreadyVoted  #vote_btn a, div.NoVotes  #vote_btn a, div.Closed  #vote_btn a { background: url(/images/vote_btn_inactive.jpg) 0 0 no-repeat; display: block; height: 47px; margin: 0 0 20px 0; overflow: hidden; text-indent: -10000px; width: 115px; }
		h3.artist_name { color: #e8d698; font-size: 18px; margin: 0 0 5px 0; padding: 0; }
		a#back_btn, a.back_btn { background: url(/images/back_btn.jpg) 0 0 no-repeat; clear: both; display: block; height: 25px; overflow: hidden; text-indent: -10000px; width: 49px; }
		
		img.left, #flashcontent { display: block; float: left; margin: 0 20px 15px 0; }
			img.profile_pic { display: block; float: left; margin: 0 20px 15px 0; }
			img.artwork_tmb { height: 73px; }
		p.profile { color: #e8d698; }

	#bottle_shot { bottom: 0px; display: block; left: 20px; position: absolute; }
	#maincontent ul.artist_listing { padding: 12px 0 0 0; }
	#maincontent ul.artist_listing li { background: url(/images/bull.gif) 0 0 no-repeat; padding: 0 0 12px 22px; text-transform: capitalize; }
	#maincontent ul.artist_listing li, #maincontent ul.city_listing li { background: url(/images/bull.gif) 0 0 no-repeat; padding: 0 0 12px 22px; }
	#maincontent ul.city_listing li h3 { font-size: 14px; font-weight: normal; margin: 0 0 5px 0; padding: 0;}
	#maincontent ul.city_listing li p{ padding: 0 0 0 18px; }
	#maincontent input.submit { margin: 12px 0 0 0; }
	

/* ----------------------
   =footer
------------------------*/
#footer { color: #aaa; font: normal 12px/15px 'Times New Roman', Serif; margin: 0 auto; width: 960px; }	
  #footer a { color: #aaa; }
	#footer a:hover { text-decoration: underline; }
  #footer_links { float: left; }
    #footer_links li { display: block; text-align: left; }
  #footer_copy { float: right; text-align: right; }



/* ----------------------
   =misc legacy styles
------------------------*/
#popContent{width:300px;margin:10px auto;padding:10px;}

div.steps{width:370px;margin:0;padding:0;}
	div.steps div.on,div.steps div.off{float:left;width:160px;}
	div.steps div.on{border-bottom:solid 1px #a18852;}
	div.steps div.off{border-bottom:solid 1px #67564e;}
	div.steps div.off h2{color:#67564e;}

.indent{margin:0 0 0 20px;}

div.standout{border:solid 1px #860000;background:#360000;font-weight:700;color:#fff;margin:0 0 20px;padding:6px 12px;}
	div.standout2{border:solid 1px #860000;background:#360000;font-weight:400;color:#fff;font-size:90%;margin:0 0 20px 20px;padding:6px 12px;}
	div.standout2 a:link,div.standout2 a:visited,div.standout2 a:active{text-decoration:none;}

ul.nobul{list-style-type:none;margin-left:10px;padding:0;}
	ul.nobul li{list-style-type:none;margin:0;padding:0;}

.ksbhm{font-variant:small-caps;font-weight:700;}

.legalleft,.legalright{width:300px;}
	.legalleft{text-align:left;margin:35px 0 0 10px;}
	.legalright{text-align:right;margin:35px 10px 0 0;}

.warning{font-weight:700;color:#FF0;}

br.clear{clear:both;}

.big{font-weight:700;color:#fac581;font-size:140%;}

.error{height:30px;margin-top:10px;color:#FF0;font-weight:700;}

.nav{text-align:center;height:30px;overflow:hidden;width:570px;padding-top:134px;margin:0 auto;}
	ul.navitems{width:auto;list-style-type:none;margin:0;padding:0;}
	ul.navitems li{text-transform:uppercase;width:65px;float:left;border-left:solid 2px #fff;font-family:Times New Roman, times, Serif;font-size:10px;padding:0 10px;}
	ul.navitems li.long{width:220px;}
	ul.navitems li.first{border:0;}
	ul.navitems a:link,ul.navitems a:active,ul.navitems a:hover,ul.navitems a:visited{font-weight:700;color:#fff;text-decoration:none;}
	ul.navitems a:hover{text-decoration:underline;}
	
	
	
	
/* ----------------------
   =press release media download styles
------------------------*/

html#Blank, body.Blank { background: #fff; color: #000; font-size: 100%; margin: 0; min-width: 450px; padding: 0; text-align: center; width: 100%; }

div.MediaDownload { color: #666; line-height: 120%; margin: auto; width: 100%; }
	div.MediaDownload h3 { background: #fd9; color: #860000; display: block; font-weight: normal; line-height: 140%; padding: 5px 10px; }
	div.MediaDownload p { margin: 20px auto; text-align: center; }
	div.MediaDownload strong { color: #333; font-weight: bold; }
	div.MediaDownload a#DownloadLink { display: block; color: #860000; font-size: 140%; font-weight: bold; line-height: 170%; margin: 20px auto 0 auto; text-align: center; width: 90%; }
	
#MediaPreview { margin: 0 auto; padding: 0; width: 400px; text-align: center; }
	#MediaPreview img { margin: 0 auto; border: 0; }

body.press-release #maincontent ul.PressRelease li { float: left; width: 25%; margin: 0 30px 30px 0; }

body.press-release #maincontent ul.PressRelease li p.city { color: #ed9; font-size: 120%; line-height: 140%; font-weight: bold; margin: 0; }

/* ----------------------
   =Fancybox Jquery plugin styles
------------------------*/

div#fancy_overlay{position:absolute;top:0;left:0;z-index:90;width:100%;background-color:#333;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url(/images/fancy_progress.png) no-repeat;}
div#fancy_close{position:absolute;top:-12px;right:-12px;height:30px;width:30px;background:transparent url(/images/fancy_closebox.png);cursor:pointer;z-index:100;display:none;}
div#fancy_content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:96;margin:0;padding:0;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
img#fancy_img{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:92;margin:0;padding:0;}
div#fancy_title{position:absolute;bottom:-35px;left:0;width:100%;z-index:100;display:none;}
div#fancy_title table{margin:0 auto;}
div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:2px;}
td#fancy_title_left{height:32px;width:15px;background:transparent url(/images/fancy_title_left.png) repeat-x;}
td#fancy_title_main{height:32px;background:transparent url(/images/fancy_title_main.png) repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url(/images/fancy_title_right.png) repeat-x;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;overflow:hidden;background:transparent;display:none;margin:0;padding:18px 18px 58px;}
div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #444;background:#FFF;}
a#fancy_left,a#fancy_right{position:absolute;bottom:10px;height:100%;width:15%;cursor:pointer;background-image:url(data:image/gif;base64,AAAA);z-index:100;}
a#fancy_left{left:0;}
a#fancy_right{right:0;}
a#fancy_left:hover{background:transparent url(/images/fancy_left.png) no-repeat 0 100%;}
a#fancy_right:hover{background:transparent url(/images/fancy_right.png) no-repeat 100% 100%;}
#fancy_bigIframe,#fancy_freeIframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
div#fancy_bg{display:none;}
div.fancy_bg{position:absolute;display:block;z-index:70;}
div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url(/images/fancy_shadow_n.png) repeat-x;}
div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url(/images/fancy_shadow_ne.png) no-repeat;}
div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url(/images/fancy_shadow_e.png) repeat-y;}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url(/images/fancy_shadow_se.png) no-repeat;}
div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url(/images/fancy_shadow_s.png) repeat-x;}
div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url(/images/fancy_shadow_sw.png) no-repeat;}
div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url(/images/fancy_shadow_w.png) repeat-y;}
div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url(/images/fancy_shadow_nw.png) no-repeat;}