/* ----------------------------------------------   
   Danneo CMS Null Template ? 2009 Danneo Team      
   ---------------------------------------------- */

html, body                              { background: #fff; margin: 0; padding: 0 }

/** ?????? ????????? **/
table, td, div                          { color: #000; font: 13px/1.3em Arial, Tahoma, Verdana, sans-serif; vertical-align: top }

/** ??????? ????????? **/
#main                                   { width: 1000px; }

/* ???? ????? */

#top		{width: 1000px;
		height: 130px;
		border-bottom: #CC0000 groove thick
		}
#tophot	{
		float: left;
		width: 500px;
		margin: 5px;
		}
#toplogo{
		float: left;
		width: 300px;
		margin: 5px;
		}
#topclock	{
		width: 150px;
		float: left;
		margin: 5px;
		}
#topclock img	{
		margin-bottom: 10px
		}
#topabout	{width:200px;
			margin-left: 10px;
			}


/** ??????? **/
#left                                   { background: #fff; padding-right: 5px }
#right                                  { background: #fff }
#content                                { width: 100%; margin-top: 5px }
#cbody                                  { width: 100% }

/** ??? ????? **/
#bot                                    { border-top: solid 2px #333; background: #CCC; width: 100%; text-align: center }
#bot td                                 { color: #333; height: 70px; vertical-align: middle !important; line-height: 1.7em }
#bot a                                  { color: #000; text-decoration: none }
#botleft                                { width: 224px }
#botcenter                              { width: auto; font-size: 12px }
#botright                               { width: 224px }

/** ?????? **/
a:link, a:visited                       { color: #333333; text-decoration: underline }
a:hover                                 { color: #333333; text-decoration: none }
a:focus                                 { outline: none } 
a.cat:link, a.cat:visited               { color: #330000; font-weight: bold }
a.cat:hover                             { color: #330000; font-weight: bold }
a.blockmenu:link, a.blockmenu:visited   { color: #000; display: block; line-height: 22px; padding-left: 15px }
a.blockmenu:hover                       { color: #000; background: #aad95e; text-decoration: none }
a.load:link, a.load:visited  		{ color: #fff; background: #056c87; padding: 3px 12px; text-decoration: none; cursor: pointer }
a.load:hover  		                { color: #fff; background: #8f0558; text-decoration: none }
a.jump:link, a.jump:visited  		{ color: #fff; background: #056c87; padding: 3px 12px; text-decoration: none; cursor: pointer }
a.jump:hover  		                { color: #fff; background: #8f0558; text-decoration: none }

/* ??????? ??????? */
.pages                                  { background: #F1F1F1; padding: 5px 15px; color: #333333; font-size: 12px }
.pagesempty                             { color: #666666; padding: 1px }
a.pages:link, a.pages:visited           { padding: 1px 5px; color: #993333 }
a.pages:hover                           { color: #333333 }

/* ??????? ???? */
#topmenu                                { background: #fff; height: 30px; line-height: 32px; font-size: 15px; 
										border-bottom: #999999 double medium }
#topmenu a:link, #topmenu a:visited  { display: block; float: left; padding: 0 30px; color: #666666; font-weight: bold; text-decoration: none }
#topmenu a:hover						{ color: #000000 }

/* ?????? ???? */
#botmenu                                { background: #fff; height: 30px; line-height: 32px; font-size: 15px;
										border-bottom: #CC3300 double medium }
#botmenu a:link, #botmenu a:visited     { display: block; float: left; padding: 0 24px; color: #CC3300; font-weight: bold; text-decoration: none }
#botmenu a:hover                        { color: #990000 }

/* ?????? ?? ???? */

#bestoftheday							{ width: 1000px; display: table }
.bof									{ width: 250px; display: table; float: left }
.boftitle								{ border-bottom: #666666 2px solid }
.bofcont								{ padding: 5px }
.bofcontphoto							{ padding: 5px; border: solid #CCC 10px; height: 240px; text-align: center; }
.bofcontvideo							{ padding: 5px; border: solid #CCC 10px; height: 240px; text-align: center; }
.bofcontphoto img						{ width: 220px; height: 180px }
.bofcontvideo img						{ width: 220px; height: 180px }
.bofcontqoute							{ padding: 5px; background-color:#900; color:#FFF; height: 260px }
.bofconttheme							{ padding: 5px; background-color:#FF9; color:#06C; text-align: center; height: 260px }

/* ????? */
form                                    { margin:0 }
textarea, input, select, option         { font: normal 12px tahoma, arial, verdana, sans-serif; color: #333333; vertical-align: middle }
textarea, input, select                 { border: 1px solid #993333; padding: 2px 3px 2px }
select                                  { font-size: 13px }
textarea                                { overflow: auto }
.button                                 { border: 0; background: #056c87; color: #fff; padding: 3px 10px }
.button:focus                           { border: 0; background: #333333; color: #fff; padding: 3px 10px }
.oneselect                              { background: #c6d8f2; color: #000 }
.form                                   { padding: 10px; text-align: center }
.form table                             { text-align: center; margin: 0 auto; width: 80% }
.form table td                          { font-weight: normal; color: #000; padding: 2px 1px; vertical-align: top; text-align: left }
.form table td p                        { font-weight: normal; color: #000; margin: 7px 1px 2px }
.form table td b                        { color: #c00 }
.form fieldset                          { border: 1px solid #9e4305; padding: 15px 20px 25px 50px }
.form legend                            { color: #9e4305; padding: 0 5px } 

/* ???? */
.binput                                 { border: 1px solid #999; color: #000 }
.bbutton                                { border: 0; background: #660000; color: #fff; padding: 2px 10px }
.bbutton:focus                          { border: 0; background: #333333; color: #fff; padding: 2px 10px }

/* input-focus */
input:focus, textarea:focus             { border-color: #666666; background: #fff; color: #000 }

/* ????????? ???????? */
.sitetitle                              { height: 45px; border-bottom: #666666 2px solid }
.sitetitle .scont                       { padding-top: 10px; background: #fff; font-weight: bold; font-size: 20px; color: #000; height: 30px; line-height: 32px; padding-left: 15px }
.sitetitle .ins                         { color: #fff; background: #eaebec; line-height: 32px; padding-left: 15px }
.sitetitle a:link, .sitetitle a:visited { color: #666666; text-decoration: none; font-size: 20px }
.sitetitle a:hover                      { color: #000; text-decoration: none; font-size: 20px }

/* ???? ??????????? */
.siterec                                { line-height: 17px; padding: 5px 20px 0 }
.siterectime                            { color: #666666; float: right; font-size: 12px; padding: 0 5px }

/** ????? **/

.lblock			                        { width: 200px; margin: 5px }
.rblock						{ width: 100% }	
.tblock, .bblock                        { width: 100% }
.lbtitle, .rbtitle,
.tbtitle, .bbtitle, .redbtitle          { height: 32px; line-height: 32px; font-size: 14px; padding-left: 15px }
.lblock			                        { width: 180px; margin: 5px }
.informbl					{ width: 180px; margin: 5px; border: #ffacac groove medium }
.informblr					{ width: 100%; margin-top: 5px; /* border: #ffacac groove medium */ }
.informtitle				{ font-size: 14px; font-weight: bold; text-align: center; border-bottom: #CC3300 double medium }
.informtext					{ background-color: #fff }
.informtext a				{ color: #000; text-decoration: underline }
.lbtitle, .rbtitle                      { background: #fff; color: #000 }
.tbtitle, .bbtitle                      { background: #333333; color: #fff }
.redbtitle                              { background: #333333; color: #fff }
.redblock                               { width: 100%; background: #999999; margin: 0 0 10px }
.redblock a                             { color: #fff !important }
.btext                                  { padding: 10px 15px; color: #000 }
.btext a                                { color: #333333; text-decoration: none }
.btext big                              { color: #000; font-size: 16px; margin-right: 5px; vertical-align: middle }
.cbtext                                 { padding: 10px 20px; background: #F1F1F1; margin: 0 0 10px }
#bmtext                                 { padding: 10px 0 }

/*** ????????? ???????????? ????? ***/

.themeblock								{ width: 500px }
.themetitle								{ background: #FFFFFF; border-bottom: #666666 2px solid }
.themetext								{ padding: 5px }

/*** ???? ??? ?????? ***/

.threeartblock							{ background-color: #000; width: 280px; color:#fff; font-size: 18px }
.threeartblock a							{ text-decoration: none; color:#fff }
.threearttitle							{ text-decoration: none; height: 16px }
.threearttitle a							{ font-size: 16px; font-weight: bold; margin: 5px }
.threearttext							{ padding: 5px; text-decoration: none; font-size: 14px; color:#fff }


/*** ??????? ????????? ***/
.cont                                   { background: #FFF; padding: 10px; margin: 0 0 10px }
.conttitle                              { padding: 0 10px 0; margin-top: 10px; font-weight: bold; font-size: 15px; color: #000099 }
.conttitle  a:link, a:visited                            { text-decoration: none }
.conttitle h2                           { padding: 3px 0; margin: 10px 0 5px; font-size: 15px; font-weight: bold; color: #000; 						border-bottom: 1px dotted #666666 }
.conttitle h3                           { font-weight: bold; line-height: 13px; font-size: 12px }
.conttitle span                         { color: #000099; font-size: 12px; padding: 2px 7px 2px 0 }
.conttext                               { padding: 5px 10px }
.continfo                               { font-size: 11px; padding: 5px 2px; margin: 0 10px; text-align: right; color: #993333; clear: both }
.continfo b                             { font-weight: normal; color: #ccc; margin: 0 5px }
.continfo span                          { color: #666666; font-size: 12px }

/** ????????? **/
.cat                                    { border: none; width: 100%; }
.cat .head td                           { padding: 7px 12px; border: 0; background: #fff; color: #000; text-align:center }
.cat td                                 { padding: 10px 12px; border-bottom: 1px dotted #fff; color: #000 }
#catinfo                                { color: #993333; text-align: right; border: 0; font-size: 12px }
#catinfo b                              { color: #993333; font-weight: normal; margin: 0 5px }
#catinfo span                           { color: #333333 }

/** ????????????? ?????????? ?????, ???? **/
.details                                { border: none; width: 100%; }
.details .head td                       { padding: 15px 15px; color: #9e4305 }
.details td                             { padding: 6px 15px; color: #444a50 }
.infone                                 { background: #FFFFFF; color: #000 !important; border-bottom: 1px solid #cbd5ac; vertical-align: middle }
.inftwo                                 { background: #FFFFFF; color: #333333 !important; border-bottom: 1px solid #eaf5cb; }

/** ??????????? **/
.com                                    { border: none; width: 100% }
.com .head td                           { padding: 3px 10px; border-bottom: 1px dotted #efda81; font-size: 12px; color: #666666 }
.com .head td big                       { color: #800; font-size: 13px }
.com td                                 { padding: 3px 10px; vertical-align: top; color: #333333 }
.com td p                               { color: #333333; margin: 0; padding: 3px 0 }
#cominfo                                { text-align: right; border: 0;  background: none }

/* ??????????? ?????? ?????? ? ?????????? */
.newsone,.articleone,.linkone,
.downone,.faqone,.photosone             { background: #F1F1F1 }
.newstwo,.articletwo,.linktwo,
.downtwo,.faqtwo,.photostwo             { background: #F1F1F1 }

/* ???? ????????? */
.calendar                               { width: 100%; background: #fff }  /* ??? <table> */
.calendar td                            { font-size: 11px; padding: 1px 2px } /* ?????? ????????? */ 
a.calendarlink:link, 
a.calendarlink:visited                  { color: #990000 }                                                                        /* ?????? */
a.calendarlink:hover                    { background: #990000; font-weight: bold; color: #fff; display: block; width: 100%; height: 100%; text-decoration: none } /* ?????? */
.calendarempty                          { background: #fff }                 /* ?????? ?????? */
.calendartoday                          { color: #fff; background: #660000 }    /* ???? ??????? */
.calendarallday                         { background: #EBEBEB; color: #000 } /* ??? ?????? */ 
.calendartitle                          { background: #CC3333; color: #fff }    /* ??? ?????? */  
.calendarmonth                          { background: #fff; color: #000 }    /* ??? */

/* ????????? */
.errtitle                               { height: 32px }
.errtitle .rcont                        { background: #a60608; font-size: 14px; color: #fff; height: 32px; line-height: 32px; padding-left: 15px }
.errortxt                               { padding: 20px 30px; color: #a60608 }
.support                                { border: 1px solid #a60608; width: 50%; padding: 30px; color: #a60608; font-size: 13px; margin: 20% auto 0 }
.support img                            { float: right }
.messtitle                              { height: 32px }
.messtitle .mcont                       { background: #660000; font-size: 14px; color: #fff; height: 32px; line-height: 32px; padding-left: 15px }
.messtxt                                { padding: 20px 30px; color: #333333 }
.notice                                 { color: #9e4305; background: #faf0b1; border-left: 1px solid #9e4305; border-right: 1px solid #9e4305; padding: 8px 10px; text-align:center; font-style: italic }

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

/* Info */
.infotitle                              { padding: 10px 20px 0; color: #68717a }
.infotitle big                          { color: #666666; font-size: 21px; vertical-align: middle; padding-right: 6px }

/* Poll */
.poll                                   { text-align: center; width: 100% }
.poll td                                { font-weight: normal; color: #333333 }
.pollbar                                { background:#000; height: 5px }
.pollbarout                             { background: #faf0b1; text-align: left }
.pollbarout_block                       { padding: 0; border: 1px solid #fff; text-align: left }

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

/* Thumb */
.thumb                                  { margin: 15px 5px; text-align: center }
.thumbtitle                             { color: #666666 }
.thumbcet                               { padding: 3px }
.thumbcet img                           { border: 1px solid #fff; padding: 3px }
.thumbtext                              { color: #333333; font-size: 12px }

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

/* Images */
.img150 img				{ width: 200px }
.img350 img				{ max-width: 300px }
.tableod                                { padding: 5px 25px; text-align: center }
.tableod #img                           { border: solid 10px #ccc }
.tableod img                            { border: 1px dotted #f90; padding: 10px }
.tablein                                { padding: 5px; text-align: center; color: #9e4305 }
.tablein img                            { border: 1px solid #ffe67f; padding: 3px }
.mediain                                { display: inline; padding: 3px }
.mediaod                                { border: solid 1px #ffe67f }
.mediait                                { border: solid 1px #333333 }

/* Rating */
.rating                                 { background: #F1F1F1 }
.ratingrows                             { background: #FFFFFF; line-height: 22px; padding: 5px; color: #333333 }
#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(http://infosmi.com/temp/Infosmi/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(http://infosmi.com/temp/Infosmi/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(http://infosmi.com/temp/Infosmi/images/rates.gif) left bottom; z-index:1 }

/* Float, Align, Valign */
.fl                                     { float: left }
.fr                                     { float: right }
.al                                     { text-align: left }
.ar                                     { text-align: right }
.ac                                     { text-align: center }
.vt                                     { vertical-align: top }
.vm                                     { vertical-align: middle }
.vb                                     { vertical-align: bottom }

/* Float img-thumb */
.imgleft                                { float: left; margin: 2px 10px 10px 0 }
.imgright                               { float: right; margin: 2px 0 10px 10px }

/* Line */
.sline                                  { clear: both; font-size: 5px; height: 5px }
.clear                                  { clear: both; height: 0 }

img                                     { border: 0; vertical-align: middle }
hr                                      { padding: 0; height: 0; border-bottom: 1px solid #bbbfc5 }

/* ????? */
.redfont                                { color: #666666 }
.red                                    { color: #c00 }
.blue                                   { color: #0a469e }
.green                                  { color: #239e0a }
.crimson                                { color: #600; font-size: 11px }

/* Forum */
.forum                                  { border: 1px solid #ccc; padding: 1px; background: #fff }
.forum span                             { font-weight: bold }
.forumtitle                             { background: #f5f5f5; color: #888; border-bottom: 1px solid #fff; padding: 10px; font-weight: bold }
.forumtopic                             { border-top: 1px solid #ccc; padding: 10px }

/* Debug */
.debug                                  { overflow: hidden; border: 2px solid #0d5678; font-size: 12px; color:#a73c3c; padding: 10px }

/* Hints - ??????????? ????????? 
.hint                                   { position: absolute; margin: 0; line-height: 14px; font-weight: normal; font-size: 12px; padding: 7px 12px;
                                          background: #CCCCCC; border-left: 3px solid #660000; color: #333333 } */
								
								
 /* ??????? ? ???????????? ?????? */

#rubblockleft		{ width: 500px; float: left; margin-bottom: 10px }
#rubblockleft a:link, #rubblockleftname a:visited	{ text-decoration: none }
#rubblockleftname	{ width: 490px }
#rubblockleft a:link, #rubblockleftname a:visited	{ text-decoration: none }
#rubblockleftimg	{ width: 150px; float: left; margin-right: 10px }
#rubblockleftlead	{ width: auto }

/* ??? ?????????? ? ?????? */

#informerblock		{ width: 285; display: table }
#informerblock img	{ width: 50px; float: left; margin-right: 3px }
#informerblocktext	{ width: 220px; font-weight: bold; font-size: 12px; display: block }

/* ?? ???????????? ?????? */

.notlined			{ color: #333333; text-decoration: none }
a.notlined :link, a.notlined :visited           { color: #333333; text-decoration: none }
a.notlined :hover                           { color: #000 }

#gogetlinks 	{ 
				font-family:sans-serif; 
				font-size:12px; 
				color: #525252; 
				font-style: italic; 
				background-color:#fbffbd; 
				border: 1px #3aa6d0 double; 
				display:table; 
				padding:5px 
				}
#gogetlinks a	{
				font-family: sans-serif;
				font-size: 12px;
				color:#1a63c9;
				text-decoration: underline;					
				}
				
#yellowad 	{ 
				font-family:sans-serif; 
				font-size:12px; 
				color: #525252; 
				font-style: italic; 
				background-color:#fbffbd; 
				border: 1px #3aa6d0 double; 
				display:table; 
				padding:5px 
				}
#yellowad a	{
				font-family: sans-serif;
				font-size: 12px;
				color:#1a63c9;
				text-decoration: underline;					
				}


#pressrelease {background-color: #ffe3e3;
					display: table-cell;
					font-size: 12px;
					color: #4b4b4b;
					padding: 10px;
					}
					
.prtitle			{font-size: 18px;
					font-weight: bold;
					color: #4b4b4b;
					border-bottom: #666666 2px solid
					}

.prtitle a		{
					text-decoration: none;
					}		

.prtext			{font-size: 10px;
					color: #4b4b4b 
					}

#imgshort		{display: table-cell}

#da			{display: table-cell; border: 1px solid #ffacac}

#fontnews		{display: table-cell}

.colorlinks a	{color: #3b9ddc !important }