/* Copyright 2010 - Arts Events, Inc. */

/* Main Elements */
	body { margin: 0; padding: 0; font-size:82%; font-family:century gothic, Arial, Helvetica, sans-serif; }
	h1, h2{font-family:adrianne, Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; margin:0 0 20px 0; padding:0; text-shadow:#fff 1px 1px;}
	h2 {font-size:1.8em;}
	h2.title{ font-family:adrianne, "Times New Roman", Times, serif; color:#520A15; margin:0 0 10px 0;}
	.savour h2 {font-size:2.6em; font-family: adrianne;, "Times New Roman", Times, serif;}
	.home h2{font-family:adrianne; margin:0; font-size:2.6em;}
	#more_sponsors h2 { font-size:1.6em; color:#333; margin:10px 0 0 0;}
	h3{padding-top:20px;}
	h4 {font-size: 1.2em; color: #333; margin: 0 0 5px 0; padding: 20px 0 0 0; font-weight:bold; text-transform:uppercase;}
	p {line-height: 16px}
	.clear{clear:both;}
	
		body.bayfest { background: url("http://artseventsinc.com/bayfest/images/bg_body.gif") repeat;}
			body.bayfest a {color:#004b86;  text-decoration: underline;}
			body.bayfest a:hover {text-decoration: none;}
		
		body.artigras { background: url("http://artseventsinc.com/artigras/images/bg_body.gif") repeat;}
			body.artigras a {color:#5F2B81; text-decoration: underline;}
			body.artigras a:hover {text-decoration: none;}
			
		body.artstreet { background: url("http://artseventsinc.com/artstreet/images/bg_body.gif") repeat;}
			body.artstreet a {color:#7D000E; text-decoration: underline;}
			body.artstreet a:hover {text-decoration: none;}

		body.savour { background: url("http://artseventsinc.com/savour/images/bg_body.gif") repeat;}
			body.savour a {color:#7D000E; text-decoration: underline;}
			body.savour a:hover {text-decoration: none;}

		body.common { background: url("http://artseventsinc.com/common/images/bg_body.gif") repeat;}
			body.common a {color:#996633; text-decoration: underline;}
			body.common a:hover {text-decoration: none;}
		
	img { border: 0; text-decoration:none;}
	#wrapper { width: 750px; margin: 0 auto; padding-:5px;}
	#main {background: #fff; float: left; margin-bottom:200px;}
	div.clouds {background:#fff url(../images/clouds_bg.jpg) left bottom no-repeat; float: left;}

	.box{ float:left; text-align:center; width:250px; }
		.box h2{font-size:1.6em;}
	/*#right .body .bayfest p{ padding:0 0 0 10px; }*/


/* Slider */
#sliderWrap {margin: 0 auto;}
#sliderWrap, #slider {width: 580px;}
#slider {position: absolute; height: 159px; margin-top: 285px; z-index: 205;}
#slider img {border: 0;} 
#slider .content {background:#fff; color: #333333; font-size:1.2em; margin: 0 auto; padding: 0 10px 10px 10px; position: relative; text-align: center; -moz-border-radius: 10px;
border-radius: 10px; -webkit-border-radius: 10px }
#slider .content a{ color:#FFF; text-decoration:none;}
#slider .content a.title{color:#333333; outline:none;}
#slider .content p { line-height:19px;}
#openCloseWrap {/*position:absolute; margin: 143px 0 0 120px;*/ font-size:12px; font-weight:bold;}
	
	
/* Top Elements */
	#top { float: left; width: 746px; border-top: 1px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; }
	#top #nav {float:right;}
		#top #nav a{color: #777; display:block; float:left; font-family:Helvetica, sans-serif; font-size:1em; padding:10px 6px; text-transform:uppercase; /*text-shadow: 0 1px 0 #CCC;*/}
		#top #nav a.current{background:#FFF; color:#333; margin: -4px 0 0; padding: 13px 10px 10px; text-decoration:none; text-shadow: none;}
	#top div { float: left; z-index:200;}
	#rotate{width:746px; height:280px; position: absolute; z-index:150;}
	#top img.navarea { position: absolute; z-index:250; top:325px;}
	#top .tag { position: relative; z-index:202;}
	#top .h { height: 41px; width: 746px; background:url("http://artseventsinc.com/common/images/head_top.jpg") repeat-x top;}
	#top .hb { height: 280px; width: 746px; } 
	#top .hb .hdn_links { display:none;}
	#social_nav{ margin:5px auto 0 auto; width:745px;}
	#social_nav .networks{ float:left; z-index:100;}
		#social_nav .networks a{padding:0 2px;}
		#social_nav .fblike{float:left; height:16px; padding-left:10px; margin:5px auto; width:85px; z-index:50;}
 
/* Left Elements */
	#left { float: left; width: 205px; border-left: 2px solid #fff; }
	#left div { float: left; }
	#left .news {background:#F2F1EF url("http://artseventsinc.com/common/images/new_bg.jpg") no-repeat bottom;}
	#left .logos {margin-left: 15px;}
`	#left .logos_w {margin-left: 10px; float:left;}
	#left .news h2 { margin: 5px 0 0 0; }
	#left .news dl { margin: 0 0 0 10px;}
	#left .news dt { color: #333; font: bold 12px Georgia, "Times New Roman", Times, serif; overflow: hidden;padding: 2px 0 0 20px; background: url("http://artseventsinc.com/common/images/ico_thumbtack.gif") no-repeat; }
	#left .news dd { color: #666; padding: 10px 0 10px 20px; font-size: 1em; margin: 0; padding-right:5px; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif;}
		#left .home dd { color: #666; padding:10px 5px 10px 0; font-family: Georgia, "Times New Roman", Times, serif;}
	#left img { padding: 5px 0; }
	#left a.nolink,#left  a.nolink:hover { border-bottom: 0; }

/* Right Elements */

	#right .body { float: left;  padding: 20px 0 20px 10px; width: 524px;} 
	#right .home{ padding:0; position: relative; width:100%; /*width: 531px;*/ z-index:210;}
	#right .body p { padding: 0; margin:5px 0 10px 0; line-height:20px;}
	#right .body a.nolink, #right .body a.nolink:hover { border-bottom: 0; text-underline: none;}	
		.llogo{height:70px; width:70px; padding:0 5px;}
		.llogo_w{height:90px; width:170px; padding-left:10px;}
	#right .listing .logo_lg {float:left; padding:5px 2px; height:120px; text-align: center; width: 165px;}
	#right .listing .logo_lg_wide {float:left; width: 255px; height:120px;}
	#right .contact .GMapEZ { float: left; width: 335px; height: 245px}
	#right .contact #map{ float: left; width: 335px; height: 265px}
	
/* ARTIST INFORMATION - TABS & CONTENT */
	ul.artists li, ol.artists li{padding:5px 0;}
		#right ul.artist-list { margin:0 0 0 35px; padding:0;}
		#right ul.artist-list li {list-style:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 5px 15px 5px; margin:10px 5px; width:200px; float:left; line-height:18px; }

#art-tabs{background:url(http://www.fire-pixel.com/temp/artseventsinc/artstreet/images/tab_bg.jpg) bottom repeat-x;}
	.tab-content{margin-top:20px;}
	
#right .tabs { padding: .2em .2em 0 .2em;  position: relative;}
#right .tabs li {display:block; float: left; margin: 0 10px; padding:0; list-style: none; border: 2px solid #CCC; border-bottom:none; border-radius:5px; -webkit-border-radius: 5px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0;  -moz-border-radius: 5px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0;}
#right .tabs li a { display:block; text-decoration: none; border:0px; padding: .5em 1em; background:#CCC; color:#000;}
	.tabs li a:hover {border:0px;}
#right .tabs li a.active {border-bottom: 0; color: #7D000E; background: #fff;}
	#et_apparea td{border-collapse: collapse;}
	#et_apparea p{line-height:16px;}
	#et_apparea a{text-decoration:none; border:0;}
		#et_apparea a:hover{text-decoration:underline;}
	
	 /* Custom include for Artist registartion */
	#et_apparea #register_right{width:190px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; padding: 3px; background: #FFC;}
	#et_apparea p:first-letter{ font-size: inherit;}

	/*#et_apparea #profile p.ptp{width:300px;}*/
	.et_submitbutton, .et_loginbutton, .et_savebutton{cursor:pointer; font-weight:bold; background:url('http://artseventsinc.com/common/images/btn_create_account.png') no-repeat center; border:none; padding:10px 0; color:#fff; margin:30px 0 0 0; width:240px; text-transform:uppercase;}
	.et_cancelbutton{ border:#CCC 1px solid;}
	
	.et_logininput, .et_registerinput, .et_requiredcontactinfoinput, .et_contactinfotextarea, .et_contactinfoinput{background: #eaeaea; font-weight:normal; padding: 3px; margin:0; text-transform:inherit; color:#000; font-family: Verdana, Arial; font-size: 12px; border-top: 1px solid #999999; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #DBDBDB; width:230px;}
	#rules, #app, #exhibiting{ display:none;}
	ul.steps{ margin:0 auto; width:700px; text-align:center;}
	.steps * {list-style: none; margin-left: 0; display:inline;}
	.steps li{text-align:center; float: left;  width:220px; }
		.steps li img{ clear:left;}
		.steps li a{text-transform:uppercase; color:#333; font-size:.8em; text-decoration:none; width:100px;}


/* Bottom Elements */
	#btm { float: left; color: #666; background: no-repeat url("http://artseventsinc.com/common/images/bg_btm.jpg"); width: 746px;}
	#btm .copyright, #btm .hg { float: left; padding: 15px; }
		#btm .copyright { width:540px;}
	#btm a { border:none; color: #666; text-decoration: underline;}
	#btm a:hover{text-decoration: none;}

/* Index Elements */
span.title{ font-family:Arial, Helvetica, sans-serif; font-size:1.3em; text-transform: uppercase;}
.body .nobutton, a.button, .body a.button, #revisionsmorelink a{ background:#7D000E; color:#FFF; text-decoration: none; border: #7D000E 1px solid; margin:5px; padding:4px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; -moz-box-shadow:0 1px 3px #666; display:inline-block;}

	/*#colB a.button:hover, .body a.button:hover, #revisionsmorelink a:hover{ background:#A40010; text-decoration:none;}*/
	
	.artigras a.button, .artigras #revisionsmorelink a{ background:#5F2B81; border: #5F2B81 1px solid; }
	.artigras a.button:hover, .artigras #revisionsmorelink a:hover{ background:#9853C6; text-decoration:none;}

	.bayfest a.button, .bayfest #revisionsmorelink a{ background:#0056A4; border: #0056A4 1px solid; }
	.bayfest a.button:hover, .bayfest #revisionsmorelink a:hover{ background:#004B86; text-decoration:none;}

	.body .nobutton{ background:#CCC; border:#efefef 1px solid; color:#eaeaea}

	body.common .main{ padding-bottom:30px; border-top:2px #fff solid;}
	body.common .event, body.common .event_js { background:#FFF; float:left; margin-bottom:25px;}
		body.common .event_js {margin:0 0 25px 220px;}
		body.common .event_js div.txt{ margin-left:10px; width:300px;}
	body.common .event .logo, body.common .event_js .logo{float:left;}
		body.common .event .logo a, body.common .event .logo a:hover,body.common .event_js .logo a, body.common .event_js .logo a:hover { border:none; text-decoration: none;}
	body.common .event .txt, body.common .event_js .txt {color:#333; font-size:1em; padding-left:10px; float:left; width: 340px; }
	body.common .event .txt{padding: 20px 10px;}
	.home div.txt p{font-size:1.3em; font-weight:300;}
	#right .home div.txt p.c{ border-top: 1px #999 solid; border-bottom: 1px #999 solid; margin:0 auto; width: 320px;}
	.home div.txt p.c b{color: #000000; display: block; font-size: 1.2em; font-weight: 500; padding: 10px 0 10px 0;}
	/*body.common .event p:first-letter{ font-size:1.8em; font-weight:400;}*/

/* GENERAL STYLES */
#right .contact .map{ position: absolute; margin: -8px 0 0 100px}
#right .contact .l strong{ color:#333; display: inline-block; font-size:1.1em; padding-bottom: 10px;}
#right .contact .l { float: left; width: 175px; margin-top:10px;} 
#right .contact .l p { font-size:.9em; padding: 0; margin: 0;}
#right .contact .gmap { float: left; width: 280px; height: 150px}
#right .contact .form { clear: left; float: left; margin: 20px 0 0 30px; width: 400px;}
#right .contact td { padding: 5px 0 5px 0; }
 

#right .listing h3 { margin: 0 0; float:left; width: 485px; font-size: 12px; padding: 20px 2px 3px 10px; background: url("/bayfest/images/eh3.png") no-repeat top left; color: #D44E01; text-transform: uppercase; font: bold 2.2em skippy-sharp, Arial, Helvetica, sans-serif;}
#right .print { display:none !important;} 
#right .listing .cont {float: left;  margin: 0 0 20px 0; line-height:18px;  }
	.savour #right .listing .cont{ line-height:20px;}

#right .listing div{ padding:0 0 5px 5px; float:left; width:475px;}

#right .cont { padding:0 0 0 20px; }

#right div .s{clear:left;} /* Schedule */
#right div .st{clear:left;} /* Schedule Title */
#right .listing .A,#right .listing .ABC, #right .listing .B, #right .listing .A2, #right .listing .C { float: left; }
	#right .listing .A {width: 200px;}
	#right .listing .A2 {width: 300px;}
	#right .listing .B {width: 230px;}
	#right .listing .C {width: 150px;}
	#right .listing .ABC {width: 400px;}
		.savour #right .listing .ABC {width: 500px; font-family: proxima-nova; font-size: 1.2em; font-weight: 300;}
	



#right .map div {float: left; margin-top: 10px; width: 160px; padding: 5px; margin-left: 25px}
#right .map h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-left: -8px!important; margin-left: 0;}
#right .map a.shadow { border: 0; display: block; float: left; background: url("http://artseventsinc.com/common/images/bg_shadow.png") no-repeat bottom right!important;background: url("http://artseventsinc.com/common/images/bg_shadow.gif") no-repeat bottom right; padding: 0;margin: 5px 10px 3px 3px!important;margin-right: 5px; width: auto; cursor: pointer; }
#right .map a.shadow:hover { border: 0; }
#right .map a.shadow img {background:#fff; height: 150px; border: 1px solid #a9a9a9; margin: -5px 6px 4px -10px!important; margin: 0 6px 6px 0; padding: 4px;}