/* ______________________________ RESET START */

/* http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

/* ______________________________ RESET END */
/* ______________________________ GENERAL FORMATTING START */

/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
html { height: 100%; margin-bottom: 1px; }
body { font-size: 13px; line-height: 1.5em; color: #000; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; margin: 0; padding: 0; background: #fff; }
#wrapper { margin-left: auto; margin-right: auto; padding: 20px 20px 10px 20px; width: 920px; background: transparent;
	/* -webkit-box-shadow: 0px 0px 6px #999;
	-moz-box-shadow: 0px 0px 6px #999; */ }

/* ______________________________ GENERAL FORMATTING END */
/* ______________________________ GLOBAL NAVIGATION START */

#nav { margin: 0 0 51px 0; background: transparent; overflow: visible; }
ul#nav-list { font-size: 12px; line-height: 12px; text-transform: uppercase; margin: 0; padding: 0; list-style: none; border: 0; }
ul#nav-list li { margin: 0 8px 0 0px; padding: 2px 0 0 0; float: left; border: 0; }
ul#nav-list a { color: #000; text-decoration: none; border: 1px solid #808080; background: transparent; margin: 0; padding: 1px 2px 1px 2px; display: block; }
ul#nav-list a:hover { margin: -1px; border: 2px solid yellow; }
body#home #home-tab a, body#works #works-tab a, body#exhibitions #exhibitions-tab a, body#live #live-tab a, body#film #film-tab a, body#words #words-tab a, body#music #music-tab a, body#contact #contact-tab a, body#shop #shop-tab a { margin: 0; border: 1px solid red; }
#nav-search { text-align: right; }
#nav-search input { padding: 0; line-height: 1em; }
#keywords { margin: 0; }
#search-button { margin: 0; }

/* ______________________________ GLOBAL NAVIGATION END */
/* ______________________________ HOME PAGE START */

/* body#home { background: #fff url(images-style/background-home.jpg) scroll repeat 0 0; } */
.hilite { background: yellow; }

#slideshow { position: relative; width: 525px; height: 345px; overflow: hidden; }
#slideshow img { display: block; width: 525px; height: 345px; }

#slideshow-container { position: relative; margin-top: -31px; }
#slideshow-overlay-text-container { position: absolute; top: 20px; left: 0px; z-index: 10; }
#slideshow-overlay-text-container a { border: 0; }
#slideshow-overlay-text-container a:hover { color: yellow; }
.slideshow-overlay-text { background: rgba(255, 255, 255, 0.75); margin: 0 0 8px 0; padding: 0 11px 3px 3px; display: inline; float: left; clear: both; }

/* ______________________________ HOME PAGE END */
/* ______________________________ WORKS PAGE & MUSIC PAGE START */

body#works { background: #fff url(images-style/background-works.jpg) scroll repeat 0 0; }
body#music { background: #fff url(images-style/background-music.jpg) scroll repeat 0 0; }

tr.works-list-item, tr.music-list-item { padding: 0 0 1em 0; display: block; }
td.works-list-thumbnail, td.music-list-thumbnail { width: 95px; line-height: 0; }
td.works-list-title, td.music-list-title { vertical-align: middle; }
#artwork-details { font-size: 0.8em; line-height: 1.5em; margin: 2em 0 0 0; }

.audio-clip { font-size: 0.8em; line-height: 16px; height: 16px; margin: 2em 0 2em 0; }
.audio-title { vertical-align: top; }

a.gig-image-link:link, a.gig-image-link:visited, a.gig-image-link:hover, a.gig-image-link:active { border: 0; margin: 0 1em 1em 0; text-decoration: none; display: block; float: left; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* ______________________________ WORKS PAGE & MUSIC PAGE END */
/* ______________________________ EXHIBITIONS PAGE START */

body#exhibitions { background: #fff url(images-style/background-exhibitions.jpg) scroll repeat 0 0; }

.exhibitions-list { clear: both; float: left; }
.exhibitions-block { font-size: 10px; width: 400px; padding: 0em 24px 2em 0; float: left; }
#exhibitions ul { padding: 0; list-style: none; }
#exhibitions li { margin: 0; }
#exhibition-details { font-size: 0.8em; line-height: 1.5em; margin: 2em 0 0 0; }

/* ______________________________ EXHIBITIONS PAGE END */
/* ______________________________ LIVE PAGE & WORDS PAGE & FILM PAGE & CONTACT PAGE START */

body#live { background: #fff url(images-style/background-live.jpg) scroll repeat 0 0; }
body#words { background: #fff url(images-style/background-words.jpg) scroll repeat 0 0; }
body#contact { background: #fff url(images-style/background-contact.jpg) scroll repeat 0 0; }

.live-block, .words-block, .film-block, .contact-block { font-size: 0.8em; padding: 2em 0 0 0; clear: both; }
#live ul, #words ul, #film ul, #contact ul { padding: 0; list-style: none; }
#live li, #words li, #film ul, #contact li { margin: 0; }
#contact input { margin: 0 0 0 0; padding: 0; line-height: 1em; }
#live-event-details { font-size: 0.8em; line-height: 1.5em; margin: 2em 0 0 0; }

#mailinglist_form { display: inline; }

/* ______________________________ LIVE PAGE & WORDS PAGE & FILM PAGE & CONTACT PAGE END */
/* ______________________________ SHOP PAGE START */

body#shop { background: #fff url(images-style/background-shop.jpg) scroll repeat 0 0; }

tr.shop-list-item { padding: 0 0 1em 0; display: block; }
td.shop-list-thumbnail { width: 95px; line-height: 0; }
td.shop-list-title { min-width: 350px; vertical-align: middle; }
p.buy-now { margin: 1em 0 0 0; }
.buy-button { display: block; float: left; width: 62px; height: 31px; margin: 0 0 1em 1em; padding: 0; background: transparent; }
.check-out-button { display: inline; width: 80px; height: 30px; margin: 0 0 1em 1em; padding: 0; background: transparent; }
.location-menu { display: block; float: left; min-width: 200px; margin: 0 12px 0 0; clear: none; }

/* ______________________________ SHOP PAGE END */

h1 { font-size: 13px; line-height: 15px; margin: 1.5em 0 1em 0; }
h2 { font-size: 13px; line-height: 15px; margin: 0; }

#footer { font-size: 10px; padding: 40px 0 0 0; clear: both; }

p.wide { font-size: 13px; min-width: 600px; }

a { color: #000; text-decoration: none; border-bottom: 1px solid #666666; }
a:hover { color: #050; border-bottom: 1px solid yellow; }
a:active { color: #666666; border-bottom: 1px solid yellow; }

a.image-link { border: 0; text-decoration: none; display: block; }





p { max-width: 424px; }
p, dl, ol, ul, pre, form { margin: 0 0 1em 0; }
form { display: block; }
blockquote { margin-left: 0px; padding-left: 6px; border-left: 1px solid #000; }
object { margin: 0 10px 0 0; }
table { margin: 0 0 1em 0; display: block; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input { margin: 0; padding: 0; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 1.25em; }
hr { height: 1px; border: 0; color: #ccc; background-color: #ccc; clear: both; margin: 1.5em 0 1.5em 0; }

img { margin: 0; padding: 0; border: 0; }
img.border { border: 1px #ddd solid; }
img.ad-dimensions { border: 1px #000 solid; }

.right { text-align: right; }
.strong { font-weight: bold; }
.underline { text-decoration: underline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.display-off { display: none; }

.hiddenFields { visibility: visible; }
.float-right { display: block; float: right; }
.float-left { display: block; float: left; clear: none; }

.buy-button { display: inline; width: 62px; height: 31px; margin: 0 0 1em 1em; padding: 0; background: transparent; }
.check-out-button { display: inline; width: 80px; height: 30px; margin: 0 0 1em 1em; padding: 0; background: transparent; }

.margin-top { margin-top: 0.75em; }
.margin-bottom { margin-bottom: 0.75em; } 
.margin-left { margin-left: 0.75em; }
.margin-right { margin-right: 0.75em; }