/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'src/reset.css';
@import 'src/typography.css';
@import 'src/grid.css';
@import 'src/forms.css';


/* -------------------------------------------------------------- 
  
   Additional styling added here for Delfina
   
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
  
  TEXT FORMATTING
  
  orange : F7931E
  dark orange : F05137
  green : BFD730
  yellow : FFC20E
  purple : 8210D2
  blue : 00CAEF
  turquze : 00ACA3
   
-------------------------------------------------------------- */

p {line-height:1.2em;}

h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif; }

a {color:#666666; text-decoration:none; outline:none;}

a:hover {color:#000000; }



/* -------------------------------------------------------------- 
  
 BACKGROUND IMAGES
   
-------------------------------------------------------------- */

.home {background:url(../img/backgrounds/home.jpg) 0 0 repeat-y;}
.how-work {background:url(../img/backgrounds/how_work.jpg) 0 0 repeat-y;}
.mission {background:url(../img/backgrounds/mission.jpg) 0 0 repeat-y;}
.eva {background:url(../img/backgrounds/eva.jpg) 0 0 repeat-y;}
.events-bg {background:url(../img/backgrounds/events.jpg) 0 0 repeat-y;}
.contact-bg {background:url(../img/backgrounds/contact.jpg) 0 0 repeat-y;}
.founder-bg {background:url(../img/backgrounds/founder.jpg) 0 0 repeat-y;}
.who-bg {background:url(../img/backgrounds/who.jpg) 0 0 repeat-y;}
.partners-bg {background:url(../img/backgrounds/partners.jpg) 0 0 repeat-y;}
.artists-bg {background:url(../img/backgrounds/current.jpg) 0 0 repeat-y;}
.patron-bg {background:url(../img/backgrounds/patron.jpg) 0 0 repeat-y;}

/* -------------------------------------------------------------- 
  
  BOXES
   
-------------------------------------------------------------- */

.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #FFF;
		opacity: 0.9;
		-moz-opacity: 0.9;
		filter:alpha(opacity=90);
	}


.trans-box {width:890px; margin-top:18px; margin-left:30px;}


.box-one {height: 90px; width:890px; margin-top:18px; margin-left:30px; }

.box-two {min-height: 54px; height:auto;}

.sub-sub-box {margin-bottom:18px;}

* html .box-two {height: 54px; }

.box-three {min-height: 522px; height:auto;}
* html .box-three {height: 522px; }

.box-four {min-height: 270px; height:auto;}
* html .box-four {height: 270px; }

.box-five {min-height: 36px; height:auto;}
* html .box-five {height: 36px; }

.box-six {min-height: 360px; height:auto;}
* html .box-six {height: 360px; }

.events-box {width:870px; border-top:#F7931E 2px solid; padding-top:18px;  margin-left:10px;}

.artist-box {width:870px; border-top:#00CAEF 2px solid; padding-top:18px;  margin-left:10px;}


/* -------------------------------------------------------------- 
  
 IMAGES
   
-------------------------------------------------------------- */

.large-img {margin: 0; padding: 0 0 0 10px; border:none;}

h6 {padding:0 0 18px 10px; margin:0; line-height:0;}

h6.founder {padding-top:36px; }

h6.partners {padding-top:126px; }

.image-pad {margin-bottom:18px; }
/* -------------------------------------------------------------- 
  
  MENUS + CALL TO ACTION LINKS
   
-------------------------------------------------------------- */

/*MENU POSITIONING*/

.menu {padding-left:5px; padding-top:10px;}


/*TOP LEVEL MENU*/

p.cta { float:left; background:url(../img/arrow.gif) right 2px no-repeat; margin:0; display:block;  padding:0 12px 2px 0; line-height:1.2em;}
p.cta a { margin-left:5px; color:#000000; text-decoration:none;}
p.cta a:active { border: none }

p.clearit {clear:both;}

.col-two p.cta-archive { float:left; background:url(../img/arrow_reverse.gif) right 2px no-repeat; margin:0; display:block;  padding:0 12px 18px 0; line-height:1.2em;}

/*REVERSE ARROW*/

p.reverse { background:url(../img/arrow_reverse.gif) right 2px no-repeat;}


/*EVENTS*/

p.cta-events { float:left; background:url(../img/arrow_reverse.gif) right 3px no-repeat; margin:0; display:block;  padding:0 12px 0 0; line-height:1.2em;}
p.cta-events a { margin-left:10px; color:#666; text-decoration:none;}
p.cta-events a:active { border: none }

/*NEWS*/

p.cta-news { float:left; background:url(../img/arrow.gif) right 3px no-repeat; margin:0; display:block;  padding:0 12px 0 0; line-height:1.2em;}
p.cta-news a { margin-left:10px; color:#666; text-decoration:none;}
p.cta-news a:active { border: none }

/*NEWS*/

p.cta-arts { float:left; background:url(../img/arrow.gif) right 3px no-repeat; margin:0; display:block;  padding:0 12px 0 0; line-height:1.2em;}
p.cta-arts a { margin-left:0; color:#666; text-decoration:none;}
p.cta-arts a:active { border: none }

/*UNDERLINE COLORS*/

.orange a:hover { border-bottom:#F7931E 2px solid; }

.green a:hover { border-bottom:#BFD730 2px solid; }

.orange-two a:hover { border-bottom:#F7931E 2px solid; }

.blue a:hover { border-bottom:#00CAEF 2px solid; }

.purple a:hover { border-bottom:#8210D2 2px solid; }




/*SELECTED COLOR OPTIONS*/

.orange-selected a{border-bottom:#F7931E 2px solid; font-weight:bold; }
.green-selected a{border-bottom:#BFD730 2px solid; font-weight:bold; }
.orange-two-selected a {border-bottom:#F7931E 2px solid; font-weight:bold; }
.blue-selected a{border-bottom:#00CAEF 2px solid; font-weight:bold; }
.purple-selected a{border-bottom:#8210D2 2px solid; font-weight:bold; }


/* -------------------------------------------------------------- 
  
  COLUMNS
   
-------------------------------------------------------------- */

.span-12 {width:470px; }


.col-one h3, .col-one h2 { padding-left:10px; padding-right:30px; color:#666666; line-height:1.2em;}

.col-two h3, .col-two h2 { padding-left:10px; padding-right:0px; color:#000; line-height:1.2em;}

.col-one h4 { padding-left:10px; padding-right:0px; color:#666666; font-size:1.4em; line-height:1.2em;}

h2 {font-size:1.8em; }

h2.black, span.black, h4.black {color:#000000; }

.col-one p {padding: 0 50px 18px 10px; margin: 0 0 0 0; }

.people p {margin: 0; padding: 0 0 18px 10px; }

.event-image-col {width:440px; }

.col-two p {padding: 0 0 18px 10px; margin: 0 0 0 0; }

span.grey {color:#666; }

.float-box {float:right; }

/* -------------------------------------------------------------- 
  
  EVENTS + NEWS
   
-------------------------------------------------------------- */

.events {padding-bottom:18px; }

.events img {padding-left:10px; }

.events p {color:#666666; margin-top:0; margin-bottom:0; line-height:1.2em; padding-top:0; padding-bottom:0;}

.col-two .events p {padding-left:10px; }

.events p.date{color:#000000; }

.news {padding-bottom:18px; }

.col-one .news p {padding: 0 0px 0px 10px;}

h2.news-item  {padding-bottom:0; margin-bottom:0;}

/* -------------------------------------------------------------- 
  
  LANGUAGE
   
-------------------------------------------------------------- */

#lang {float:right; padding-top:10px;}
#lang p.right {float:right; margin-right:0px;}


/* -------------------------------------------------------------- 
  
  ARTISTS
   
-------------------------------------------------------------- */

.art {padding-bottom:18px; }

.art a {text-decoration:none; color:#666666; }
.art a:hover {color:#000000; }

.art p {color:#666666; margin-top:0; margin-bottom:0; line-height:1.2em; padding-top:0; padding-left:10px; padding-right:0;}

.art p span{color:#000000; }

.pull-1 { margin-left: 0px; margin-bottom:0; padding-bottom:10px; margin-right: 10px;}

p.small-image {float:left; display:inline; margin: 0; padding: 0 0 0 10px;}

p.small-image img {padding:0 10px 18px 0; margin: 0 0 0 0; }

.art-margin {padding-bottom:18px; }


/* -------------------------------------------------------------- 
  
  PEOPLE
   
-------------------------------------------------------------- */


.people {padding-bottom:36px;}

.people-box {width:870px; border-top:#CCC 2px solid; padding-top:18px;  margin-left:10px;}

.col-people p {padding: 0 50px 18px 0px; margin: 0 0 0 0; }

.col-people h2 { padding-left:0px; padding-right:30px; color:#000; line-height:1.2em;}

/* -------------------------------------------------------------- 
  
  INLINE ARROWS
   
-------------------------------------------------------------- */

span.arrow {display:-moz-inline-stack; vertical-align:middle; display: inline-block; width:12px; height:7px; background:url(../img/arrow_reverse.gif) right 0 no-repeat;}
span.arrow-a {display:-moz-inline-stack; vertical-align:middle; display: inline-block; width:12px; height:7px; background:url(../img/arrow.gif) right 0 no-repeat;}


/* -------------------------------------------------------------- 
  
  LISTS
   
-------------------------------------------------------------- */


ul.large-list { margin: 0 0 0 0; padding: 0 0 0 0;}
ul.large-list li {list-style:none; background:url(../img/list_line.gif)  10px 11px no-repeat; margin: 0 0 0 0; padding: 0 0 0 28px; font-size: 1.8em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; color:#666666;}

.col-one ul {margin: 0 0 8px 0; padding: 0 0 0 0; }
.col-one li {list-style:none; padding: 0 40px 10px 20px; background:url(../img/list_line_small.gif) 10px .4em no-repeat; line-height:1.2em;}

ul.archive-list {margin: 0 0 0 0; padding: 0 0 0 0; }
ul.archive-list li {display:block; list-style:none; line-height:1.2em;}
ul.archive-list li a {display:inline; float:left; padding: 0 12px 0 0; margin: 0 0 2px 0; background:url(../img/grey_arrow.gif) right .2em no-repeat; clear:both;}




/* -------------------------------------------------------------- 
  
  FLASH
   
-------------------------------------------------------------- */

#banner { width:890px; height:90px;}
#video { width:430px; height:290px;}
#event-video { width:420px; height:270px;}

.pad-left {padding-left:10px; }


/* Form fields
-------------------------------------------------------------- */

fieldset    { padding:0; margin: 0 0 0 0; border: none; }

input.text, input.title,
textarea, select {
  margin:6px 0 0 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}


textarea {
  width: 300px;
  height: 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.1em;
  color:#666;
  padding:3px; 
}

input {
  width: 250px;
  color:#000;
  font-size:1.1em;
}

.send_button {	
	width: 80px;
}

/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#FF0000;
}

input.text, 
input.title   { width: 250px; padding:3px; }
input.title   { font-size:1.5em; }