/*

Theme Name: Ludovik.net

Theme URI: http://www.ludovik.net/

Description: Ludovik is gay

Author: Thomas "LekisS" Menga & Matt@UPSOURCE

Version: 2.0

Tags: ludovik, lekiss, upsource

*/



@font-face {

	font-family: 'DINLightAlternateRegular';

	src: url('fonts/din-lightalternate-webfont.eot');

	src: local('☺'), url('fonts/din-lightalternate-webfont.woff') format('woff'), url('fonts/din-lightalternate-webfont.ttf') format('truetype'), url('fonts/din-lightalternate-webfont.svg#webfontOh6f4Mbb') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'DINBold';

	src: url('fonts/din_bold-webfont.eot');

	src: local('☺'), url('fonts/din_bold-webfont.woff') format('woff'), url('fonts/din_bold-webfont.ttf') format('truetype'), url('fonts/din_bold-webfont.svg#webfontS3ZN7T4V') format('svg');

	font-weight: normal;

	font-style: normal;

}





/* ==================================================================== Reset */

/* ====================== http://meyerweb.com/eric/tools/css/reset/index.html */

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,

b, u, i, center, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin:0; padding:0; border:0; outline:0; font-size:100%;

	vertical-align:baseline; background:transparent }

body { line-height:1 }

ol, ul { list-style:none }

blockquote, q { quotes:none }

blockquote:before, blockquote:after,

q:before, q:after { content:''; content:none }

:focus { outline:0 }

ins { text-decoration:none }

del { text-decoration: line-through }

table { border-collapse:collapse; border-spacing:0 }



/* =================================================================== layout */

html {

  background: #fff;

	font:12px/12px 'Trebuchet MS', 'Lucida Grande', 'Calibri', Arial, sans-serif;

	text-align:center;

}



body {



}



html.home{

	background:#F5F5F5 url(images/background.png) repeat-x top center;

}



body.home{

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

	background-repeat:no-repeat;

	background-position:top center;

}





#wrapper {

	margin:auto;

	text-align:left;

	width:970px;

}



.cleaner {

	visibility:hidden;

	height:0px;

	clear:both;

	margin:0px;

	padding:0px;

	border:none;

}



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix { display:inline-block }  /* for IE/Mac */



/* ================================================================== sidebar */

#sidebar {

	float:right;

	margin:0 7px 0 0;

	width:279px;

	color:#757575;

}

	.widget-container a {

		color:#757575; 

		text-decoration:none;

	}

	.widget-container a:hover { color:#188DA6 }

	







/* =================================================================== recent-comments */



  #recent-comments {

    position: relative;

    margin: 20px 0 3px 0;

    padding: 0px 0 0 0;

		width: 271px;

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

		background-position:top left;

		background-repeat:no-repeat;

		height: 17px;

  }



   #recent-comments-list {

	  background-color:#F5F5F5;

	  padding: 5px 0 5px 0;

	  -moz-border-radius: 5px 5px 5px 5px;

	  width: 271px;

	  }



	.each_comment {

    position: relative;

		background-color:#FFF;

		margin:0px 5px 24px 5px;

		padding:8px 12px;

		position:relative;

   -moz-border-radius: 4px 4px 4px 4px;

  }



   .each_comment a , each_comment a:visited{

   color: #757575;

   text-decoration: none;

   }



   .each_comment a:hover {

    color: #63c4d6;

   }

	

	 .author a, .author a:visited, .author a:hover{

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

		background-repeat:no-repeat;

		background-position:left center;

		bottom:-14px;

		font-size:11px;

		font-style:italic;

		height:11px;

		margin-right:4px;

		padding-left:30px;

		padding-top:4px;

		position:absolute;

		right:0;

		color: #676767;

		text-decoration: none;

   }





	em a, em a:visited {

    color: #676767;

  }

  em a:hover {

    color:#63C4D6;

   }



/* =================================================================== search */	

#searchform {

	display:block;

	position:relative;

	margin :15px 0 0 0;

}

	#searchform .screen-reader-text { display:none }

	#s {

		background:url(images/search-field.png) no-repeat top center;	

		border:none;

		color:#757575;

		padding:5px 54px 6px 28px;

		width:189px;

	}

	#searchsubmit {

		background-color:transparent;

		border:none;

		cursor:pointer;

		height:24px;

		position:absolute;

		right:5px;

		text-indent:-9999px;

		top:0px;

		width:42px;

		font-size: 0;

		display:block;

		line-height: 0

	}



/* =================================================================== breves */		

  #brevedecomptoir {

    margin: 0;

    padding: 0;

		width: 271px;

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

		background-position:top left;

		background-repeat:no-repeat;

	  background-color:#F5F5F5;

}



	#brevedecomptoir .title {

		color:#FFF;

		font-size:11px;

		line-height:8px;

		padding:8px 0px 18px 236px;

		width: 22px;

		text-align:center;

	}

	#brevedecomptoir .picture {

		float:left;

		margin:0px 8px 8px;

	}

	#brevedecomptoir .breve {

	 float: right;

	 width: 130px;

		letter-spacing:-0.5px;

		line-height:14px;

		margin:2px 10px 8px 0px;

	}





/* =================================================================== liens */	





	.widget_links h3 { background-image:url(images/widget-links.png) }

	.widget-container h3 {

		background-repeat:no-repeat;

		background-position:top left;

		height:17px;

		margin:30px 0px 5px;

		text-indent:-9999px;

	}

	.widget-container ul { 

		background-color:#F5F5F5;

		padding:5px;

		margin: 0 0 20px 0;

	}











.widget_links ul { 

	  background-color:#F5F5F5;

	  -moz-border-radius: 5px 5px 5px 5px; 

    min-height: 75px;

    width: 261px; 

}



.widget_links li {

		background:url(images/li-dot.png) no-repeat left center;

    float: left;

		margin:6px 0px 0px 5px;

		padding-left:16px;

		width:97px;

		position: relative;

	}





/* =================================================================== contact form */	





/* =================================================================== header */

#header { 

	height:347px;

	position:relative;

}

	#header h1 {

		font-size:28px;

		text-indent:-9999px;

		font-size: 0;

		display:block;

		line-height: 0

	}

	#header h1 a { height:339px; display:block }

	#header p.intro {

		color:#FFFFFF;

		font-family:'DINLightAlternateRegular';

		line-height:15px;

		position:absolute;

		text-align:right;

		right:616px;

		top:180px;

		width:180px;

	}



#masthead { display:none }



#button-contact {

	position:absolute;

	right:30px;

	top:0;

}

#button-facebook {

	position:absolute;

	right:75px;

	top:0;

}

	#button-facebook a {

		background-color:#FFF;

		color:#3B5998;

		display:block;

		padding:2px 2px 2px 6px;

		text-decoration:none;

	}

	#button-facebook a img { vertical-align:-6px }



/* =================================================================== footer */

#footer {

	background:url(images/footer.png) no-repeat top center;

	color:#FFF;

	height:153px;

	margin-top:45px;

	position:relative;

}

	#colophon { display:none }

	#letter {

		background:url(images/footer-letter.png) no-repeat top left;

		height:247px;

		left:0;

		position:absolute;

		top:-20px;

		width:203px;

	}

	#newsletter {

		left:215px;

		padding: 0px 0 0 0;

		position:absolute;

		top:69px;

		width:256px;

	}

	

	#newsletter p {

  padding: 0 0 0 5px;

  }

  

  #newsletter #flashob {

  margin: 5px 0 0 -3px;

  

  }

  

	form#notifyform  {

		display:block;

		margin-top:13px;

		position:relative;

	}

	form#notifyform input {

		background:url(images/footer-newsletter.png) no-repeat top center;	

		border:none;

		color:#757575;

		padding:5px 54px 6px 8px;

		width:194px;

	}

	form#notifyform input.submit {

		background:transparent;

		border:none;

		cursor:pointer;

		height:24px;

		position:absolute;

		right:0px;

		text-indent:-9999px;

		top:1px;

		width:45px;

		

		font-size: 0;

		display:block;

		line-height: 0

	}

	#copyright {

		bottom:6px;

		position:absolute;

		right:82px;

	}

	

	#copyrightmc a {

		bottom:2px;

		height: 24px;

		position:absolute;

		right:2px;

		width: 43px;

		background:url(images/copyright_mc.png) no-repeat top left;	

    text-decoration: none;		

	}

	

	#copyrightmc a:hover {

		bottom:2px;

		height: 24px;

		position:absolute;

		right:2px;

		width: 43px;

		background:url(images/copyright_mc_on.png) no-repeat top left;	

    text-decoration: none;		

	}

	

	#subcopyright {

    position: relative;

    text-indent: -9999px; 

  }

  

  #subcopyright a, #subcopyright a:visited, #subcopyright a:active{

    text-decoration: none;  

  }

  

	#footer .buttons {

		position:absolute;

		right:82px;

		top:94px;

	}

	#footer .buttons a {

  -moz-border-radius: 5px;

  border-radius: 5px;

		background-color:#22606D;

		color:#FFF;

		padding:6px 15px;

		text-decoration:none;

	}

	#footer .buttons a:hover { background-color:#2A2A2A }



/* ==================================================================== #main */

#main {

	background-color:#FFF;

}

	#container { 

		float:left; 

		width:660px;

	}

	#content { margin:6px 12px }





/* ==================================================================== .pagenavi */



	.pagination .button a.disabled { background-color:#FEEBC2 }

	.pagination .button a.disabled:hover { background-color:#FEEBC2 }





.wp-pagenavi {

	clear: both;

	text-align:center;

}



.wp-pagenavi a, .wp-pagenavi span {

	color:#9C9C9C;

	padding:6px 6px;

	margin:0px 6px;

	text-decoration:none;

}



.wp-pagenavi a:hover {

  color:#3B3535;

}



.wp-pagenavi span.current {

		color:#000000;

		font-size:30px;

		vertical-align:-5px;

}



.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {

  -moz-border-radius: 5px 5px 5px 5px;

  border-radius: 5px 5px 5px 5px;

  background-color:#FDC95D;

	color:#FFF;

	font-family:'DINBold', 'Trebuchet MS', 'Arial', sans-serif;

	font-size:13px;

	margin:0px 10px;

	text-decoration:none;

	text-transform:uppercase;

}



.wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover {

	background-color:#FCBC34;

}









/* ==================================================================== .post */





.post {

  padding: 5px 0 0 0;

	margin-bottom: 43px;

	position:relative;

}

	.loop .post { 

  height:123px; 

  }

  

 .singlepost {

  margin: -7px 0 0 0;

  }

  

 .searchresults {

  margin: -7px 0 0 0;

  }

  

	.single .post {

		padding-bottom:30px;

	}

	.post .entry-picture {

		float:left;

		margin-right:14px;

	}

	.post .entry-title {

		color:#2A2A2A;

		font-size:23px;

		font-weight:bold;

		letter-spacing:-1px;

		text-decoration:none;

	}

	.post .entry-title a { color:#696969; text-decoration:none }

	.post .entry-title a:hover { color:#2A2A2A }

	.post .entry-date {

		color:#757575;

		font-size:11px;

		letter-spacing:-0.5px;

		line-height:11px;

	}

	.post .entry-content, .post .entry-summary { 

		color:#757575;

		line-height:14px;

		margin:10px 0px;

	}

	.post .entry-footer {

		background:url(images/entry-footer.png) repeat-x center center;

		bottom:0;

		height:20px;

		line-height:20px;

		position:absolute;

		right:0;

		width:460px;

	}

	.single .post .entry-footer {

		width:648px;

	}

	.post .entry-footer .left, .post .entry-footer .right {

		background-color:#FFF;

	}

	.post .entry-footer .left {

		float:left;

		padding-right:8px;

	}

	.post .entry-footer .right { 

		float:right;

		padding-left:8px;

	}

	.post .entry-footer img { vertical-align:-5px }

	.post .entry-footer .comments-link a {

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

		background-position:left center;

		background-repeat:no-repeat;

		color:#AAA;

		padding:3px 0px 2px;

		text-decoration:none;

	}

	.post .entry-footer .comments-link a .count {

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

		background-position:right center;

		background-repeat:no-repeat;

		margin-left:6px;

		padding:3px 12px 2px 0px;

	}

	.post .entry-footer .comments-link a:hover .count { color:#2A2A2A }

	.post .entry-footer .right a.link-article {

		background-color:#63C4D6;

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

		background-position:8px center;

		background-repeat:no-repeat;

		color:#FFF;

		padding:3px 9px 3px 20px;

		text-decoration:none;

	}



	.post .entry-footer .right a.link-video {

		background-color:#e55746;

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

		background-position:8px center;

		background-repeat:no-repeat;

		color:#FFF;

		padding:3px 9px 3px 20px;

		text-decoration:none;

	}

	

	

	.post .entry-footer .right a.link-article:hover { 

		background-color:#21ABC5;

		background-image:url(images/post-link-blue-hover.png);

	}

	

	.post .entry-footer .right a.link-video:hover { 

		background-color:#df2d18;

		background-image:url(images/post-link-red-hover.png);

	}

	

	.post .entry-footer .fb_share { vertical-align:1px }

	.post .entry-footer iframe { vertical-align:-6px }



/* ================================================================ #comments */

#comments-title {

	background:url(images/comments-title.png) no-repeat center left;

	height:19px;

	margin:30px 0px;

	text-indent:-9999px;

	font-size: 0;

	display:block;

	line-height: 0

}

#reply-title {

	background:url(images/comment-add.png) no-repeat center left;

	height:19px;

	margin:30px 0px;

	text-indent:-9999px;

}

#nav-below { display:none }



.comment { margin-bottom:25px }

	.comment .children { margin:10px 0px 10px 100px }

	.comment .comment-increment {

		border-right:1px solid #D4D4D4;

		color:#D4D4D4;

		float:left;

		font:bold 33px/26px Arial, sans-serif;

		margin-right:8px;

		padding-right:4px;

	}

	.comment .comment-author {

		color:#12859F;

		font-size:15px;

		font-style:italic;

		font-weight:bold;

	}

	.comment .comment-author a { text-decoration:none; color:#12859F }

	.comment .comment-meta {

		color:#BCBCBC;

		font-size:11px;

	}

	.comment .comment-meta a { text-decoration:none; color:#BCBCBC }

	.comment .comment-body {

		background-color:#F5F5F5;

		color:#2A2A2A;

		margin-top:10px;

		padding:20px;

	}

	#commentform .form-allowed-tags { display:none }

	#commentform label {

		color:#757575;

		display:block;

		margin-left:6px;

	}

	#commentform .comment-form-url { float:left }

	#commentform .comment-form-author, #commentform .comment-form-email {

		float:left;

		margin-right:7px;

	}

	#commentform .required {

		color:#BABABA;

		font-style:italic;

		margin-left:8px;

	}

	#commentform #author, #commentform #email, #commentform #url {

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

		background-position:left center;

		background-repeat:no-repeat;

		border:0px solid transparent;

		color:#757575;

		display:block;

		height:24px;

		padding:5px 8px;

		width:191px;

	}

	#commentform .comment-notes { display:none }

	#commentform .comment-form-comment { clear:both; margin-top:20px; }

	#commentform .comment-form-comment label { display:none }

	#commentform .comment-form-comment textarea {

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

		background-position:left center;

		background-repeat:no-repeat;

		border:0px solid transparent;

		color:#757575;

		display:block;

		height:114px;

		width:620px;

		padding:5px 8px;

		font:12px "Trebuchet MS", Arial, sans-serif;

	}

	#commentform .form-submit { 

		margin-top:12px;

		text-align:right;

	}

	#commentform .form-submit .checkbox_below { float:left }

	#commentform .subscribe-to-comments label {

		display:inline;

		cursor:pointer;

	}

	#commentform .form-submit #submit {

		background-color:#FDC95D;

		border:none;

		color:#FFF;

		cursor:pointer;

		font-weight:bold;

		padding:8px 12px;

		text-transform:uppercase;

	}



/* ================================================================ #related */

#related-title {

	background:url(images/related-title.png) no-repeat center left;

	height:21px;

	margin:30px 0px 5px 0px;

	text-indent:-9999px;

	font-size: 0;

	display:block;

	line-height: 0

}



#related {

  height: 125px;

  background: #f5f5f5;

  -moz-border-radius: 5px 5px 5px 5px;

  width: 100%;

}



#related ul {



}



#related ul li {

  list-style-type: none;

  display: inline;

  margin: 0px 0 0 6px; 

}



#related ul li a img {

  padding: 7px 0 0 0;

  width: 148px;

  height: 109px;



}





/* ================================================================ slideshow */

#slideshow {

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

	background-position:center bottom;

	background-repeat:no-repeat;

	padding-bottom:32px;

	position:relative;

}

	#jcarousel-controls {

		background:#000000;

		font-size:18px;

		font-weight:bold;

		left:24px;

		padding:2px 8px 4px;

		position:absolute;

		top:215px;

		z-index:999;

		

		filter: alpha(opacity=65);

		-khtml-opacity: 0.65;

		-moz-opacity: 0.65;

		opacity: 0.65;

	}

	#jcarousel-controls a {

		color:#5F5F5F;

		text-decoration:none;

	}

	#jcarousel-controls a.selected { color:#FFF }



.jcarousel-container {

	margin:4px 12px;

}

	.jcarousel-item { 

		height:250px;

		position:relative;

	}

	.jcarousel-item a { text-decoration:none }

	.jcarousel-item .description {

		background-color:#FFF;

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

		background-position:20px center;

		background-repeat:no-repeat;

		bottom:10px;

		height:70px;

		padding-left:60px;

		position:absolute;

		right:10px;

	}

	.jcarousel-item .description .title {

		color:#2A2A2A;

		font:bold 38px/26px 'DINBold', 'Trebuchet MS', Arial, sans-serif;

		text-transform:uppercase;

		margin:16px 10px 0px 0px;

	}

	.jcarousel-item .description .subtitle {

		color:#9A9A9A;

		font:24px/18px 'DINLightAlternateRegular', 'Trebuchet MS', Arial, sans-serif;

		margin-right:10px;

	}

	.jcarousel-prev {

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

		background-position:center center;

		background-repeat:no-repeat;

		cursor:pointer;

		height:43px;

		left:-11px;

		position:absolute;

		top:100px;

		width:25px;

	}

	.jcarousel-next {

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

		background-position:center center;

		backgorund-repeat:no-repeat;

		cursor:pointer;

		height:44px;

		right:-12px;

		position:absolute;

		top:100px;

		width:27px;

	}

	

	

	

	

	













form#contactform {

 clear: both;

 display: block;

}



#contact-form7 {

  width: 560px;

  height: 250px;

  background: #fff;  

  padding: 0;

  float: left;

  padding: 0;

}



#contact-form7 #contact-title, #contact-wrapper #contact-title {

 float: left;

 margin: 0 0 14px 0;

}



 

.formBuilderLabelRequired, .formBuilderLabel, .inputBlock label {

  text-align: left;

  display: block;

  width: 150px;

  color: #757575;

  margin: 0 0 4px 0;

}

  





.formBuilderInput input, .formBuilderSmallTextarea textarea, .inputBlock input, .inputBlock textarea {

  display: block;

  -moz-border-radius: 8px;

  border-radius: 8px;

  background: #f4f4f4;

  padding: 5px;

	font-size:12px;

  margin: 0 0 10px 0;

  border: 0;

  box-shadow:inset 2px 2px 1px #e7e7e7; 

  -moz-box-shadow:inset 2px 2px 1px #e7e7e7;

}



.formLine, .inputBlock {

  display: block;

  width: 560px;

}



#formBuilderFieldEmail {

  float: left;

  width: 285px

}





.fieldformBuilderFieldEmail, .inputLeft, .inputRight {

  float: left;

  width: 267px;

}



.inputLeft {

 margin: 0 20px 0 0;

}





.formBuilderInput input, .inputBlock input {

  width: 257px;

  color: #757575;

}



span.mandatory {

  color: #b4b4b4;



}



.formBuilderSmallTextarea textarea, .inputBlock textarea {

  display: block;

  width: 544px;

  height: 95px;

  color: #757575;

}



.floatLeft {

  float: left;

}



.formClearer, .inputClear {

  clear: both;

}



.formBuilderSubmit input, .submitBlock input{

  background: #e55746;

	color:#FFF;

	padding:8px 16px 8px 16px;

  -moz-border-radius: 8px 8px 8px 8px;

	font-family:'DINBold', 'Trebuchet MS', 'Arial', sans-serif;

	font-size:13px;

	text-decoration:none;

	text-transform:uppercase;

	margin: 0;

	border: 0;

}



.submitBlock input:hover{

  background:#df2d18;

}









.formBuilderSubmit, .submitBlock{

  text-align: right;

  float: right;

  padding: 0;

  margin: 0 5px 0px 0;

  }



		

label.error { 

  display: hidden;

width:0;

height:0;

  vertical-align: top; 

}



form#contactform input.required.email.error, form#contactform input.required.error, form#contactform textarea.required.error  {

border: 1px solid red;

}

			



.alignCenter {

 text-align: center;

}



ol.commentlist li a, ol.commentlist li a:visited {    color: #676767;}

ol.commentlist li a:hover {    color: #64D4D6;}



  #fromTwitter {

    margin: 10px 0 0 0;

    padding: 0;

		width: 271px;

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

		background-position:top left;

		background-repeat:no-repeat;

	  background-color:#F5F5F5;
	  
	  padding: 40px 0 0 0;
	  
	  border-radius: 8px;

}

.follow {
  position: absolute;
  margin: -24px 0 0 50px;
}

.foo {
  padding: 0 10px;
  height: auto;
}

.foo input {
  border: none;
}

.foo input.previous {
  display: none;
}

.foo span {
  line-height: 14px;
}

.foo input.next {
  clear: both;
  display: block;
  background: url(images/twitter_arrow.png) no-repeat top left transparent; 
  position: relative;
  margin: 8px 0 0 0px;
  color: transparent;
  cursor: pointer;
}


span.meta a {

  color:#4F4F4F;
  font-family:Arial;
  font-size:11px;
  margin: 8px 0 0 0;
  padding: 2px 0 0 16px;
  text-decoration: none; 
  background: url(images/icon-date.jpg) no-repeat 0 2px; 
  height: 12px; 
}

span.status a{
  color: #21abc5;
  text-decoration: none;
}

p.error {
  margin-top: 13px;
}

#copyright a, #copyright a:active, #copyright a:visited {
  color: #ffffff;
  text-decoration: none;
}