/*  
Theme Name: Varga Katalin balladaja
Theme URI: http://www.vargakatalinballadaja.hu
Description: Website for the movie Varga Katalin
Version: 1.0
Author: Abel Palos
Author URI: http://www.abelpalos.comm
*/

.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }
.wordtube{margin:0 0 20px 0}
.logos ul{margin:30px 0 0 -185px; padding: 0;float: left;}
.logos ul li{display: inline;}
.logos ul li a{float: left; text-decoration: none;}
.postthumb{border:3px solid #bcbdc0;margin:0 11px 10px 0;float:left;}
.postthumb:hover, .postthumbr:hover{}
.postthumbr{border: 3px solid #bcbdc0;margin:0 0 10px 0;float:right;}
#kontor{float:left;height:580px;margin-left:110px;padding-top:40px;width:46px;}
#logo{float:left;font-size:12px;font-weight:bold;margin-left:5px;margin-top:50px;}
#premier{float:left;font-size:14px;font-weight:bold;margin-left:5px;margin-top:15px;}
body{background: #000201 url(images/bg.jpg) no-repeat;background-position: top center;font: 71%/150% Arial, Helvetica, sans-serif;padding: 0px;margin: 0px;color: #bcbdc0;}
a {color:#c1272d;text-decoration: none;}
a:visited {color:#c1272d;}
a:hover {color:#fff;text-decoration:none;}
p {margin:0px 0px 15px;font-weight: 600;}
ul {margin-left:-40px;}
ul li {margin:0px;}
ol {margin:5px 0px 15px;padding-left: 20px;}
ul li{margin:0px;}
form{margin:0px;padding: 0px;}
small{font-size: 90%;}
#wrapper{width: 800px;margin: 0px auto;position: relative;clear:both;}
#header {height: 0px;}
#left-col{width: 400px;float: right;padding: 0 0 50px 0;}
.metalist li{list-style-type:none; font-weight:bold;}
li#downbtn{list-style-type:none;}
.slide-out-div{padding: 20px; width: 400px;background: #000;opacity: .80;filter: alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-khtml-opacity: .80;-moz-opacity: .80;}
.slide-out-div p{line-height: 130%;}
img{border:none;}
.post img{border:3px solid #BCBDC0;}
#content{
	padding: 0 0 10px 0;
	width: 400px;
	clear: both;
	overflow: hidden;
}
#crewcontent{
	padding: 0 0 10px 0;
	width: 420px;
	clear: both;
	overflow: hidden;
}
.post, .crewpost, .presspost{padding: 10px 0 0 0;overflow: hidden;}
.crewpost{width:190px;float:left;margin-right:20px;}
.presspost{border-bottom:3px solid #BCBDC0;}
.pagepost {

        border: 10px solid #a5a5a5;

	padding: 0px;

	clear: both;

	overflow: hidden;

}

.post .date {

//	height: 50px;//

	width: 45px;

	background: url(images/calendar.png) no-repeat;

	font: normal 22px Arial, Helvetica, sans-serif;

	color: #8a959e;

	text-align: center;

	padding: 0px 2px 0 0;

	line-height: 100%;

	float: left;

}

.post .date span {

	height: 16px;

	display: block;

	font: normal 10px Arial, Helvetica, sans-serif;

	color: #8a959e;

	text-transform: uppercase;

	text-align: center;

	padding-top: 4px;

}

.post .title, .mediapost .title{

	float: left;

	width: 360px;

}

.postdata {

	font-size: 100%;

        font-weigth: bold;

	color: #fff;

}

.postdata a, .postdata a:visited {

	color: #fff;

	text-decoration: none;

}

.postdata a:hover {

	color: #c1272d;

	text-decoration: none;

}

.postdata .category{

font-weight:bold;

	padding-left: 0px;

	float: left;

}

.postdata .role{

font-size:110%;

	font-weight: bold;

	float: left;

}

.postdata .comments{

	padding-top: 5px;

	float: left;

}

.mini-add-comment {

	padding-left: 12px;

	float: right;

}

.entry {

	padding: 10px 0px 5px;

	clear: both;

}





/* next & previous page navigation */

.page-nav {

	clear: both;

	height: 21px;

}

.page-nav a, .page-nav a:visited {

	color: #ffffff;

	text-decoration: none;

}

.page-nav a:hover {

	color: #666666;

	text-decoration: none;

}

.previous-entries a {

	float: left;

	padding-left: 10px;

	margin-left: 10px;

	background: url(images/navigation-left.gif) no-repeat left center;

}

.next-entries a {

	float: right;

	padding-right: 10px;

	margin-right: 10px;

	background: url(images/navigation-right.gif) no-repeat right center;

}





/* ------------------------------------- comment area  */

h3#comments {

	padding-left: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-color:#d2d8db;

	clear: both;

}

h3#respond {

	padding-left: 0px;

	font: normal 140%/120% Arial, Helvetica, sans-serif;

	margin: 20px 0px 0px;

	clear: both;

}

/* commentform */

#commentform {

	margin-top: 10px;

}

#commentform label {

	font-weight: bold;

	color:#a5a5a5;

	font-size: 100%;

	padding-left: 5px;

}

#commentform small {

	color: #d2d8db;

	font-size: 90%;

}

#commentform input {

	font: 110% Arial, Helvetica, sans-serif;

	width: 220px;

	padding: 5px 3px 3px 7px;

}



#commentform textarea {

	font: 110% Arial, Helvetica, sans-serif;

	width: 340px;

	height: 140px;

	background: #fff;

	padding: 5px 3px 3px 7px;

border:none;

}

#commentform #submit {

	font: bold 13px/100% Arial, Helvetica, sans-serif;

	color: #000;

	line-height: 20px;

	background:#c1272d;

	border: none;

	width: 135px;

	height: 30px;

	padding-bottom: 7px;

}

#commentform #submit:hover {

	color:#fff;

cursor:pointer;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #fff;

	color:#000;

}

h2{margin:0 0 0 0;padding: 10px 0 5px 0;color: #c1272d;font:bold 18px "Lucida Grande", Arial, sans-serif;}
h2 a, h2 a:visited {color: #c1272d;text-decoration: none;}
h2 a:hover {color: #fff;text-decoration: none;}
.post ul li{font-size: 100%;font-weight:bold;}
h3 {font: bold 110%/110% "Lucida Grande", Arial, sans-serif;}



/* comment list */

.commentlist {

    color:#687079;

	margin: 10px 0px;

	padding-left: 0px;

	line-height: 130%;

}



.commentlist a{

    color:#687079;

}



.commentlist a:hover{

    color:#687079;

}



.commentlist li{

	padding: 5px 10px;

}

.commentlist .alt {

	background: url('images/tparent2.png');

}

.commentlist cite {

	font-weight: bold;

	font-style: normal;

	font-size: 110%;

	color: #687079;

}

.commentlist cite a, .commentlist cite a:visited {

	color: #687079;

}

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

.commentlist small a, .commentlist small a:visited{

	color: #687079;

}



/* ------------------------------------- footer area  */

#footer {
	height: 50px;
	padding: 10px 0px 0px 10px;
	font-size: 110%;
	color: #d2d8db;
float:left;
}

#footer a, #footer a:visited {

	text-decoration: none;

	color: #fff;

}

#footer a:hover {

	text-decoration: underline;

}



/* ------------------------------------- sidebar area  */

/* sidebar */

.textwidget{

margin-top: 30px;

margin-left: 110px;

}

#sidebar-left {

	float: right;

	margin-right: 15px;

	padding: 10px;

}

#sidebar-left {

	width: 365px;

	background: ;

	color: #fff;

	line-height: 160%;	

}



#sidebar-left p  {

	margin: 0px 0px 0spx;

}



#sidebar-left h3 {

	font: bold 16px/100% Arial, Helvetica, sans-serif;

	color: #121217;

	text-transform: uppercase;

		padding-left: 20px;

		padding-top:5px;

		padding-bottom:5px;

		border-bottom: 0px solid #4c5157;



}



#sidebar-left h3 img  {

	vertical-align: middle;

}



#sidebar-left a, #sidebar-left a:visited  {}

#sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active  {}



#sidebar-left ul {

	list-style: none;

	margin: 0 ;

	padding: 0 ;

}



#sidebar-left ul li a{

	color: #fff;

    line-height: 24px;

	padding-left: 20px ;

	padding-top: 0px;

	padding-bottom: 0px;

	display: block;

	font-size:12px;

	border-bottom: 0px solid #5f676d;

	

}

#sidebar-left ul li a:hover{

	padding-left: 20px ;

	display: block;

	color: #c1272d;

	text-decoration: none;

}

#sidebar-left ul li ul li {

	padding-left: 20px ;

	display: block;

}





/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.left, img[align="left"] {

	float:left;

	margin: 2px 10px 5px 0px;

}



img.right, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}

.hidden {

	clear: both;

	visibility: hidden;

}



/* MangoOrange.com footer (must be included, but can be modified) */

div#footer span.mangoorange{

	color: #fff;

	}

	

div#footer span.mangoorange a, 

div#footer span.mangoorange a:visited{

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	}

	

div#footer span.mangoorange a:hover{

	text-decoration: underline;

	}	



#presspdf, #pressdoc, #poster, #pictures, #dvd, #hd, #fhd,#st, #sc{

list-style-type:hidden;

height: 40px;

width: 380px;

padding: 20px 0 0 0;

background-repeat:no-repeat;

background-position:0px 15px; 

border-top: 1px solid #666;

color: #999;

}

#presspdf a, #pressdoc a, #poster a, #pictures a, #dvd a, #hd a, #fhd a, #st a, #sc a{

margin-left: 40px;

color: #3bc3e5;

font-size: 13px;

font-weight:bold;

}

#presspdf a:hover, #pressdoc a:hover, #poster a:hover, #pictures a:hover, #dvd a:hover, #hd a:hover, #st a:hover, #fhd a:hover, #sc a:hover{

color: #fff;

}

#presspdf{

background-image:url(images/pdf.png);

}

#pressdoc{

background-image:url(images/doc.png);

}

#pictures{

background-image:url(images/png.png);

}

#poster{

background-image:url(images/pdf.png);

}

#dvd{

background-image:url(images/dvd.png);

}

#hd, #fhd{
background-image:url(images/hd.png);
}

#st{background-image:url(images/mp3.png);}
#sc{background-image:url(images/pdf.png);}
blockquote{background:#c1272d;padding:7px;margin:10px 0 10px 0;}
blockquote p{font-weight:bold;font-size:18px;color:#000;line-height:110%;}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 89%;
	height: auto;
	margin: 0 auto;
        border: 3px solid #a5a5a5;
	}

dl{
float:left;
margin:0 0 0 0;
text-align:center;
width:33%;
padding-bottom:5px;
}

#crewcontent .gallery {
display: block;
overflow:hidden;
}