/*   Äèçàéí è ðàçðàáîòêà ñàéòîâ
     City: Fryazino&Moscow
     Tel: +7-916-452-19-60
     E-mail: mistio@mail.ru
     Site:
     Icq: 283-433-690     background-color:#cccccc;
*/

/*ÎÑÍÎÂÍÎÉ ÑÒÈËÜ*/

body           {
               margin:0;
               padding:0;
               background-color:#000;
               }

#conteiner     {
               width:801; height:100%;
               margin:0;
               padding:0;
               }

#logo          {
               width:801;  height:50;
               background:url(/cool/img/logo.png) no-repeat;
               text-align:left;
               float:left;
               margin:0;
               padding:0;
               }

#cont          {
               width:179;
               text-align:left;
               float:left;
               margin:0;
               padding:30 0 0 0;
               }

#cont1         {
               width:150;
               float:left;
               margin:0;
               padding:45 0 0 0;
               }

#cont2         {
               font-family:verdana,arial; color:666666; font-size: 11px;
               font-style: normal; font-weight:lighter;
               width:650;
               text-align:left;
               float:left;
               margin:0;
               padding:0;
               border-left:solid 1px #660000;
               border-bottom:solid 1px #660000;
               }

#cont3         {
               font-family:verdana,arial; color:666666; font-size: 11px;
               font-style: normal; font-weight:lighter;
               width:450;
               text-align:left;
               float:left;
               margin:0;
               padding-bottom:20;
               }
#cont3  ul     {
               margin:0;
               padding-left:30;
               }

#subava        {
               width:150;
               text-align:left;
               float:left;
               margin:10 0 10 30;
               padding:20 0 0 0;
               clear: both;
               }
               
#ludi          {
               width:230;
               text-align:left;
               float:left;
               margin:10 0 10 10;
               padding:20 0 0 0;
               font-family:arial,Trebuchet MS,verdana; color:666666; font-size: 10px;
               font-style: normal; font-weight:bold;  line-height:18px;
               }

#niz           {
               width:801;
               background:url(/cool/img/niz.png) no-repeat;
               text-align:left;
               float:left;
               margin:0;
               padding:0;
               }

#foto          {
               width:80;  height:80;
               text-align:center;
               float:left;
               margin:15 15 0 0;
               padding:0;
               border:solid 1px #333333;
               }
/*ÑÒÈËÜ ÃËÀÂÍÎÃÎ ÌÅÍÞ*/
#menu  ul      {
               float:left;
               list-style:none;
               padding:0 0 0 0;
               margin:0;
               }
#menu          {
               padding:2 0 0 200;
               margin:0;
               }

#menu  li a    {
               COLOR: #000;
               text-align:center;
               padding:16px 0 13px 0;
               margin:0;
               text-decoration: none;
               display: block;
               font:13px Trebuchet MS,Arial;
               font-weight:bold;

               width:90px;
               margin:0px;
               border-left:solid 1px #ffc3db;
               }
#menu  li a:hover {
               color: #fff;
               background-color:#ff0066;
               }
#menu  li a:active
               {
               color: #fff;
               background-color:#660000;
               }
/*ÊÎÍÅÖ ÑÒÈËÜ ÃËÀÂÍÎÃÎ ÌÅÍÞ*/
A              {
               COLOR: #666666; FONT-SIZE: 12px;
               FONT-WEIGHT:bold; FONT-FAMILY:Trebuchet MS,verdana,courier new;
               TEXT-DECORATION: underline;
               line-height:25px;
               padding-left:0;
               }
A:hover        {
               COLOR: #fff;
               TEXT-DECORATION: none;
               }
#cont1 A       {
               COLOR: #cc0000; FONT-SIZE: 12px;
               FONT-WEIGHT:bold; FONT-FAMILY:Trebuchet MS,verdana,courier new;
               TEXT-DECORATION: underline;
               line-height:25px;
               padding-left:20;
               }
#cont1 A:hover {
               COLOR: #fff;
               TEXT-DECORATION: none;
               }
A.ludi         {
               COLOR: #cccccc; FONT-SIZE: 12px;
               FONT-WEIGHT:bold; FONT-FAMILY:Trebuchet MS,verdana,courier new;
               TEXT-DECORATION: underline;
               line-height:25px;
               }
A.ludi:hover   {
               COLOR: #cc0000;
               TEXT-DECORATION: none;
               }

h1             {
               text-align: center;
               font-family:verdana,arial; color:000; font-size: 11px;
               font-style: normal; font-weight:bold;
               line-height:20px;
               margin:30 30 0 30; padding:0;
               background-color:#666666;
               }
h2             {
               text-align: left;
               font-family:Trebuchet MS,arial; color:fff; font-size: 13px;
               font-style: normal; font-weight:lighter;
               line-height:20px;
               margin:23 30 0 30; padding:0 0 0 0;
               }
h3             {
               text-align: left;
               font-family:Trebuchet MS,verdana,arial; color:cc0000; font-size: 14px;
               font-style: normal; font-weight:lighter;
               background-color:#660000;
               line-height:20px;
               margin:0 20 0 0; padding:1 0 2 10;
               }
h4             {
               text-align: left;
               font-family:verdana,arial; color:999999; font-size: 11px;
               font-style: normal; font-weight:lighter;
               line-height:18px;
               margin:0 0 0 0; padding:10 50 50 50;
               }

h5             {
               text-align: left;
               font-family:Trebuchet MS,arial; color:b8b5b5; font-size: 13px;
               font-style: normal; font-weight:bold;
               line-height:20px;
               margin:0 30 0 30; padding:0 0 0 0;
               }
               
h6             {
               text-align: left;
               font-family:Trebuchet MS,arial; color:999999; font-size: 16px;
               font-style: normal; font-weight:lighter;
               line-height:20px;
               margin:30 30 0 30; padding:0 0 0 0;
               }
b              {
               font-family:verdana,arial; color:999999; font-size: 11px;
               font-style: normal; font-weight:lighter;
               margin:0; padding:0;
               }

/*ñòèëü ñêðèïòà çàãðóçêè ôîòîãðàôèé--------------------------------------------------------------*/

#lightbox      {
               position: absolute;
               left: 0; width: 100%; z-index: 100;
               text-align: center; line-height: 0;
               }

#lightbox img  {
               width: auto; height: auto;
               }

#lightbox a img{
               border: none;
               }

#outerImageContainer
               {
               position: relative;
               background-color: #141414;
               width: 250px; height: 250px; margin: 0 auto;
               }

#imageContainer
               { padding: 10px; }

#loading       {
               position: absolute; top: 40%;
               left: 0%; height: 25%; width: 100%;
               text-align: center; line-height: 0;
               }

#hoverNav      {
               position: absolute; top: 0;
               left: 0; height: 100%;
               width: 100%; z-index: 10;
               }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink
               {
               width: 49%; height: 100%;
               background-image: url(data:image/gif;base64,AAAA);
               /* Trick IE into showing hover */ display: block;
               }

#prevLink      {
               left: 0; float: left;
               }

#nextLink      {
               right: 0; float: right;
               }

#prevLink:hover, #prevLink:visited:hover
               {
               background: url(../images/prevlabel.gif) left 15% no-repeat;
               }

#nextLink:hover, #nextLink:visited:hover
               {
               background: url(../images/nextlabel.gif) right 15% no-repeat;
               }

#imageDataContainer
               {
               font: 10px Verdana, Helvetica, sans-serif;
               background-color: #141414; margin:
               0 auto; line-height: 1.4em; overflow:
               auto; width: 100%;
               }

#imageData     {
               padding:0 10px; color: #666666;
               }

#imageData #imageDetails
               {
               width: 70%; float: left; text-align: left;
               }

#imageData #caption
               {
               font-weight: bold;
               }

#imageData #numberDisplay
               {
               display: block; clear: left; padding-bottom: 1.0em;
               }

#imageData #bottomNavClose
               {
               width: 66px; float: right;
               padding-bottom: 0.7em; outline: none;
               }

#overlay       {
               position: absolute; top: 0; left: 0; z-index: 90;
               width: 100%; height: 500px; background-color: #000;
               }