/*
   style.css
   KickArts
   
   Created by Callum Wilson on 2010-08-02.
   Copyright 2010 Oxygen Kiosk. All rights reserved.

	Colours Used:
		Links: #737373
		Red: #D30B13
*/

/* Resets
---------------------------------------- */
* {margin: 0; padding: 0;}
html, body {min-height:100%;}

/* Typography
---------------------------------------- */
body {font-size: 75%; line-height:1.5; font-family:'Helvetica Neue', Arial, Helvetica, sans-serif; color: #666;}
h1, h2, h4 {font-weight:normal;}

h1, td.infoBoxHeading {
	font-size: 1.666667em;
	line-height: 1.1em;
	margin-bottom: 1.8em;
	color:#666;
}
h2, td.contentbox {
	font-size: 1.25em;
	line-height: 1.2em;
	margin-top: 1.133333em;
	margin-bottom: 1.133333em;
}
/*h3 {font-size: 1.416667em; line-height: 1.058824em; margin-bottom: 0;}*/
h4	{font-weight:bold;}
p, h3, li, #footer div.vcard, dt, dd, div#hero div#image-credit, legend, .exhibition-description {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin-top: 1.636364em;
	margin-bottom: 1.636364em;
}
	h3 + p {margin-top: 0;}
h3 {color:#666; margin-bottom:0; }
dl {}
	dt {font-weight:bold; margin: 0;}
	dd {margin-bottom:1em; margin-top:0;}
		dd + dd {margin-top:-1em;}
li {margin: 0;}
	li p {font-size:1em;}
a:focus {outline: 1px solid #D30B13; background: url('../img/trans-red-20.png') center repeat transparent; background: rgba(255,0,0,0.2);}
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #D30B13;}
a:active {color:#FF0C15; background: none;}
a:hover, a:active { outline: none; }
a img {border: none;}
legend {font-weight:bold; display:block;}

/* Background
---------------------------------------- */
html{background:#EEEBE5 url('../img/background.png') 0 0 repeat;}
body, #container {background:transparent url('../img/white-shadow.png') center top repeat-y;}
	body.grid {background-image: url('../img/container-background-grid.png')}
#main {position:relative;z-index: 1;}

/* Layout
---------------------------------------- */
#container {width:960px; margin: 0 auto; height: auto !important; min-height: 100%; height: 100%; position: relative;}
	p#logo {margin: 0;}
	h1#logo a, p#logo a {display:block;background:transparent url('../img/heading.png') right top no-repeat; height:178px; text-indent:-9999em; overflow:hidden;}
	body.store p#logo a {background:transparent url('../img/heading-shop.png') right top no-repeat;float:right; width:300px; height:146px;}
	body.shop p#logo a {background: url('../img/kickarts_shop_logo.gif') right top no-repeat; }
	h1#logo a {display:none;}
	object#flash-logo {float: right; margin-bottom:40px; }
	body.home h1#logo {display: none;}
	#content {padding-bottom:205px;}
		body.home #content {padding-bottom:150px;}
		body.store #content {padding-bottom:50px;}
	#footer {position: absolute; left: 0; bottom: 0; height: 150px; width: 100%;}
	
	body.content #main {padding-left:250px; padding-right: 210px; position:relative;}
	body.single #main {padding-right: 210px;}
	
/* Navigation
---------------------------------------- */
ul#nav {margin-left:20px; position:relative; z-index: 100; clear:right;}
	ul#nav li, ul#nav li a {float:left;}
	ul#nav li {position: relative; font-size:1em;}
		ul#nav li a {display:inline; line-height:38px; height:38px; text-decoration:none; font-weight:bold; color:#737373; padding: 0; margin: 0 6px; text-transform:uppercase;}
			ul#nav li.active a, ul#nav li a:hover, ul#nav li:hover a {color:#D30B13;}
			ul#nav > li.first > a {margin-left: 0;}
		ul#nav li ul {position: absolute; top: 38px; left: 0; width:136px; background: url('../img/trans-30.png') center repeat transparent;background:rgba(0,0,0,0.3); display: none;}
			ul#nav li:hover ul, ul#nav li.over ul {display: block;}
			ul#nav li ul li, ul#nav li ul li a {float: none; color: #fff;}
				ul#nav li:hover ul li, ul#nav li:hover ul li a {color: #fff;}
				 ul#nav li ul li a {height:34px; line-height:34px; font-weight:normal; display:block; text-transform:none; border-bottom:1px solid #7a7a7a; background: none; text-indent:0 !important; margin: 0; padding: 0 6px;}
				 	ul#nav li ul li:last-child a {border-bottom:none}
				 	ul#nav li ul li a:hover {background:rgba(255,255,255,0.5); color: #D30B13;}
				
/* Fancy text on the main nav
---------------------------------------- */
ul#nav > li > a {background: url('../img/menu-main.png') 9px top no-repeat; text-indent: -9999em; overflow: hidden;}
ul#nav li#nav-2 > a {background-position: 1px top; width:54px;} /* About */
	ul#nav li#nav-2:hover > a, ul#nav li#nav-2.active > a {background-position: 1px bottom;}
ul#nav li#nav-32 > a {background-position: -65px top; width:57px;} /* What’s On */
	ul#nav li#nav-32:hover > a, ul#nav li#nav-32.active > a {background-position: -65px bottom;}
ul#nav li#nav-35 > a {background-position: -132px top; width:69px;} /* Exhibitions */
	ul#nav li#nav-35:hover > a, ul#nav li#nav-35.active > a {background-position: -132px bottom;}
ul#nav li#nav-36 > a {background-position: -213px top; width:85px;} /* Kickarts Shop */
	ul#nav li#nav-36:hover > a, ul#nav li#nav-36.active > a {background-position: -213px bottom;}
ul#nav li#nav-10 > a {background-position: -310px top; width:98px;} /* Djumbunji Press */
	ul#nav li#nav-10:hover > a, ul#nav li#nav-10.active > a {background-position: -310px bottom;}
ul#nav li#nav-19 > a {background-position: -420px top; width:72px;} /* Membership */
	ul#nav li#nav-19:hover > a, ul#nav li#nav-19.active > a {background-position: -420px bottom;}
ul#nav li#nav-37 > a {background-position: -505px top; width:88px;} /* Opportunities */
	ul#nav li#nav-37:hover > a, ul#nav li#nav-37.active > a {background-position: -505px bottom;}
ul#nav li#nav-15 > a {background-position: -605px top; width:60px;} /* Education */
	ul#nav li#nav-15:hover > a, ul#nav li#nav-15.active > a {background-position: -605px bottom;}
ul#nav li#nav-23 > a {background-position: -678px top; width:69px;} /* Support Us */
	ul#nav li#nav-23:hover > a, ul#nav li#nav-23.active > a {background-position: -678px bottom;}
ul#nav li#nav-31 > a {background-position: -758px top; width:46px;} /* Visit Us */
	ul#nav li#nav-31:hover > a, ul#nav li#nav-31.active > a {background-position: -758px bottom;}
				
/* Breadcrumbs
---------------------------------------- */
span.B_crumbBox {border: 1px solid #999; border-width:1px 0 1px 0; padding: 10px 0; margin-bottom:53px; display:block; font-size:0.9em;}
	td span.B_crumbBox {padding:9px 0 10px 0;}
	body.store span.B_crumbBox {margin-bottom:0;}
	span.B_crumbBox a {/*float:left; */color: #999; padding: 0 3px; text-decoration:none ;}
		span.B_crumbBox a.my-account {float:right; color:#D61A22;}
	span.B_crumbBox span.B_firstCrumb a {padding-left:0;}
		span.B_crumbBox a:hover {color:#D30B13;}
		/*span.B_crumbBox a:after {content: " > ";}
					span.B_crumbBox a.B_currentCrumb:after {content: "";}*/
			body.content span.B_crumbBox {margin-right: -190px;}
			
/* Home Page Hero Slideshow
---------------------------------------- */

body.home div#hero {height:465px; width:920px; overflow:hidden; margin-left:0; margin-bottom:0;}

ul.hero-slideshow {position:relative;}
	ul.hero-slideshow li {position:absolute; top: 0; left: 0; height:465px; width:920px; z-index: 2;}
		ul.hero-slideshow li img {position:absolute; top: 0; left: 0; width:920px;}
		ul.hero-slideshow li div.exhibition-details {position:absolute; width:211px; height:217px; right: 0; top: 169px; background:transparent url('../img/trans-30.png') center repeat; background:rgba(0,0,0,0.3); padding:10px;}
			ul.hero-slideshow li div.exhibition-details * {color:#fff;}
			ul.hero-slideshow li div.exhibition-details h3 {font-weight:normal; font-size: 1.545455em; line-height: 1.058824em; margin-top:0;}
				ul.hero-slideshow li div.exhibition-details h3 a {text-decoration:none;;}
				ul.hero-slideshow li div.exhibition-details h3 span.artist-name {font-weight:bold;}
				ul.hero-slideshow li div.exhibition-details h3 span.artist-name:after {content: "";}
			ul.hero-slideshow li div.exhibition-details p.exhibition-duration, ul.hero-slideshow li div.exhibition-details div.exhibition-description {margin:15px 0; font-size: 1em; line-height:1.363635em;}
			ul.hero-slideshow li div.exhibition-details p.exhibition-duration {font-weight:bold;}
			ul.hero-slideshow li div.exhibition-details p.read-more a {text-decoration:underline;}
			
			ul.hero-slideshow li div.exhibition-details div.gallery {position:absolute; bottom: 10px; right: 10px; text-indent:-9999em; width: 150px; height:30px;}
				ul.hero-slideshow li.One div.exhibition-details div.gallery {background:url('../img/GalleryOne.png') bottom right no-repeat;}
				ul.hero-slideshow li.Two div.exhibition-details div.gallery {background:url('../img/GalleryTwo.png') bottom right no-repeat;}
				ul.hero-slideshow li.Djumbunji div.exhibition-details div.gallery {background:url('../img/DjumbunjiPress.png') bottom right no-repeat; width:170px;}
/* Home Page In-page Nav
---------------------------------------- */
ul.in-page-nav {margin-left:20px; margin-top:4px; margin-bottom:4px;}
	ul.in-page-nav li, ul.in-page-nav li a {float:left;}
		ul.in-page-nav li a {display:block; width:227px; height:160px; background:transparent url('../img/in-page-navigation-trans.png') 0 0 no-repeat; margin-right:4px; text-indent:-9999em; overflow:hidden;}
			ul.in-page-nav li.nav-djumbunji a {}
			ul.in-page-nav li.nav-exhibitions a {background-position:-232px 0;}
			ul.in-page-nav li.nav-shop a {background-position:-462px 0;}
			ul.in-page-nav li.nav-join a {background-position:-693px 0;}
/* General Content
---------------------------------------- */
div#hero {margin-left: -250px; height:280px; margin-bottom:20px;padding: 0 20px; position:relative; margin-right:-210px;}
	body.store div#hero {margin-left:0; margin-right:0;}
	div#hero img.hero-image {position:relative; z-index: 1;}
	div#hero div#image-credit {position:absolute; z-index: 2; bottom:0; right: 20px; background: url('../img/trans-50.png') center repeat transparent; background:rgba(0,0,0,0.5); color:#fff; padding:5px; margin: 0;}
		div#hero div#image-credit span.image-credit-title {font-style:oblique;}
body.content p.exhibition-introduction {color: #666; width:460px;}
a#shop-link, a#join-link {position:absolute; left: 35px; top :380px; background: url('../img/shop.png') center top no-repeat; height:177px; width:170px; text-indent:-9999em; overflow:hidden;}
	a#join-link {background:url('../img/join-now.png') center top no-repeat; height:168px;}
		a#join-link:hover {background:url('../img/join-now.png') center bottom no-repeat;}
	a#shop-link:hover {background: url('../img/shop.png') center bottom no-repeat;}

/* Exhibitions
---------------------------------------- */
ul#exhibitions {margin-right: -190px;}
	ul#exhibitions li {position:relative; border-bottom:1px solid #d5d5d5; padding:16px 0 20px 0;}
		ul#exhibitions li:last-child {border-bottom:none;}
		ul#exhibitions li div.exhibition-details {width:360px; float:left;}
			ul#exhibitions li div.exhibition-details h2 {margin-bottom: 1em;margin-top:0;font-size: 1.666667em;line-height: 1em;}
				ul#exhibitions li div.exhibition-details h2 a {text-decoration:none;}
			ul#exhibitions li div.exhibition-details p {margin: 1em 0;}
				div.exhibition-details ul#exhibitions li div.exhibition-details p#tvExhibitionDescription {font-weight:normal;}
				ul#exhibitions li div.exhibition-details p.exhibition-introduction {color: #666; width:auto;}
				ul#exhibitions li div.exhibition-details p.exhibition-duration {font-weight:bold; color:#666;}
				ul#exhibitions li div.exhibition-details p.exhibition-location {font-weight:bold; text-transform:uppercase;font-size: 0.916667em; line-height: 1.636364em; color:#666;}
			
		ul#exhibitions li div.exhibition-artwork {width:227px; float:right;}
/*			span.artist-name:after {content: ", ";}*/
			span.artist-name + span.artwork-name:before {content: ", ";}
			span.artwork-name {font-style:oblique;}

div.exhibition p#tvExhibitionDescription {font-weight:bold;}
	div.exhibition div.exhibition-description p#tvExhibitionDescription {font-weight:normal; color:#666;}
/*div.exhibition p.exhibition-sub-description {width:465px;}*/
div.exhibition h1 {margin-bottom: 0.9em;}
div.exhibition p.exhibition-duration {font-weight:bold; /*margin-bottom:0.75em;*/}
div.exhibition p.exhibition-location {font-weight:bold; text-transform:uppercase;font-size: 0.916667em; line-height: 1.636364em; color:#666; margin-top: 0.818182em;}
div.exhibition div.single-exhibition p#tvExhibitionDescription {width:480px;}

/* Search
---------------------------------------- */
span.sisea-highlight {font-weight:bold; color: #D30B13;}

/* Site Map
---------------------------------------- */
body.site-map #main ul {}
	body.site-map #main ul li {}
		body.site-map #main ul li li {font-size:1em; margin-left:2em;}

/* Newsletter Form
---------------------------------------- */
form {}
	form fieldset {border: 0;}
		form fieldset ol {overflow:hidden;}
			form fieldset ol li {margin-bottom:1em;}
/*			form fieldset ol li:first-child {margin-top: 1.636364em;}*/
				form fieldset ol li label {display:block; font-weight:bold;}
				form fieldset ol li input[type="checkbox"] {float: left; margin-right:5px; margin-top:2px;}

/* OSCommerce Stuff
---------------------------------------- */
td h1 {margin: 55px 0 0 0;}
td p {font-size:1em;}
table#main-table {width: 920px; margin:0 auto; }
#minicart {width:210px; border:1px solid #c9c9c9; margin-left:20px; margin-bottom:16px;}
#navigation {width:210px;}
td#table-content {width:690px;}
td#navigation, td#table-content {vertical-align:top;}
	td#navigation {padding-top:55px; font-size:12px;}
		td#navigation table.content-box {margin-top:0;}	
	td#table-content {}
	table.start {width:100%;}
table.infoBox {margin-top:1em;}
	#minicart p {margin:0; line-height:24px; padding-left:6px;}
		#minicart p span.number-of-products {color:#666; font-weight:bold;}
	table.infoBox td.boxText {line-height:24px; color: #DAD4D4; text-align:left;}
		table.infoBox td.boxText a {text-decoration:none; color: #666;}
td.date {margin-bottom:0;}
	td.date div.date {border: 1px solid #999; border-width:1px 0 1px 0; margin-right: 10px; height:35px; line-height:35px;}
td.smallText {font-size:0.9em; color:#999; text-align:left;}
td.smallText a {text-decoration:none;;}
td.infoBoxHeading img {display:none	;}
table.content-box {margin-top: 20px;}

table#product-detail {}
	table#product-detail h1 {margin-bottom:10px;}
/*		table#product-detail td.main {padding-left:12px;}*/
/*		table#product-detail td#product-detail-meta {padding-left:12px;}*/
			table#product-detail td#product-detail-meta p {margin: 0;}
			table#product-detail td#product-detail-meta a.reviews-button {float:right; margin-top:15px;}
			table#product-detail td#product-detail-meta input[type="image"] {float:left; margin-top:15px;}

td.boxText select {width:175px !important;}

/*td.main {padding-left:24px;}*/
table.start td.main {padding-left:0;}
	td.main a.product-image {position:absolute;right:22px; text-decoration:none;}
	td.main div.product-description {overflow:hidden; width:420px;}

table#categories {border-collapse: collapse; width:100%;}
	table#categories td {padding: 0 20px 0 0; vertical-align:middle;}
		table#categories td h3 {border-bottom:1px solid #a9a9a9; margin-bottom:20px; top: 0; text-align:left; font-weight:normal; position:absolute; margin: 0; width:100%;}
			table#categories td h3 a {text-decoration:none;}
		table#categories td div {height:300px;vertical-align:middle; position:relative; }
			table#categories td div div {height:300px; line-height:300px; text-align:left;}
			table#categories td div img {vertical-align:middle;}
table.productListing {margin-bottom:10px; margin-top:40px;}		
td.productListing-heading {border-top:1px solid #666; border-bottom:1px solid #666; padding: 5px 0;}
	td.productListing-heading a {text-decoration:none;}

td.productListing-data {vertical-align:top; padding-top:10px; text-align:left;}
td.productListing-data img {vertical-align:middle; float:left;}
td.productListing-data a {text-decoration:none;}
/*td.productListing-data:last-child img {display:block; margin: 0 auto;}*/
		#navigation td.currencies, #navigation td.artists  {padding-top:20px;}
#footer-store {width:690px; float:right; border-top:1px solid #999999; padding-top:15px; margin-right:30px; color: #999;}
	#footer-store a {color: #999; text-decoration:none;}
	#footer-store ul {float:left;}
	#footer-store ul, #footer-store ul li {}
	#footer-store ul#tools {float:left; width:230px;}
/*		#footer-store ul#tools li, #footer-store ul#sub-tools li { width:50%; float:left;}*/
	#footer-store ul#sub-tools {float:right; width:230px;}
	#footer-store ul#sub-tools li {float:none; width:auto;}
		#footer-store ul#tools li a {text-decoration:none; color:#999;}

td.messageStackError {padding: 1em; background:#F93E4F; color:#fff;}
.forgot {padding-left:25px;}
/* Footer
---------------------------------------- */
#footer {font-size: 0.916667em;line-height: 1.3em; color: #666; background:url('../img/bottom-border.png') 250px top no-repeat;}
/*	#footer * {line-height:1.3 !important;}*/
	body.home #footer {background:none;}
	#footer a#donate, #footer a#subscribe {display:block; width:227px; height:129px; background:#FFF url('../img/donate.png') 125px 28px no-repeat; margin-left:20px; margin-right:4px; float:left; text-indent:-9999em; overflow:hidden;}
	#footer a#subscribe {background:#EBE5DE url('../img/E-Bulletin_Button.png') left bottom no-repeat; margin: 0; height:129px;}
	#footer div.vcard, #footer div#secondary-items, #footer ul#secondary-nav.content-page, #footer ul#tertiary-nav {width:226px; float:left; margin-right:5px; margin-top:10px; line-height:1.4;}
	#footer div.vcard {line-height:1.6em}
	body.content #footer div.vcard {margin-left:250px; }
	body.content #footer div.vcard {margin-left:250px; }
	#footer ul#social-media, #footer ul#secondary-nav {}
		#footer ul#social-media li, #footer ul#secondary-nav li {display:inline; padding-right:3px;}
		body.home #footer ul#social-media li, body.home #footer ul#secondary-nav li {display:block; padding-right:3px;}
			body.home #footer ul#secondary-nav li.one {float: left;}
			#footer ul#social-media li:last-child {display:block;}
			#footer ul#secondary-nav li:nth-child(3), #footer ul#secondary-nav li.three, #footer ul#secondary-nav li:last-child, #footer ul#secondary-nav li.five  {display:block;}
			#footer ul#social-media li a, #footer ul#secondary-nav li a, #footer ul#tertiary-nav li a {text-decoration:none; color:#666;}
				#footer ul#social-media li a:hover, #footer ul#secondary-nav li a:hover, #footer ul#tertiary-nav li a:hover {color:#D30B13;}
	
	div.entry {font-weight:bold;}
	body.content #footer ul#secondary-nav.content-page li {display:block;}
	
	/* Form */
	#footer form {margin-top:9px;}
/*		body.home #footer form {margin-top:0;}*/
	#footer form ol, #footer form ol li {list-style:none;}
	#footer form ol li {position:relative; float:left;}
	#footer form ol li label {left:5px; position:absolute;top:2px;}
	#footer form ol li input {border: 1px solid #999; width:144px; padding: 2px 3px; border-right: 0; height:14px;}
	#footer form ol li button {border: 1px solid #999; border-left: 0; width:50px;height: 20px; background: #fff; font-size:1.4em; line-height: 14px; padding: 0; color: #666;}
	
	
/* Addthis
---------------------------------------- */
/* AddThis Vertical Hover Menu */
.addthis_toolbox {position:relative;}
.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    cursor: pointer;
}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
bottom: 0;
z-index: 100;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}

/*
	Wufoo
*/

#form24 h2, .wufoo .info {display: none;}

/* Tools
---------------------------------------- */
ul.hero-slideshow, ul.hero-slideshow *, ul#nav, ul#nav *, ul.in-page-nav, ul.in-page-nav *, ul#breadcrumbs, ul#breadcrumbs *, ul#exhibitions, ul#exhibitions *, #footer ul#social-media *, #footer ul#secondary-nav *, #footer ul#tertiary-nav, #footer ul#tertiary-nav *, form fieldset ol, form fieldset ol li, #footer-store ul, #footer-store ul li {list-style:none;}

ul#nav:after, .in-page-nav:after, ul#breadcrumbs:after, ul#exhibitions li:after, #footer ul#social-media:after, #footer ul#secondary-nav:after, span.B_crumbBox:after, body.content #main:after, #content:after, #footer:after, p#logo:after { /* For modern browsers */
  content    : ".";
  display    : block;
  height     : 0;
  clear      : both;
  visibility : hidden;
}

ul#nav, .in-page-nav, ul#breadcrumbs, ul#exhibitions li, #footer ul#social-media, #footer ul#secondary-nav, span.B_crumbBox, body.content #main, #content, #footer, p#logo  { display : inline-block; } /* For IE6/7 */
ul#nav, .in-page-nav, ul#breadcrumbs, ul#exhibitions li, #footer ul#social-media, #footer ul#secondary-nav, span.B_crumbBox, body.content #main, #content, #footer, p#logo  { display : block; } /* For IE6/7 */