@import url(site_std_tags.css);

/*top display*/
#bannerbox		{ position:relative; width:760px; height:155px; background:#fff; }
#logo			{ width:183px; border-right:2px solid #fff; background:#acd9e6; float:left; }
#topimages		{ width:343px; height:155px; float:right; }

/*menu*/
#menubox			{ position:relative; float:left; }
#menubox ul			{ position:relative; list-style:none; margin:0; padding:0; width:150px; background:#f0fafe; }
#menubox ul li		{ margin:0; border-bottom:1px solid #b4dde9; height:18px; }
#menubox ul li.gap	{ height:19px; }
#menubox ul a		{ display:block; padding-left:15px; text-decoration:none; color:#49737e; width:135px; }
#menubox ul a:hover	{ color:#fff; background:#f84958; width:135px; }

/*styles used on multiple pages*/
.contentbox		{ position:relative; padding:30px 45px; background:#fff url(/images/20-bg.gif) no-repeat bottom right; min-height:1px; } /* min-height used to fix yet another ie7 bug - forces hasLayout*/

/*
#left-2col		{ float:left; width:500px; }
#right-2col		{ float:right; width:160px; text-align:right; }
#right-2col img	{ margin-bottom:20px; }
*/

/*home page*/
.show20			{ height:520px; }
#homeinfo		{ position:relative; margin-top:24px; margin-left:380px; }
#tasters		{ position:relative; width:342px; float:left; }

/*all artists layout*/
.artistbox				{ position:relative; clear:left; margin:0; padding:0; list-style:none; text-align:center; }
.artistbox li			{ position:relative; margin:20px 18px 0 0; padding:0; float:left; width:152px; overflow:hidden; }
.artistbox li.right		{ margin:20px 0 0 0; }
.artistbox li.left		{ clear:both; }
.artistbox .galimg		{ display:block; }
.artistbox .galtxt		{ display:block; margin:2px; font-weight:normal; text-decoration:none; }
.artistbox img.item		{ margin:0; border:1px solid #ccc; padding:3px; }

/*artist info layout*/
#artistcontact			{ position:relative; }
#artistcontact p		{ margin-bottom:0.545em; line-height:normal; }
#artistcontact p span	{ display:block; float:left; width:80px; font-weight:bold; }
#mediaactive			{ text-decoration:none; color:#000; }
#mediaactive:hover		{ text-decoration:underline; }

/*art detail page*/
#itembox				{ position:relative; margin-top:20px; }
#itembox img#viewlarge	{ border:1px solid #ccc; padding:4px; }
#itembox h2				{ margin-top:20px; border-top:2px dotted #ccc; padding-top:4px; font-style:italic; }
#itembox img.help		{ border:0; }
#itemdetails			{ position:relative; }
#itemdetails p			{ margin-bottom:0.545em; line-height:normal; }
#itemdetails p span		{ display:block; float:left; width:130px; font-weight:bold; }
p#itemdesc				{ margin:10px 0 4px 0; border-top:2px dotted #ccc; padding:10px 0 0 0; font-weight:bold; }

/*for the galleries layout*/
.gallerybox				{ position:relative; clear:left; margin:0; padding:0; list-style:none; }
.gallerybox li			{ position:relative; margin:20px 18px 0 0; padding:0; float:left; width:150px; overflow:hidden; }
.gallerybox li.right	{ margin:20px 0 0 0; }
.gallerybox .galimg		{ display:block; margin:0; border:1px solid #e7e7e7; background:#f7f7f7; padding:10px 0 0 0; height:150px; text-align:center; }
.gallerybox .galtxt		{ display:block; margin:2px; font-weight:normal; text-decoration:none; }
.gallerybox img.item	{ margin:0; border:1px solid #ccc; padding:4px; }
.gallerybox .zoomimg	{ background:#f7f7f7 url('/images/icons/zoom-mag.gif') no-repeat bottom right; }

/*shows index*/
.showsbox						{ position:relative; clear:left; margin:0; padding:0; list-style:none; }
.showsbox li					{ position:relative; margin:25px 20px 0 0; border:1px solid #ccc; padding:0; float:left; width:200px; overflow:hidden; }
.showsbox li.right				{ margin:25px 0 0 0; }
.showsbox li div.showdate		{ position:relative; padding:7px 0 0 5px; height:77px; color:#fff; background:#ccc; font-size:1.636em; line-height:1.2em; }
.showsbox li div.showdate span	{ font-size:1.611em; }
.showsbox img					{ position:absolute; top:5px; right:5px; } 
.showsbox li div.showtitle		{ position:relative; padding:5px; height:35px; background:#eee; overflow:hidden; }
.showsbox li div.showtitle a	{ display:block; width:190px; height:35px; color:#333; text-decoration:none; }
.showsbox li div.showtitle:hover{ background:#fff; }
.showsbox .editpos				{ position:absolute; top:0; right:0; }

/*techniques*/
#techmenu				{ position:relative; margin:0; padding:0; list-style:none; width:160px; float:left; }
#techmenu li			{ margin:0; padding:0; }
#techmenu li a			{ text-decoration:none; }
#techmenu li a:hover	{ text-decoration:underline; }
#techmenu li.techmain	{ font-size:1.2em; }
#techmenu li.techsub	{ margin-left:10px; }
#techmenu li.technext	{ margin-bottom:6px; }
#techinfo				{ position:relative; margin-left:160px; }
#techinfo .imgright		{ float:right; margin:0 0 8px 15px; font-size:0.909em; }
#techinfo .imgleft		{ float:left; margin:0 15px 8px 0; }
.glossary				{ position:relative; margin:0 0 0 140px; padding:0; list-style:none; }
.glossary li span		{ display:block; width:140px; margin-left:-140px; float:left; }

/*links*/
.artistlist				{ position:relative; width:160px; float:left; overflow:hidden; }

/*event summary display - multi column*/
.eventsumbox			{ position:relative; width:330px; height:145px; float:left; background:#fff; }
.eventsum				{ position:relative; margin:10px 20px 15px 0; border:1px solid #ccc; padding:5px 5px; width:300px; height:110px; background:#fff; cursor:hand; cursor:pointer; }
.eventsum col1			{ clear:left; }
.eventsum col2			{ margin-right:0; }
.eventsum:hover			{ background:#eee; }
.eventsum .eventimg		{ float:left; width:110px; height:110px; }
.eventsum img			{ float:right; }
.eventsum h2			{ margin-top:0; margin-bottom:0; font-size:1.15em; line-height:1.2em; color:#c00; }
.eventsum p				{ margin-top:0; font-size:1.1em; line-height:1.2em; }
.eventsum .wi			{ padding-left:120px; }
.eventsum span.more		{ display:block; border-bottom:1px dotted #c00; padding:4px 15px 1px 0; color:#c00; font-size:0.909em; font-weight:normal; font-style:italic; text-align:right; background:transparent url('/images/news/more.gif') no-repeat bottom right; }
.eventsum .eventdate	{ position:absolute; bottom:1px; right:10px; color:#666; font-size:1em; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; }
.eventsumbox .editpos	{ position:absolute; bottom:0; left:0; }

/*event full display*/
body#fullstory				{ border:0; background:#fff; }
#eventdetail				{ position:relative; padding:0 10px; text-align:left; }
#eventdetail #eventtitle	{ position:relative; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; padding:4px 4px; background:#eee url('/images/news/news-back.jpg') no-repeat top left; }
#eventdetail #eventimg		{ position:relative; float:right; margin-left:15px; }
#eventdetail #zoom			{ position:absolute; top:2px; left:-9px; border:0; }
#eventdetail #eventtext		{ padding:7px 0; }
#eventdetail #eventdate		{ margin:10px 0; border-top:1px dotted #c00; padding:2px 4px; color:#c00; font-style:italic; text-align:right; }

/*contact page*/
#frmcontact					{ position:relative; margin-bottom:15px; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; padding-top:15px; overflow:hidden; }
#frmcontact input.text		{ width:260px; font-size:0.909em;/*10px*/}
#frmcontact input.code		{ width:40px; font-size:0.909em;/*10px*/}
#frmcontact textarea		{ width:260px; font-size:0.909em;/*10px*/}
#frmcontact input.doit		{ margin-left:71px; font-size:0.909em;/*10px*/}
#frmcontact label			{ display: block; float: left; width:65px; text-align:right; margin:0 6px 0 0; }
#frmcontact #codeframe		{ margin:0; border:0; padding:0; height:12px; width:48px; }

/*the footer link for CubeConnection*/
#siteby				{ position:relative; color:#999; }
#siteby p			{ margin:3px 6px; text-align:right; font-size:1.1em; }
#siteby #copyright	{ float:left; }
#siteby a#cube		{ text-decoration:none; color:#888; font-weight:bold; }
#siteby a#cube:hover{ color:#089cb1; }

/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
#adminmenu			{ position:relative; overflow:hidden; width:100%; font-family:Tahoma, Geneva, sans-serif; }
.editlink			{ border:1px solid #ccc; color:#00f; padding:1px; font-weight:normal; background-color:#ffb; line-height:1em; }
.editlink a			{ text-decoration:none !important; color:#d00 !important; font-weight:normal !important; }
.editlink a:hover	{ text-decoration:underline !important; color:#00f !important; }
#adminnotes			{ clear:left; margin-top:10px; border-top:2px dotted #c00; padding-top:4px; color:#c00; font-style:italic; font-size:1.1em; }

/*define position of edit button on images*/
img.cmschange		{ position:absolute; top:1px; left:1px; margin:0; border:1px solid #f00; padding:0; }
img.cmszoom			{ left:25px; }