/*  
Theme Name: I feel dirty
Theme URI: http://studio.st/i-feel-dirty/
Description: A clean but dirty template by <a href="http://studio.st/">Studio ST</a>
Version: 1.0
Author: The studio ST team
Author URI: http://studio.st/
*/
/*############################*/
/*#### KOMMENTARFORMULAR #### */
/*############################*/

a { text-decoration: none;padding: 0px; color: #f0f0f0;}

a:hover { text-decoration: none;padding: 0px;color: #f0f0f0;}

a img { border: none; }

a.lade:link{color:#f0f0f0; margin-top: 5px;}

a.lade:hover{color:#f0f0f0;margin-top: 5px;}


.post img {	border: 6px #0d0d0d solid;}

.entry img {	border: 0px solid #bfbcb2;}
a.b:link{color:#f0f0f0; background-color: #0d0d0d; display: block; margin-bottom: 1px; width: 180px; padding: 5px; }

a.b:hover{color:#f0f0f0; background-color: #0d0d0d;  display: block; margin-bottom: 1px;width: 180px;padding: 5px; }



a.a:link{display:block;color:#f0f0f0; background-color: #0d0d0d; padding: 5px; margin-bottom: -5px;}
a.a:visited{display:block;color:#f0f0f0; background-color: #0d0d0d; padding: 5px; margin-bottom: -5px;}
a.a:hover{display:block;color:#f0f0f0; background-color: #000000; padding: 5px; margin-bottom: -5px;}
a.a:active{display:block;color:#f0f0f0; background-color: #0d0d0d; padding: 5px; margin-bottom: -5px;}

a.tag:link {
background-color: #970000;
  color: #ffffff;
margin-bottom: 2px;
 padding: 4px 4px 4px 4px;
color: #535353;  
  opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
   font-size: 8px;
}
a.tag:hover {
    background: #000000;
 padding: 4px 4px 4px 4px;
margin-bottom: 2px;
  color: #ffffff;
         font-size: 8px;
}








.singleleft { width: 100px; 
position: absolute; left: 113px; top: 0px; z-index: 3;}
.singlenext { width: 100px;
position: absolute; left: 1px; top: 0px; z-index: 3;}
.leerleft { width: 106px; height: 106px;background-color: #000000;
position: absolute; left: 113px; top: 0px; z-index: 1;}
.leernext { width: 106px; height: 106px; background-color: #000000;
position: absolute; left: 1px; top: 0px; z-index: 1;}



.hans { width: 60px; height: 60px; border: 2px solid #000000;}
#likebox-frame{
 border:2px solid #050505;
 z-index:10;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
height: 200px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
	

.comment-author vcard {background: #970000; ; padding: 2px; height: 15px;}
ol.commentlist { list-style:none; padding:0; text-indent:0; }
ol.commentlist li { margin-top: 10px;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {background: #970000;}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {margin-bottom: 1em; padding:1em; }
ol.commentlist li div.comment-author {font-size: 10px; color:#f0f0f0; }
ol.commentlist li div.vcard { font:normal 12px arial; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { background: #000000; margin-bottom: 5px;font-size:8px; }
ol.commentlist li div.comment-meta a { color:#ffffff; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; width: 400px;color: #f0f0f0; background: #050505;margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; width: 400px; color: #f0f0f0;background: #050505;margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb;width: 400px; color: #050505;background: #f0f0f0; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#000000; width: 440px;color: #f0f0f0;}
ol.commentlist li.odd { background:#000000; width: 440px; color: #f0f0f0;}
ol.commentlist li.parent { }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


 
#userphoto_image_file { background: #151515; padding: 2px;}^

a.left {
        color: #676767;
padding: 3px;
        text-decoration: none;
}



a.left:hover {padding: 3px;
        color: #efefef;
background: #000000; 
        text-decoration: none;
}

a.roo {
        color: #970000;
font-size: 10px;
        text-decoration: none;
}



a.roo:hover {
        color: #970000;
font-size: 10px;
        text-decoration: none;
}

a.tap {
        color: #f0f0f0;

font-size: 10px;
margin-bottom: 10px;
padding-left: 3px;
padding-right: 3px; padding-bottom: -2px;
        text-decoration: none;margin-left: 1px;
}



a.tap:hover {
     color: #f0f0f0;

margin-bottom: 10px;
font-size: 10px;
        text-decoration: none;margin-left: 1px;
padding-left: 3px;
padding-right: 3px; padding-bottom: -2px;
}

a.right {
        color: #676767;
padding: 3px;
        text-decoration: none;
}




a.right:hover {padding: 3px;
        color: #efefef;
background: #000000; 
        text-decoration: none;
}


a:focus {
	outline: none;
}
#panel {
	opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
position: absolute;
top: 86px;
padding-left: 10px;
padding-top: -5px;
width: 500px;
background: #000000;
	left: 82px;
height: 50px;

	display: none;
}
.slide {
position: absolute;
top: 57px;
width: 500px;
left: 60px;
	margin: 0;
	padding: 0;
	
	
}
.btn-slide {
	
	text-align: center;
	padding: 0px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.menu_list {	
	width: 100px;
}
.menu_head {
	padding: 0px 4px;
	cursor: pointer;
	position: relative;
width: 100px;
font-family: arial;
font-size: 9px;
	margin-bottom: 1px;
margin-top: 1px;
    font-weight:bold;
text-align: left;
    
color: #535353;
}

.menu_head:hover {
	padding: 0px 4px;
	cursor: pointer;
	position: relative;
width: 100px;
font-family: arial;
font-size: 9px;
	margin-bottom: 1px;
margin-top: 1px;
    font-weight:bold;
text-align: left;
    background-color: #050505;
color: #535353;
}
.menu_body {
	display:none;
width: 104px;
padding: 0px 4px;
}

.infobox {
	position:relative;
    border:1px solid #000; 
    background-color: #cccccc;
    width:73px;
    padding:5px;
    }
.infobox img {
	position:relative;
	z-index:2;
    }
.infobox .more {
	display:none;
    }
.infobox:hover .more {
	display:block;
    position:absolute;
    z-index:1;
    left:-1px;
    top:-1px;
    width:73px;
    padding:78px 5px 5px;
    border:1px solid #900;
    background-color:#FFEFEF;
    }

.menu_body a{
width: 104px;
  display:block;
padding-left: 4px;
  color:#bcbcbc;
 background: #000000;
font-family: arial;
font-size: 9px;
	margin-bottom:1px;
    font-weight:bold;
margin-left: -4px;
text-align:left;
  
 
  text-decoration:none;
}
.menu_body a:hover{
  color: #bcbcbc;
width: 104px;
padding-left: 4px;
margin-left: -4px;
background: #151515;
font-family: arial;
font-size: 9px;
	margin-bottom:1px;
    font-weight:bold;
text-align:left;

  }



#top-bar{
position:absolute;
top:0px;
z-index: 3;
width:100%;
height:25px;
margin-left:-9px;
background-image: url(http://54art.ch/wp-content/themes/i-feel-dirty/bar.jpg);
}


.entry {border: 6px #0d0d0d solid;float: left;width: 120px; height: 120px;margin-right: 2px; padding: 0px; margin-bottom: 2px; 
 -moz-opacity:0.6;
	filter:alpha(opacity: 60);
	opacity: 0.6;}
.entry:hover {border: 6px #0d0d0d solid;float: left;width: 120px; height: 120px;margin-right: 2px; padding: 0px;margin-bottom: 2px; 
 -moz-opacity:0.9;
	filter:alpha(opacity: 90);
	opacity: 0.9;}





.bar-content{
margin-left:8px;
color:#666666;
margin-top:9px;
font: bold 11px Arial, Helvetica, sans-serif;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

a.grey {color:#f0f0f0; font-weight:bold; fonz-size: 9px; }
a:hover.grey {color:#f0f0f0; font-weight:bold; fonz-size: 9px;}


input { background: #000000; font-size: 10px; height: 15px;padding:2px; color: #ffffff; margin-bottom: 10px; border: 0px solid #000000; }


a.lnk {color:#ffffff; font-weight:bold; fonz-size: 11px; line-height:23px;}
a:hover.lnk {color:#ffffff; font-weight:bold; fonz-size: 11px; line-height:23px;}

a.lnk2 {color:#ffffff; font-weight:bold; fonz-size: 11px; line-height:24px;}
a:hover.lnk2 {color:#ffffff; font-weight:bold; fonz-size: 11px; line-height:24px;}


.hackadelic-sliderPanel {
	border: 0px solid #ccc;
	padding: 5px;
	background: #0c0c0c;
width: 100%;
}
.hidden { display: none; }
.block { display: block; }

a.hackadelic-sliderButton {
	border-left: 3px solid lightgrey;
	color: #ffffff;
	padding: 0 3px;
	
}
a.hackadelic-sliderButton:hover {
	border-left: 3px solid #0c0c0c;
	background-color: #000000;
color: #ffffff;}

.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}


.artig { height: 69px; width: 69px; border: 2px solid #000000; margin-left: 5px;margin-bottom: 5px;}

.tdomf_form {
height: 200px;
width: 360px;

}
.recent { 
float: left;
width: 50px;
height: 50px;
padding: 2px;
margin: 5px;
border: 1px solid #cccccc;
}
.userpic {border: 2px solid #ffffff; margin-left: 150px;
background-image: url(http://54art.ch/wp-content/plugins/default_avatar.jpg);
width: 84px; height: 84px; float: left; margin: 5px;}
.default {border: 2px solid #000000;  margin-left: 150px;
background-image: url(http://54art.ch/wp-content/plugins/default_avatar1.jpg);
width: 84px; height: 84px;  margin: 5px;}
.thumbart { border: 1px solid #cccccc; padding: 1px; margin: 5px; height: 80px; width: 80px;}

width: 80px; height: 80px;}
.smalldefault {border: 2px solid #ffffff;
background-image: url(http://54art.ch/wp-content/plugins/smalldefault.jpg);
width: 50px; height: 50px;}
.photo {border: 2px solid #ffffff;
width: 80px; height: 80px;}
.smallphoto {border: 2px solid #ffffff;
z-index: 1;
width: 50px; height: 50px;}

h3 { font-size: 15px; color: #000000;}

.indexleft {float: left;}
.indexright {float: right; }
.alignleft {float: left; width: 200px; text-align: left;}
.alignright {float: left;width: 200px; text-align: right;}
.fav {text-align: center; float: left; }



a.topbar {
        color: #fff;
font-size: 10px;

        text-decoration: none;
}

a.topbar:hover {
        color: #fff;
font-size: 10px;

        text-decoration: none;
}

a.gruu {
        color: #e2e2e2;
font-size: 10px;

        text-decoration: none;
}

a.gruu:hover {
        color: #e2e2e2;
font-size: 10px;

        text-decoration: none;
}

.topbar {
background: #000000;

margin-top: -50px;
color: #ffffff;
width: 745px;
height: 17px;
margin-left: 10px; margin-right: 10px;
padding-left: 5px;
padding-right: 5px;

}

.index { 
float: left;

padding: 1px;
margin: 2px;
border: 1px solid #cccccc;
}


.square { 
float: left;
border: 2px solid #000000;
}


.square50 { 
float: left;
width: 50px;
height: 50px;
padding: 3px;
margin: 5px;
border: 1px solid #cccccc;
}

.navight {
margin-left: 550px;
width: 250px;}

.kat {
	background: transparent;
        border: none;
	color: #282828;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0 40px 0 0px;
        text-align: left;
	width: 510px;
}





* {
	margin: 0px;
	padding: 0px;
	}
body {
margin: 0px;
background: #e0dcd1;
background-image: url(http://54art.ch/wp-content/themes/i-feel-dirty/bg.jpg);
color: #b6bab6;
background-attachment:fixed;

	font-size: 9px;
	font-family: Arial;
	}
.singlenext img {	border: 6px #0d0d0d solid;}
.singleleft img {	border: 6px #0d0d0d solid;}


.maya {
	background-image: url(http://54art.ch/wp-content/themes/i-feel-dirty/bg.jpg);

padding: 6px;



	}


.cnt {
}



.content { border: 2px solid #970000;

	
	}
.content a {
	color: #9b0e0e;
	}
.navigation {
	font-size: 14px;
width: 500px;
	margin-bottom: 15px;
margin-top: -15px;
	}
.post {
width: 500px; 
padding: 0px; 
margin: 0px;

	
	} 




/* ------------------------------------------------------------------------------
								sidebar 					                     
------------------------------------------------------------------------------ */
.sidebar {
	font-size: 12px;
	position: absolute;
top: 117px;
left: 540px;
	width: 250px;

	}

/* search */
.buscar {
	padding: 0px 15px 15px;
	}
.bus1 {
	width: 140px;
	font-size: 16px;
	border: 1px solid #aaa;
	}
.bus2 {
	vertical-align: top;
	}
.sidebar p {
	padding: 0 10px 15px 16px;
	}
/* subscribe */
.subscriberss {
	padding: 0px 0 15px 15px;
	}
.subscriberss select {
	width: 110px;
	margin: 5px 5px 0 10px;
	float: left;
	}
.subscriberss a {
	float: left;
	}
.subscriberss a.btnnofloat {
	float: none;
	}
.subscriberss a.rsstext {
	color: #000;
	margin: 5px 0 0 3px;
	float: left;
	}
.bus1 {
	width: 140px;
	font-size: 16px;
	border: 1px solid #aaa;
	}
.bus2 {
	vertical-align: top;
	}

	

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


ul li ul {list-style-type:none;}


ol li {list-style-type:none;}
	

/* ------------------------------ clear ------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;

}