@import "../social/social_above_title.css";
@import "../events/events_light.css";
@import "../../jplayer/ui/skin-light/jplayer.light.css";

/*events*/
.events .box3 .box {border-right:none!important}
.box4.event-pictures ul {padding-top: 24px; padding-left:24px}
.box4.event-pictures ul li {margin-bottom:21px}

/* always set the viewport and snippet background */
.snippet {background-color: #eeeeee;}


body{ color: #303030; background-color:#203a38;font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size: 13px;}
#viewport {background-color:#203a38!important}
a {text-decoration: none;color: #3E7671;}
a:hover { color:  #203a38; text-decoration: underline;}

h1 {font: normal 30px Georgia;}

h2 {font-size: 18px; background: #eee url('/images/app/vargas-h2.gif') repeat-y; color: #3E7671;padding: 6px!important; font-weight:200;text-transform: uppercase;}
h2 a {color: #3E7671; padding:0 2px;}
h2 span a {color:#FFFFFF;}

h3 {padding-left: 6px!important; font-size: 16px;}



h4 {padding:6px 0px 6px 0px!important; font-size:12px;}
h4 a.edit-asset {margin-right:6px;padding:3px; background-color:#fff;}
h4.reverse a {background-color: #fff;} 
h4.reverse a:hover {background-color: #666;}
h4 img {vertical-align: middle;}

/* content body */
div#body-with-title, div.body-with-title,
div#body, div.body {border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC; background: #eee url('/stylesheets/images/vargas-box0-bg.gif') repeat-x;}

/*header*/
div.header {height:52px;position:relative; top: 30px;}
div.top {height: 80px;}


/*portfolio title */
h1.portfolioTitle {margin-bottom:0;padding-top:10px;font-family: "Lucida Grande", Tahoma;font-size: 12px;font-weight: lighter;font-variant: normal;text-transform: uppercase;letter-spacing: 0.3em;}
span.profession {font-family: "Lucida Grande", Tahoma;font-size: 12px;font-weight: lighter;font-variant: normal;text-transform: uppercase;letter-spacing: 0.3em;}
div.portfolioTitle {left:0;position:absolute;top:0;}
div.top {background-color:#3e7671;}
span.first_name {color:#fff;}
span.last_name {color:#9ec8c5;}


/* page title */
div#pageTitle, div.pageTitle {padding:12px;padding:9px; background: #fff url('/stylesheets/images/vargas-page_title-bg.jpg') repeat-x;}
.pageTitleWrapper{clear:both;margin:9px 9px 9px 9px;padding:15px;}
.pageTitle h1 {margin-left: 18px;color:#3E7671}




/* navigation */
div#navigation, div.navigation {position:absolute;right:0;top:}
div.navigation span {margin-left: 12px; padding:6px 4px 9px 4px;margin-top: 6px;display: block; float: left;}
div.navigation span a:hover{background-color:#9EC8C5;}
div.navigation a {color:#fff; font-weight:bold;text-decoration:none; font-size: 11px;}

/* second level nav */
div.secondLevelNav-wrapper {padding-top: 10px;}
div.secondLevelNav-wrapper ul li {margin-bottom: 2px;}
div.secondLevelNav li{padding: 5px 0px 5px 5px;}
div.secondLevelNav, div#secondLevelNav{margin:0px 12px 12px 12px;}


/*pagination*/
div.pagination-wrapper {text-transform:lowercase;float:left;padding:12px;}
div.pagination-wrapper span {background-color:#FFFFFF;border:1px solid #DDDDDD;padding:3px;-moz-border-radius:4px;-webkit-border-radius:4px;}
div.pagination-wrapper a {background-color:#FFFFFF;border:1px solid #DDDDDD;padding:3px;-moz-border-radius:4px;-webkit-border-radius:4px;}
div.pagination_right {float:right;}
div.pagination_right a {font: 12px Lucida Grande; text-decoration: none;}
div.pagination_right {font: 12px Lucida Grande; text-decoration: none; color: #ddd;}



/*box*/
div#box, div.box{clear:both;padding:18px;margin: 0px;border-right: 1px solid #ccc;}


/*box2*/
div#box2, div.box2 {margin-left:700px;}
div.box2 p {margin:0;padding:9px;}
div.box2 hr {border:0 none;height:1px;}


/* home page awards */
.home-page-awards a {text-decoration: none;}
div.home-page-award img {vertical-align: middle;}
div.home-page-award {padding: 15px 3px 0px 3px;}
.laurel-left { background-image: url('/images/green-laurel-left.png');}
.laurel-right { background-image: url('/images/green-laurel-right.png');}


/*footer */
div.footer-title {color: #ddd;}


/* articles */
div.box-footer {position:relative; top:-40px;}
div.box-footer p {float:none;width:300px;}
div.box-footer hr {display: none;}
div.articles div p { padding: 0px!important;}
div.articles div h4 {font-family: Georgia,"Times New Roman",serif;font-size: 10px;line-height: 22px;text-transform: uppercase;letter-spacing: 2px; color: #717373;}
div.articles div h4 a.edit-asset {	text-transform: none!important;}
div.article-tools {border-bottom: 1px solid #ddd; border-top:  1px solid #ddd;}

/* works */
div.work-snippet ul li {font-family: Georgia,"Times New Roman",serif;font-size: 10px;line-height: 16px;text-transform: uppercase;letter-spacing: 2px;}
ul#work-snippet-index li {font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size: 10px;text-transform: none!important;line-height: auto!important; color: #333;}

/*pictures*/
div.album_thumb {background-image:url('/images/app/vargas-green-album-back.gif');}
ul.sort-albums	{margin-top: 12px;}
ul.sort-albums li {margin-bottom: 9px;}
div.image_wrapper {height:195px;overflow:hidden;}
div.album_thumb {float:left;height:210px;width:300px;}
div.album_thumb img {border:0 none;margin-left:21px;margin-top:17px;}
p.album-desc {width:90%;}



/* ticket styles */
.article-side-bar, div#box, div.box, .ticket-wrapper, #containment-wrapper {background: transparent url('/stylesheets/images/vargas-box1-bg.gif') bottom repeat-x;}
.article-side-bar {padding: 6px;}
div.ticket-wrapper {background-color:#EEEEEE;line-height:22px!important; margin-bottom: 18px; margin-top: 6px; 
	border-bottom: 1px solid #aaa; border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
div.ticket-stub {width: 70px; float: left}
div.ticket {margin-left:70px; border-left: 2px dashed #ddd; padding: 9px}



/*home page*/
h2#welcome_header {font-family:Georgia;font-size:34px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}
h2#welcome_header span a {font-size: 10px;}
h3.latest-news{font-family:serif;  font-size:18px;}
/*div.snippets div.latest_news, div.snippets div.upcoming_events, div.snippets div.awards {background-color: #fefefe;}*/

/*common classes */
div.tag {background-color:#fff;color:#8E71C8;}


/* tabs */
#snippets-header span.home, 
#articles-header span.news, 
#events-header span.events,
#festivals-header span.events, #event_pictures-header span.events,
#broadcasts-header span.events, #performances-header span.events,
#abouts-header span.about,
#awards-header span.about, #links-header span.about, #testimonials-header span.about,
#exhibitions-header span.events, 
#works-header span.projects, 
#categories-header span.projects,
#pictures-header span.images,
#albums-header span.images,
#videos-header span.videos,
#filmmaker_resumes-header span.resume,
#resumes-header span.resume,
#contacts-header span.contact {padding:6px 10px 9px 10px;position:relative;top:2px;z-index:4}


/* tabs */
#snippets-header span.home a, 
#articles-header span.news a, 
#events-header span.events a,
#festivals-header span.events a, #event_pictures-header span.events  a,
#broadcasts-header span.events a, #performances-header span.events a, #even_pictures-header span.events a,
#abouts-header span.about a,
#awards-header span.about a, #links-header span.about a, #testimonials-header span.about a,
#exhibitions-header span.events a,
#works-header span.projects a,
#categories-header span.projects a,
#pictures-header span.images a, 
#albums-header span.images a, 
#videos-header span.videos a,
#filmmaker_resumes-header span.resume a,
#performer_resumes-header span.resume a,  
#fine_artist_resumes-header span.resume a,
#resumes-header span.resume a,
#contacts-header span.contact a
{color: #9EC8C5;}


/*boderder styles fix this*/

/* tag styles*/

hr {background-color: #ddd; margin-bottom: 12px;}
	

/*comomon classes*/
div.tag {border:1px solid #DDDDDD;}

/*page title*/
div#pageTitle, div.pageTitle {border-bottom: 1px solid #abb4b3;}

/*navigation */
#snippets-header span.home a, 
#articles-header span.news a, 
#events-header span.events a,
#festivals-header span.events a, #event_pictures-header span.events  a,
#broadcasts-header span.events a, #performances-header span.events a, #even_pictures-header span.events a,
#abouts-header span.about a,
#awards-header span.about a, #links-header span.about a, #testimonials-header span.about a,
#exhibitions-header span.events a,
#works-header span.projects a,
#categories-header span.projects a,
#pictures-header span.images a, 
#albums-header span.images a, 
#videos-header span.videos a,
#filmmaker_resumes-header span.resume a,
#performer_resumes-header span.resume a,  
#fine_artist_resumes-header span.resume a,
#resumes-header span.resume a,
#contacts-header span.contact a{border-bottom: 3px solid #9EC8C5;}
div.navigation span a:hover{border-bottom: 3px solid #9EC8C5;}



/* footer */
.box-footer hr {border-top: 1px dashed #ddd; border-bottom: none; border-left: none;border-right: none;}



/* upcoming events */
.row1 td, .row2 td {vertical-align: middle!important;}
.row1, .row2 {height: 82px; width: 100%; border-left: 1px solid #eee;border-right: 1px solid #eee;}
.row1 {background: #f2f4f3 url('/images/grey-row.png') repeat-x bottom left}
.row2 {background: #fff url('/images/white-row.png') repeat-x bottom left}
td.date-column {width: 75px;}
div.date {margin-left:10px; background-color: #C3CFCD!important;}

/* latest news*/
div.latest-news-item {background: #fff url('/images/latest-news-grey.png') repeat-x }
div.latest-news-item h3 {background-color: #c3cfcd; font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size: 16px; padding: 6px; font-weight:200;}

/*homepage welcome message */
.welcome-header{font-size: 200%;}


/*home page featured links*/
.featured_link_text a,.featured_link_text a:visited {font-size: 18px; display: inline-block;
	background: #eee url('/images/app/vargas-h2.gif') repeat-y; color: #3E7671;margin-bottom: 12px!important; 
	font-weight:200;text-transform: uppercase; padding: 6px;}
	
li.vimeo-thumb, li.video-thumb {text-align:center}