@import "color.css";
@import "../social/social_same_line_as_title.css";
@import "../events/events_light.css";
@import "../buttons/light_buttons.css";
@import "../../jplayer/ui/skin-light/jplayer.light.css";

/* comon classes */
.box-home {background-color:#FFFFFF;-moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #DDDDDD;}
#box, .box{clear:both;padding:12px;margin: 9px;background-color:#FFFFFF;-moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #DDDDDD;}
.tag {border:1px solid #DDDDDD;background-color:#EEEEEE;color:#8E71C8;}
ul.inline-page-controls a, ul.inline-page-controls input.inline-page-controls-submit {background-color: #eee!important; 
	border-bottom: 1px solid #ccc!important; border-right: 1px solid #ccc!important;
	border-top: 1px solid #F3F3F3!important; border-left: 1px solid #F3F3F3!important;}

/*events*/
.event-pictures {padding-top: 9px}
.event-pictures ul {padding:12px;margin: 0px 9px;background-color:#FFFFFF;-moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #DDDDDD;}
.venue_wrapper {background-color: #fff!important; background-image:none!important;padding:12px;margin: 9px;background-color:#FFFFFF;-moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #DDDDDD;}

/*table and line breaker*/
hr{background-color:#DDDDDD; margin-bottom: 12px;}
tr {border-bottom:1px solid white;}
.box-footer hr {border-top: 1px dashed #ddd; border-bottom: none; border-left: none;border-right: none;}
div.box2 hr {background-color:#BEBEBE;color:#1B132B;}


/* body and viewport*/
body {color: #555252; font-size: 12px; font-family: Lucida Grande, verdana, sans-serif;}
div#viewport{height:100%;background-color: #fff; position: relative;}
div#body-with-title, div.body-with-title, div#body, div.body {background-color:#eee;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}

/* text */
h1 {font-size: 34px; font-family: Georgia}
h2 {font-size:22px;}
h2 a:hover {color:#FFFFFF;}
h4.reverse a {background-color: #fff;} 
h4.reverse a:hover {background-color: #666;}
a {text-decoration: none;}
div.ticket-wrapper h2, div.box h2, div.box2 h2 {padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background-color:#eee; color: #555252;}
.article-side-bar {padding: 9px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background-color:#eee; color: #555252;}

div.box p {padding: 0px 6px 18px 6px;}


/*header*/
div.header {height:135px;position:relative;}

/* portfolio title (name)*/
h1.portfolioTitle {margin-bottom:0;padding-top:30px; font-size:45px;}
div.portfolioTitle {left:0;position:absolute;top:0;}
span.profession {font-size: 16px;}

/* page title */
.pageTitleWrapper{clear:both;margin:9px 9px 9px 9px;padding:15px;}
div#pageTitle, div.pageTitle {padding:9px; background-color:#eee;moz-border-radius: 4px; -webkit-border-radius: 4px; border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-top: 1px solid #CCC;}
.pageTitle h1{margin-left: 18px;color:#fff; font-style: italic; text-transform: lowercase;}
.pageTitle h1 a {color: #fff;}
a.pageTitle {margin-right: 15px;color: #fff}

/* navigation */
div#navigation, div.navigation {position:absolute;left:0;top:96px;width:950px;padding-right: 10px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px; -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;}
div.navigation span {margin-left: 12px; padding:6px 4px 9px 4px;margin-top: 6px;display: block; float: left;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;}
div.navigation a {font-size:14px;font-weight:bold;}



/* second level nav */
div.secondLevelNav-wrapper {padding-top: 10px;}
div.secondLevelNav li{padding: 5px 0px 5px 5px;}
div.secondLevelNav, div#secondLevelNav{margin:0px 12px 12px 12px;background-color: #fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #DDDDDD;}


/* navigation */
div#navigation, div.navigation {background-color: #999 ;}
div.navigation span:hover{ background-color: #747474}
div.navigation a {color:#fff;}

/*pictures*/
div.album_thumb {background-image:url('/images/app/album-back.gif');}
div.image_wrapper {height:195px;overflow:hidden;}
div.album_thumb img {border:0 none;margin-left:21px;margin-top:17px;}



/* news */
ul#categories li.post,ul#article-list li.post {background: transparent url('/images/app/page_white.png') no-repeat 9px 15px}
ul#categories li.older-posts, ul#article-list li.older-posts {background: transparent url('app/calendar_view_day.png') no-repeat 9px 15px}
ul#categories li, ul#article-list li  {border-bottom: 1px dashed #DDDDDD}
h4.article-date {border-bottom: 1px dashed #DDDDDD;}
h4.article-footer {border-top: 1px dashed #DDDDDD;}
div.article-tools {border-bottom: 1px solid #eee; border-top:  1px solid #eee;}


/*event ticket*/
div.ticket-wrapper {margin:9px 9px 9px 9px; background-color: #fff; line-height:22px!important; overflow: hidden;-moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.ticket-stub {width: 50px; float: left}
div.ticket {margin-left:50px; border-left: 2px dashed #eeeeee; padding: 12px}
ul.stub li {margin-top: 35px; margin-left: -35px;font-size: 135px; list-style-type: disc!important; color: #eeeeee;list-style-position: inside;}
div.ticket p {font-size:12px!important; margin:0;}



/* 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;
border-top: 1px solid white; border-right: 2px solid white;-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#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: #666;}

#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,
#resumes-header span.resume, 
#contacts-header span.contact
{background-color: #eee;}


/*homepage awards */
.laurel-left { background-image: url('/images/app/ll.png');}
.laurel-right { background-image: url('/images/app/lr.png');}

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