@import url(site_std_tags.css);

/*top display*/
#logo			{ position:relative; height:127px; background:#eeeedf url(/images/hj-jackson-boat.gif) no-repeat top right; z-index:1; }
#topimagesbox	{ position:relative; height:76px; background:#b9aa78; text-align:right; }
#topimages		{ width:283px; height:76px; background:#5f5f59; float:right; overflow:hidden; }
#topimages img	{ padding-top:7px; padding-right:7px; }

/*menu*/
#menubox			{ position:relative; height:2.4em; /*24px*/ }
ul#menu1, ul#menu2	{ position:relative; list-style:none; margin:0; padding:0; height:2.182em; /*24px*/ text-align:center; }
ul#menu1			{ width:477px; float:left; background:#dbcfab; }
ul#menu2			{ width:283px; float:left; background:#b77e56; }
ul#menu1 li, ul#menu2 li	{ margin:0; display:inline; font-size:1.273em; line-height:1.714em; /*24px*/ }
ul#menu1 a			{ text-decoration:none; color:#616047; margin:0 5px; }
ul#menu1 a:hover	{ text-decoration:underline; color:#900; }
ul#menu2 a			{ text-decoration:none; color:#fff; margin:0 5px; }
ul#menu2 a:hover	{ text-decoration:underline; color:#900; }

/*styles used on multiple pages*/
.contentbox			{ position:relative; padding:35px 40px; width:680px; overflow:auto; background:#fff; 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 div		{ margin-bottom:20px; }
#right-2col div img	{ border:0; }
.righttop			{ margin-top:30px; }

/*home page*/
#homeimg		{ position:relative; margin-left:-40px; width:175px; float:left; }
#homedates		{ position:relative; width:270px; float:left; }
#homeinfo		{ position:relative; margin-left:40px; width:235px; float:left; }
.npf_title		{ color:#847441; font-size:2.2em; }
.npf_subtitle	{ color:#847441; font-size:1.7em; }
.npf_dates		{ color:#847441; line-height:1.538em; }
.dotsabove		{ border-top:2px dotted #ccc; }
#tasters		{ position:relative; margin-left:140px; clear:left; }

/*about page*/
#aboutbanner					{ position:relative; padding:1px 10px 0 462px; background:#908c80; height:197px; color:#fff; }
#aboutbanner img#inchurch		{ position:absolute; top:0; left:0; border:1px solid #afab9d; }
#aboutbanner h1, #aboutbanner p	{ color:#fff; }

/*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; }

/*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 25px 0 0; padding:0; float:left; width:300px; height:97px; border-top:1px solid #ccc7a5; border-right:1px solid #ccc7a5; border-bottom:1px solid #ccc7a5; border-left:10px solid #ccc7a5; overflow:hidden; }
.showsbox li.right		{ margin:25px 0 0 0; }
.showsbox img			{ position:absolute; top:0; right:0; border:0; } 
.showsbox h1			{ margin:0; padding:3px 0 0 3px; color:#847441; font-family:Verdana, Helvetica, Sans-Serif; font-size:1.273em; font-weight:bold; } 
.showsbox p				{ margin:0; padding:2px 0 0 3px; color:#847441; font-family:Verdana, Helvetica, Sans-Serif; } 
.showsbox p.moreinfo	{ position:absolute; top:55px; left:1px; padding:14px 0 0 3px; color:#847441; font-family:Verdana, Helvetica, Sans-Serif; } 
.showsbox a				{ font-weight:normal; font-size:0.909em; }
.showsbox a:hover		{ font-weight:normal; }
.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; }

/*media*/
#myGalleryBox			{ position:relative; width:95%; z-index:2; }
.singleyoutube			{ border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; overflow:auto; width:95%; }
.singleyoutube p		{ margin:10px 0; }

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

/*event summary display - multi column*/
#eventbox				{ overflow:auto; width:100%; }
.eventsum				{ position:relative; float:left; margin:10px 20px 15px 0; border:1px solid #ccc; padding:5px 5px; overflow:hidden; width:300px; height:110px; background:#fff; cursor:pointer; z-index:4; }
.eventsum col1			{ clear:left; }
.eventsum col2			{ margin-right:0; }
.eventsum:hover			{ background:#eeeedf; }
.eventsum .eventimg		{ float:left; width:110px; height:110px; }
.eventsum img			{ float:left; }
.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; }
.eventsum .editpos		{ position:absolute; bottom:0; left:0; z-index:5; }

/*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:absolute; top:0; left:0; overflow:hidden; width:100%; font-family:Tahoma, Geneva, sans-serif; z-index:2; }
.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; }