body { background: #FBFBFB url(../images/bg.gif) repeat-y center; text-align: center; margin: 0px; padding: 0px; color: #000000; font-size: 12px; } 
body, div, td, p, input, textarea, select, h1, h2, h3, h4, h5 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } 
a { text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
#main { width: 910px; text-align: left; margin: 0px auto 0px auto; }
#head { background: #000000; height: 128px; margin: 0px 0px 2px 0px; }
#head img { float: left; display: block; margin: 0px; padding: 0px; border: 0px; }
#head #bannerA { float: right; display: inline; margin: 14px 5px 14px 0px; padding: 0px; border: 0px; height: 100px; width: 620px; background: #000000; }
ul#nav { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; height: 26px; background: #000000; list-style: none; } 
ul#nav li { background: #000000; margin: 0px 14px 0px 15px; display: inline; padding: 0px; float: left; line-height: 26px; font-size: 14px; font-weight: bold; color: #FFFFFF; } 
ul#nav li a { color: #FFFFFF; } 
ul#nav li a.active { color: #E63F93; } 

ul.submenu1 { font-family: Tahoma, Arial, Helvetica, sans-serif; border-bottom: 1px solid #E63F93; z-index: 100; font-size: 11px; text-align: left; background: #000000; z-index: 1000;}
ul.submenu1 a { color: #FFFFFF; display: block; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 16px; line-height: 20px; }
ul.submenu1 a:hover { color: #333333; }

#right { float: right; display: inline; width: 300px; margin: 0px 0px 0px 0px; position: relative; } 
#maincol { clear: both; display: block; width: 595px; position: relative; overflow: hidden; float: left; }

form#search { display: block; height: 15px; padding: 5px 0px 5px 11px; margin: 0px 0px 15px 0px; background: #000000; }
form#search input.text { display: block; float: left; width: 188px; height: 13px; overflow: hidden; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 4px; line-height: 11px; font-size: 11px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; border-left: 0px solid #EAEAEA; border-right: 0px solid #EAEAEA; background: #FFFFFF; }
form#search input.submit { display: block; float: left; margin: 0px; padding: 0px; border: 0px solid #000000; line-height: 12px; background: #000000; color: #E63F93; font-weight: bold; font-size: 12px; }
.container { margin: 0px 0px 15px 0px; } 

.container_black h2 { height: 25px; line-height: 25px; color: #FFFFFF; font-weight: bold; background: #000000; font-size: 14px; padding: 0px 0px 0px 24px; } 
.container_black h2 b { display: block; float: left; } 
.container_black h2 span { display: block; float: right; } 
.container_black { border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; padding: 15px 21px 15px 21px; font-size: 12px; margin: 0px 0px 0px 0px; } 
.container_black h1 { margin: 0px 0px 3px 0px; font-weight: bold; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 17px; }
.container_black a { color: #000000; }

#textsize { margin: 10px 0px 10px 0px; line-height: 16px; }
#textsize img { margin: 5px 10px 5px 7px; }

#article_extras { background: #000000; color: #E63F93; font-size: 10px; padding: 7px 15px 7px 15px; line-height: 20px; }
#article_extras a { color: #E63F93; margin: 0px 15px 0px 0px; }
#article_extras a.article_audio { background: url(../images/article_audio.gif) no-repeat center left; padding: 0px 0px 0px 15px; }
#article_extras a.article_video { background: url(../images/article_video.gif) no-repeat center left; padding: 0px 0px 0px 18px; }
#article_extras a.article_photo_topic { background: url(../images/article_photo_topic.gif) no-repeat center left; padding: 0px 0px 0px 18px; }
#article_extras a.article_topic { background: url(../images/article_topic.gif) no-repeat center left; padding: 0px 0px 0px 18px; }

.text_sm { font-size: 11px; }
.text_smsm { font-size: 10px; }

h2 { margin: 0px 0px 3px 0px; height: 19px; font-weight: bold; padding: 0px 0px 0px 10px; font-size: 14px; line-height: 17px; }
h2.rose { background-color: #E63F93; color: #FFFFFF; } 
h2.rose a { color: #FFFFFF; }
h2.black { background-color: #000000; color: #FFFFFF; } 
h2.black a { color: #FFFFFF; }
h2.blackheading { height: 25px; line-height: 25px; color: #FFFFFF; font-weight: bold; background: #000000; font-size: 14px; padding: 0px 24px 0px 24px; } 
h2.blackheading b { display: block; float: left; } 
h2.blackheading span { display: block; float: right; color: #E63F93; } 


ul.list_articles { margin: 0px; padding: 3px 10px 3px 10px; list-style: none; position: relative; }
ul.list_articles li { margin: 0px; padding: 12px 0px 12px 0px; }
ul.list_articles li.first { border-top: 0px solid #000000; }
ul.list_articles li.more { border-top: 0px solid #000000; text-align: right; }
ul.list_articles a.title { font-weight: bold; font-size: 12px; line-height: 15px; padding: 0px 0px 5px 0px; display: block; margin: 0px; }
ul.list_articles li.more a { font-weight: bold; font-size: 11px; line-height: 11px; background: url(../images/more_rarrow.gif) no-repeat right center; padding: 0px 12px 0px 0px; }
ul.list_articles div.pic { float: left; margin: 0px 7px 0px 0px; position: relative; }
ul.list_articles div.pic img { border: 0px; }
ul.list_articles div.pic span.play { position: absolute; background: url(../images/play.gif) no-repeat; margin: 62px 0px 0px 86px; width: 14px; height: 13px; overflow: hidden; display: block; }

ul.list_articles_black { background: #000000; color: #E63F93; font-size: 10px; }
ul.list_articles_black li { border-top: 1px solid #FFFFFF; }
ul.list_articles_black a { color: #E63F93; }
ul.list_articles_black a.title { color: #FFFFFF; }
ul.list_articles_black li.more a { color: #FFFFFF; }

ul.list_articles_white { background: #FFFFFF; color: #E63F93; font-size: 10px; margin: 0px 3px 0px 2px; }
ul.list_articles_white li { border-top: 1px solid #000000; padding: 12px 7px 12px 7px;}
ul.list_articles_white a { color: #000000; }
ul.list_articles_white li.more a { color: #000000; }

ul.globul { background: #8bc53f; color: #000000; }
ul.globul a { color: #000000; }

.ajax { background: #000000; float: left; width: 100%; margin: 0px 0px 15px 0px; }
.ajax h2 { background: #FFFFFF url(../images/ajax_h2_bg.gif); height: 25px; display: block; padding: 0px; }
.ajax a.ajaxhead { display: block; float: left; margin: 0px; padding: 0px 30px 0px 30px; height: 19px; font-weight: bold; font-size: 12px; line-height: 19px; border-top: 4px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; color: #FFFFFF; }
.ajax a.ajaxhead_active { font-size: 14px; border-top: 4px solid #000000; border-right: 1px solid #000000; border-bottom: 2px solid #000000; background: #000000; }
.ajax a.ajaxhead_tv { padding: 0px 15px 0px 15px; }
.ajax a.ajaxhead_tv_active { padding: 0px 9px 0px 10px; }
.ajax a.last { border-right: 0px solid #FFFFFF; }
.ajax .item { margin: 25px 30px 0px 30px; width: 85px; padding: 0px 0px 25px 0px; float: left; }
.ajax .item a { color: #FFFFFF; font-weight: bold; }
.ajax .item img { margin: 10px 0px 0px 0px;  }
.ajax a.more { clear: both; color: #FFFFFF; display: block; float: right; font-weight: bold; font-size: 11px; line-height: 11px; background: url(../images/more_rarrow.gif) no-repeat right center; margin: 0px 12px 10px 0px; padding: 0px 12px 0px 0px; }

.ajax .item1 { clear: both; margin: 25px 30px 0px 30px; padding: 0px 0px 25px 0px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; }
.ajax .item1 a { color: #FFFFFF; font-weight: bold; }
.ajax .item1 img { margin: 0px 10px 0px 0px; float: left; }


#topinfo { background: #E63F93; padding: 25px 25px 25px 25px; margin: 0px 0px 15px 0px; line-height: 16px; color: #FFFFFF; }
#topinfo a { color: #000000; text-decoration: underline; }
#topinfo p { margin: 0px; padding: 0px; }
#topinfo img { border: 2px solid #FFFFFF; margin: 0px 0px 3px 0px; padding: 0px; display: block; }
#topinfo a.title { display: block; margin: 7px 0px 7px 0px; padding: 0px; font-weight: bold; font-size: 14px; line-height: 17px; color: #FFFFFF; text-decoration: none; }
#topinfo a.title:hover { text-decoration: underline; }

#hp2cols { margin: 0px 0px 15px 0px; float: left; width: 593px; height: auto; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; position: relative; }
#hp2cols #leftcol { width: 318px; float: left; border-right: 1px solid #000000; height: 100%; position: relative; }
#hp2cols #leftcol h2 { margin: 0px 4px 0px 0px; }
#hp2cols #leftcol .item { padding: 23px; height: 100%; border-top: 1px solid #000000; font-size: 11px; line-height: 23px; }
#hp2cols #leftcol .item_first { border-top: 0px solid #000000; }
#hp2cols #leftcol .item img { border: 2px solid #000000; margin: 0px 0px 7px 0px; }
#hp2cols #leftcol .item a { color: #000000;  }
#hp2cols #leftcol .item a.title { font-weight: bold; font-size: 14px; line-height: 17px; }
/* #hp2cols #leftcol .item div.icons { display: inline; position: relative; float: right; margin: 0px 0px 0px 0px; } */
#hp2cols #leftcol .item a.icon_video { display: inline; float: right; background: url(../images/icon_video.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
#hp2cols #leftcol .item a.icon_audio { display: inline; float: right; background: url(../images/icon_audio.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
#hp2cols #leftcol .item a.icon_photo_topic { display: inline; float: right; background: url(../images/icon_photo_topic.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
#hp2cols #leftcol .item a.icon_topic { display: inline; float: right; background: url(../images/icon_topic.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
#hp2cols #leftcol .item a.icon_space { display: inline; float: right; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }

a.icon_video { display: inline; float: right; background: url(../images/icon_video.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
a.icon_audio { display: inline; float: right; background: url(../images/icon_audio.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
a.icon_photo_topic { display: inline; float: right; background: url(../images/icon_photo_topic.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
a.icon_topic { display: inline; float: right; background: url(../images/icon_topic.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }
a.icon_space { display: inline; float: right; width: 11px; height: 12px; margin: 3px 3px 0px 3px; }

a.icon_video:hover { text-decoration: none; }
a.icon_audio:hover { text-decoration: none; }
a.icon_photo_topic:hover { text-decoration: none; }
a.icon_topic:hover { text-decoration: none; }
a.icon_space:hover { text-decoration: none; }

#hp2cols #rightcol { width: 273px; float: left; position: relative; left: -1px; border-left: 1px solid #000000; }
#hp2cols #rightcol h2 { margin: 0px 0px 0px 3px; position: relative; left: 1px; }

div.rootline { height: 25px; line-height: 25px; color: #FFFFFF; font-weight: bold; background: #000000; font-size: 14px; padding: 0px 0px 0px 24px; }
div.rootline a { color: #FFFFFF; }
div.rootline a.active { color: #E63F93; }
div.rootline span { padding: 0px 5px 2px 5px; background: url(../images/arrow_white.gif) no-repeat center center; }

.pic_desc { font-size: 10px; }
.pic_desc h2 { font-size: 10px; font-weight: normal; display: inline; line-height: 12px; margin: 0px; padding: 0px; }
.pic_desc h2 a { color: #FFFFFF; }
.pic_container { width: 300px; margin: 0px 10px 10px 0px; float: left; }

.color_magic { color: #E63F93; }
.color_black { color: #000000; }
.color_white { color: #FFFFFF; }

.static_black_container { margin: 0px; padding: 20px 25px 20px 25px; background: #000000; color: #FFFFFF; font-size: 14px; line-height: 17px; }
.static_black_container h1 { margin: 0px 0px 3px 0px; font-weight: bold; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 17px; }

#comment { margin: 0px; padding: 20px 25px 20px 25px; float:left; background: #000000; width: 545px; }
#comment .txt { height: 18px; float:left; margin:0px; padding:0px; line-height: 20px; font-size: 12px; color:#FFFFFF; text-align: left; } 
#comment input { width: 180px; height: 17px; padding: 2px 0px 0px 2px; float:left; margin: 0px 10px 0px 0px; border: 0px solid #000000; } 
#comment textarea { width:550px; height:75px; float:left; margin:0px; padding: 3px; border: 0px solid #000000; font-size: 12px; } 
#comment .com { margin:0px 0px 0px 15px; float: left; padding: 0px; line-height: 20px; color: #E63F93; font-size:10px; } 
#comment img { float:left; margin:0px 10px 0px 0px; }
#comment label { float:left; margin:0px 10px 0px 0px; }
#comment #sendcomment { width: auto; float: right; border:none; margin:0px; padding:0px; color: #FFFFFF; background: #000000; border: 0px; font-weight: bold; font-size: 12px; margin: 15px 0px 0px 0px; }

#comments_wrap { width: 595px; overflow: hidden; } 
#comments { font-size: 12px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; padding: 10px 15px 10px 15px; } 
#comments a { text-decoration: none; color: #E63F93; } 
#comments a:hover { text-decoration: underline; } 

div.article_list { background: #000000; padding: 15px 15px 15px 15px; margin: 0px 0px 16px 0px; color: #FFFFFF; font-size: 12px; }
div.article_list a { color: #FFFFFF; }
div.article_list h3 { color: #E63F93; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; line-height: 20px; }
div.article_list h3 a { color: #E63F93; }
div.article_list div.details { font-size: 10px; margin: 0px 0px 7px 0px; line-height: 20px; }
div.article_list div.article_container { float: left; width: 330px; font-family: Arial, Helvetica, sans-serif; }
div.article_list div.article_container p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
div.article_list a.icon_video { display: inline; float: left; background: url(../images/icon_video_b.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; text-decoration: none; }
div.article_list a.icon_audio { display: inline; float: left; background: url(../images/icon_audio_b.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; text-decoration: none; }
div.article_list a.icon_photo_topic { display: inline; float: left; background: url(../images/icon_photo_topic_b.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; text-decoration: none; }
div.article_list a.icon_topic { display: inline; float: left; background: url(../images/icon_topic_b.gif) no-repeat; width: 11px; height: 12px; margin: 3px 3px 0px 3px; text-decoration: none; }
div.article_list div.pic { float: left; margin: 0px 15px 0px 0px; }
div.article_list a.more { color: #FFFFFF; font-size: 11px; font-weight: bold; background: url(../images/more_rarrow.gif) no-repeat right center; padding: 0px 12px 0px 0px; }

div#pages_list { background: #000000; color: #FFFFFF; font-size: 10px; text-align: center; height: 30px; line-height: 30px; }
div#pages_list a { color: #FFFFFF; }
div#pages_list b { color: #E63F93; }
div#pages_list div.previous { display: block; float: left; margin: 0px 0px 0px 24px; width: 115px; }
div#pages_list div.next { display: block; float: right; margin: 0px 24px 0px 0px; width: 115px; }

div#kino_block_sm { background: #000000; padding: 10px; color: #FFFFFF; line-height: 22px; font-size: 11px; }
div#kino_block_sm a { color: #FFFFFF; background: url(../images/more_larrow.gif) no-repeat center left; padding: 0px 0px 0px 15px; font-weight: bold; }

div#video_container { background: #000000; padding: 15px 21px 15px 21px; margin: 0px 0px 16px 0px; color: #E63F93; font-size: 10px;  }
div#video_container h1 { color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px; line-height: 20px; }
div#video_container p { color: #FFFFFF; margin: 5px 0px 7px 0px; }

div.photo_topic_container { background: #000000; padding: 21px 21px 15px 21px; margin: 0px 0px 16px 0px; color: #E63F93; font-size: 10px; }
div.photo_topic_container h1 { color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px; line-height: 20px; }
div.photo_topic_container p { color: #FFFFFF; margin: 5px 0px 7px 0px; }

div#footer { margin: 16px 0px 0px 0px; background: #000000; padding: 2px 8px 2px 8px; color: #AEAEAE; font-family: Arial, Helvetica, sans-serif; }
div#footer div#item1 { color: #AEAEAE; border-bottom: 1px solid #1B1B1B; padding: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
div#footer div#item1 a { color: #FFFFFF; font-weight: bold; padding: 0px 2px 0px 2px; }
div#footer div#item2 { color: #AEAEAE; border-top: 1px solid #1B1B1B; padding: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; height: 16px; }
div#footer div#item2 a { color: #AEAEAE; font-weight: bold; padding: 0px 2px 0px 2px; }
div#footer div#item3 { color: #AEAEAE; border-top: 1px solid #1B1B1B; padding: 5px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
div#footer div#item3 a { color: #AEAEAE; font-weight: bold; }

b { font-weight: bold; }
u { text-decoration: underline; }
i { font-style: italic; }

.clear { clear: both; }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {padding: 0px; margin:0; list-style:none; position:relative; z-index:200;}
#nav { padding:0; }

#nav table {border-collapse:collapse;}
#nav li {float:left; padding: 0px; margin: 0px;  }
#nav li li {float:none; margin: 0px; clear: both; }
/* a hack for IE5.x and IE6 */
#nav li a li {float:left; margin: 0px; clear: both; }

#nav li a { display:block; float:left; }
#nav li li a { float:none;}

#nav li:hover {position:relative; z-index:300; }
#nav a:hover {position:relative; z-index:300; text-decoration:underline; }

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul { left:-10px; }

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul { left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}