/** IE 5,6 centering**/
body {
	text-align:center;
}
/** navigation **/

#navigation {
	position: absolute;
	font: 11px "Lucida Grande", Verdana;
	height: 40px;
	width: 200px;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 4px;
	text-align: left;
	display: none;
}

#nav {
	background: #3EAAD6;
	height:4px;
	margin: 0 0 4px 0;
	cursor: pointer;
}

/** intro **/

#intro {
	font: 11px "Lucida Grande", Verdana;
	width:400px;
	text-align: center;
}

.logo {
	margin: 0 0 20px 0;
}

/** Generic content boxes padding **/
#header { padding:0px; height:100px; margin: 10px 0 0 0; }

#header .menu { padding:0px; height:100px; margin: 0 0 0 0;  }

#header .col_left {
	float:left;
	width:300px;
	height:inherit;
	border-right:0px solid #eee;
}
#header .col_right {
	float: right;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#header .current_site_white { font-size: 28px; color: white; font-family: Helvetica; padding: 10px 0 0 10px;}
#header .current_site_black { font-size: 28px; color: black; font-family: Helvetica; padding: 10px 0 0 10px;}
#header .current_site_gray { font-size: 28px; color: #161511; font-family: Helvetica; padding: 10px 0 0 10px;}
#header .current_section_white { font-size: 11px; color: white; padding: 4px 0 3px 10px; }
#header .current_section_black { font-size: 11px; color: black; padding: 4px 0 0 10px; }
#header .current_section_gray { font-size: 11px; color: #161511; padding: 4px 0 0 10px; }
#header .current_subsection { font-size: 11px; color: white; padding: 0 0 0 10px; }

#content { margin:10px 0px 0px 0px; padding: 0px; border-top-width: 0px; border-color: #3EAAD6; border-style: solid; overflow: hidden; width: 900px;}

#content .flashy {
	height: 200px;
	width: 900px;
	margin: 0 0 10px 0;
}

#content .left-column {
	width: 600px;
	margin: 0;
	float: left;
}

#content .right-column {
	width: 290px;
	margin: 0 0 0 10px;
	float: left;
}

#content .box {
	width: 560px;
	padding: 20px;
    margin:0 0 0 0;
    background-color: black;
    border-bottom: 2px solid #161511;
}

.ui-tabs-hide { display: none; }

#program {
	background-color: #FFBD00;
}

#program .program-box {
	background-color: #ffbd00;
	padding:0;
	width:149px; 
	float:left; 
	margin:0 0 0 0; 
	overflow: hidden;
}

#program .date-box {
	background-color: #ffbd00;
	padding: 8px;
	font-family: Helvetica;
	font-size: 18px;
	color: #000000;
	border-bottom: 1px solid black;
}

#program .events-box {
	width: 434px;
	overflow: hidden;
	background-color: #393930;
	padding: 8px;
	font-family: "Lucida Grande", Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid black;
	float:left; 
}

#program .events-box .hour {
	font-family: Helvetica;
	font-size: 18px;
	color: #ffbd00;
	text-align: left;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.warhol-title {
	font-family: Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #ffbd00;
	text-align: left;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.clear-both { clear: both;}

#content .content-area .column_index_left { display: block; float: left; width: 300px; padding: 0 10px 0 10px; }
#content .content-area .column_index_right { display: block; float: left; width: 300px; padding: 0 0 0 10px; }


#footer { height:50px; padding:0; margin: 8px 0 10px 0; text-align: center; border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-color: #3EAAD6; border-style: solid; }

#footer .footer { 
	height: 50px;
	width: 600px;
}

#footer .footer_nav { 
	height: 30px;
	width: 300px;
	padding: 10px 0 10px 0;
}

#wrapper {
	font: 11px "Lucida Grande", Verdana;	
	margin:auto;
	margin-top: 0;
	width:900px;
	text-align:left;
	overflow: hidden;	
}

.box {
    display: block;
    overflow: hidden;
    margin: 10px 0 10px 0;
}

#content .blog-post-box {
	width: 560px;
	padding: 20px;
    margin:0 0 0 0;
    background-color: black;
    border-bottom: 2px solid #161511;
}

#content .blog-post-box .blog-post-title {
    font-size: 13px;
	font-weight:bold;
    color: #FFBD00;
    text-align: left;
	text-transform:uppercase;
    margin: 0 0 10px 0;
}

#content .blog-post-box .blog-post-title a { color: #FFBD00; }
#content .blog-post-box .blog-post-title a:hover { color:#00A0C6;}

#content .blog-post-box .blog-post-date-comments {
	margin: 0 0 15px 0;
	text-transform:uppercase;
}

#content .blog-post-box .blog-post-text {
	margin: 0 0 10px 0;
}

#content .box .blog-comment-text {
	margin: 0 0 10px 0;
}

#content .box .blog-comment-author-date {
	margin: 0 0 10px 0;
	text-transform:uppercase;
	color:#00A0C6;
}

#content .blog-post-box .blog-post-more-anchor {
	margin: 0 0 10px 0;
	text-align:right;
}

#content .blog-post-box .blog-post-more-anchor  a { color: #FFBD00; }
#content .blog-post-box .blog-post-more-anchor  a:hover { color:#00A0C6;}

#content .blog-post-box .anchors { 
	overflow:hidden;
}

.float-left { float: left;}
.float-right { float: right;}

.width-150 { width: 150px; }
.width-440 { width: 440px; }
.width-600 { width: 600px; }

.news-image {
	width: 150px;
    margin: 0 20px 20px 0;	
}
.news-text {
	width: 390px;
    margin: 0;
    text-align: justify;	
}

.news-title {
    font-size: 12px;
    color: #FFBD00;
    text-align: left;
    margin: 0 0 10px 0;
}

.news-title a { color: #FFBD00; }
.news-title a:hover { color:#00A0C6;}

.less_more { text-align: right; }
.less_more a { color: #FFBD00; }

.blue { color: #00A0C6; }
.yellow { color: #FFBD00; }
.white { color: white; }
.gray { color: #161511; }

.news-text p {
	margin: 6px 0 6px 0;
	display: inline;
}
.artist-text {
	overflow:hidden;
	width:390px;
}
.artist-text p {
	margin: 0px 0 6px 0;
	width: 390px;
}

.title-big { 
	font-family: Helvetica;
	font-size: 28px;
	color: #FFBD00;
	text-transform: capitalize;
}

.title-med { 
	font-family: Helvetica;
	font-size: 13px;
	color: #FFBD00;
	text-transform: capitalize;
}

.upper {
	text-transform: uppercase;
}

.artists-overlay {
	background-color: #393930;
	position: relative;
	font-family: Helvetica;
	font-size: 26px;
	line-height: 26px;
	margin: 0;
	padding: 2px;
	text-transform: capitalize;
	color: #FFFFFF;
	text-align: center;
	z-index:1004;
}

.artists-overlay2 {
	background-color: #FFBD00;
	position: relative;
	font-family: Helvetica;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 2px;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	z-index:1005;
}

.artist-banner-name {
	font-family: Helvetica;
	font-size: 28px;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #393930;
	padding: 4px;
	margin: 4px;
	text-align: center;
	z-index:1002;
}

.artist-banner-date {
	font-family: Helvetica;
	font-size: 14px;
	line-height:14px;
	text-transform: uppercase;
	color: #000000;
	background-color: #FFBD00;
	padding: 4px;
	text-align: center;
	z-index:1001;
}

.selected-title {
	font-family: Helvetica;
	font-size: 22px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	text-transform: capitalize;
}

.artists-title {
	font-family: Helvetica;
	font-size: 22px;
	color: #FFBD00;
	margin: 0 0 10px 0;
	text-transform: capitalize;
}

.artists-item {
	margin: 0 0 4px 0;
}

#selected_events_gray, #selected_events, #twitter_updates_gray, #blog_last_posts_gray {
	width: 290px;
	margin: 0 0 10px 0;
}

#selected_events_gray .top, #twitter_updates_gray .top, #blog_last_posts_gray .top {
	margin: 0px;
	padding: 0px;
	height: 10px;
	background: url('../grfx/SelectedEvents_Gray_Top.gif') no-repeat top left;
	width: 290px;
}

#selected_events_gray .content, #twitter_updates_gray .content {
	margin: 0px;
	background-color: #393930;
	padding: 10px 10px 10px 10px;
	line-height: normal;
	text-align: left;
}

#blog_last_posts_gray .content {
	margin: 0px;
	background-color: #393930;
	padding: 10px 10px 10px 10px;
	line-height: normal;
	text-align: left;
	text-transform:uppercase;
}

#selected_events_gray .bottom, #twitter_updates_gray .bottom, #blog_last_posts_gray .bottom {
	background: url('../grfx/SelectedEvents_Gray_Bottom1.gif') no-repeat;
	width: 290px;
	margin: 0px;
	padding: 0px;
	height: 10px;
}

#twitter_updates_gray .date, #blog_last_posts_gray .date {
	color:#FFF;
	margin:5px 0 0;
}

#blog_last_posts_gray .content .selected-title {
	color:#FFBD00;
}

#twitter_updates_gray .content .selected-title a, #blog_last_posts_gray .content .selected-title a {
	color:#FFBD00;
}

#twitter_updates_gray .content a, #blog_last_posts_gray .content a {
	color:#00A0C6;
}

#selected_events .top {
	background: url('../grfx/SelectedEvents_Top.png') no-repeat;
	width: 290px;
	height: 5px;
}

#selected_events .content {
	background-color: #00a0c6;
	padding: 10px;
}

#selected_events .bottom {
	background: url('../grfx/SelectedEvents_Bottom.png') no-repeat;
	width: 290px;
	height: 5px;
}

.newsletter_content {
	background: url('../grfx/Newsletter_Content.jpg') no-repeat;
	width: 290px;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.newsletter_submit {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.gmnoprint { color: gray; }

.tickets_info p {
	width:250px;
	background-color: red;
}

#flash-message { border: 2px solid #3EAAD6; padding: 4px; text-align: center; font-weight: bold; }

hr { height: 2px; border:none; background: #eee; }
strong { font-weight: bold; }

/** SUBSCRIBERS TABLE **/

.subscriber-box {
	width: 560px;
	margin: 0px 0px 1px 0px; 
	padding: 0px;
	overflow: hidden;
}

.subscriber-box .subscriber {
	width:379px;
	height:20px;
	line-height: 20px; 
	padding: 2px 10px 2px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #393930;
	float:left; 
}

.subscriber-box .sign_date {
	width:150px;
	height:20px;
	line-height: 20px; 
	padding: 2px;
	margin: 0px;
	background-color: #ffbd00;
	float:left; 
	text-align: center;
	color: black;
}


/** FORMS **/
.index-form { width:300px; height: 170px; overflow: hidden; margin: 0 10px 0 10px; border-right: 1px solid gray; }
.index-form div { padding: 5px; overflow: hidden; }
.index-form label { display:block; float:left; width:100px; text-align: left; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.index-form input { display:block; float:left; width: 150px; border: 2px solid #3EAAD6; padding:2px; background-color: #fff;}	
.index-form .submit { display: block; border: none; outline: none; border: 2px solid #3EAAD6; margin: 0 0 0 110px; padding:1px; background-color: #fff; color: gray; width:60px; cursor: pointer; font-weight: bold; text-transform: uppercase; }


.login-form { width:300px; overflow: hidden; height: inherit; }
.login-form div { padding: 5px; overflow: hidden; }
.login-form label { display:block; float:left; width:100px; text-align: right; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.login-form input { display:block; float:left; width: 150px; border: 2px solid #3EAAD6; padding:2px; background-color: #fff;}	
.login-form .submit { display: block; border: none; outline: none; border: 2px solid #3EAAD6; margin: 0 0 0 110px; padding:1px; background-color: #fff; color: gray; width:60px; cursor: pointer; font-weight: bold; text-transform: uppercase; }

.register-form div { padding: 5px; overflow: hidden; }
.register-form label { display:block; float:left; width:80px; text-align: right; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.register-form input { display:block; float:left; width: 250px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.register-form textarea { display:block; float:left; width: 250px; border: 2px solid #FFBD00; padding:2px; background-color: #fff; font: 11px "Lucida Grande", Verdana;}
.register-form input[type="hidden"] { display:none; }
.register-form div.submit { margin: 0 0 0 90px;}
.register-form input.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 0 20px 0 0; padding:2px 4px 2px 4px; background-color: #ffffff; color: black; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; }


.inner-form div { padding: 5px; overflow: hidden; }
.inner-form label { display:block; float:left; width:90px; text-align: right; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.inner-form input { display:block; float:left; width: 200px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.inner-form textarea { display:block; float:left; width: 200px; border: 2px solid #FFBD00; padding:2px; background-color: #fff; font: 11px "Lucida Grande", Verdana;}
.inner-form input[type="hidden"] { display:none; }
.inner-form div.submit { margin: 0 0 0 100px;}
.inner-form a.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 10px 20px 0 0; padding:1px; background-color: #fff; color: gray; width:70px; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; }

.crud-form div { padding: 5px; overflow: hidden; }
.crud-form label { display:block; float:left; width:120px; text-align: right; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.crud-form input { display:block; float:left; width: 400px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.crud-form textarea { display:block; float:left; width: 400px; border: 2px solid #FFBD00; padding:2px; background-color: #fff; font: 11px "Lucida Grande", Verdana;}
.crud-form input[type="hidden"] { display:none; }
.crud-form div.submit { margin: 0 0 0 130px;}
.crud-form input.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 0 20px 0 0; padding:0px 4px 0px 4px; background-color: #ffffff; color: black; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; height: 22px;}

.upload-form div { padding: 5px 5px 5px 0; overflow: hidden; }
.upload-form label { display:block; float:left; width:50px; text-align: left; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.upload-form input { display:block; float:left; width: 300px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.upload-form textarea { display:block; float:left; width: 300px; border: 2px solid #FFBD00; padding:2px; background-color: #fff; font: 11px "Lucida Grande", Verdana;}
.upload-form input[type="hidden"] { display:none; }
.upload-form div.submit { margin: 0 0 0 60px;}
.upload-form input.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 10px 20px 0 0; padding:2px 4px 2px 4px; background-color: #fff; color: gray; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; }

.comment-form div { padding: 5px; overflow: hidden; clear:both;}
.comment-form label { display:block; float:left; width:120px; text-align: right; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.comment-form input { display:block; float:left; width: 400px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.comment-form textarea { display:block; float:left; width: 400px; border: 2px solid #FFBD00; padding:2px; background-color: #fff; font: 11px "Lucida Grande", Verdana;}
.comment-form input[type="hidden"] { display:none; }
.comment-form div.submit { margin: 0 0 0 130px;}
.comment-form input.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 0 20px 0 0; padding:0px 4px 0px 4px; background-color: #ffffff; color: black; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; height: 22px;}

.volunteer-form div { padding: 5px; overflow: hidden; clear:both;}
.volunteer-form label { display:block; float:left; width:120px; text-align: right; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.volunteer-form .question {text-align: left; padding:4px 10px 4px 0; font-weight: bold; text-transform: uppercase; }
.volunteer-form input[type=text] { display:block; float:left; width: 400px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.volunteer-form input.input-text { display:block; float:left; width: 400px; border: 2px solid #FFBD00; padding:2px; background-color: #fff;}
.volunteer-form input[type=checkbox] { padding:2px; margin: 0 10px 0 0;}
.volunteer-form textarea { margin:10px 0 10px 0; display:block; float:left; width: 400px; height:200px; border: 2px solid #FFBD00; padding:2px; background-color: #fff; font: 11px "Lucida Grande", Verdana;}
.volunteer-form input[type="hidden"] { display:none; }
.volunteer-form div.submit { margin: 0 0 0 130px;}
.volunteer-form input.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 0 20px 0 0; padding:0px 4px 0px 4px; background-color: #ffffff; color: black; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; height: 22px;}


a.submit { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 10px 20px 0 0; padding:1px; background-color: #fff; color: black; width:70px; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; }
button#sendButton {
	display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 0 20px 0 0; padding:0px 4px 0px 4px; background-color: #ffffff; color: black; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; height: 22px;
}

a.create { display: block; float: left; border: none; outline: none; border: 2px solid #FFBD00; margin: 0 20px 0 0; padding:2px 4px 2px 4px; background-color: #fff; color: black; width: auto; cursor: pointer; font-weight: bold; text-transform: uppercase; text-align: center; height: 14px;}
a.create:hover { color: #393930; }


/** ERRORS **/
p.error {
	padding: 2px;
	margin: 4px;
	border: 2px solid gray;
	text-align: left;
	background-color: white;
	color: gray;
}


/** ANCHORS **/
a { text-decoration: none; color: white;}
a:hover { color: #FFBD00; }

a.white-anchor { color: white; }
a.white-anchor :hover { color: #FFBD00; }

.normal-box a { color: #FFBD00; }
.normal-box a:hover { color: #00A0C6; }

.blue-box a { color: #00A0C6; }
.blue-box a:hover { color: #FFBD00; }

a.aspecial { color: #161511; }
a.aspecial:hover { color: white; }

.text_area a { color: #00A0C6; }
.text_area a:hover { color: #FFBD00; }



.current_section_gray a { color: #161511; }
.current_section_gray a:hover { color: white; }

a.multimedia { color: #00A0C6; }
a.multimedia:hover { color: #FFBD00; }

.current_subsection a:hover { color: #FFBD00; }


.current_section_white a { text-decoration: none; color: white;}
.current_section_white a:hover { color: #00A0C6; }

a.less_more:hover { color: #00A0C6; }

a.organisation:hover { color: #FFBD00; }

a.normal1 { text-decoration: none; color: #FFBD00;}
a.normal1:hover { color: #393930; }

input.error, textarea.error { background-color: yellow; }



/** GARBAGE **/

/** KOHANA ERRORS **/

#error_area {
	font: 11px "Lucida Grande", Verdana;
	width:400px;
	height:50px;
	text-align: center;
}

.error_info {
    font: 14px "Lucida Grande", Verdana;
    text-transform: uppercase;
    font-weight: bold;
    color:#FFBD00;	
}

/* PAGINATION */

.pagination-box {
	width: 560px;
	padding: 10px 20px;
    margin:0 0 0 0;
    background-color: black;
    border-bottom: 2px solid #161511;
}

.pagination {
	text-align: right;
	margin: 10px;
	font-size:12px;
}
.pagination img {
	vertical-align:bottom;
}
.pagination .normal {
	font-weight:normal;
	color: #FFBD00;
	text-decoration: underline;
}
.pagination a {
	font-weight:normal;
	color: #FFBD00;
	
}
.pagination a:hover {
	color:#00A0C6;
	text-decoration:none;	
}



.pictureHolder { color: gray; }
/** ROUNDED CORNERS **/


/* FACEBOOK LIKEBOX WORKAROUND */
#fb-likebox{
 border:4px solid #000;
 z-index:10;
 height: 260px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
 margin-bottom:10px;
}
#fb-likebox iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

