/*
 * +---------------------------------------------------------------------+
 * | KINOBSERVER.COM                                                     |
 * +---------------------------------------------------------------------+
 * | kino.css                                                            |
 * | main style sheet                                                    |
 * |                                                                     |
 * | Dtek Digital Media, dtek.net                                        |
 * | 2010.03.12                                                          |
 * |                                                                     |
 * +---------------------------------------------------------------------+
 */

/* typography
 +------------------------------------------------------------------------+
 */

body  {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 62.5%; /* resets 1em to 10px */
	line-height: 1.6;
}
table  {  font-size: 1.1em;  }
h1  {  font-size: 0.1em;  } /* hack to help IE7 position #header-logo */
h2  {  font-size: 1.1em;  }
h2.intro  {  font-size: 1.3em;  }
h3  {  font-size: 1em;  }

a  {  text-decoration: none;  color: #900;  }
a:hover, a.sel  {  text-decoration: none;  color: #333;  }

div#header-menu, div#footer-menu, .title, h2  {  text-transform: uppercase;  }
h2 em  {  text-transform: lowercase;  font-style: normal;  }

strong, a.strong  {  font-weight: bold;  }

/* a.sel  {  font-weight: bold;  color: #000;  } */

div#header-menu, div#footer-menu  {  font-weight: bold;  }
div#header-menu  {
	font-family: Arial, sans-serif;
	font-size: 1.15em;
	letter-spacing: 0.1em;
}
div#footer-menu  {  font-size: 1em;  }
div#header-menu a, div#footer-menu a  {  color: #000;  }
div#header-menu a:hover, div#footer-menu a:hover  {  color: #900;  }
div#header-menu a.sel, div#footer-menu a.sel  {  color: #900;  }
div#header-menu a.sel:hover, div#footer-menu a.sel:hover  {  color: #000;  }

span, a span  {  color: #900;  }
a:hover span  {  color: #000;  }
a.sel span  {  color: #000;  }
a.sel:hover span  {  color: #900;  }

.citizen-c  {  color: #b285de;  }
.citizen-i  {  color: #38ff7d;  }
.citizen-t  {  color: #ffff00;  }
.citizen-i2  {  color: #2d5be5;  }
.citizen-z  {  color: #c30000;  }
.citizen-e  {  color: #008000;  }
.citizen-n  {  color: #ff9dc8;  }
.citizen-3  {  color: #00ccff;  }
.citizen-dot  {  color: #cc99ff;  }
.citizen-0  {  color: #ffd553;  }


/* layout
 +------------------------------------------------------------------------+
 */

body  {
	margin: 0px 0px 20px 23px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
}

p, form  {  margin: 1em 0;  }
h1  {  margin: 0;  padding: 0;  }
h2  {  margin: 0;  }
h3  {  margin: 1.1em 0 0.6em 0;  }
#box-left ul, #box-right ul  {  list-style: none;  margin: 1em 0;  padding: 0;  }
#box-left ul li, #box-right ul li  {  margin: 0;  padding: 0;  }

#container  {  width: 750px;  }

#header  {  width: 733px;  height: 63px;  }

#header-menu  {  margin: 7px 30px 0 0;  text-align: right;  }

#header-logo  {
	margin: 12px 0px 0px 30px;
	background: url(../img/logo_o.gif) no-repeat;
	width: 305px;
	height: 27px;
}
#header-logo a  {
	display: block;
	width: 305px;
	height: 27px;
	text-indent: -1000em;
}

table#middle  {  margin: 0;  padding: 0;  border: 0;  width: 733px;  }
td  {  margin: 0;  padding: 0;  }
td.content  {  width: 365px;  margin: 0;  padding: 0;  }
td.top  {  vertical-align: top;  }

#main  {
   width: 732px;
	margin: 30px 0;
	overflow: hidden;
	background: url(../img/border.png) repeat-y 50% 0;
}

#box-left, #box-right  {
	float: left;
	width: 305px;
	margin: 30px;
	overflow: hidden;
}

div#left  {  margin: 30px;  }
div#center  {
	margin: 10px 0px 20px 0px;
	width: 3px;
	background-color: #000;
}
div.center-short  {  height: 280px;  }
div.center-tall  {  height: 480px;  }
div#right  {  margin: 30px;  }

#footer  {  clear: both; width: 733px;  margin-bottom: 20px; overflow: hidden;  }

#footer-logo  {
	float: left;
	background: url(../img/url.gif) no-repeat;
	width: 220px;
	height: 24px;
	text-indent: -1000em;
}
#footer-logo a  {  display: block;  width: 201px;  height: 24px;  }

#footer-menu  {  width: 430px;  margin-top: 0.2em;}

#footer-dtek  {
	float: right;
	background: url(../img/dtek.gif) no-repeat;
	width: 63px;
	height: 24px;
	text-indent: -1000em;
}
#footer-dtek a  {  display: block;  width: 63px;  height: 24px;  }

div.hr
{
	height: 1px;
	background-color: #000;
	color: #000;
	margin: 0;
	padding: 0;
}
hr  {  display: none;  }



/* images
 +------------------------------------------------------------------------+
 */

ol.stills  { list-style: none;  margin: 0; padding: 0; overflow: hidden;  }
ol.stills li
{
	width: 145px;
	margin-bottom: 1em;
}
ol.stills li.odd
{
	clear: both;
	float: left;
}
ol.stills li.even
{
	float: right;
}

img  {  border: 0;  }
img.still  {  margin-bottom: 10px;  }
img#popurl  {  width: 220px;  height: 24px;  }