/*	CSS-Framework

	Version		: 0.3.1
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */
		
/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #f4f4f4; font-family: Arial, Helvetica, sans-serif; background: url(../i/bg-1.gif);}
body { height: 100%; min-height: 100%; width:100%; ; font-size: 62.5%;  /* 16px × 62.5% = 10px */  } /* body height 100% */

#page {position: relative; width: 572px; background: #ccc; padding: 0 auto; margin: 0 auto; height: 100%; background: url( ../i/bg-2.gif)}
#logo {position: absolute; width: 146px; height: 73px; top: 20px; left: -166px; background: #ccc url( ../i/logo.gif) no-repeat; }
#left_bn {position: absolute; width: 148px; height: 147px; top: 120px; left: -169px; background: url( ../i/left_bn.png) no-repeat; }
#left_bn-2 {position: absolute; width: 78px; height: 248px; top: 290px; left: -100px; background: url( ../i/left_bn-2.png) no-repeat; }
#display {position: absolute; width: 216px; height: 73px; top: 20px; right: -236px; background: #ccc }
#menu {position: absolute; width: 216px; height: 424px; top: 120px; right: -236px; background: #ccc url( ../i/remote.jpg) no-repeat; }
#content {position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px;  overflow: hidden;  background: url( ../i/bg-3.gif) white;}
#scrollable {padding: 30px; width:472px;}
.mouseover_up {width: 40px; height: 40px; position: absolute; left: 17px; top: 60px;}
.mouseover_down {width: 40px; height: 40px; position: absolute; left: 17px; bottom: 60px;}

#menu ul {margin:90px 0 0 15px; line-height:37px; list-style:none; color: #333; font-family: Impact, serif; font-size: 28px;}
#menu ul li {background: url( ../i/menu-button-off.jpg) left top no-repeat;}
#menu ul #current {background: url( ../i/menu-button-on.jpg) left top no-repeat!important;}
#menu ul li {margin-bottom: 10px; padding-left: 40px;}
#menu ul li a {text-decoration:none; color:#333;}
#edit-post {position:absolute; display: block; width: 43px; height: 40px; left: 13px; top: 21px; background: url( ../i/edit-post.jpg)}

.future-date{float: left; display: inline; margin: 0 10px 0 0; background: url(../i/date-button-upcoming.gif) no-repeat; width: 50px; height: 50px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; }
.past-date{float: left; display: inline; margin: 0 10px 0 0; background: url(../i/date-button-past.gif) no-repeat; width: 50px; height: 50px; text-align:center; font-family: Georgia, "Times New Roman", Times, serif;}
.month {line-height: 20px; font-size:12px; color:#CCC;}
.day {line-height: 28px; font-size:18px; color:#FFF;}
.news-list {margin-bottom: 15px; min-height: 50px;}
.news-list h2 {line-height: 22px; font-size: 18px; }
.news-list h3 {line-height: 14px; margin-bottom: 2px; font-size: 1.2em;}
.ticket {display: block; line-height: 30px; border: solid 2px #999; margin-bottom: 10px; text-align: center; font-size: 1.3em; font-weight: bold; text-decoration: none; background: #d6d6d6;}
a.ticket {color: #b82025; text-transform:uppercase;}
.divGallery {margin: 10px 0 20px 0; } 

a { color: #800; text-decoration:none;}
a:visited {  }
a:hover {  }
a:active {  }
p {font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px; color:#333; }
h1, h2, h3 {color:#444;}
h1 {margin-top: 20px; margin-bottom: 10px; font-size: 2.5em;}

h2 a {color:#444; text-decoration: none; }
h2.past {color:#777;}
h2.hide {font-size: 2.1em; cursor: pointer; text-align: center;}
ul, ol { margin-left: 2.5em; line-height: 1.3em; font-size: 1.2em; margin-bottom: 1.3em;}
h3 {font-size: 3em; cursor: pointer; text-align: center; color:#ff0000;}

.wpcf7 {position: relative;}
input { vertical-align: middle; }
.i-checkbox { margin-top: 3px; }
.i-text { width: 335px; padding: 1px; font: 1em sans-serif; }
#button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }
input[type=submit] { width: 100px; height:20px; font-size: 10px;}

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.f-row { overflow: hidden; margin-bottom: 10px; }
label { float: left; text-align: right; width: 13%; padding: 0 2%; font-size: 1.2em;}
.f-inputs { padding-left: 15%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }