@charset "utf-8";
/*
Theme Name: Opera
Theme URI: http://www.komiart.net
Description: Тема для сайту Гурту Олега Кульчицького .
Version: 0.1
Author: Mykola Stetsyshyn

*/
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0 none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0px; outline:none; padding:0px; }
:focus { outline:none; }
a { outline:0px; text-decoration:none; }
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0px!important; }
li { line-height:15px; }
table { border:0 none; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; } 
div { position:relative; }
html, body{ padding:0px; margin:0px;}
/* //end reset styles */
body{ background:#000 url(i/bg-fon.png) center top repeat-y; cursor:default;}

#page{ width:990px; min-height:100%; height:auto!important; height:100%; margin:0px auto -70px auto; background:url(i/bg.jpg) left top no-repeat;}
	#headbox{ width:990px; height:306px;}
	/* afisha */
		#afisha{ width:400px; height:85px; position:absolute; left:175px; top:201px; font:italic 14px/17px Georgia, "Times New Roman", Times, serif; color:#FFEBBB; overflow:hidden; }
		.afishascroll{ width:400px; height:10000px;}
		.afishascroll div{ width:400px; height:85px;}

	
	/* //afisha */
	#menubox{ width:990px; height:114px; }
		.menu{ position:absolute; left:81px; top:0px; padding:0px; margin:0px;}
		.menu li{ float:left; text-align:center;font:italic 12px/14px Georgia, "Times New Roman", Times, serif; padding:0px; margin:0px;}
		.menu li a{ height:114px; color:#FC0; display:block;}	
		.menu li a:hover{ background-position: left bottom; }
			
			.page-item-3 a{ width:90px; background:url(i/home.jpg) left top no-repeat; }
			.page-item-4 a{ width:89px; background:url(i/history.jpg) left top no-repeat;}
			.cat-item-6 a{ width:111px; background:url(i/faces.jpg) left top no-repeat;}
			.cat-item-7 a{ width:94px; background:url(i/articles.jpg) left top no-repeat;}
			.cat-item-8 a{ width:99px; background:url(i/albums.jpg) left top no-repeat;}
			.page-item-6 a{ width:86px; background:url(i/video.jpg) left top no-repeat;}
			.page-item-45 a{ width:101px; background:url(i/programs.jpg) left top no-repeat;}
			.page-item-7 a{ width:110px; background:url(i/contacts.jpg) left top no-repeat;}
			.page-item-33 a{ width:90px; background:url(i/photo.jpg) left top no-repeat;}
			.current_page_item a, .current-cat a{ background-position: left bottom; }
		

	
	#gallerybox{ width:990px; height:234px; background:url(i/gallery-fon.jpg) no-repeat; margin:14px 0px 0px 0px; overflow:hidden;}
	#main-gallerybox{ width:990px; height:367px; background:url(i/main-gallery-fon.jpg) no-repeat; margin:10px 0px 0px 0px;}
		#main-video{ width:391px; height:295px; background:url(i/main-video-border.jpg); position:absolute; right:45px; top:23px;}
			.video-box{ margin:4px; width:382px; height:287px; overflow:hidden;}
			.video-box object{ position:absolute; left:-3px;}
		#main-foto{ width:417px; height:294px; background:url(i/main-foto-border.jpg); position:absolute; left:50px; top:23px;}
		#main-slideshow{ width:409px; height:286px; margin:4px; overflow:hidden;}	
			#main-slideshow .thumbs { clear: both; position: absolute; width: 20000px; }
		  #main-slideshow .thumbs div { width:409px; height:286px; float:left; }	
	#main-gallerybox #galleryautor{ left:50px; bottom:20px;}
	#main-gallerybox #photolink{ bottom:8px; left:345px;}
	#photolinkscroll{ position:absolute; bottom:6px; left:100px; height:15px; background:url(i/photolinkscroll.png) left center no-repeat; padding:13px 0px 0px 32px; font:italic 11px Georgia, "Times New Roman", Times, serif; color:#FFE67F;}

	#photolink{ position:absolute; bottom:10px; left:50px; font:italic 12px Georgia, "Times New Roman", Times, serif ; color:#FFE67F; z-index:20; display:block; height:22px; padding:18px 0px 0px 40px; background:url(i/photolink.jpg) left center no-repeat;}
	#videolink{ position:absolute; bottom:8px; left:555px; font:italic 12px Georgia, "Times New Roman", Times, serif ; color:#FFE67F; z-index:20; display:block; height:22px; padding:18px 40px 0px 0px; background:url(i/videolink.jpg) right center no-repeat;}
	#photolink:hover{ color:#FFF0B2}
	#galleryautor{ position:absolute; right:95px; bottom:10px; font:italic 12px Georgia, "Times New Roman", Times, serif ; color:#6A4919;}
		div.scrollable { position:absolute; top:30px; left:90px; height:169px; overflow: hidden; width:820px;  }
		div.scrollable .thumbs { clear: both; position: absolute; width: 20000px; }
		div.scrollable .thumbs div { width:262px; height:163px; padding:3px 5px; float:left; text-align:center; background:url(i/thumbs-border.png) center top no-repeat }
		.sprev, .snext { position: absolute; display: block; width:40px; height: 51px; top:90px; cursor: pointer }
		.sprev { left: 20px; background: url(i/g-left.jpg) left top no-repeat }
		.snext { right: 20px; background: url(i/g-right.jpg) left top no-repeat }
	#infobox{ padding:10px 0px 100px 0px; color:#BD9463; overflow:hidden;}
		.storytitle{ padding:5px 120px; font:italic 18px Georgia, "Times New Roman", Times, serif; color:#EFBA21;}
		.post-storytitle{ text-align:center; background:#230308; margin:5px 140px; padding:25px 20px 20px 20px; font:italic 18px Georgia, "Times New Roman", Times, serif; color:#EDB21F; clear:both; background:url(i/storytitle.png) right top no-repeat;}
		.story{ padding:10px 150px 30px 150px; margin-bottom:10px; font:15px/24px Georgia, "Times New Roman", Times, serif; word-spacing:4px; background:url(i/story-line.png) center bottom no-repeat; overflow:hidden;}
			.alignleft{ float:left; margin:30px; }
			.story p{ text-indent:20px; margin:0px 0px 20px 0px;}
			.story ul li{ font:14px/26px Georgia, "Times New Roman", Times, serif}
			.story ul.programs{ margin-bottom:20px;}
			.story ul.programs li{ margin:10px 0px 0px 30px; border-bottom:1px solid #070102; }
			.story ul.programs li:hover{ color:#D6AA58}
			.story ul.programs li .numbers{ margin-right:15px; color:#826137 }
			.story ul.programs li a{ display:block; width:100px; margin:5px 5px 5px 30px}
				ul#p2010{  padding-top:40px!important; background:url(i/2010.png) 0px 2px no-repeat}
				ul#p2009{ padding-top:40px!important; background:url(i/2009.png) 0px 2px no-repeat}
				ul#older{ padding-top:40px!important; background:url(i/earler.png) 0px 2px no-repeat}
			.album { width:54%; float:left}
				.album li{ padding:2px 5px 2px 20px; display:block; position:relative;}
				.album li .autor{ position:absolute; display:block; right:0px; top:0px;}
				#album1 li {background:url(i/audio.jpg) 5px 11px no-repeat;}
				#album1 li:hover, .current-mp3{  cursor:pointer; color:#FFE67F}
				.mp3{ padding:20px; background:#080102; margin:5px 0px;}
			.more-link{ display:block; width:120px; height:30px; padding-left:20px; margin:5px 0px; text-indent:0px; background:url(i/read-all.png) left top no-repeat; font:italic 12px/38px Georgia, "Times New Roman", Times, serif; color:#FFE165; text-align:left; clear:both}
			.more-link:hover{ color:#FFEB98}
			/* */
			#post-title-6{ height:80px; padding-left:220px; line-height:80px; background:url(i/h-video.jpg) left center no-repeat}
			#cat-title-6{ height:80px; padding-left:220px; line-height:80px; background:url(i/h-faces.jpg) left center no-repeat}
			#post-title-4{ height:80px; padding-left:220px; line-height:80px; background:url(i/h-history.jpg) left center no-repeat}
			#cat-title-7{height:80px; padding-left:220px; line-height:80px; background:url(i/h-articles.jpg) left center no-repeat}
			#post-title-7{height:80px; padding-left:220px; line-height:80px; background:url(i/h-contacts.jpg) left center no-repeat}
			#post-title-45{height:80px; padding-left:220px; line-height:80px; background:url(i/h-programs.jpg) left center no-repeat}
			#cat-title-8{height:80px; padding-left:220px; line-height:80px; background:url(i/h-albums.jpg) left center no-repeat}
			#post-title-33{height:80px; padding-left:220px; line-height:80px; background:url(i/h-photo.jpg) left center no-repeat}
			/* person */
.person{ padding:0px 10px 10px 10px; border-top:1px solid #070102; overflow:hidden; margin:5px 0px;}
	.person p{ text-indent:0px;}
	.person .title{ font:italic 16px/18px Georgia, "Times New Roman", Times, serif; color:#BB6A10; padding:20px 5px 5px 0px; width:500px; text-align:left; text-indent:0px; float:left}
	.person .foto{ float:left; width:150px; margin-right:10px;}
	.person .desc{ float:left; padding:10px 0px 0px 0px; width:300px; text-align:left;}
	/* contacts */
	.story dl{ width:200px; margin-top:20px;}
	.story dl dt{ font:14px Georgia, "Times New Roman", Times, serif; color:#BB6A10}
	.story dl dd{ padding-left:20px; font:14px/20px Tahoma, Geneva, sans-serif}
/* contact form */
div.wpcf7{ width:300px; padding:30px 70px!important; background:#1B0206; color:#BB6A10; float:right; margin-right:10px;}
.wpcf7 input,.wpcf7 textarea{ border:1px solid #1B0206; background:#35040D; width:280px; font:15px/18px Georgia, "Times New Roman", Times, serif; padding:5px 10px; margin:2px 0px; color:#BD9463 }
.wpcf7 textarea{ height:200px; display:block; }
#submitbtn{ background:#070102; color:#BB6A10; text-align:center; margin-top:20px; cursor:pointer; width:300px; border:0px; padding:10px 0px;}
#submitbtn:hover{ background:#030001}
.wpcf7-checkbox input{ width:20px; height:20px;}
.wpcf7-list-item{ display:block; width:100%; padding:5px 0px;}
.wpcf7-list-item-label{ font:12px/18px Tahoma, Geneva, sans-serif; vertical-align:middle;}
.captcha-797 { position:relative; display:block; border:1px solid red; top:0px; right:0px; width:150px;}
.fieldcaptcha input{ width:100px; position:absolute; top:0px; left:150px;}
.wpcf7 .wpcf7-mail-sent-ok{ border:1px dotted #FFA940!important}
.wpcf7 .ajax-loader { margin:5px auto;}
/**/

#footer{ width:990px; height:70px; margin:0px auto;}
	.rights{ padding:10px 150px; font:12px/18px Tahoma, Geneva, sans-serif; color:#4A0712;}
		.rights p{ margin:2px 0px; text-align:center}
		.rights p a{ color:#4A0712}
	.webo{ position:absolute; right:20px; top:20px;}
		.webo a{ font:12px Tahoma, Geneva, sans-serif; color:#4A0712}


/* slideshow */

.big-video-fon{ width:729px; height:485px; margin:0px auto 30px -20px; background:url(i/video-fon.png) no-repeat}
	.big-video-box{ padding:15px;}
/* articles */
.djerelo{ width:100%; height:30px; font:12px/30px Georgia, "Times New Roman", Times, serif; color:#6A4919}
.djerelo .date{ position:absolute; right:0px; top:0px; font:11px/30px Georgia, "Times New Roman", Times, serif;}
/* afisha */
.posterlink{ display:block; width:103px; height:37px; background:url(i/litleposter.jpg); cursor:pointer; margin:0px 10px;}

/*  ngg gallery */

.ngg-gallery-thumbnail img,.ngg-thumbnail img{
	border:0px!important;
	background:url(i/gallery-thumgs-bg.jpg) left top no-repeat!important;
	padding:2px 2px 3px 2px!important;
	margin:10px 10px 0px 10px!important;
	
	}
.ngg-album{ border:0px!important;}
.ngg-albumtitle{ font:italic 16px/24px Georgia, "Times New Roman", Times, serif !important;}
.ngg-albumtitle a{ color:#EFBA21!important}
.ngg-galleryoverview{ width:550px!important; margin:0px auto!important;}
.ngg-gallery-thumbnail span { padding-bottom:7px!important; background:url(i/thumbstitle.png) center bottom no-repeat!important }
.ngg-gallery-thumbnail{ margin-bottom:10px;}

.ngg-singlepic { background-color:none; display:block; padding:0px!important;}

/* made */
#made{ position:absolute; left:50%; margin-left:-132px; top:-35px; display:block; width:265px; height:20px; padding-bottom:15px; text-align:center; color:#e0cd7d; background:url(i/madefon.png) center bottom no-repeat; font:italic 12px/20px Georgia, "Times New Roman", Times, serif; cursor:pointer}
.tooltip{ display:none; width:304px; height:218px; background:url(i/tooltipbg.png) left top no-repeat; color:#D1A952; z-index:9999}
.tbox{ margin:35px;}
.tbox h1{ font:12px Georgia, "Times New Roman", Times, serif; color:#C7A150}
.tbox h2.important{ margin:6px 0px; font:16px Georgia, "Times New Roman", Times, serif;}
.tbox .important{ font:15px Georgia, "Times New Roman", Times, serif; color:#C7A150}

/* */
.page-id-6 .story{ padding:10px 50px 30px;}
.page-id-6 .story object{ margin:5px; width:440px; border:1px solid #000;}