/*
Theme Name: Studio Buffo
Theme URI: http://www.studiobuffo.com.pl
Description: Szata graficzna serwisu www Studia Buffo.
Version: 1.0
Author: Robert Wydra
Author URI: http://www.czajnik.com/
Tags: custom, pink, black
Text Domain: buffo

	Na podstawie CSS i HTML M. Ruczkowskiego.
	 
*/

/* reset
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, strong, em { font-size: 100%; font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; } */

body {padding:0;margin:0;background:black url(images/bg.jpg) no-repeat center top;font-size:11px;font-family:tahoma, helvetica, sans-serif;color:#cdabd3;border-top:4px solid #81145f;}
form, fieldset {margin:0;padding:0;border-width:0;}
input, select, textarea {font-family:tahoma, verdana, helvetica, sans-serif;font-size:11px;}
p, ul {margin-top:1em;margin-bottom:1em}
img {vertical-align:bottom;}
a img {border-width:0;}
a {color:#cdabd3;text-decoration:none;}
a:hover {text-decoration:underline;}
.none {display:none;}
.columns {width:100%;overflow:hidden;}

#top {width:980px;margin:0 auto;position:relative;height:146px;}
#top h1 {padding:33px 0 0 41px;margin:0;}
#tools {position:absolute;right:0;top:0;font-family:Calibri, tahoma, sans-serif;font-size:12px;font-weight:bold;text-transform:uppercase;padding-right:15px;background:transparent url(images/tool1.gif) no-repeat right top;height:39px;}
#tools ul {list-style-type:none;margin:0;padding:0;height:39px;padding-left:15px;background:transparent url(images/tool.gif) no-repeat;float:left;}
#tools li {float:left;}
#tools li a {float:left;padding:0 6px;line-height:39px;background:transparent url(images/toolbg.gif) no-repeat center top;color:white;}

#bg-center {background:transparent url(images/bgcenter.jpg) no-repeat center 112px;}

#menu {position:relative;z-index:1000;background:#ae1987 url(images/menu.png) no-repeat;line-height:50px;height:50px;width:980px;margin:0 auto;padding:0;font-size:13px;font-weight:bold;font-family:'Trebuchet MS', Calibri, arial, tahoma, sans-serif;text-transform:uppercase;list-style-type:none;}
#menu li {float:left;padding:0 2px 0 7px;position:relative;}
* html #menu li a {padding:0 0 0 10px;}
*+html #menu li a {padding:0 0 0 10px;}
#menu li a {color:white;padding:6px 0 6px 10px}
#menu li a:hover, #menu li.show a {color:#a71883;background:white url(images/menuhover.png) no-repeat left top;text-decoration:none;}
#menu li a span {padding:6px 10px 6px 0;}
#menu li a:hover span, #menu li.show a span {background:white url(images/menuhover.png) no-repeat right top;}
#menu li ul {display: none;}

#menu div {display:none;position:absolute;left:0;top:39px;width:170px;padding-bottom:6px;background:transparent url(images/submenu1.png) no-repeat left bottom;}
* html #menu div {background:transparent url(images/submenu1.gif) no-repeat left bottom;}
#menu .show div {display:block;}
#menu ul {list-style-type:none;margin:0;padding:5px 0 0 0;background:transparent url(images/submenu.png) no-repeat;width:100%;overflow:hidden;}
* html #menu ul {background:transparent url(images/submenu.gif) no-repeat;}
#menu ul li {display:block;padding:0;vertical-align:bottom;width:100%;margin:0;float:left;}
#menu .show ul li a {color:#544391;font-size:12px;display:block;line-height:22px;float:none;padding:0 0 0 18px;background-image:none;background-color:transparent;width:152px;}
#menu ul li a:hover {text-decoration:none;font-weight:bold;background-image:none;background-color:white;}

#content {width:980px;margin:0 auto;overflow:hidden}
#content-bg {background:transparent url(images/content.png) repeat-y 690px 0;}
#content-bgbottom {background:transparent url(images/contentbottom.png) no-repeat 690px 100%;width:100%;overflow:hidden;}
#content.big-left {background-image:none;padding-top:0;background: 0 !important;}
#content.main1 {background:transparent url(images/main1.jpg) no-repeat;padding-top:185px;}
#content.main2 {background:transparent url(images/main2.jpg) no-repeat;padding-top:185px;}
#content.main3 {background:transparent url(images/main-fundacja.jpg) no-repeat;padding-top:185px;}
#content.main4 {background:transparent url(images/main-studio.jpg) no-repeat;padding-top:185px;}
#content.main5 {background:transparent url(images/main-metro.jpg) no-repeat;padding-top:223px;}
/* #content.main6 {background:transparent url(images/main-metro.jpg) no-repeat;padding-top:223px;} */
#content h2 {font-size:17px;font-weight:normal;margin:0;font-family:'Trebuchet MS', sans-serif;color:white;padding-left:18px;line-height:29px;border:6px solid #dfcbe3;}
#right h2 {border-left-width:0;width:142px;}
#left h2 {border-bottom-width:0;width:196px;}

#left {padding-left:21px;float:left;width:669px;}
#right {float:right;width:264px;padding-right:20px;}

#left .post img.alignright {display: none;}

#left.one-col {width:933px;}

.big-left #left {border-top:7px solid #dfcbe3;position:relative;padding-bottom:20px;padding-left:0;width:690px}
.big-left #left h2 {border-width:0;font-family:'Trebuchet MS', sans-serif;font-size:32px;font-weight:normal;padding-left:47px;padding-top:15px;width:auto;}
.big-left #right {padding-top:50px;}
.big-left #left .news-border {position:absolute;top:0;left:0;}
.big-left #left h2 em {font-style:normal;font-size:18px;line-height:0.6em}
.big-left #left h3 {padding-left:46px;font-family:'Trebuchet MS', sans-serif;font-size:18px;font-weight:normal;color:white;margin-bottom:0.8em}

.big-left #left .post .text h2 {padding: 0;margin: 10px 0;font: bold 20px 'Trebuchet MS';}
.big-left #left .post .text h3 {padding: 0;margin: 10px 0;font: bold 18px 'Trebuchet MS';}

.subpage #left {position:relative;padding-bottom:20px;}
.subpage #left h3 {margin:0;padding:0;font-family:'Trebuchet MS', sans-serif;font-size:27px;font-weight:normal;padding-left:32px;padding-top:15px;color:white;}
.subpage #path {padding-left:32px;}
.subpage .text {padding-left:32px;}
.border-top {border-top:7px solid #dfcbe3;position:relative;width:100%;}
.subpage .gallery {padding-left:28px;width:800px;}

.gallery {list-style-type:none;margin:0;padding:8px 0 0 42px;width:640px;}
.gallery img {border:4px solid #b179ba;margin-bottom:5px;}
.gallery li {display:inline;padding-right:5px;}
.dark-gallery li {padding-right:0;}
.dark-gallery img {border-color:#1e1b1e;}

#path {padding:10px 0 10px 52px;}
#path p {display:inline;font-size:10px;color:#b7abe2;padding-right:9px;}
#path ul {display:inline;padding:0;margin:0;list-style-type:none;}
#path li {padding-left:21px;background:transparent url(images/arrow.gif) no-repeat 8px 4px;display:inline;}
#path li a {color:white;}
#path li.home {padding-left:0;background-image:none;}
#path li.home a {text-decoration:underline;font-weight:bold;}
#path li.home a:hover {text-decoration:none;}

#left.one-col .text {width:884px;text-align: left;}
.text {padding-left:48px;width:600px;font-size:12px;line-height:1.5em;color:#f3e9e9;}
.text p {margin:1.5em 0;}
.text a {color:#f3e9e9;}

.data {width:620px;overflow:hidden;padding-left:48px;line-height:1.6em;color:#cdabd3;}
.data p {margin:1em 0 1.6em 0;text-align: right;}
.data cite, .data strong {color:white;font-weight:bold;font-style:normal;}
.data .left-col {float:left;width:320px;}
.data .right-col {float:right;width:280px;}

.news-list {list-style-type:none;margin:0;padding:0;}
.news-list li {border-top:7px solid #dfcbe3;position:relative;width:100%;overflow:hidden;width:642px;padding-right:27px;padding-bottom:17px;min-height: 190px;}
* html .news-list li {height: 190px;}
.news-list li li {border: 0;padding: 0;margin: 0;width: auto;min-height: 0;}
.news-list li ul {list-style-type: disc;}
.news-list li img.alignright {position: absolute;top: 28px;right: 35px;border:4px solid #B179BA;}
#left.one-col .news-list li {width:906px;}
.news-border {position:absolute;top:0;left:0;}
.news-list h3 {margin:0;padding:0;font-family:'Trebuchet MS', sans-serif;font-size:27px;font-weight:normal;width:430px;padding-left:22px;padding-top:15px;}
.news-list h3 a {color:white;}
.news-list .image {float:right;border:4px solid #b179ba;margin-top:4px;}
.news-list .short-news {width:430px;padding-left:22px;margin-top:-3px;}
#left.one-col .short-news  {width:694px;}
.news-list .short-news .info {margin:0;color:#9b74a3;padding-bottom:2px;}
.news-list .short-news p {text-align:justify;line-height:1.45em;margin:0.6em 0;}
.news-list .short-news .more {width:100%;overflow:hidden;}
.news-list .short-news a.more-link {float:right;height:32px;border:1px solid white;line-height:32px;text-align:center;font-family:'Trebuchet MS', sans-serif;color:white;font-size:14px;padding: 0 10px;margin-top: 10px;}

.calendarium {border-top:7px solid #dfcbe3;position:relative;width:100%;}
.calendarium h3 {margin:0;padding:0;font-family:'Trebuchet MS', sans-serif;font-size:27px;font-weight:normal;padding-left:22px;padding-top:15px;color:white;}
.calendarium #path {padding-left:22px;}
.calendarium .search {width:620px;margin-left:22px;border-top:1px solid #ddc9e1;border-bottom:1px solid #ddc9e1;margin-top:8px;padding-top:16px;padding-bottom:8px;}
.calendarium h4 {font-size:16px;font-family:'Trebuchet MS', sans-serif;color:white;margin-left:30px;margin-bottom:0;}
.calendarium .search h4 {float:left;font-size:14px;color:#f3e9e9;padding-top:21px;width:234px;margin:0;padding-left:14px;}
.calendarium .search .input-line {height:24px;margin-bottom:10px;}
.calendarium .search .input-line label {float:left;line-height:24px;color:#f3e9e9;font-weight:bold;width:120px;}
.calendarium .search .input-line select {width:195px;height:24px;vertical-align:bottom;margin-right:16px;color:#6c067e;font-weight:bold;}
.calendarium .search .input-line input {vertical-align:bottom;}
.calendarium .table {width:620px;margin-left:22px;padding-bottom:30px;padding-top:5px;}
.calendarium .table h4 {text-align:center;color:#dfcbe3;font-size:18px;margin-top:0;padding-top:1em;padding-bottom:1em}
.calendarium .table table {width:100%;}
.calendarium .table th {color:#dfcbe3;font-family:'Trebuchet MS', sans-serif;font-size:14px;padding:10px 10px 10px 32px;text-align:left;}
.calendarium .table th.first {padding:10px 6px;}
.calendarium .table td {padding:15px 15px 15px 32px;border-left:1px solid #47314b;border-top:1px solid #47314b;font-weight:bold;color:white;}
.calendarium .table td.first {border-left-width:0;padding:15px 20px 15px 6px;}
.calendarium .table td a {color:#dfcbe3;font-size:12px;}

.calendarium .reservation {list-style-type:none;margin:0 0 0 30px;padding:0;width:600px;line-height:1.5em;color:white;font-size:12px;}
.calendarium .reservation li {width:100%;overflow:hidden;border-top:1px solid #433d45;padding:28px 0 12px 0;}
.calendarium .reservation li.first {border-top-width:0;}
.calendarium .reservation li h5 {float:left;width:200px;color:#f3e9e9;font-weight:bold;margin:0;font-size:12px;font-weight:normal;padding-right:20px;}
.calendarium .reservation p {margin:0 0 1.5em 0;}
.calendarium .reservation div {width:380px;float:left;}


.peoples {list-style-type:none;margin:0;padding:0;}
.peoples .item {width:100%;overflow:hidden;border-top:1px solid white;padding:20px 0 1px 0;}
.peoples .first {border-top-width:0;}
.peoples .image {float:left;width:165px;}
.peoples h4 {margin:0 0 0 180px;font-size:16px;font-family:'Trebuchet MS', sans-serif;}
.peoples .desc {margin-left:180px;padding:2px 0;}


.today p {margin:0;padding:24px 30px 30px 30px;font-size:24px;font-family:'Trebuchet MS', sans-serif;color:white;width:204px;overflow:hidden;}
.today p strong {display:block;font-size:36px;font-weight:normal;}
.today p cite {font-style:normal;display:block;}
.today .more {text-align:right;color:white;font-size:14px;float:right;margin-top:10px;}

.calendar h3 {text-align:center;font-size:11px;color:#bc70a7;}
.calendar table {margin-left:18px;width:220px;color:white;margin-bottom:20px;}
.calendar th {font-family:'Trebuchet MS', sans-serif;font-size:14px;font-weight:normal;}
.calendar td {text-align:center;width:25px;height:25px;font-weight:bold;font-size:12px;padding-right:4px;}
.calendar td.red {background:transparent url(images/calendar2.gif) no-repeat;}
.calendar td.white {background:transparent url(images/calendar1.gif) no-repeat;color:#620173;}

.newsletter fieldset {padding:12px 0 17px 20px;width:243px;}
.newsletter .input {border:2px solid #dfcbe3;text-align:center;color:white;background-color:black;width:237px;padding:8px 0;margin-bottom:10px;margin-top:7px;}
.newsletter .button {margin:0 20px;width:70px;background-color:transparent;border-width:0;color:white;font-family:'Trebuchet MS', sans-serif;font-size:14px;}

#foot {width:980px;margin:0 auto;}
#links {border-top:1px solid #ddc9e1;border-bottom:6px solid #dfcbe3;width:100%;overflow:hidden;}
#links p {float:left;width:186px;background-color:#dfcbe3;text-align:center;line-height:44px;font-size:12px;margin:0;}
#links p a {text-decoration:underline;color:#470153;font-weight:bold;}
#links ul {float:right;padding:0 14px 0 0;line-height:44px;list-style-type:none;margin:0;}
#links li {display:inline;padding:0 6px 0 10px;background:transparent url(images/line.png) no-repeat 0 2px;}
#links li.first {background-image:none;}

#copyright {width:100%;overflow:hidden;}
#copyright ul {list-style-type:none;margin:0;padding:0;float:right;font-family:Calibri, tahoma, sans-serif;font-size:12px;font-weight:bold;text-transform:uppercase;line-height:48px;}
#copyright ul li {display:inline;padding:0 0 0 11px;}
#copyright li a {color:white;padding:18px 0 0 0;background:transparent url(images/copyrightlink.png) no-repeat center top;}
#copyright p {margin:0;padding:10px 23px;line-height:1.6em;}
#content #content-bg #content-bgbottom #left .text p strong {text-align: left;}

#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: #fff; 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: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; }

table.repertuar {border-collapse: collapse;border: 2px solid #BC70A7;}
table.repertuar td, table.repertuar th {border: 2px solid #BC70A7;padding: 5px;}
table.repertuar th {width: 60px;}
table.repertuar td.hr {width: 85px;}
table.repertuar a {color: #CDABD3;}
table.repertuar .bil {width: 62px;}
h3.month {font-size: 22px !important;font-weight: normal;}
#sidebar .calendar p {padding-left: 20px;font-size: 18px;}
.repertuar a.buyTicket {font-size: 10px;color: #fff;}
.repertuar a.buyTicket:hover {text-decoration: none;}