/* ********************************************** */
/* Danneo CMS Game Template © 2005 Danneo Team */
/* ********************************************** */
/*   This file is d Danneo CSS Visual Pro   */
/* ********************************************** */
/* Body */
  
* html html, body  			{ margin: 0; padding: 0; font-size: 85% }
body                    {
  			background: url(../images/bg_main.gif) #157be1 repeat-x;
  			font: small/160% arial, helvetica, verdana, sans-serif;
  			color: #545454; padding: 0px; margin: 0px; min-width: 960px
  			}

/** Шрифты глобально **/
table, td, div  			{ color: #727a82; font-family: Arial, Tahoma, sans-serif; line-height: 135%; border: 0 }

/** контент **/
#content  				{ background: url(../images/cont-bot.jpg) no-repeat left bottom; margin: 0; padding: .7em 0 0 }
#left  				        { width: 17em }
#center  				{ width: 100% }
#right  				{ width: 17em }
#left, #center, #right  		{ vertical-align: top }
#cbody  			        { margin: 0; padding: 0 2em 0 1em }

/* Заголовки глобально */
h1                                      { font-size: 1.4em }
h2                                      { font-size: 1.3em }
h3                                      { font-size: 1.2em }
h4                                      { font-size: 1.1em }
h5                                      { font-size: 1.0em }

                                           
/*  Top menu */
div#nav        { left: 45px; width: auto; position: absolute; top: 152px; height: 30px}
                        
div#nav a               { color: #fff; text-align: center; line-height: 30px; padding: 0px; margin:0 0 0 3px; display: block; float: left; width: 119px; height: 30px; text-decoration: none }
div#nav a:link          { background: url(../images/nav.gif) no-repeat 0px 0px }
div#nav a:visited       { background: url(../images/nav.gif) no-repeat 0px 0px }
div#nav a:hover         { background-position: 0px -30px }
div#nav a:unknown       { background-position: 0px -30px }
                                         

/** Ссылки **/
a:link, a:visited  			{ color: #f60; text-decoration: none }
a:hover  				{ color: #f60; text-decoration: underline }
a:focus                                 { outline: none } 
a.cat:link, a.cat:visited               { color: #f60; text-decoration: underline }
a.cat:hover                             { color: #f60; text-decoration: underline }
a.blockmenu:link, a.blockmenu:visited  	{ color: #475562; font-weight: bold; background: url(../images/arrow_over.gif) no-repeat left center; display: block; line-height: 190%; padding-left: 2.3em }
a.blockmenu:hover  			{ color: #71ac00; background: url(../images/arrow_focus.gif) no-repeat left center; text-decoration: none }
a.blockmenu:focus                       { color: #71ac00; background: url(../images/arrow_focus.gif) no-repeat left center; text-decoration: none } 
a.linkbutton    			{}
a.last     				{ color: #649bb5 }

a.load:link, 
a.load:visited  		        { border: 3px double #C4C4C4; color: #2a2a2a; background: #F8F8F8; padding: .1em .8em .15em; text-decoration: none }
a.load:hover  		                { border: 3px double #55c238; color: #000; background: #DBF3D5; padding: .1em .8em .15em; text-decoration: none }

a.jump:link, 
a.jump:visited  		        { border: 3px double #C4C4C4; color: #2a2a2a; background: #F8F8F8; padding: .1em .8em .15em; text-decoration: none }
a.jump:hover  		                { border: 3px double #55c238; color: #000; background: #DBF3D5; padding: .1em .8em .15em; text-decoration: none }

/** Блоки **/
.rblock                                 { width: 250px } 
.lblock                                 { width: 250px } 
.tblock, .bblock  			{ width: 100%; margin: 0 0 1em; border-bottom: 1px dashed #ccc }
.lbtitle, .rbtitle, .tbtitle, .bbtitle  { font-size: 1.5em; line-height: 145%; padding: .5em 0  .4em .2em } 
.rbtitle                                { color: #222 }
.lbtitle                                { color: #222 }
.rbtitle:first-letter                   { color: #909090 } 
.lbtitle:first-letter                   { color: #909090 } 
.tbtitle, .bbtitle                      { color: #222 }  
.btext  			        { color: #75798a; padding: .5em 1.8em 1.5em } 
.btext a 			        { color: #9fa1ae; vertical-align: middle }
.btext a:hover 			        { text-decoration: underline } 
.btext big			        { color: #9d937b; font-size: 1.5em; margin-right: .5em; vertical-align: middle }
.cbtext  			        { padding: .5em 1.1em; margin: 0 0 1em }
#bmtext  			        { padding: .5em 1.8em 1.5em }

/** оглавления разделов **/
.sitetitle  				{ font-size: 1.5em; margin: .5em 0 0; }
.sitetitle .cont  			{ color: #222; line-height: 100%; padding: .3em 0 }
.sitetitle .ins  			{ color: #222; background: #eaebec; line-height: 100%; padding: .3em 1em }
.sitetitle a:link, .sitetitle a:visited { color: #222; text-decoration: none }
.sitetitle a:hover  			{ color: #909090; text-decoration: underline } 
/* .sitetitle .cont:first-letter           { color: #000 } */ 
/* .sitetitle a:first-letter               { color: #f00 !important; font-size: 1.1em } */

/* Верхнее меню */
#topmenu     			        { font-size: 60%; background: #efefef url(../images/gray/tfbg.gif) center; padding: 0 .3em; margin: 0 .7em; height: 2.5em; line-height: 2.5em }
#topmenu a:link, #topmenu a:visited  	{ text-transform: uppercase; display: block; float: left; padding: 0 .8em; color: #333; line-height: 2.5em  }
#topmenu a:hover  			{ text-decoration: underline; color: #333; line-height: 2.5em }

/* Нижнее меню */
#botmenu  			        { font-size: 1em; padding: 0; margin: .5em 0 .3em -.9em; height: 2.5em; line-height: 2.5em }
#botmenu a:link, #botmenu a:visited  	{ padding: 0 1.2em 0 .9em; color: #727a82; background: url(../images/bot-link.gif) no-repeat right center; line-height: 2.5em; text-decoration: none }
#botmenu a:hover  			{ color: #a3a4a6; line-height: 2.5em; text-decoration: none }
#ups                                    { text-align: right; margin: .5em 12em }
 
/** Формы **/
form                                    { margin:0 }
textarea, input, select, option  	{ font: normal .9em tahoma, arial, verdana, sans-serif; color: #878787; vertical-align: middle }
textarea, input 	                { border: .1em solid #dedede; padding: .1em .3em .2em } 
select                        	        { padding: .1em .3em .1em; border: .1em solid #dedede; font-size: 1em }
textarea                        	{ overflow: auto } 
.button  				{ border: 1px solid #dedede; color: #d98c00; background: url(../images/but-on.gif) center center; padding: .3em .8em .35em } 
.button:focus  			        { border: 1px solid #55c238; color: #fff; background: url(../images/but.gif) center center; padding: .3em .8em .35em } 
.oneselect                              { background: #898a8f; color: #343434 }
.form                                   { clear: both; width: 100%; padding: 1em 0 }
.form table                             { text-align: center; width: 80%; margin: 0 auto } 
.form table td                          { font-weight: normal; color: #878787; padding: .2em .1em; vertical-align: top; text-align: left } 
.form table td p                        { font-weight: normal; color: #878787; margin: .5em .1em 0 } 
.form table td b                        { color: #d7423e } 
.form table td div                      { margin: 0 0 .5em } 
.form fieldset                          { border: 1px solid #ddd; padding: .5em 3em .8em }
.form legend  				{ color: #2a2a2a; padding: 0 .5em }

/* Блок */
.rbutton                                { border: 1px solid #dedede; color: #d98c00; background: url(../images/but-on.gif) center center; padding: .3em .8em .35em }
.rerbutton,
.rerbutton:focus,
.rbutton:focus  			{ border: 1px solid #55c238; color: #fff; background: url(../images/but.gif) center center; padding: .3em .8em .35em } 

.bbutton                                { border: 3px double #C4C4C4; color: #2a2a2a; background: #F8F8F8; padding: .1em .8em .1em }
.bbutton:focus  			{ border: 3px double #55c238; color: #000; background: #DBF3D5; padding: .1em .8em .1em } 

.bbutton2                               { border: 1px solid #dedede; color: #d98c00; background: url(../images/but-on.gif) center center; width: 160px; height: 27px; padding: 0 0 3px; text-align: center; cursor: pointer }
.berbutton2,
.berbutton2:focus,
.bbutton2:focus  			{ border: 1px solid #abea47; color: #fff; background: url(../images/but.gif) center center; width: 160px; height: 27px; padding: 0 0 3px; text-align: center; cursor: pointer } 

.bbutton3                               { border: 0; color: #fff; background: url(../images/but3.jpg) 0% 0% no-repeat; width: 62px; height: 27px; padding: 0 0 2px; text-align: center; cursor: pointer }
.berbutton3,
.berbutton3:focus,
.bbutton3:focus  			{ border: 0; color: #fff; background: url(../images/but3.jpg) 0% 0% no-repeat; width: 62px; height: 27px; padding: 0 0 2px; text-align: center; cursor: pointer } 

.bbutton4                               { border: 0; color: #d98c00; background: url(../images/bbut-2.png) 0% 0% no-repeat; width: 104px; height: 46px; padding: 0 0 22px; text-align: center; cursor: pointer }
.berbutton4,
.berbutton4:focus,
.bbutton4:focus  			{ border: 0; color: #fff; background: url(../images/bbut-2.png) 0 -46px no-repeat; width: 104px; height: 46px; padding: 0 0 22px; text-align: center; cursor: pointer } 
                                           
.block   		                { clear: both; width: auto }
.block ins		                { display: block; position: relative; width: 12px; height: 12px; z-index: 1; font-size: 0; line-height: 0; background-repeat: no-repeat }
.block-cont                             { padding: 0 }

.blue-nob			        { border: 1px solid #f4f4f4; padding-bottom: 12px; background: #f4f4f4 }
.blue-nob ins		                { background-image: url(../images/blue_no.gif); }
.blue-nob ins.tl		        { left: -1px; top: -1px; float: left; background-position: 0 0; }
.blue-nob ins.tr		        { right: -1px; top: -1px; float: right; background-position: 100% 0;  }
.blue-nob ins.bl		        { left: -1px; bottom: -1px; float: left; background-position: 0 100%; }
.blue-nob ins.br		        { right: -1px; bottom: -1px; float: right; background-position: 100% 100%; }

html > body .form:after                 { display: block; clear: both; content: '.'; height: 0; line-height: 0; visibility: hidden; }

/* Блок */
.binput 			        { border: 1px solid #dedede; background: #fff; color: #878787 }

/* input-focus */
input:focus, textarea:focus             { background: #fff; border-color: #3C8E00; color: #2a2a2a }
 
/* Calendar */
.calendar                               { width: 100%; font-size: 1em; border-collapse: separate; background: #fff }
.calendar td                            { color: #727a82; background: #fff; font-size: .85em; padding: .2em } 
a.calendarlink   			{ color: #71ac00 }
.calendarempty,.calendartoday,
.calendarallday                         {} 
.calendartitle                          { background: #efefef !important; color: #465363 !important } 
.calendarmonth                          { color: #465363 !important }

/* Листинг страниц */
.pages                                  { padding: 1em 1.2em; color: #c8c9d0; font-size: .95em }
.pagesempty                             { color: #c8c9d0; padding: .1em .1em }
a.pages:link, a.pages:visited  		{ padding: .1em .4em; background-color: #f3f8fc }
a.pages:hover  				{ background-color: #75798a; text-decoration: none; color: #32455c }
 
/* Блок рекомендуем */
.siterec  				{ line-height: 85%; padding: 0 1em 1em }
.siterectime  				{ background: #f7f7f7; color: #68717a; float: right; font-size: 0.9em; padding: 0 .5em }

/*** Базовый контейнер ***/
.cont                                   { margin: 0 0 1em }
.conttitle                              { padding: 0; margin-top: .5em; font-size: 1em; color: #f70 }
.conttitle a:link, .conttitle a:visited { color: #f70; text-decoration: none; border-bottom: 1px solid #f70 }
.conttitle a:hover  			{ color: #f70; text-decoration: none; border-bottom: 0 }
.conttitle a:focus                      { color: #f30; text-decoration: none; border-bottom: 0 } 
.conttitle a:active                     { color: #f30; text-decoration: none; border-bottom: 0 }
.conttitle h2                           { padding: .3em 0; margin: 0 0 .5em; font-size: 1.3em; font-weight: normal; color: #f70 }
.conttitle h3                           { padding: 0; margin: -0.5em 0 0 0; font-weight: normal; font-size: .9em }
.conttitle span                         { color: #727a82; font-size: .9em; font-weight: normal; padding: .1em .3em }
.conttext                               { padding: .5em 0 }
.conttext .thumb img                    { padding: 0 } 
.continfo                               { padding: .5em .2em; margin: 0 0 1em; text-align: right; font-size: 1em; color: #bbb; clear: both }
.continfo img                           { vertical-align: middle }
.continfo b                             { font-weight: normal; color: #ddd; margin: 0 .5em }
.continfo i                             { color: #727a82; font-style: normal }
.continfo span                          { color: #727a82; font-size: .9em }
.onlytitle                              { padding: 0 0 1.5em }
.conttitle table td.only                { width: 100%; color: #d98c00; font-size: .95em; padding: .2em 1em .2em }
.conttitle table td.date                { font-size: .95em; color: #474e54; padding: .4em 0 } 
.cont_line                              { background: url(../images/cont_bot.gif) no-repeat center; height: 11px; margin: 0 0 .5em }
.time                                   { color: #a3a4a6; padding: .5em 0 0 }
.time p                                 { float: right; color: #a3a4a6; margin: 0 }
.time p i                               { color: #7c0c07; font-style: normal }

/** Категории **/
.cat                                    { border: none; width: 100%; }
.cat .head td                           { padding: .5em 0; border-bottom: 1px dotted #565040; color: #565040; text-align:center }
.cat td                                 { padding: .5em 0; border-bottom: 1px dotted #ccc; color: #68717a }
.cat td span                            { color: #aaa; font-weight: normal }
#catinfo                                { color: #b7baba; text-align: right; border: 0 }
 
/** Доплнительная информация 
    файлы, фото **/
.details                                { border: none; width: 96%; margin: 0 auto }
.details .head td                       { padding: .3em 1em; border-bottom: 1px dotted #565040; color: #565040; text-align:center }
.details td                             { padding: .3em 1em; border-bottom: 1px dotted #ddd; color: #68717a }
.infone                                 { color: #444a50 !important }
.inftwo                                 { color: #878787 !important }

/* Чередование цветов таблиц 
в категориях */
.newsone,.articleone,.linkone,.downone,.faqone,.photosone                      { background: #fff }
.newstwo,.articletwo,.linktwo,.downtwo,.faqtwo,.photostwo                      { background: #fff }

/** Комментарии **/
.com                                    { border: none; margin: 0 0 1em; width: 100% }
.com .head td                           { padding: .5em 0; font-size: .9em; border-bottom: 1px dotted #565040; color: #565040 }
.com .head td big                       { color: #ff6b5b; font-size: 1.1em }
.com td                                 { padding: .5em 0; vertical-align: top; border-bottom: 1px dotted #ccc; color: #444a50 }
.com td p                               { color: #68717a; margin: 0; padding: .3em 0 }
#cominfo                                { text-align: right; border: 0 }

/* Сообщения */
.errtitle  				{ text-transform: capitalize; font-size: 1.5em; margin: 0 .7em }
.errtitle .cont  			{ color: #ff4b2d; line-height: 100%; padding: .3em 0 .5em }
.errortxt                               { padding: 1.5em 2em 12px; color: #444a50 }
.support                                { background: #fff; width: 50%; padding: 3em; margin-top: 20%; border: 1px solid #ff4b2d; color: #444a50; font-size: 0.85em }
.support img                            { float: right }
.messtitle  				{ text-transform: capitalize; font-size: 1.5em; margin: 0 .7em  }
.messtitle .cont  			{ color: #525b62; line-height: 100%; padding: .3em 0 .5em }
.messtxt                                { padding: 1.5em 2em 12px; color: #444a50 }
.notice                                 { color: #727a82; font-family: Arial, sans-serif; font-size: .95em; font-style: italic; border: 1px solid #ddd; padding: .8em 1em; text-align: center }

.closed                                 { background: #fff; font-size: 0.75em; margin-top: 20% }
.closedtext                             { border: 1px solid #ff4b2d; padding: 3em 5em .5em; color: #c00 }
.closedtext p                           { margin: 2em 0 }

/* Цвета */
.redfont                                { color: #8d4d50 }
.red                                    { color: #c00 }
.blue                                   { color: #0a469e } 
.green                                  { color: #239e0a }
.crimson                                { color: #d98c00 }
.black                                  { color: black }

/* Map */
.mapcont                                { background: #fff; margin: 0 5% 1em }
.maptitle h2                            { padding: .3em 0; margin: 1.5em 1em .5em; font-size: 1.1em; font-weight: normal; color: #800; border-bottom: 1px dotted #eee }
.maptitle h2 a                          { text-decoration: underline }
.maptitle h2 a:hover                    { text-decoration: none }
.maptext                                { padding: 0 1.5em; color: #68717a; font-style: italic }
.maplink                                { padding: 0 5em; margin: 0 }

/* Info */
.infotitle                              { padding: .2em 1.5em 0; color: #68717a }
.infotitle big                          { color: #68717a; font-size: 1.7em; vertical-align: middle; padding-right: .6em }

/* Poll */
.poll                                   { text-align: center; width: 100% }  
.poll td                                { font-weight: normal; color: #68717a; padding: .1em .1em } 
.pollbar                                { background:#000; height: 1em } 
.pollbarout                             { background: #f6f6f6; padding: 0; text-align: left }
.pollbarout_block                       { padding: 0; margin: 0 .2em; background: #fff; text-align: left }

/* Faq */
.faqul                                  { margin: 0 0 3em; padding: .5em 1.9em; border-bottom: .1em solid #ccc; border-top: .1em solid #ccc }
.faqli                                  { color: #446688; padding: .2em .5em; font-weight: normal; list-style-type: square } 
.faqli a                                { text-decoration: underline } 
.faqtitle                               { color: #4d698d; padding: .2em 1.8em; font-weight: normal }
.faqtitle big                           { color: #446688; font-size: 1.7em; vertical-align: middle; padding-right: .6em } 
.faqtext                                { color: #50743f; padding: .2em 3.5em }

/* Thumb */
.thumb                                  { margin: 1em .5em; text-align: center }
.thumbtitle                             { color: #d98c00; font-weight: bold }
.thumbcet                               { padding: .3em }
.thumbcet img                           { border: 1px solid #eee; padding: 5px }
.thumbtext                              { color: #9da0a2; font-size: .9em }

/**/
.search                                 { color: #68717a; text-align: right; padding: 1em }

/* Images */
.tableod                                { padding: 5px 25px; text-align: center }
.tableod #img                           { border: solid 10px #ccc }
.tableod img                            { border: 10px solid #f6f6f6; padding: 1px }
.tablein                                { padding: 5px; text-align: center; color: #68717a } 
.tablein img                            { border: 1px solid #eee; padding: 5px }
.mediain                                { display: inline; padding: 3px } 
.mediaod                                { border: solid 5px #eee }
.mediait                                { border: solid 5px #ff6b5b }

/* Rating */
.rating                                 {  }
.ratingrows                             { padding: .5em 0 0; color: #444a50 }
#rating                                 { float: left; margin: 0; padding: 0 5px 0 0 }
#rating dd                              { margin: 0; padding: 0 }
#rating ol                              { list-style: none; margin: 0; padding: 0; width: 70px; height: 14px; position: relative; background: url(../images/rates.gif) }
#rating li                              { float: left; margin: 0; padding: 0 }
#rating li a                            { display: block; width: 14px; height: 14px; position: absolute; text-decoration: none; z-index:3 }
#rating li a:hover                      { left: 0; background: url(../../images/rates.gif) left center; z-index: 2 }
#rating a.rate1                         { left: 0 }
#rating a.rate1:hover                   { width: 14px }
#rating a.rate2                         { left: 14px }
#rating a.rate2:hover                   { width: 28px }
#rating a.rate3                         { left: 28px }
#rating a.rate3:hover                   { width: 42px }
#rating a.rate4                         { left: 42px }
#rating a.rate4:hover                   { width: 56px }
#rating a.rate5                         { left: 56px }
#rating a.rate5:hover                   { width: 70px }
#rating li.current                      { height: 14px; background: url(../../images/rates.gif) left bottom; z-index:1 }

/* Float */
.fl                                     { float: left }
.fr                                     { float: right }
/* Align */
.al                                     { text-align: left }
.ar                                     { text-align: right }
.ac                                     { text-align: center } 
/* Valign */
.vt                                     { vertical-align: top }
.vm                                     { vertical-align: middle } 
.vb                                     { vertical-align: bottom }
/* Float img-thumb */
.imgleft                                { float: left; margin: .2em 1em 1em 0 }
.imgright                               { float: right; margin: .2em 0 1em 1em }

/* Line */
.sline  				{ clear: both; font-size: .5em; height: .5em }
.clear  				{ clear: both; height: 0 } 
hr                                      { padding: 0; height: 0; border-bottom: .1em solid #bbbfc5 }

/* Img */
img                                     { border: 0; vertical-align: middle }
 
/* Forum */
.forum                                  { border: .1em solid #ccc; padding: .1em; background: #fff }
.forum span                             { font-weight: bold }
.forumtitle                             { background: #f5f5f5; color: #888; border-bottom: .1em solid #fff; padding: 1em; font-weight: bold }
.forumtopic                             { border-top: .1em solid #ccc; padding: 1em }

/* Debug */
.debug                                  { overflow: hidden; background: #ffe; border: .2em solid #960; font-size: .6em; color: #960; padding: .5em 2em; margin: 1em 1%; -moz-border-radius: 1em }

/* Hints - всплывающие подсказки */
.hint                                   { background: #fafafa; border-left: 3px solid #71ac00; line-height: 1.2em; color: #474e54; width: auto; 
                                          z-index: 1000; font-size: .95em; position: absolute; visibility: hidden; margin:0; padding: .5em .8em }