/* ARTWAVE */

/* Design : Richard Inman, December 2010 */

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/

html
			{
			font-size:16px;		/* Make sure the default is always 16px */
			height : 100%;
			} 			
body
			{
			font-size : 62.5%; 	/* 16px * 62.5% = 10px : 1em now = 10px */
			font-family : arial, helvetica, sans-serif;
			color : #222;
			background-color : #ebebeb;
			/*background-image : url('sys_images/img_header_bg.png');
			background-position : 0 0;
			background-repeat:repeat-x;*/
			margin : 0;
			height : 100%
			}
.clear
            {
            clear : both;
            }
#container        
            {
            width : 880px;
            min-height : 100%;
			height : auto !important;
			height : 100%;
            background : #ffffff;
            margin-left : auto;
            margin-right : auto;
            margin-bottom: -200px;
            position : relative;
            }
#header
			{
			background-image:url("sys_images/img_header.jpg");
            background-repeat: no-repeat;
            height : 210px;
			margin : 0 0 3px 0;
			}
			
.visit #header
			{
			background-image:url("sys_images/img_header_visit.jpg");
            background-repeat: no-repeat;
			/*margin : 0;*/
			}
			
.news #header
			{
			background-image:url("sys_images/img_header_news.jpg");
            background-repeat: no-repeat;
			/*margin : 0;*/
			}
			
.competitions #header
			{
			background-image:url("sys_images/img_header_competitions.jpg");
            background-repeat: no-repeat;
			/*margin : 0;*/
			}
			
.about #header
			{
			background-image:url("sys_images/img_header_about.jpg");
            background-repeat: no-repeat;
			/*margin : 0;*/
			}
			
.contact #header
			{
			background-image:url("sys_images/img_header_contact.jpg");
            background-repeat: no-repeat;
			/*margin : 0;*/
			}
			
#navBar
			{
			background-color : #006666;
			height : 35px;
			overflow : hidden;
			}      
            
#featureContent
			{
			margin : 20px 20px 0 20px;
			padding-bottom : 20px;
			border-bottom-color : #DDDDDD;
			border-bottom-style : solid;
			border-bottom-width : 1px;
			overflow : auto;
			}
#pageContent
			{
			margin : 20px;
			overflow : auto;
			}

#mainColumn
			{
			float : right;
			width : 554px;
			overflow : auto;
			}

#sideColumn
			{
			float : left;
			width : 230px;
			}
			
#homeSideColumn
			{
			float : left;
			width : 230px;
			}
			
#contentColumnOne
			{
			float : left;
			width :247px;
			padding : 10px;
			background-color : #E9F1F8;
			}
			
#contentColumnTwo
			{
			float : right;
			width :247px;
			padding : 10px;
			background-color : #E9F1F8;			
			}
            
.venueArtColumn
			{
			float : right;
			padding-left : 10px;
			}
.listingDivider
			{
			width : 100%;
			height:1px;
			color: #d8d8d8;
			}
#twitter
            {
            background-color : #E9F1F8;
            }
#sponsors
			{
			height : 200px;
            padding : 20px;
            border-top-width : 2px;
			border-top-style : dotted;
			border-top-color : #555555;
			}
#footer
			{
			background-color : #555555;
			height : 260px;
			/*margin-top : 50px;*/
			padding-top : 20px;
			position : relative;
			}
.footerColumn
            {
            width : 266px;
            float : left;
            margin-left : 20px;
            display : inline;
            background-color : #555555;
            }
.footerColumn2
            {
            width: 266px;
            margin-left: 20px;
            display: inline;
            background-color: #555555;
            }

.clearfooter
			{
			clear:both;
			height:80px;
			}
			
.clear
			{
			clear : both;
			}
			
.floatRight
			{
			float : right;
			}
			
.floatLeft
			{
			float : left;
			}


/*-------------------------------------------+
|                                            |
|                TYPE STYLES                 |
|                                            |
+-------------------------------------------*/

p
			{
			font-size:1.2em; /* 12px */
			}
			
a
			{
			color : #007777;
			}

a:hover
			{
			background-color : #007777;
			color : #fff;
			}

h1
			{
			font-size:2.6em;
			font-weight:300;
			}

h2
			{
			/*font-size:2.2em;*/
			font-size : 1.8em;
			border-bottom-width : 2px;
			border-bottom-style : dotted;
			border-bottom-color : #006666;
			padding : 5px;
			}
			
h3
			{
			
			}
			
h4
			{
			
			}

h1.invisibleHead
            {
            display : none;
            visibility : hidden;
            margin : 0;
            }
            
#header p
			{
			float : right;
			margin : 11px 10px 0 0;
			background  : white;
			}
			
            
#featureContent h2
			{
			border : 0;
            padding : 0;
            margin : 10px 0 0 0;
			/*font-size : 2.6em;*/
			font-size : 3.8em;
			font-weight : 300;
			text-shadow : 1px 1px 0 #999;
			}
			
#featureContent p
			{
			line-height : 1.5em;
			font-size : 2.2em;
			}
			
#mainColumn h2
			{
			border : 0;
			padding : 0;
			}
			
#pageContent p
			{
			line-height : 1.5em;
			}
			
#contentColumnOne h2
			{
			font-size : 1.6em;
			border : 0;
			margin : 0 0 10px 0;
			padding : 0;
			}
			
#contentColumnTwo h2
			{
			font-size : 1.6em;
			border : 0;
			margin : 0 0 10px 0;
			padding : 0;
			}
            
#sponsors p, #sponsors a, #sponsors h2
			{
			color : #555555;
			}
            
#sponsors a:hover
			{
            text-decoration : none;
            background-color : white;
			}
            
#sponsors h2
			{
			font-size : 1.6em;
			border : 0;
			padding : 0;
			margin : 15px 0 15px 0;
			}
			
#footer p, #footer a, #footer h2
			{
			color : white;
			}
            
#footer a:hover
			{
            background-color : #555555;
			}

#footer h2
			{
			font-size : 1.6em;
			border : 0;
			padding : 0;
			margin : 15px 0 15px 0;
			}

#footer p
			{
			line-height : 1.5em;
			margin : 0;		
			}
            
.usefulLink
            {
           
            float:left;
            width:200px;
            }
            
#usefulLinkWrapper
			{
			font-size : 1.2em;
			}
            

/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/

img 		
			{
			border: 0px none;
			}

img.feature 
			{
			float : left;
			margin : 0 20px 0 0;
			border : 10px solid #e9f1f8;
			}
			
#myGallery
			{
			width: 500px !important;
			height: 274px !important;
			margin : 0 20px 0 0;
			border : 10px solid #e9f1f8 !important;
			float : left;
			} 
            
#sponsors img
            {
            margin-right : 40px
            }
			
.venueArt
			{
    		border : 10px solid #e9f1f8;
			}


/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/

ul
			{
			font-size : 1.6em; /* 16px */
			}

#navBar ul
			{
   			margin : 0;
   			padding : 0;
    		list-style:none;
    		}

#navBar li
			{
    		float:left;
    		/* background:url("sys_images/right-tab.gif") */
    		no-repeat right top;
    		margin : 0;
    		padding : 0 30px 0 30px;
			font-weight : 900;
    		}


#navBar a
			{
    		color : #fff;
    		display:block;
    		/* background:url("sys_images/left-tab.gif") */
    		no-repeat left top;
    		text-decoration:none;
    		padding:8px 10px;
			}

#navBar a:hover
			{
			background-color : #006666;
    		text-decoration : underline;
			font-weight : 900;
			}

#navBar #current
			{
			background-color : #fff;
    		}

#navBar #current a
			{
    		color : black;
    		}
    		
#navBar #current a:hover
			{
    		color : black;
    		background-color : #fff;
    		}
    		
#featureContent ul
			{
			font-size : 1.2em;
			list-style-type : none;
			margin : 0;
			padding : 0;
			}
			
#featureContent li
			{
			line-height :  1.5em;
			}
			
#navigation
			{
			padding : 0;
            margin : 0 0 40px 0;
			}
			
#navigation li
			{
			list-style-type : none;
			border-bottom : 2px #dddddd solid;
			}
			
#navigation a
			{
			color : #000000;
			text-decoration : none;
			/*height : 100%;*/
			display : block;
			padding : 10px 0px 10px 10px;
			}
			
#navigation a.current_second
			{
			color : white;
			text-shadow : 1px 1px 0 #000;
			text-decoration : none;
			background-color : #006666 !important;
			/*height : 100%;*/
			display : block;
			padding : 10px 0px 10px 10px;
			}
			
#navigation a:hover
			{
			text-decoration : underline;
			background-color : #ffff99 !important;
			}
			
#navigation a:hover.current_second
			{
			color : white;
			text-decoration : underline;
			background-color : #006666 !important;
			/*height : 100%;*/
			display : block;
			padding : 10px 0px 10px 10px;
			}
			
#mainColumn ul
			{
			font-size : 1.2em; /* 16px */
			line-height : 1.5em;
			}

.contentItem
			{
			background-color : #006666;
			margin-bottom : 10px;
			height : 80px; /* Force height for IE6 */
			overflow : hidden;
			}
			
.contentItem h2
			{
			font-size : 2.4em;
			font-weight : 300;
			margin : 0;
			padding : 5px 0 0 0 !important;
			}

.contentItem a
			{
			color : #ffffff;			
			text-decoration : none;
			text-shadow : 1px 1px 0 #000;
			}
			
.contentItem a:hover
			{
			text-decoration : underline;
			}
			
.contentItem p
			{
			color : #ffffff;
			margin : 0;
			}
			
.contentItem img
			{
			float : left;
			margin-right : 10px;
			}
			
    			
/*-------------------------------------------+
|                                            |
|                FORM STYLES                 |
|                                            |
+-------------------------------------------*/ 
 
.formElement
			{
			    margin-top:5px;
			    margin-bottom:5px;
			}

.formLabel
			{
			    float:left;
			    width:80px;
			    font-weight:bold;
			    margin-top:2px;
			    font-size : 1.2em;
			}

.submitButton
			{
			    margin-left:82px;
			}
  
.formInput
			{
			    width:300px;
			}

textarea
			{
			    font-family: arial,helvetica,sans-serif,verdana;    
			    font-size: small;
			    width:300px;
			}

.mandatory
			{
			    color:Red;
			}
			
			
/*-------------------------------------------+
|                                            |
|               TABLE STYLES                 |
|                                            |
+-------------------------------------------*/ 

table
            {
            border-collapse : collapse;
            /* width : 100%; */
            }
td
            {
            font-size : 1.2em;
            padding : 5px;
            }
th
            {
            font-size : 1.2em;
            text-align : left;
            padding : 5px;
            }

.artistsVenuesKey
			{
				float : right;
			}
			
			
/*-------------------------------------------+
|                                            |
|             LIGHTBOX STYLES                |
|                                            |
+-------------------------------------------*/ 			
			
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/sys_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/sys_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*-------------------------------------------+
|                                            |
|             TWITTER STYLES                 |
|                                            |
+-------------------------------------------*/ 	

/*
 * jTweetsAnywhere V1.2.1
 * http://thomasbillenstein.com/jTweetsAnywhere/
 *
 * Copyright 2010, Thomas Billenstein
 * Licensed under the MIT license.
 * http://thomasbillenstein.com/jTweetsAnywhere/license.txt
 */

.jta-tweet-list
{
    padding: 0;
    margin: 0;
    list-style: none;
    font-size : 1.2em !important;
}

.jta-tweet-list-item
{
    /*background: #fafafa;*/
    background: #e9f1f8;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 0px 8px 0px;
	overflow: hidden;
}

.jta-tweet-list-item:first-child
{
    border-top: 1px solid #e4e4e4;
}

.jta-tweet-profile-image
{
	width: 48px;
	display: inline;
	float: left;
}

.jta-tweet-profile-image-link
{
}

.jta-tweet-profile-image img
{
	width: 48px;
	height: 48px;
}

.jta-tweet-body
{
}

.jta-tweet-body-list-profile-image-present
{
	margin-left: 58px;
}

.jta-tweet-user-name
{
	font-weight: bold;
}

.jta-tweet-user-screen-name
{
}

.jta-tweet-user-full-name
{
    color: #900;
}

.jta-tweet-text
{
	
}

.jta-tweet-user-screen-name-link,
.jta-tweet-user-full-name-link,
.jta-tweet-a,
.twitter-anywhere-user
{
    /*color: #900;*/
	text-decoration: none;
}

.jta-tweet-user-screen-name-link:hover,
.jta-tweet-user-full-name-link:hover,
.jta-tweet-a:hover,
.twitter-anywhere-user:hover
{
    /*color: #900;*/
    
	text-decoration: underline;
}

.jta-tweet-link
{
}

.jta-tweet-link:hover
{
}

.jta-tweet-hashtag
{
}

.jta-tweet-hashtag:hover
{
}

.jta-tweet-attributes
{
	display: block;
	/*
    color: #999;
    */
    color: #575757;
    font-size: 11px;
    margin-top: 3px;
}

.jta-tweet-timestamp
{
}

.jta-tweet-source
{
}

.jta-tweet-inreplyto
{
}

.jta-tweet-location
{
}

.jta-tweet-retweeter
{
}

.jta-tweet-timestamp-link,
.jta-tweet-source-link a,
.jta-tweet-inreplyto-link,
.jta-tweet-location-link,
.jta-tweet-retweeter-link
{
    color: #999;
    text-decoration: none;
}

.jta-tweet-timestamp-link:hover,
.jta-tweet-source-link a:hover,
.jta-tweet-inreplyto-link:hover,
.jta-tweet-location-link:hover,
.jta-tweet-retweeter-link:hover
{
    color: #999;
    background : transparent !important;
	text-decoration: underline;
}

.jta-tweet-list-controls
{
	margin-top: 20px;
}

.jta-tweet-list-controls-button
{
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
    border: 1px solid #999;
}

.jta-tweet-list-controls-button:hover
{
	color: black;
	background-color: #999;
	cursor: pointer;
}

.jta-tweet-list-controls-button-more
{
}

.jta-tweet-list-controls-button-prev
{
}

.jta-tweet-list-controls-button-next
{
	margin-left: 10px;
}

.jta-tweet-list-autorefresh-trigger
{
	padding: 8px 0px 8px 0px;
	margin-bottom: 10px;
	text-align: center;
    border: 1px solid #999;
}

.jta-tweet-list-autorefresh-trigger:hover
{
	color: black;
	background-color: #999;
	cursor: pointer;
}

.jta-tweet-list-autorefresh-trigger-content
{
}

.jta-follow-button
{
}


.jta-tweet-box
{
}


.jta-connect-button
{
}


.jta-login-info
{
}

.jta-login-info-profile-image
{
	width: 48px;
	display: inline;
	float: left;
}

.jta-login-info-profile-image img
{
	width: 48px;
	height: 48px;
}

.jta-login-info-block
{
	margin-left: 58px;
}

.jta-login-info-screen-name
{
}

.jta-login-info-sign-out
{
	width: 97px;
	margin-top: 2px;
	padding: 1px;
	text-align: center;
    border: 1px solid #999;
}

.jta-login-info-sign-out:hover
{
	color: black;
	background-color: #999;
	cursor: pointer;
}


.jta-loading
{
	margin: 0;
    padding: 8px 0px 8px 0px;
}

.jta-error
{
	margin: 0;
    padding: 8px;
    color: #000;
    background-color: #f00
}

.jta-nodata
{
	margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.jta-clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}