/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Проект: Галерея Проун
Кодер: Ivan Leonchikov [ coder@xeonc.eu ]
Дата: июнь 2007
Назначение стилей: Общие стили для всех страниц.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { margin:0; padding:0; }
html { width:100%; }
body { position:relative; width:100%; min-width:1000px; height:100%; background:#fff; padding-top:20px;}

a { font:normal 13px 'Times New Roman', serif; color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
img { border:0; }

#basis { position:relative; width:1000px; min-width:1000px; min-height:100%; height:auto; font:normal 13px 'Times New Roman', serif; color:#000; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Шапка шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header { height:140px; width: 1000px; }
.logo { position:absolute; top:34px; left:30px; }

/* Главное меню */
.menu { position:absolute; top:43px; left:280px; width: 580px; height: 32px; border-top: 1px solid #9d9fa1; border-bottom: 1px solid #9d9fa1; }
.menu ul { position: absolute; top: 0px; }
.menu li { display:block; float:left; list-style-type:none; text-align: center; }
.menu li img { display:block; }

.menu li ul { display:none; }
.menu li:hover ul { display:block; }
.menu li ul li { padding-right:26px; font:normal 12px 'Times, Times New Roman'; color:#a0a1a3; letter-spacing: normal; }
.menu li ul li a { font:normal 12px 'Times New Roman'; color:#808183; letter-spacing: normal; }
.menu li ul li a:hover { color:#231f20; }
.menu li ul li span { font:normal 12px 'Times New Roman'; color:#231f20; }

.menu li.topm { width: 194x; }

#firstBox { position:absolute; top:21px; left:0px; padding-top:18px; width: 235px;}
#secondBox { position:absolute; top:21px; right:0px; padding-top:18px; width: 280px; }
#secondBox li { padding-left: 13px; padding-right: 0px; float: right; }
#secondBox li a { margin-right: 0px; }
#secondBox li span { margin-right: 0px; margin-left:0px; font:normal 12px 'Times New Roman'; color:#231f20; }

/* Блок поиска */
.search { float: right; top:0px; width:102px; height:37px; }
.search .lnk { height:22px; }
.search .lnk a { margin:0 9px; }
.search .lnk span { margin:0 9px; }
.login { font-size: 10px; left: 280px; position: absolute; top: 0px; width: 580px; text-align: center;}

#find { border:0; }
#find .inp1 { width:10px; height:15px; float:left; background:url(../img/bg-search.gif) no-repeat; }
#find .inp2 { width:15px; height:15px; float:left; }
#find input { display:block; float:left; width:77px; height:13px; font:normal 10px 'Times New Roman'; color:#d2232a; background:#fff; border:0; border-top:1px solid #bdbfc1; border-bottom:1px solid #bdbfc1; }
#find input.placeholder { color:#bdbfc1; }

#find-safari { border:0; padding-left:10px; }
#find-safari input { display:block; float:left; width:102px; height:37px; font:normal 10px 'Times New Roman'; color:#d2232a; background:#fff; border:0; border-top:1px solid #bdbfc1; border-bottom:1px solid #bdbfc1; }
#find-safari input.placeholder { color:#bdbfc1; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Контент шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#middle { padding-bottom:61px; }
#middle h2 { padding-bottom:12px; font:normal 16px/19px 'Times New Roman'; color:#d2232a; text-transform:uppercase; letter-spacing:4px; line-height: 1.2;}
#middle h2 a { font:normal 16px/19px 'Times New Roman'; color:#d2232a; text-transform:uppercase; letter-spacing:3px; }
#middle h2 a:hover { color:#000; }
#middle h2.black, #middle h2.black a { color:#000; }


.show { padding-bottom:12px; width: 1000px;}
.show img { display:block; }
.show .picture { width:580px; float:left; padding-top:4px; }
.show .picture .wall { height: 340px; }
.show .person2 { width:580px; float:left; }
.show .alpha { width:50px; float:left; padding-left:40px; }
.show .pic { width:120px; float:left; padding:4px 0 80px 0; }
.show .txt { width:470px; float:left; padding-bottom:80px; }
.show .search_pic { width:120px; float:left; padding:4px 0 10px 0; }
.show .search_query { width:470px; float:left; padding-bottom:10px; }

.info { width:250px; float:left; padding-left:30px; }
.info p.year { padding-top:5px; font:normal 30px 'Times New Roman'; font-style:italic; color:#000; }
.info p.date { padding-bottom:15px; font:normal 10px 'Times New Roman'; text-transform:uppercase; letter-spacing:1px; }
.info p.date span { font-size:13px; }


.info .creator { padding-bottom:8px; width: 240px;}
.info .creator a { white-space:nowrap; font:italic 12px 'Times New Roman'; color:#808183; margin:0 12px 8px 0; }
.info .creator a:hover { color:#000; }
.info .creator div { padding-bottom: 8px; float: left;	}

.show .picture .info { width:auto; float:none; padding:0 0 44px 0; }

.search-result .result { width:510px; float:left; padding-top:7px; }
.search-result .info h2 { padding-top:1px; }

.links { padding-top:170px; }
.links a { color:#909293; font:normal 11px/19px 'Arial'; text-decoration:underline; }
.links a:hover { color:#000; }

.result2 { padding-bottom:74px; }
.result2 .image { width:120px; float:left; }
.result2 .text { width:390px; float:left; margin-top:-6px; }
.result2 .text p { padding-bottom:5px; }
.result2 .text a { text-decoration:underline; }

.text2 { width:390px; float:left; margin-top:-4px; }
#middle .text2 h2, #middle .text2 h2 a { color:#000; }
.text2 p { padding-bottom:5px; font-size:9px; text-transform:uppercase; letter-spacing:2px; }
.text2 p span { font-style:italic; font-size:12px; text-transform:none; letter-spacing:0; }
.text2 p.date { padding-bottom:15px; font:normal 8px 'Times New Roman'; text-transform:uppercase; letter-spacing:3px; }
.text2 p.date span { font-size:11px; font-style:normal; }
.text2 .creator a { font:italic 12px 'Times New Roman'; color:#a8a9aa; margin:0 12px 8px 0; }
.text2 .creator a.active { color:#d2232a; text-decoration:underline; }

.line { width:580px; padding-top:8px; margin:-25px 0 0 269px; background:url(../img/bg-arhive.gif) repeat-x; }
.arhive-lnk { position: absolute; width:580px; padding-top:10px; margin-top:5px; left: 280px; background:url(../img/bg-arhive.gif) repeat-x; }
.arhive-lnk2 { position:absolute; top: 140px; left:899px; }
.rss { position:absolute; top:139px; left:878px; }
.arhive-lnk a, .arhive-lnk2 a, .rss a { font:normal 11px Arial; color:#909293; text-decoration:underline; }
.arhive-lnk a:hover, .arhive-lnk2 a:hover, .rss a:hover { color:#000; }

.show a.view1 { display:block; float:left; width:14px; height:18px; background:url(../img/prev.gif) no-repeat 1px 12px; }
.show a.view1:hover { text-decoration:none; background:url(../img/prev_.gif) no-repeat 1px 12px; }

.show a.view2 { display:block; float:left; padding-left: 4px; padding-right:4px; color:#888a8c; font:italic 11px/27px 'Times New Roman'; }
.show a.view2:hover { text-decoration:none; color: #000; }

.show a.view3 { display:block; float:left; width:16px; height:18px; background:url(../img/next.gif) no-repeat 1px 12px; }
.show a.view3:hover { text-decoration:none; background:url(../img/next_.gif) no-repeat 1px 12px; }

.info-txt { padding-top:26px; font:normal 16px/22px 'Times New Roman'; }
.info-txt p { padding-bottom:8px; }
.info-txt p.two { padding-top:3px; font:normal 14px 'Times New Roman'; }
.info-txt span { font-style:italic; }

.column { position:relative; z-index:999; width:175px; margin-bottom:-50px; padding-top:20px; font:normal 13px 'Arial'; line-height: 1.4;}
.column a { font:normal 10px/12px 'Arial'; text-decoration:underline; color:#808183; }
.column a:hover { color:#000; }
.column p { height:31px;padding-bottom:0px; }
.column .pdf { padding-bottom:24px; }
.column .pdf img { display:block; margin-bottom:2px; }
.column .print { padding-top:123px; }
.column .print img { display:block; margin-bottom:2px; }

.article { width:460px; padding-top:30px; }
.article p { padding-bottom:12px; }
.article_wp { width:460px; }
.article_wp p { padding-bottom:12px; }

.left-links li { padding-bottom:7px; list-style-type:none; font:normal 13px Arial; line-height: normal; }
.left-links li a { font:normal 10px/12px Arial; color:#888a8c; text-decoration:underline; line-height: normal; }
.left-links li a:hover { color:#000; }
.left-links li span { font:normal 10px/12px 'Arial'; color:#000; }

.person3 { float:left; padding:0 20px 22px 0; }
.person3 img { display:block; margin-bottom:5px; }
.person3 a { font:normal 11px Arial; color:#808284; }
.person3 a:hover { color:#000; }

.alpha li { padding:0 0 5px 0px; list-style-type:none; }
.alpha li a { font:normal 11px Arial; color:#808284; }
.alpha li a:hover { color:#000; }

.about { width:460px; padding-bottom:40px; }
.about p { padding-bottom:12px; }
.about h2 { padding-bottom:8px; }

.photo-person { padding-bottom:30px; }
.photo-person a { font:normal 10px/12px Arial; color:#808183; text-decoration:underline; }
.photo-person a:hover { color:#000; }
.photo-person img { display:block; margin-bottom:3px; }

.adress2 { padding-top:5px; }
.adress2 p { padding-bottom:10px; }
.adress2 a { color:#808284; text-decoration:underline; }
.adress2 a:hover { color:#000; }
.adress2 span { font-size:12px; font-style:italic; }

.news2 { width:205px; }
.news2 p { font:normal 18px 'Times New Roman'; }
.news2 h2 span { color:#000; text-transform:none; font-style:italic; font-size:11px; letter-spacing:0; }

a.blue { color:#40c1f3; font-size:12px; }
a.gray { color:#808284; font-size:12px; }
a.blue:hover, a.gray:hover { color:#000; }

.st7 { width:163px; height:22px; font:normal 10px/12px Arial; background:url(../img/bg-pag.gif) no-repeat; }
.st7 img { float: left; }

.fixheight { height: 340px; }
.fixheight_top { height: 325px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Подвал шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:absolute; left:30px; width:970px; border-top:1px solid #808284; padding-bottom: 30px; }
#footer img { padding:0px; margin:0px; border: 0; float: left; }
#footer td { vertical-align: top; }
#footer a:hover { color:#e00; text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Конец
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.nodisplay{display:none}
.cursor{cursor:pointer; cursor:hand}
/*слой с формой регистрации*/
#reg-form{ position:absolute; z-index:99; left: 200px; top:15px; width:180px; text-align:left; border: 1px solid #ccc; padding: 5px; background-color:#f0f0f0}
#reg-form form div{display:block; clear:both; padding:3px 9px 3px; font:bold 10px Tahoma; background:url(../img/dotg3.gif) repeat-x bottom}
#reg-form form label{float:left; width:60px}
#reg-form form .text{font:10px/1 Tahoma; color:#a0a1a3; border:1px solid #d4d4d4; width:90px; height:13px; wid\th:90px; hei\ght:11px; padding-left:1px}
#reg-form .person{background-color:#f0f0f0}
#reg-form .btn{margin-left:60px; background:none; margin-top:5px; margin-bottom:0px}
#reg-form .btn input {font:bold 10px Tahoma; padding-left:5px; padding-right:5px;}


/*thumbnail*/

.opacity5 {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

#thumb { width: 132px; float: left; }
#thumb img { width:55px; height: 55px; margin:0px; padding:4px; float: left; }
#thumb .s { border: 1px solid #fff; }
#thumb .selected { border: 1px solid #c9c9c9; }