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

/*#viewport {background: #fff url('bg.png') repeat-x; }*/

/*typography*/
h1 {margin: 0.8em 0em; font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif;}
h2,  .welcome-header {margin: 0.8em 0em; font-size: 21px}


.mixform-badge {position:fixed; top:0; z-index:99999999}
/*image polaroid style*/
.polaroid {display: inline-block;
padding: 5px 5px 6px 5px!important;
border: 1px solid #ccc;
}
.polaroid img {width: 100%!important; padding:0!important;margin:0!important}

/*featured video fix*/
.snippet.video .clear {display:none}

/*featured image fix*/
.featured-image .polaroid {padding: 5px 5px 4px 5px!important}

/*slideshow fix*/
.slide_show.snippet .snippet-body {border: 1px solid #ccc; padding-right:5px}
.slide_show.snippet .slideshowHolder {margin: 5px 5px 6px 5px!important;}

/*wide slideshow fix*/
.bx-window {padding: 5px 5px 6px 5px!important;border: 1px solid #ccc;}
.bx-window .slide {margin-top: 5px; margin-left:5px}
.bx-prev {left:13px!important}

/*video thumb polaroid image fix*/
li.vimeo-thumb, li.video-thumb {margin-right: 31px!important;}
li.vimeo-thumb .inner, li.video-thumb .inner {height: 130px!important;width: 175px!important;}
li.vimeo-thumb .inner a, li.video-thumb .inner a{margin: 2px 0px 0px 2px}

#viewport {height:100%;font-size:12px;color:#5B5745;font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;line-height:1.5;}
#viewport a, #viewport a:visited {text-decoration: none;}
#viewport a:hover {text-decoration:underline;}

/* TOP
----------------------------------*/
div.top {padding-top:50px;}

div#navigation {text-align:center; padding-top: 18px; }
div#navigation a, div#navigation a:visited {font-weight: 200;color: #676767; font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif; text-transform: uppercase!important; font-size: 14px!important;}
div#navigation span {display: inline-block; padding: 0px 8px;}
div.portfolioTitle h1 {text-align:center;color: #949494; font-weight: 200;
	font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif; text-transform: uppercase!important; font-size: 36px;}

.profession {display: block; font-size: 20px;color: #b9b9b9}

#pages-header {position:relative}
.social-buttons {position:absolute; top:0px; right:5px}


/* HOMEPAGE 
----------------------------------*/
div.snippets {padding-top: 12px;}
div.welcome_message {font-size: 12px; background: transparent none no-repeat;}
span.welcome-header {width: 200px;}
.welcome-body {width: 200px;}
div.featured_section {text-align: center; }
div.featured_section h2, div.featured_section h2 a, div.featured_section h2 a:visited {text-transform: uppercase; font-size: 18px!important; margin-bottom: 12px;}
div.featured_section h4 {font-size: 12px; margin-top: 12px;}

div.snippet h2, div.snippet h2 a , div.box-home h2 a:visited, div.box-home h2, div.box-home h2 a , div.box-home h2 a:visited,  .welcome-header
 {font-weight: 200;color: #676767; font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif ; text-transform: uppercase!important; font-size: 30px;}

h3.latest-news, h3.latest-news a, h3.latest-news a:visited  {font-size: 12px;color: #444444!important;}
div.latest-news-item p {font-size: 12px; padding-top: 0px; margin-top: 6px;}
.laurel-right {background-image:url('/images/app/white-laurel-right.png');}
.laurel-left {background-image:url('/images/app/white-laurel-left.png');}
.date {-moz-border-radius: 4px; -webkit-border-radius: 4px!important; background-color:#EEEEEE!important; border-color:#F3F3F3 #CCCCCC #CCCCCC #F3F3F3!important;border-style:solid!important;border-width:1px!important;}

.featured_link_text a,.featured_link_text a:visited {font-weight: 200;color: #5f5f5f!important;font-size: 16px; text-transform: uppercase; font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif }
.event-desc {text-align:middle; padding-left:9px}
.laurel-wrapper {text-align: left; line-height:24px}
.laurel-left {padding-left:23px}
.laurel-right {padding-right:23px}

/* GLOBAL 
----------------------------------*/
.secondLevelNav {padding-top: 6px;}
.secondLevelNav h2 {font-size: 16px}
.secondLevelNav ul {padding-bottom:12px}
.secondLevelNav ul li {padding: 6px 0px 0px 0px!important; border-bottom: 1px solid #EBEBEB; text-transform:capitalize}
.box, .ticket-wrapper  {float: none; clear: both; margin-bottom: 2em}
.ticket-wrapper {border-bottom:1px solid #eee; }
.box.sortable, #index-assets-albums .box {border-bottom:1px solid #eee; }

.box h2, .secondLevelNav h2, .ticket-wrapper h2 {font-weight: 200; font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif ; text-transform: uppercase!important; }
.box h2, .box h2 a, .box h2 a:visited, .ticket-wrapper h2 a,  .ticket-wrapper h2 a:visited {color: #949494;!important;}
.article-side-bar {padding:12px 0px}
div.box1 {float:left;width:650px!important;}
.section-title {padding: 30px 0px 21px 0px;}
div.pageTitleWrapper {border-bottom: 1px solid #cecece;}
div.pageTitleWrapper h1 span {float: right;}
div.pageTitleWrapper h1, a.pageTitle, a.pageTitle:visited {font-weight: 200;color: #949494; text-transform: uppercase!important; font-size: 28px!important; }
blockquote {margin:0px;}
div.secondLevelNav ul {line-height:22px;}

/*articles*/
div.article-wrapper {padding: 0px!important;}
/*ul#categories li, ul#article-list li, div.events-list ul li{padding: 6px 0px 0px 0px!important; border-bottom: 1px solid #EBEBEB;}*/
h3.related_projects {margin: 0px;}
.article-wrapper .tag-wrapper {position: relative; left: -6px;}
div.article-tools {border-bottom: 1px solid #ddd; border-top:  1px solid #ddd;}
.articles_index .article-body h1 {font-size: 1.65em; font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; text-transform: none!important;}
.articles_index .article-body h2 {font-size: 1.25em; font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; text-transform: none!important;font-weight:bold!important}
.article-body img {padding: 5px 5px 6px 5px!important; border: 1px solid #ccc;}
.articles_show .article-body h1 {font-weight: 200;color: #949494; text-transform: uppercase!important;font-size: 26px!important; font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif }



/*pictures*/
.image_wrapper, .picture-thumb-wrapper {background: transparent url('grey.png') repeat}
.image_wrapper {height: 176px; width: 265px;}
.image_wrapper ul {margin-left:90px!important;margin-top:70px!important;}

/*events*/
div.ticket p {font-size: 12px!important;}
div.ticket-stub {display: none;}
/*#events .secondLevelNav ul {font-family:"Gill Sans", Calibri, "Trebuchet MS", sans-serif; text-transform: uppercase!important;font-size: 16px; font-weight: 200;}
#events .secondLevelNav ul li {margin: 6px 0px}*/
.attraction {overflow: hidden}
.attraction .work-profile-picture {padding:0 9px 0 0!important}

/*works*/
.work-profile-picture {padding: 1.5em 0 2.5em 0; }
.work-snippet {margin-left:99px!important}
.poster-wrapper {padding: 5px 5px 6px 5px!important; border: 1px solid #ccc; background-image:none!important}
.b1.project-details {padding: 12px 0 0 0!important}
.project-media {float:right!important}
.video-work-snippet {padding:0px!important; width:178px!important}
.project-details .poster {height:327px!important}
.imageslider {padding: 6px!important;  border: 1px solid #ccc; position: relative}
.imageslider .carousel-control {position:absolute; z-index: 9999}
.imageslider .carousel-wrap {width:946px!important; }

.carousel-previous{position:absolute;top:72px;right:12px;z-index:100;width:30px!important;height:30px!important;text-indent:-999999px;background:url('/images/app/snippets/gray_next.png') no-repeat 0 -30px!important;}
.carousel-next{position:absolute;top:72px;left:12px;z-index:100;width:30px!important;height:30px!important;text-indent:-999999px;background:url('/images/app/snippets/gray_prev.png') no-repeat 0 -30px!important;}

.carousel-previous:hover,
.carousel-next:hover{background-position:0 0!important;}

/*about*/
#abouts .about {text-align:justify}
.album_thumb {width:auto!important}
.abouts_index {padding-top:3px}

/*contact*/
div.address {margin-right: 3em!important;font-size: 1em!important;}
.contacts_index {padding-top:9px}

/*videos*/
#index-assets-videos {padding-top:15px}

/*albums*/
#index-assets-albums {padding-top:9px}

/*resume*/
.resumes_index {padding-top:9px}
.resume-container h1 {font-weight:normal}



/* SELECTED 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: #000!important; }*/

/*text shadow*/
div.portfolioTitle a {text-shadow:  0px 0px 4px rgba(150, 150, 150, 1);}
#navigation	 a, .secondLevelNav h2 {text-shadow:  0px 0px 2px #bbb;}
div.snippet h2, div.snippet h2 a , div.box-home h2 a:visited, div.box-home h2, div.box-home h2 a , div.box-home h2 a:visited,  .welcome-header{text-shadow:  0px 0px 2px #bbb;}

/*css3 hover*/
div.picture-thumb-wrapper a, div.video-work-snippet a img, .section-body .box .album_thumb a, a.video_thumb_link {
	-webkit-box-shadow:0 0px 5px #ccc;
	-moz-box-shadow:0 0px 5px #ccc;
	box-shadow:0 0px 5px #ccc;
	}

div.picture-thumb-wrapper a:hover, div.video-work-snippet a img:hover, .section-body .box .album_thumb a:hover, a.video_thumb_link:hover {
	-webkit-box-shadow:0 0px 5px #4a96f3;
	-moz-box-shadow:0 0px 5px #4a96f3;
	box-shadow:0 0px 5px #4a96f3;
	border: 1px solid #4a96f3;
	}
	
	.section-body .box .album_thumb .image_wrapper {
	padding: 6px 0px 0px 6px;
	}
	
h1.portfolioTitle a:hover, #navigation	a:hover, #pageTitle a:hover { text-decoration: none!important;}