/*Base Colors */
body {font-size:75%;background:#111111;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
.container, .sliderGallery { background: #ffffff; }
div.colborder, div.border { border-right: 1px solid #cccccc; }
.box,.postmetadata,.nav,h3#comments,h3#respond,#commentform,#sidebar ul li a:hover,ul.txt li:hover {background: #cccccc; }
#sidebar ul li a,ul.txt li { border-bottom: 1px solid #cccccc; }
hr {background: #cccccc; color: #cccccc; }
#footer-wrap {background: #000000;}


/*Links 
------------------------------------------------------------ */
a:link, a:visited { color: #428ce7; }

/*Hover 
------------------------------------------------------------ */
a:hover, a:focus { color: #666666; }

/* Header */
#header {padding:5px 0}
#header h4, #masthead span { margin: 0; padding:0; line-height:2em }
#header h4 { font-weight: bold; text-transform: uppercase; float: left}
#header h4 a { color: #000; text-decoration: none; }
#header span.description { font-weight: normal; color: #000; text-transform: lowercase; font-size: 11px; padding: .35em 3em;}
#header-right{float:right}
#header-right h2{font-size:22px;margin-bottom:20px}

/* grid.css */
.container {width:950px;margin:10px auto;padding:0 20px}
.container-inner {width:950px; margin:0 auto;padding:0}


div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

a {color:#428ce7;text-decoration:none;}
a:hover, a:focus {color:#000;}

.page-title{font-size:23px;margin-bottom:10px}

#center{margin:0 260px 0 0;width:640px;padding-right:25px;border-right:1px solid #ccc;overflow:hidden}
.mozaik-text{font-size:13px;line-height:20px}

/* sidebar */
#right{float:right;width:260px;padding-top:10px}
#right-menu{margin-bottom:15px;}

.right-title,.page-title-section{text-transform:uppercase;border-bottom:1px solid #cccccc;font-size:15px;font-weight:bold;margin-bottom:8px}

#recent-comments{padding-left:20px}
#recent-comments li{margin-bottom:8px;list-style-type:disc}

/* Menu */
.open-item-1{border-top:1px solid #fff;border-bottom:1px solid #D3D0C2;}
.open-item-1 > a{font-size:13px;font-weight:bold;color:#575753;display:block;padding:9px 4px 9px 20px;}
.open-link-1{background: url(images/right.gif)  no-repeat 0 0;}
.open-turn-1{background: url(images/right.gif)  no-repeat 0 -120px;}
.open-link-1:hover, .open-item-1 > .active{background: url(images/right.gif) no-repeat 0 -60px;color:#000!important}

.open-item-2 > a{display:block;padding:8px 4px 8px 37px;font-weight:bold;color:#575753;}
.open-link-2{background:#F9F7EF url(images/right.gif) no-repeat 0 -180px;}
.open-turn-2{background: url(images/right.gif) no-repeat 0 -300px;}
.open-link-2:hover, .open-item-2 > .active{background: url(images/right.gif) no-repeat 0 -240px;}

.open-link-3{
font-size:12px;font-weight:bold;color:#575753;display:block;padding:9px 4px 9px 42px;
background: url(images/right.gif) no-repeat 0 -360px;font-weight:bold;color:#575753;
}
.open-link-3:hover, .open-item-3 > .active{background: url(images/right.gif) no-repeat 0 -420px;}


/* Footer */
#footer{border-top:1px solid #444444;overflow:hidden;}
#footer a:hover {color:#fff}
#footer-wrap {width:980px;margin:10px auto;}
#footer ul{list-style:none;margin:0;padding:0;border-top:1px solid #444}
#footer ul li a{color:#eee;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
#footer ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111 url(images/li-white.png) no-repeat 3px 10px;}
#footer ul li a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}

.publicity-right{padding-bottom:15px;overflow:hidden}
#publicity-bl{overflow:hidden;float:left;height:300px}
.publicity-bl{margin-bottom:7px}
.publicity-br{float:left;color:#fff;line-height:19px}

#inside-wrap {margin:0 auto;padding:0;}
.pusher {text-align:right;background:#fff url(images/pusher.png) no-repeat bottom right;padding:4px 10px 0px 0px;font-size:11px}
.pusher a {color:#ccc;text-decoration:none}
.pusher a:hover {color:#fff;text-decoration:underline;cursor:pointer}
.mover {color:#000;}
.mover a .more {color:#000; text-decoration:none;}
.move a:hover {color:#ffffff;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url(images/rss.png) no-repeat 0 50%;color:#eee;}

/* BOXES */
.error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;color:#eee;border-bolor:#444}
.error a, .notice a, .success a, .box a {color:#fff;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#000;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.welcomebox h2 {color:#fff}
.welcomebox h3.sub {color:#bbb;border-bottom:1px solid #bbb;}

/* Home Slider */
#slider{clear:both;width: 950px; height: 300px; position: relative;}
#slider-wrapper{ width: 950px; overflow: hidden; height: 300px; position: absolute; top: 0; left: 0; }
#slider-wrapper ul{ width:32700px;list-style:none;position:absolute;top:0;left:0;background: #fff; margin: 0; }
#slider ul li{display:block;float:left;padding:0;height:300px;width:950px;margin: 0; }
#slider .arrow{ display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 110px; cursor: pointer; }
#slider .forward{ background-position: 0 0; right: -20px; }
#slider .back{ background-position: -67px 0; left: -20px; }
#slider .forward:hover{ background-position: 0 -200px; }
#slider .back:hover{ background-position: -67px -200px; }

.slider-box{overflow:hidden}
.slider-image{width:400px;float:left;padding:2px;border:1px solid #ccc;margin-right:10px}
.slider-overlay{position:absolute;bottom:0;left:0;width:950px;background:#fff;filter:alpha(opacity = 50);opacity:0.5;}
.slider-legend{position:absolute;bottom:0;left:0;padding:5px;color:#000}
.slider-title{font-size:18px;}
.slider-text{font-size:15px}

#thumbNav{ position: relative; top: 276px; text-align: right; }
#thumbNav a{background:#fff;border:1px solid #000;color:#000;font-size:12px;
display: inline-block; padding: 1px 5px; height: 14px; margin: 0 7px 0 0;
text-align: center;}
#thumbNav a:hover{background:#000;border:1px solid #000;color:#fff}
#thumbNav a.cur{background:#000;border:1px solid #000;color:#fff}

#page{overflow:hidden}
#page .mozaik-logo{float:left}
#page .description{font-size:15px;line-height:23px;margin-bottom:15px}

.movie-list{}
.movie-list dt{margin-bottom:4px;font-weight:bold;font-size:15px}
.movie-list dd{margin-bottom:12px}

/* Tours Boxes */
.tour-box{position: relative;float:left;width:225px;margin-right:15px}
.tour-box h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; bottom: 0; left: 0;bottom: 0; height: 15px; 
width:217px; overflow:hidden; position: absolute; max-width: 302px; z-index: 10; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.tour-box h6.title-overlay a { color: #ccc; text-decoration: none;}
.tour-box h6.title-overlay a:hover {color:#fff;}

/* Home Movies Boxes */
.home-box {position: relative; margin: 0 0 6px 0;padding:0;float:left;width:310px;height:150px;margin-right:10px;}
.home-box h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 10; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.home-box h6.title-overlay a { color: #ccc; text-decoration: none;}
.home-box h6.title-overlay a:hover {color:#fff;}

/* Movies Boxes */
.movie-box,.section-box{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;overflow:hidden;}
.movie-box .mozaik-logo,.section-box .mozaik-logo{float:left;margin-right:15px}
.movie-box h6,.section-box h4{margin-bottom:4px;font-weight:bold;font-size:15px}
.section-box .date{margin-bottom:4px;font-weight:bold;font-size:14px;color:#444}
.section-movie{float:left;display:block;margin:0 10px 10px 0;width:140px}
.section-movie .mozaik-logo{float:left;margin-right:0}
.section-movie span{background: #000;color:#fff;display:block;padding:3px 5px;}

/* NAVIGATION - Basic code - don't modify */ 
div.wrapper {clear:both;position: relative; margin: 0; width: 100%;display: block;background-color: #000; height: 37px; margin-bottom: 10px;z-index: 102;}
div.nav-wrapper { display: block; margin: 0 auto; padding: 0; position: relative;width:950px;}
#main-menu {float:left;}
#main-menu { display: block; margin: 0; padding: 0; position: relative; z-index:999}
#main-menu .wrapper { position: relative; margin: 0 auto; width: 950px; }
#main-menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#main-menu a { display: block; }
#main-menu li > a.active {text-decoration:underline}
#main-menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
#main-menu ul a { zoom: 1; } /* IE6/7 fix */
#main-menu ul li { float: none; }
#main-menu ul ul { top: 0; }
    
/* NAVIGATION _ Essentials - configure this */
#main-menu ul { width: 170px; }
#main-menu ul ul { left: 170px; }

/* NAVIGATION - Everything else is theming */
#main-menu { height: 37px;}
#main-menu *:hover { background-color: none; }
#main-menu a {color: white; font-size: 11px; padding: 8px 10px 18px 10px;border-right:1px solid #eee;}
#main-menu li.hover a { background-color: #222; }
#main-menu ul { top: 37px; }
#main-menu ul li a { background-color: #222; }
#main-menu ul a.hover { background-color: #000; }
#main-menu ul a { border-top: 1px solid #333; border-right: none; }
/* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
#main-menu ul li a.children {background-image: url(images/arrow.png); background-position: right center; background-repeat: no-repeat;}

/* NAVIGATION - Search for something */
div.nav-wrapper #search { position: relative; float: right; top: 8px; right:8px; height:22px; width:100px; background: #222 url(images/search.jpg) no-repeat left top}
div.nav-wrapper #search:hover { background: #fff url(images/search-hover.jpg) no-repeat left top}
div.nav-wrapper #search #q { background: transparent; float: left; display: block; margin:0;padding-left: 5px; width: 130px; border: none; font-size: 11px; color: #ccc; vertical-align: bottom; }
#search #s:hover { color: #000; background: transparent}
div.nav-wrapper #search #s:hover {color: #000;background: transparent;}

#city-showtimes{width:100%}
#city-showtimes td{border:1px solid #000;padding:5px}
#city-showtimes th{border:1px solid #000;padding:5px;background:#000;color:#fff}
.showtimes-week{background:#428ce7;color:#fff}

.movie-tooltip h5{font-size:15px;font-weight:bold}
.movie-tooltip img{float:left;margin:0 5px 5px 0}
.movie-tooltip{border:1px solid #000;background:#fff;padding:5px;}

.map-city .handler{background-image:url(images/star.png);background-repeat:no-repeat;display:block;color:#000}
.map-city a.handler:hover{color:#428ce7;background-image:url(images/star_blue.png);}
.city_top_left{padding:15px 0 0 15px}
.city_top_right{padding:13px 13px 0 0;background-position:right top;}
.city_left{padding:2px 0 0 19px}
.city_right{padding:2px 19px 0 0;background-position:right top;text-align:right}

.city_bottom_left{padding:0 0 13px 13px;background-position:left bottom;}
.city_bottom_right{padding:0 13px 13px 0;background-position:right bottom;text-align:right}

#maps-menu{height:24px}
#maps-menu li{float:left;margin-left:10px}
#maps-menu a{
  float:left;display:block;position:relative;bottom:-1px;
  border:1px solid #B5B6BB;background:#F1F1F1 url(images/toolbar.png) repeat-x top left;color:#666;
}
#maps-menu a{padding:3px 10px;height:16px;}
#maps-menu li > a.active{border:1px solid #B5B6BB;border-bottom:1px solid #fff;background:#fff;color:#000;}


/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0;clear:left;width:630px;margin-top:15px;padding:10px 0;border-top:5px solid #f7f7f7}
ol.commentlist li { border-top:5px solid #eee; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li:hover {background:#f7f7f7;}
ol.commentlist li.comment-author-admin {border-top:5px solid #222;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; color:#222 }
ol.commentlist li div.vcard a {color:#222}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#eee; padding:6px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#bbb; text-decoration:none; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#222}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff}
ol.commentlist p {line-height:19px}