/*   
Theme Name: Wfk
Theme URI: http://www.wfkalina.pl/
Description: Autorski theme dla strony Wytwórni Filmów Kalina
Author: Tomasz Zasada
Author URI: http://www.wfkalina.pl/
Version: 1.0
.
Nie kopiować bez zgody
.
*/

@charset "utf-8";
/* CSS Document */


/************** Klasy ***************/
.cleared {
clear: both;
}

.alignleft {
  float: left;
}
.alignright {
  float: right;
}

.post_content {
font-size: 12px;
margin-top: 10px;
}

.avatar {
border: 1px solid #666666;
padding: 1px;
}

.index_top_box {
border: 1px dashed #CCCCCC;
}

.little_box{
background: #14323d url(images/littlebox_background.jpg) no-repeat scroll right top;
border-left: 1px dotted #999999;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #000000;
border-right: 1px dotted #000000;
padding: 10px;
margin-bottom: 10px;
/*background-color: #14323d;*/
}

.little_box h3{ 
margin-top: 0;
}

.index_box{
/*background: transparent url(images/indexbox_background.jpg) no-repeat scroll right top;*/
/*border-left: 1px dotted #999999;*/
border-top: 1px dotted #999999;
/*border-bottom: 1px dotted #000000;*/
/*border-right: 1px dotted #000000;*/
padding: 10px;
margin-bottom: 10px;
/*background-color: #14323d;*/
}

.index_box h3 {
margin-top: 0;
}

.comments-navigation {
text-align: center;
}

.album_miniature {
height: 75px;
}

.wfk_button {
 border: 1px dashed #666666;
}

.wfk_button:hover {
 border-bottom: 1px solid #1a3741;
 border-right: 1px solid #1a3741;
 border-top: 1px dashed #999999;
 border-left: 1px dashed #999999;
}

.wfk_button:active {
 border-top: 1px solid #1a3741;
 border-left: 1px solid #1a3741;
 border-bottom: 1px dashed #999999;
 border-right: 1px dashed #999999;
}

.image_button {
 border: 1px dashed #666666;
}

.image_button:hover, .image_button:active {
 border-bottom: 1px dashed #666666;
 border-right: 1px dashed #666666;
 border-top: 1px dashed #666666;
 border-left: 1px dashed #666666;
 margin-left: 2px;
}

.post-ratings {
margin-top: 3px;
text-align: left;
}

.post-ratings span {
position: relative;
top: 2px;
}

.sociable ul {
margin-top: 4px;
margin-bottom: 2px;
padding:0;
margin-left:0;
}

.sociable ul li {
list-style: none;
display:inline;

}

.ctc-tag:hover {
text-decoration: underline;
}

.blogroll li {
list-style: none;
display: inline;
margin: 4px;
}


.index_box .blogroll {
margin-left: 0;
padding-left: 0;
}

.post_content p {
margin-top: 0;
}
.post_content h1 {
margin-top: 0;
}
.post_content h2 {
margin-top: 0;
}
.post_content h3 {
margin-top: 0;
}
.post_content h4 {
margin-top: 0;
}
.post_content h5 {
margin-top: 0;
}


/************** Tagi ***************/

body {
background-image:url(images/background4.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color:#000000;
font-family:Tahoma, Arial;
font-size: 12px;
color: #FFFFC6;
}

p {
font-size: 12px;
}

img {
border-width: 0;
}

strong {
color: #FFFFFF;
}


a.menu,a.menu:link,a.menu:active {
color:#FFFFFF;
text-decoration: none;
}

a.menu:hover {
color: #FFCC00;
text-decoration: none;
}

a, a:link, a:active {
color:#FFCC00;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

a.grey, a.grey:link, a.grey:active {
color: #CCCCCC;
text-decoration: underline;
font-weight: normal;
}
a.grey:hover {
color: #FFFFFF;
}

blockquote {
padding: 20px;
margin: 0;
background-image:url(images/quote.png);
background-repeat:no-repeat;
background-position: 100% 20px;
}

blockquote p {
font-style:italic;
border: 1px dotted #999999;
margin: 0px;
padding: 5px;

}

input, textarea {
border: 1px solid #999999;
margin-bottom: 2px;
}

div.news_box {
margin-top: 10px;
margin-bottom: 40px;
}

/* nawigacja strony w sidebar*/
li.current_page_item a {
color: #FFFFFF;
}

li.current_page_item li.page_item a {
color:#FFCC00;
text-decoration: none;
font-weight: bold;
}
li.current_page_item li.page_item a:hover {
color:#FFFFFF;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 14px;
}

object {
border-top: 1px solid #999999;
margin-top: 10px;
}

hr {
border-bottom: 1px solid white;
border-top-width: 0px;
border-left-with: 0px;
border-right-width: 0px;
}
/************** Identyfikatory ***************/

#header {
height: 75px;
width: 940px;
margin-left: auto;
margin-right:auto;
}

#header_logo {
float:left;
}

#header_menu {
float: right;
text-align:right;
vertical-align:top;
color:#999999;
}

#header #header_menu #header_menu_upper {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
}
#header #header_menu #header_menu_upper li {
display: inline;
padding-left: 20px;
padding-right: 5px;
}
#header #header_menu #header_menu_upper li a {
color:#FFFFFF;
text-decoration: none;
}
#header #header_menu #header_menu_upper li a:hover {
color: #FFCC00;
text-decoration: none;
}

#header #header_menu #header_menu_upper li a span {
color: #FFCC00;
text-decoration: none;
}

#header #header_menu #header_menu_lower {
list-style: none;
padding: 0;
margin: 0;
}
#header #header_menu #header_menu_lower li {
display: inline;
}
#header #header_menu #header_menu_lower li a {
color:#FFFFFF;
text-decoration: none;
}
#header #header_menu #header_menu_lower li a:hover {
color: #FFCC00;
text-decoration: none;
}
#header #header_menu #header_menu_lower li a span {
color: #FFCC00;
text-decoration: none;
}


#main {
margin-left: auto;
margin-right: auto;
width: 996px;
position: relative;
top: 20px;
}


#main_header {
background-image:url(images/main_box_03.png);
background-position: top;
background-repeat:no-repeat;
height: 66px;
}


#main_header_body1 {
position: absolute; 
left: 25px;
top:0px;
width: 70%; 
overflow: hidden;
float: left; 
}

#main_header_body2 {
padding-right: 20px;
width: 15%; 
overflow: hidden;
text-align: right;
float: right;
position: absolute; 
top:0px;
right: 0px;
}


#main_header_body1 h2 {
margin: 0;

}

#main_footer_body1 #main_footer_menu_left {
list-style: none;
padding: 0;
margin: 0;
}
#main_footer_body1 #main_footer_menu_left li {
display: inline;
padding-right: 20px;
}
#main_footer_body1 #main_footer_menu_left li a {
color:#FFFFFF;
text-decoration: none;
}
#main_footer_body1 #main_footer_menu_left li a:hover {
color: #FFCC00;
text-decoration: none;
}
#main_footer_body1 #main_footer_menu_left li a span {
color: #FFCC00;
text-decoration: none;
}

#main_center {
background-image: url(images/main_box_06.png);
background-position:top;
background-repeat:repeat-y;
padding-top: 1px;
}

#index_top {
padding-left: 30px;
padding-right: 20px;
}

#index_left {
margin-left: 5px;
width: 33%;

}

#index_right {
width: 64%;
margin-right: 10px;
}

#index_left ul {
list-style: none;
}

#index_center ul {
list-style: none;
}

#index_right ul {
list-style: none;
}

#main_center_body1 {
width: 64%;
float: left;
margin-left: 25px;
}



#main_center_body2 {
width: 30%;
float: right;
margin-right: 20px;
height: 100%;

}

/* lista sideboxów */
#main_center_body2 ul {
list-style: none;
padding-left: 0;
}

#main_center_body2 ul {
margin-left:0;
}

/* to jest .little_box - wiec tu zostaje puste */
#main_center_body2 ul li {}

#main_center_body2 ul li ul {
padding-left: 0;
}
#main_center_body2 ul li ul li {
padding-left: 0;
}
#main_center_body2 ul li ul li ul {
padding-left: 20px;
}

#main_footer {
background-image:url(images/main_box_08.png);
background-position: top;
background-repeat:no-repeat;
height: 96px;
overflow:hidden;
}


#main_footer_body1 {
float: left;
width: 45%;
height: 20px;
overflow: hidden;
margin-left: 25px;
border-top: 1px dotted #999999;
padding: 4px;
}


#main_footer_body2 {
float: right;
width: 45%; 
height: 20px;
overflow: hidden;
margin-right: 20px;
border-top: 1px dotted #999999;
padding: 4px;
}

#main_footer_body2 #main_footer_menu_right {
list-style: none;
padding: 0;
margin: 0;
}
#main_footer_body2 #main_footer_menu_right li {
display: inline;
padding-right: 20px;
}
#main_footer_body2 #main_footer_menu_right li a {
color:#FFFFFF;
text-decoration: none;
}
#main_footer_body2 #main_footer_menu_right li a:hover {
color: #FFCC00;
text-decoration: none;
}
#main_footer_body2 #main_footer_menu_right li a span {
color: #FFCC00;
text-decoration: none;
}

#footer {
margin-left: auto; 
margin-right: auto;
text-align: center;
color: #CCCCCC;
}


#searchform {
	background:transparent url(images/searchbox.gif) no-repeat scroll 0 0;
	height:26px;
	position:relative;
	top:1px;
	width:191px;
}

#searchform #s {
background:transparent none repeat scroll 0 0;
border:0 none;
color: #333333;
float:left;
margin:4px 0 0 4px;
width:154px;
}

#searchform #go {
background-color:transparent;
border:0 none;
cursor:pointer;
float:right;
height:26px;
width:25px;
}

#comments {
margin-top:7px;
}

#comments .children {
list-style: none;
background-image: url(images/arrow_reply.png);
background-repeat:no-repeat;
background-position: left top;
}

#commentform textarea {
width: 100%;
}

#commentform label {
font-weight: bold;
}


#contactform textarea {
width: 80%;
}

#contactform label {
font-weight: bold;
}


/* Style edytora Wordpress - etykiety */
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #000000;
}


/* Style Lightboxa */

#stimuli_imageDetails #stimuli_caption {
font-size: 16px;
}


/* FEATURED CONTENT SLIDER */

#featured{ 
	width:350px; 
	padding-right:260px; 
	position:relative; 
	border:1px dashed #999999; 
	height:250px; 
	background-color: #000000;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:545px; 
	list-style:none; 
	padding:0; margin:0; 
	width:65px;
	height: 250px;
	z-index: 10;
	background: url('images/transparent-bg2.png'); 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:2px; padding-right: 2px;
	font-size:12px; 
	color:#FFFFC6; 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected img{ 
border:1px solid white;
}

#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	padding:1px; 
	border:1px solid #666666;
	z-index: 1;
}

#featured ul.ui-tabs-nav li img:hover{ 
	border:1px solid white;
}


#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#FFFFC6; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 

}
#featured .ui-tabs-panel{ 
	width: 610px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	width: 545px;
	top:170px; left:0; 
	height:80px;
	background: url('images/transparent-bg2.png'); 
	z-index: 20;
}


#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#FFCC00; 
	padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:12px; 
	line-height:15px; 
	color:#FFFFC6;
}
#featured .info a{ 
	text-decoration:none; 
	color:#FFCC00; 
}
#featured .info a:hover{ 
	text-decoration:none;
	color: #FFFFFF; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#featured .upper_info {
	position:absolute;
	padding-left: 5px; 
	top:0px; left:0;
	font-size:12px;
	color:#FFFFC6;
	font-weight: bold;
	height: 15px;
	background: url('images/transparent-bg.png'); 
	width: 180px;
	z-index: 30;
	text-align: center;
}