/*-----------------------------------------------------------------------------

Cardinal Screen Stylesheet



version:   1.0

date:      03/10/07

author:    Alexander Chuprin

email:     a.s.chuprin@gmail.com

website:   www.chuprin.com



-----------------------------------------------------------------------------*/





/* Global 

---------------------------------------------------------- */

@import url("tooltip.css");
@import url("dataForm.css");

* {	padding:0; margin:0; }

html, body { width: 100%; height: 100%; }

body {

	font-family: "Trebuchet MS", Helvetica, sans-serif;

	font-size: 62.5%;

	color: #130b08;

	background: #130b08;

	behavior: url('css/vlalek.htc');

}

p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {

	margin: 10px 0;

	font-size: 1em;

}



p

{

	line-height: 1.5em;

}



h1, h2, h3, h4, h5, h6 {

	margin: 25px 0 15px 0;
	font-family: "Monotype Corsiva", sans-serif;
	font-weight: normal;

}

li, dd, blockquote { 

	margin-left: 30px; 

}



h1 { font-size: 1.8em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }

h5 { font-size: 0.9em; }

h6 { font-size: 0.8em; }



/* Table */

table { border-collapse: collapse; border: 0; }

table td { padding: 0px; vertical-align: top; text-align: left; }



/* Inputs */

input { padding-left: 3px; }



/* Lists */



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}



.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }



.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.middle { vertical-align: middle; }

.fleft { display: block; float: left; }

.fright { display: block; float: right; }



/* Links 

---------------------------------------------------------- */



a img { border: 0; }

a {

}

a:hover, a:focus, a:active {

}



/* Layout 

---------------------------------------------------------- */



#page { width: 977px; margin: 0 auto; background: url(../images/bg_1.jpg) repeat-y; font-size: 1.2em; }

#header { height: 283px; background: url(../images/header.jpg) 0 100% no-repeat; }

#wrapper { position: relative; overflow: hidden; zoom: 1; background: url(../images/bg_2.jpg) 0 100% no-repeat; }

#sidebar-left { float: left; width: 229px; padding: 0 0 150px 0; background: url(../images/left_bg.jpg) 100% 0 no-repeat; }

#content { position: relative; float: left; width: 536px; margin: 0 0 -5000px 0; padding: 0 0 5000px 0; background: url(../images/content_bg_1.jpg) 0 -12px repeat-y; }

#content #w { min-height: 311px; padding: 10px 49px; background: url(../images/content_bg_2.jpg) no-repeat; zoom: 1; }

#sidebar-right { float: right; width: 205px; overflow: hidden; padding: 75px 5px 20px 0px; background: url(../images/right_bg.jpg) 0px 0 no-repeat; }

#footer { position: relative; height: 22px; padding: 121px 385px 0; background: url(../images/footer_bg.jpg) 0 100% no-repeat; }



/* Header

---------------------------------------------------------- */



#navigation { padding-left: 103px; }

#navigation ul { position: relative; z-index: 2; zoom: 1; margin: 0; padding: 34px 9px 11px 13px; background: url(../images/nav_bg.jpg) no-repeat; }

#navigation ul li { float: left; width: 79px; height: 21px; margin: 0 10px 0 0; padding: 0 0 4px 0; line-height: 17px; list-style-type: none; }

#navigation ul li a { display: block; width: 100%; height: 21px; font-family: Verdana, Helvetica, sans-serif; font-size: 0.9em; text-decoration: none; text-align: center; color: #fff; }

#navigation #nav-part-1 { float: left; display: inline; zoom: 1; }

#navigation #nav-part-2 { float: right; display: inline; margin: 0 107px 0 0; } 



#nav-part-1 li, #nav-part-2 li { position:relative; z-index: 5; float:left; xmargin-right:-1px; height: auto; }

#nav-part-1 LI:hover UL, #nav-part-2 LI:hover UL { visibility:visible; }

#nav-part-1 ul, #nav-part-2 ul { position:absolute; visibility:hidden; margin: 0; top: 21px; left: 0px; padding: 0; width: 139px; background: #8e887e; opacity: 0.62; -moz-opacity: 0.62; filter: alpha(opacity=62);  }

#nav-part-1 li li, #nav-part-2 li li { margin: 0; width: 100%; background: none; height: auto; border-bottom: 1px solid #474646; }

#nav-part-1 li li a, #nav-part-2 li li a { display: block; width: 98%; margin: 0 5px; padding: 3px 0; height: auto; text-align: left; background: none; line-height: 1.1em; }





#logo { position: absolute; left: 50%; top: 0; margin: 0 0 0 -155px; z-index: 1; }



/* Content

---------------------------------------------------------- */

.newsItem

{

	margin-bottom: 35px;

}





/* Sidebar (Left)

---------------------------------------------------------- */



#sidebar-left .block { position: relative; zoom: 1; margin: 0 0 34px 0; background: url(../images/afisha_bg_top.jpg) #ece0d0 no-repeat; }

#sidebar-left .block .container { position: relative; padding: 18px; background: url(../images/afisha_bg_bottom.jpg) 0 100% no-repeat; z-index: 6; }



#afisha { position: relative; background: url(../images/afisha_bg_2.jpg) 1px 0 repeat-y; }

#afisha .container { background: url(../images/afisha_bg_1.jpg) no-repeat; z-index: 1; }

#afisha .container div { position: relative; padding: 115px 30px 50px 20px; background: url(../images/afisha_bg_3.jpg) 0 100% no-repeat; z-index: 2; }

#afisha ul { padding: 0; list-style: none; };

#afisha li { margin: 0 0 15px 0;}

#afisha h1 { padding: 0; }

#calendar
{
	margin-left: 10px;
}

#calendar a
{
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#calendar td
{
	padding: 3px;
}

.weekDay
{
	font-weight: bold;
}


.picture{ background: #fff; padding: 8px 10px 8px 10px; margin: 20px; border: 1px solid #bbb; }

.special{}
.special DIV{padding: 5px 5px 5px 5px;  background-color:#fff; border: 1px solid #aaa; float:left; #margin-right:25px; margin-right:15px; margin-bottom: 15px;text-align:center; }
.special DIV IMG {margin-top:5px; border:1px solid #ddd;}
.smallImage
{
	padding: 5px;
	margin: 5px;
	background: #fff;
	border: 1px solid #aaa;
}


#order { background: url(../images/order_bg_2.jpg) repeat-y; }

#order .container { position: relative; background: url(../images/order_bg_1.jpg) no-repeat; z-index: 1; }

#order .container #box { padding: 50px 30px 50px 40px; background: url(../images/order_bg_3.jpg) 0 100% no-repeat; }

#order h1 { padding: 0; }

.flame { position: absolute; right: -53px; top: -32px; width: 158px; height: 222px; padding: 2px 5px 93px 0; z-index: 1; }




/* Sidebar (Right)

---------------------------------------------------------- */



.title { position: relative; zoom: 1; display: block; margin: 0; padding: 0 0 15px 0; font-family: "Monotype Corsiva", sans-serif; text-align: center; font-size: 1.75em; font-weight: bold; opacity: 0.32; -moz-opacity: 0.32; filter: alpha(opacity=32); color: #451913; }



#vote { background: url(../images/vote_bg.jpg) 0 100%  no-repeat;  }

#vote #gerb { min-height: 350px; padding: 15px 25px 30px; background: url(../images/gerb.gif) 50% 40px no-repeat; }





/* Footer 

---------------------------------------------------------- */

#footer a { display: block; width: 100%; text-indent: -99999px; }
#fix { position: absolute; left: 229px; top: -58px; width: 72px; height: 58px; background: url(../images/fix.png); }