@import "forms.css";

/* ============================ common ============================== */

body { 
	color: #fff; background: #000;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #0092df; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.item:after,
#calendar:after,
.tags:after,
.inline-list:after,
.sponsors:after,
.sponsors-list:after,
ul.items li:after,
.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.item,
#calendar,
.tags,
.inline-list,
.sponsors,
.sponsors-list,
ul.items li,
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .item,
* html #calendar,
* html .tags,
* html .inline-list,
* html .sponsors,
* html .sponsors-list,
* html ul.items li,
* html .clearfix {height: 1%;}
.item,
#calendar,
.tags,
.inline-list,
.sponsors,
.sponsors-list,
ul.items li,
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 970px;
	margin: 0 auto;
}

#header{
	height: 222px;
	background: url(../img/bg-header.jpg) repeat-x 50% 0;
}

#sub-header{ 
	color: #fff; background: #5e5a59;
}

#content{ 
	float: left;
	width: 660px;
	margin: 30px 30px 30px 0;
	font-size: 1.1em;
}

#side-bar{ 
	float: right;
	width: 265px;
	margin: 30px 0;
}

#footer{ 
	clear: both;
	padding: 0 0 68px 0;
	background: #5e5a59 url(../img/bg-footer.jpg) repeat-x 50% 100%;
}

#content ul, #content ol, #content dl,
.post ul, .post ol, .post dl,
.text ul, .text ol, .text dl { margin: 1.12em 0 }
#content ul, #content ol, #content dd,
.post ol, .post ul, .post dd { margin-left: 40px }
#content ol,
.post ol,
.text ol { list-style-type: decimal }
#content ul,
.post ul,
.text ul { list-style-type: disc; }
#content ol ul, #content ul ol, #content ul ul, #content ol ol,
.post ol ul, .post ul ol, .post ul ul, .post ol ol,
.text ol ul, .text ul ol, .text ul ul, .text ol ol    { margin-top: 0; margin-bottom: 0 }

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header .holder{
	height: 222px;
	position: relative;
}
#header h1{
	position: absolute;
	bottom: 0; left: 98px;
	width: 146px; height: 123px;
	padding: 30px 30px 0 30px;
	background: url(../img/bg-h1.png) no-repeat 0 0;
}

#font-size{
	position: absolute;
	top: 20px; right: 92px;
	width: 54px; height: 21px;
	padding: 0 15px 15px 0;
	background: url(../img/bg-font-size.png) no-repeat 0 0;
}
#font-size li{
	float: left;
}

#langs{
	position: absolute;
	top: 20px; right: -15px;
	width: 92px; height: 21px;
	padding: 0 15px 15px 0;
	background: url(../img/bg-langs.png) no-repeat 0 0;
}
#langs li{
	float: left; display: inline;
	padding: 3px 0 3px 5px;
	background: #aaa;
}
#langs li a{
	display: block;
	padding: 1px 2px;
	color: #000;
}
#langs li a:hover,
#langs li a:focus,
#langs li a:active,
#langs li.current a{
	color: #fff; background: #5e5a59;
	text-decoration: none;
}

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#nav{
	float: left;
}
#nav li{
	position: relative; float: left; display: inline;
	padding: 0 0 0 1px;
	background: url(../img/bg-nav.png) no-repeat 0 8px;
	font-size: 1.3em;
}
#nav li:first-child{
	padding: 0;
	background: none;
}
#nav li a{
	display: block;
	padding: 11px 20px;
	color: #fff; text-decoration: none;
}
#nav li:hover a,
#nav li a:hover,
#nav li a:focus,
#nav li a:active{
	background: #0092df;
}

#nav li ul{
	display: none;
	position: absolute;
	top: 37px; left: 0;
	width: 200px;
/*	background: url(../img/bg-sub-nav.png);*/
  background-color: #5E5A59;
}
#nav li:hover ul{
	display: block;
}
#nav li ul li{
	float: none; display: block;
	padding: 0;
	font-size: 11px;
	background: none;
	border-top: 1px solid #696969;
}
#nav li ul li a,
#nav li:hover ul li a{
	padding: 5px 10px;
	background: none;
	border-left: 2px solid #434343;
}
#nav li ul li a:hover,
#nav li ul li a:focus,
#nav li ul li a:active{
	background: none;
	border-left: 2px solid #0092df;
}

#search-form{
	float: right;
	width: 170px;
	margin: 8px 0 0 0;
	border: 1px solid #8a8787;
	background: #383635;
}
#search-form .textFld{
	float: left; display: inline;
	width: 140px;
	padding: 0 0 0 3px;
	color: #fff; background: none;
	border: none;
	font: 1.3em Arial, Helvetica, sans-serif;
}
#search-form .submit{
	float: right;
	width: 21px;
	border-left: 1px solid #8a8787;
}

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

.cols-2 .col-1{
	float: left;
	width: 300px;
	display: block;
	margin-right: 51px;
}
.cols-2 .col-2{
	float: left;
	width: 300px;
	display: block;
}
#content .cols-2 ul,
#content .cols-2 ul li	{ margin: 0; padding: 0; }

.box	{ display: block; }

#content h2{
	padding: 10px;
	font-size: 1.8em; font-weight: normal; text-transform: uppercase;
	color: #5e5a59; background: url(../img/bg-h2.png) no-repeat 0 50%;
}
#content h2 a.rss
{
	float: right;
}
#content h2 a.rss img
{
  padding: 3px 0 3px 0;
}
#content h3{
	margin: 0 0 15px 0;
	color: #5e5a59;
	font-size: 1.8em; font-weight: normal;
}
#content .more{
	float: right;
	text-transform: lowercase;
}

.news-list{
	font-size: 1em;
}
#content .cols-2 ul.news-list li{
	margin: 0 0 15px 0;
}
#content .news-list h3{
	margin: 0;
	font-size: 1em; font-weight: bold;
}
.news-list h3 a{
	color: #fff;
}
.news-list small {
	padding-right: 7px;
	color: #5e5a59;
}
.news-list .thumb{
	float: left; display: inline;
	margin: 0 15px 10px 0;
}
.news-list li .more{
	font-size: 10px;
}

.events-list{
	font-size: 1em;
}
#content .cols-2 ul.events-list li{
	margin: 0 0 15px 0;
}
#content .events-list h3{
	margin: 0;
	font-size: 1em; font-weight: bold;
}
.events-list h3 a{
	color: #fff;
}
.events-list small{
	color: #5e5a59;
}
.events-list .thumb{
	float: left; display: inline;
	margin: 0px 15px 10px 0;
}
.events-list li .more{
	font-size: 10px;
}

.box-border-top,
#movie{
	margin: 15px 50px 0 0;
	border-top: 1px solid #5e5e5e;
	font-size: 1.1em;
}
#flash{
	margin: 0 0 10px 0;
}

.box-border-top img	{ padding-bottom: 10px;}

.box-border-top.nom,
#gallery{
	margin: 15px 0 0 0;
	border-top: 1px solid #5e5e5e;
	font-size: 1.1em;
}
.gallery li{
	float: left; display: inline;
}
.gallery li img{ margin: 0 10px 10px 0!important; }

.people-content{
	margin: 0 0 15px 0;
}
.people-content .photo{
	float: left;
	width: 242px;
}
.people-content h3{
	margin: 15px 0;
	color: white !important;
	font-size: 2.1em; font-weight: normal;
	line-height: 1.6em;
	border-bottom: 1px solid #5e5e5e;
}
.people-content .text{
	float: right;
	width: 393px;
	font-size: 1.2em;
}

.post{
	font-size: 1.2em;
}




.item,
.news { padding: 15px 0; /*border-bottom: 1px solid #e6e5d6;*/ }
#content .item h3,
.item big,
#content .news h3 { margin: 0 0 5px; padding: 0; }
.item big { font-size: 1.4em; font-weight: bold; }
.item h3 a,
.item big a,
.news h3 a { /*color: #333;*/ }

img.left,
.item img,
.news img { float: left; margin: 0 15px 10px 0; }

.eventsHeader			{ width: 100%; margin: 0 0 1.5em 0; /*background-color: #F6F6F6;*/ }
.eventsHeader td		{ padding: 4px; vertical-align: middle; /*color: #999;*/ }
.eventsHeader td.right	{ text-align: right; }
.eventsHeader td label	{ /*color: #999;*/ }
.eventsHeader td a		{ padding: 0 0.3em; }
.datePicker	{ padding: 0; margin: 0; vertical-align: middle; font-size: 0.9em;  }

.eventsList				{ width: 100%; }
.eventsList td			{ padding: 4px; }
.event-cell				{ border-top: solid 1px #5E5E5E; }

.mediaGalerii	{ margin: 15px 0; }
.mediaGalerii td {text-align: center;}
.mediaGalerii td a img {display: inline;}

.big	{ font-size: 1.3em; font-weight: bold; margin: 10px 0; }
.letter	{ font-size: 1.3em; font-weight: bold; display: block; margin: 15px 0 7px 0; }
#content .cols-2 ul.letter-names	{ margin: 0 0 0 5px; padding: 0; list-style: none; }
#content ul.inline-list		{ list-style: none; }
#content ul.inline-list	li	{ display: block; float: left; margin: 10px 20px 25px 70px; padding: 0; }

.box-sponsor	{ margin-bottom: 15px; }
.box-sponsor .text	{ padding: 5px 0; }
.sponsors,
.sponsors-list	{ margin: 15px 0; }
.sponsors .sponsor	{ width: 150px; height: 100px; display: block; float: left; text-align: center; margin: 0 0 15px 0; }
.sponsors-list .sponsor	{ width: 300px; height: 250px; display: block; float: left; text-align: center; margin: 0 0 15px 0; }
.sponsors-list a img,
.sponsors a	img	{ margin: 0 auto; }

.ratings-form	{ margin: 15px 0; }
.ratings-table	{ width: 100%; margin: 0 0 10px 0; }
.ratings-table td	{ padding: 5px; }
ul.ratings	{ list-style-type: none; }
ul.ratings li	{ display: block; float: left; padding-right: 7px; }
.ratings-form h3	{ padding: 0; margin: 0; }

.billboard	{ text-align: center; background-color: #000; }
.billboard img	{ margin: 7px auto; }

.print	{ display: inline; float: right; padding-left: 15px; }
.connectedElements	{ padding: 15px 0 10px 0; }

#content ul.items	{ list-style: none; margin: 0; padding: 0; }
#content ul.items li	{ list-style: none; margin: 20px 0; padding: 0; }
#content ul.items li img.thumb-big	{ float: left; display: inline;	margin: 0px 15px 10px 0; }
#content ul.items li h3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
#content ul.items li h3 a {color: #fff;}
#content ul.items li small { color: #5e5a59; }


/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h2{
	padding: 10px;
	font-size: 1.9em; font-weight: normal; text-transform: uppercase;
	color: #5e5a59; background: url(../img/bg-h2.png) no-repeat 0 50%;
}
#side-bar .more{
	float: right;
	text-transform: lowercase;
}

.tags		{ list-style: none; }
.tags li	{ float: left; display: block; margin-right: 10px; font-size: 1.1em; }
.tags li a	{  }

#calendar{
	background: #201f1e;
}
#calendar h2{
	float: left;
	background: none;
}
#calendar .nav{
	float: right; display: inline;
	padding: 12px 10px 10px 7px;
	font-size: 1.7em; font-weight: normal; text-transform: uppercase; text-align: right;
	color: #5e5a59;
}
#calendar .nav img{
	display: inline;
}
#calendar #see-link a{
	font-size: 85%;
}
#calendar .nav strong{
	font-weight: normal;
}
#calendar #see-link { padding: 15px 10px 10px 7px; font-size: 1em; }

#calendar-table{
	clear: both;
	width: 245px;
	margin: 0 10px 10px 10px;
	font-size: 12px;
}
#calendar-table th,
#calendar-table td{
	padding: 3px 0;
	text-align: right;
}
#calendar-table .today{
	padding: 3px;
	color: #201f1e; background: #f1f1f1;
}
#calendar-table a{
	padding: 3px;
	color: #fff;
  background: #0092df;
}
#calendar-table a:hover,
#calendar-table a:focus,
#calendar-table a:active{
	color: #fff; background: #000;
	text-decoration: none;
}
#people	{ margin-top: 20px; }
.people-list{
	font-size: 1.1em;
}
.people-list li{
	margin: 0 0 10px 0;
}
.people-list .text{
	float: right;
	width: 186px;
}
.news-list h3,
.people-list h3{
	font-weight: bold;
}
.people-list h3 a{
	color: #fff;
}
.people-list small{
	color: #5e5a59;
}
.people-list .thumb{
	float: left; display: inline;
	margin: 0 15px 0 0;
}
.people-list li .more{
	font-size: 10px;
}

#partners{
  clear: both;
	margin: 25px 0 0 0;
	border-top: 1px solid #5e5e5e;
}
#partners li{
	margin: 0 0 10px 0;
	text-align: center;
}
#partners li a img{
	display: inline;
}

.alphabet li{
	float: left;
	padding: 0 15px 0 0;
	font-size: 3.85em;
	color: #5e5a59;
}
.alphabet li a{
	color: #fff;
}
.alphabet li a:hover,
.alphabet li a:focus,
.alphabet li a:active,
.alphabet li.current a{
	color: #bfbfbf;
	text-decoration: none;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

.nav-links	{ background-color:#000000; color: #5e5e5e; padding: 10px 5px 10px 700px; font-size:110% }
.nav-links a	{ padding-right: 7px; }
.nav-links a.up	{ padding-left: 15px; background: url('../img/ico-up.gif') no-repeat 4px 5px; } 

#bottom-nav{
	float: left;
	padding: 5px 0;
	font-size: 1.2em; 
}
#bottom-nav li{
	display: inline;
	padding: 0 10px 0 0;
}
#bottom-nav li a{
	color: #fff;
}

#copyright{
	float: right;
	padding: 5px 0;
	font-size: 1.2em; 
}


/* =========================== footer end =========================== */








div.stmap.sitemapLevel2, div.stmap.sitemapLevel2End
{
  margin-left: 10px;
}
div.stmap.sitemapLevel3
{
  margin-left: 40px;
}