/* BASIC */
html				{height: 100%;}
					
body				{color: #444; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.75em; height: 100%; min-width: 1168px; background: #FFF url(../../local/img/bg-down.png) left top repeat-x;}
					
h1,h2,h3,h4,h5		{color: #7DFF00; font-family: Verdana, Arial, sans-serif; font-weight: normal; margin: 0.5em 0; line-height: 1.5em; letter-spacing: 0.05em;}
					
/* Website Title */
h1					{font-size: 1.4em;}
					
/* large scribble background */
h2				{color: #FFF; height: 63px; font-size: 260%; padding-left: 20px; width: 225px; line-height: 50px; background-position: center center; background-repeat: no-repeat;}
.sunshine h2	{color: #444; background-image: url(../../local/img/heading-lg-sunshine.png);}
.fiery h2		{background-image: url(../../local/img/heading-lg-fiery.png);}
.deep h2		{background-image: url(../../local/img/heading-lg-deep.png);}
.fresh h2		{background-image: url(../../local/img/heading-lg-fresh.png);}
.cold h2		{background-image: url(../../local/img/heading-lg-cold.png);}
.pure h2		{background-image: url(../../local/img/heading-lg-pure.png);}


/* nothing special */
h3					{font-size: 1.2em;}
					
/* small scribble background */
h4				{color: #444; height: 28px; font-size: 180%; line-height: 18px; padding-left: 20px; width: 147px; background-position: center center; background-repeat: no-repeat;}
.sunshine h4	{background-image: url(../../local/img/heading-sm-sunshine.png);}
.fiery h4		{background-image: url(../../local/img/heading-sm-fiery.png);}
.deep h4		{background-image: url(../../local/img/heading-sm-deep.png);}
.fresh h4		{background-image: url(../../local/img/heading-sm-fresh.png);}
.cold h4		{background-image: url(../../local/img/heading-sm-cold.png);}
.pure h4		{background-image: url(../../local/img/heading-sm-pure.png);}
.grey h4		{color: #FFF; background-image: url(../../local/img/heading-sm-grey.png);}
/* text-align: center */
h5					{font-size: 1.1em; text-align: center;}
 
p					{margin: 0 0 1em; line-height: 1.4em; letter-spacing: 0.03em;}
					
li					{line-height: 1.4em; letter-spacing: 0.03em;}
					
a					{color: #3399CC; text-decoration: underline;}

.body-text a		{padding: 0.15em;}

.body-text			{color: #444;}

/* COLOURS */
.sunshine			{color: #FFE400;}	/* YELLOW */
.fiery				{color: #FF7E00;}	/* ORANGE*/
.deep				{color: #339900;}	/* GRASS*/
.fresh				{color: #7DFF00;}	/* LIME*/
.cold				{color: #6699CC;}	/* CORNFLOUR*/
.pure				{color: #3399CC;}	/* KINGFISHER*/

.dark				{color: #222;}
.light				{color: #B3B3B3;}
					
.bg_base			{background-color: #FFF;}
					
.bg_sunshine		{background-color: #FFE400;}
.bg_fiery			{background-color: #FF7E00;}
.bg_deep			{background-color: #339900; color: #FFF;}
.bg_fresh			{background-color: #7DFF00;}
.bg_cold 			{background-color: #6699CC; color: #FFF;}
.bg_pure 			{background-color: #3399CC;}

.border_sunshine	{border-color: #FFE400;}
.border_fiery		{border-color: #FF7E00;}
.border_deep		{border-color: #339900;}
.border_fresh		{border-color: #7DFF00;}
.border_cold 		{border-color: #6699CC;}
.border_pure 		{border-color: #3399CC;}

/* LINKS */
.body-text a:hover	{background-color: #444;}

.sunshine a			{color: #FFE400;}
.sunshine a:hover	{background-color: #FFE400;}

.fiery a			{color: #FF7E00;}
.fiery a:hover		{background-color: #FF7E00;}

.deep a				{color: #339900;}
.deep a:hover		{background-color: #339900;}

.fresh a			{color: #7DFF00;}
.fresh a:hover		{background-color: #7DFF00;}

.cold a				{color: #6699CC;}
.cold a:hover		{background-color: #6699CC;}

.pure a				{color: #3399CC;}
.pure a:hover		{background-color: #3399CC;}

.grey a				{color: #3399CC;}
.grey a:hover		{background-color: #444; color: #FFF;}


a:visited			{text-decoration: none;}
a:hover				{color: #FFF; text-decoration: none;}

/* HIGHLIGHTS & ACCENTS */
.highlight			{color: #444; padding: 10px; background-color: #EEE; background-position: center 98%; background-repeat: no-repeat; margin-bottom: 10px;}
.deep .highlight	{background-image: url(../../local/img/swipe-deep.png);}
.outer-highlight 	{color: #444; padding: 10px; background-color: #F4F4F4; border: solid 1px #DDD;}

.accent				{font-size: 150%;}

/* CLASSES */
.spacey				{letter-spacing: 0.05em;}
.itty				{font-size: 85%;}
.give-me-room li	{margin-top: 5px;}

.bgreplace			{text-align: left; text-indent: -9000000px; display: inline-block; background-position: center center; background-repeat: no-repeat; background-color: transparent;}

/* POSITIONING */
#wrapper		{height: auto !important; height: 100%; min-height: 100%; margin-bottom: -182px; min-width: 900px; background: transparent url(../../local/img/wrapper-right.png) right top repeat-y; padding-right: 23px; padding-bottom: 150px;}

#homelink			{background-image: url(../../local/img/wsfest-logo.png); height: 243px; width: 235px;}
#homelink-text a	{background-image: url(../../local/img/wsfest-fiery.png); height: 61px; width: 602px;}
#homelink-date		{background-image: url(../../local/img/5-11-july-pure.png); height: 78px; width: 374px;}

#navigation			{background: transparent url(../../local/img/navigation-bg.png) top left no-repeat; width: 640px; height: 21px; overflow: hidden; padding: 25px 0 25px 12px; margin-bottom: 20px;}
#navigation a		{color: #444; font-size: 150%; text-decoration: none;}
#navigation a:hover	{color: #FF7E00; background-color: transparent;}

#footer-wrapper		{height: 152px; padding-top: 30px; clear: both; min-width: 900px; padding-right: 23px; background: transparent url(../../local/img/footer-bg.png) 16px center no-repeat;}

#footer-navigation			{padding-top: 30px; background: transparent url(../../local/img/swipe-white.png) 660px 20px no-repeat;}
#footer-navigation li		{float: left; border-right: solid 1px #FFF;}
#footer-navigation li.omega	{border-right: none;}
#footer-navigation a		{color: #FFF; padding: 0 6px; font-size: 150%; text-decoration: none;}
#footer-navigation a:hover	{color: #3399CC; background-color: transparent;}

#social-media				{margin-top: 15px; margin-bottom: 25px;}
#social-media li			{vertical-align: middle;}
#social-media a				{height: 44px; width: 144px;}
#social-media a:hover		{background-color: transparent; opacity: 0.8;}

#footer-wrapper p#copyright	{margin-bottom: 0; padding-left: 53px; text-align: right;}

.footer-cols			{border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; background-color: #EEE; margin-top: 60px; padding-bottom: 10px;}
.footer-cols h4			{margin-left: 44px; margin-right: 44px;}
.footer-cols ul			{margin-left: 50px; margin-right: 38px;}
.footer-cols li			{margin-bottom: 5px; background-position: left 5px; background-repeat: no-repeat; padding-left: 15px;}
.footer-cols .cold li	{background-image: url(../../local/img/bullet-cold.png);}
.footer-cols .pure li	{background-image: url(../../local/img/bullet-pure.png);}
.footer-cols .fiery li	{background-image: url(../../local/img/bullet-fiery.png);}
.footer-cols a			{text-decoration: none; color: #888; line-height: 20px;}
.footer-cols a:hover	{color: #FFF;}


/*jquery MODAL */
.jqmClose	{background: url(../../local/img/close.png) transparent left center no-repeat; padding-left: 24px; min-height: 22px;}

.jqmWindow	{display: none; position: absolute; top: 5%; left: 50%; margin-left: -480px; background-color: #FFF; border: 1px solid #FFF; padding-bottom: 20px;}

.jqmOverlay {background-color: #EEE;}

/* Fixed posistioning emulation for IE6
 Star selector used to hide definition from browsers other than IE6
 For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}			

/* LIGHTBOX */
div#lbOverlay	{background-color: #339900;}

/* INDEX */
#showcase			{padding-bottom: 20px; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;}

.col				{margin-bottom: 10px;}

.col-content			{margin-left: 25px; margin-right: 30px; margin-bottom: 10px; padding-bottom: 10px; color: #444; background-position: center 100%; background-repeat: no-repeat;}
.col-content.sunshine	{background-image: url(../../local/img/swipe-sunshine.png);}				
.col-content.fiery		{background-image: url(../../local/img/swipe-fiery.png);}
.col-content.deep		{background-image: url(../../local/img/swipe-deep.png);}
.col-content.fresh		{background-image: url(../../local/img/swipe-fresh.png);}
.col-content.cold		{background-image: url(../../local/img/swipe-cold.png);}
.col-content.pure		{background-image: url(../../local/img/swipe-pure.png);}
.col-content.no-swipe	{background-image: none;}


.col-content p					{text-align: justify;}
.col-content > p:first-child	{font-weight: bold;}
.col-content a img				{float: left; margin-right: 10px; clear: left; padding: 0;}

.col-list li			{clear: left; float: left; padding-bottom: 8px; margin-bottom: 10px; background-position: center 100%; background-repeat: no-repeat; width: 100%;}
.sunshine .col-list li	{background-image: url(../../local/img/swipe-sunshine.png);}		
.fiery	  .col-list li	{background-image: url(../../local/img/swipe-fiery.png);}		
.deep	  .col-list li	{background-image: url(../../local/img/swipe-deep.png);}		
.fresh	  .col-list li	{background-image: url(../../local/img/swipe-fresh.png);}		
.cold	  .col-list li	{background-image: url(../../local/img/swipe-cold.png);}		
.pure	  .col-list li	{background-image: url(../../local/img/swipe-pure.png);}

/* GALLERY */
.gallery-set li			{float: left; margin: 2px;}
.gallery-set li img		{float: left;}

/* EVENTS */
.container_12 .event-intro	{margin-left: 69px; margin-right: 93px;}
.container_12 .event-con	{margin-left: 69px; margin-right: 93px; width: 758px;}
.event-col					{padding: 0 5px 5px; margin-bottom: 10px; margin-left: 1px; margin-right: 1px;}

.event-col h4			{background-position: -20px center; padding-left: 5px; font-size: 150%; color: #222;}
.event-col.grey	h4		{color: #FFF;}
.event-col.pure			{background-color: #EEE;}
.event-col.grey			{border: solid 1px #EEE;}
.event-col li			{background-position: center 100%; background-repeat: no-repeat; padding-bottom: 5px; clear: left;}
.event-col.pure li		{background-image: url(../../local/img/swipe-pure.png);}
.event-col.grey li		{background-image: url(../../local/img/swipe-grey.png);}
.event-col.cold > li	{background-image: url(../../local/img/swipe-cold.png);}
.event-col a			{padding: 0;}

/* SINGLE EVENTS */
.event-col1 h1			{font-size: 250%;}

.body-text td			{padding-right: 10px;}