/*  

Theme Name: voidboys vs juicefoozle

Theme URI: http://wordpress.org/

Description: The VOIDBOYS meets JUICEFOOZLE.

Version: 1

Author: Frank Gruber and Michael Fuchs

Author URI: http://frankgruber.com/ and http://www.digitalplayground.de


/blog/wp-content/themes/void_meets_foozle/
	



*/









/* mainstuff -----------------------------------------------------------------------------------------------------------------------------------------------------------*/



html {

    border: 0;

    margin: 0;

    padding:0;

}



body {

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

    font-size: 12px;

	font-style: normal;

    line-height: 21px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #00315a;

	background-color: #fc6f16;

	margin: 0px;

	padding: 0px;

}



#blackborder {

    margin: 0px;

    border: 0px solid #fff;

    padding: 0px;   

}



#mainbg {

    /* hellgelber hintergrund */

    background-color: #FFFFFF;

    margin:0;

    padding:0;

}



#mainpane {

    margin:0;

    padding:0;

    

}





#contentandsidebar {

    clear:both;

    

    margin:0;

    padding:0;

    padding-bottom:21px;

}





h1 {

	margin:0;

    padding:0;

}



#homelink {

    position:absolute;

    top:27px;

    left:41px;

    display:block;

	text-indent: -9999px;

    background-image: url(media/jf_head_logo.jpg);

	background-repeat: no-repeat;

	text-indent: -9999 px;

	height: 66px;

	width: 283px;

	text-decoration: none;

	font-size: 0px;

	line-height: 0px;

}



a {

    color:#00315a;

}



a:hover {

    color:#fff;

    background-color:#fc6f16;

}



.clearboth {

    clear:both;

    height:0;

    width:0;

    margin:0;

    padding:0;

    font-size:0;

    line-height:0;

}



.pagetitle {

    background-color: #fc6f16;

    color: #fff;

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

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

    margin:0;

    padding:3px;

    letter-spacing: +1px;

    text-transform: uppercase;

    margin-bottom:10px;

}





/* descriptor  -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



div.descriptorline {

    background-image:url(media/orange_filler.gif);

    

}



div#indexdescriptor{

margin-bottom:75px;

/* margin-bottom:140px;*/

height:21px;

}





div#subdescriptor{

margin-bottom:3px;

}



div#descriptor h1{

    margin:0;

    padding:0;

}



div#descriptor h1 a{

    background-image: url(media/jf_label.gif);

	background-repeat: no-repeat;

    background-position:center left;

    background-color:#fc6f16;

    float:left;

    font-size:0;

    line-height:0;

    display:block;

    margin: 0px;

	padding: 0px;

	text-indent: -9999px;

    width:100px;

    height:13px;

    margin-left:10px;

    margin-top:4px;

    margin-right:10px;

}



#descriptor{

    background-color:#00315a;

    margin:0;

    padding:0;

}



#descriptor h2{

    background-color: #fc6f16;

    color: #fff;

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

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

    line-height:21px;

    margin:0;

    padding:0;

    text-transform: uppercase;

    vertical-align:middle;

}







/* bottomline  -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



div .postroll{

    border-top:1px solid /* dotted */ #fc6f16;

    height:20px;

    background-color:#FFFFFF;

}



.postroll a{

    background-repeat: no-repeat;

    text-indent: -9999 px;

	height: 20px;

	width: 220px;

	display: block;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-size: 0px;

	line-height: 0px;

}



.prollprev a{

    background-image: url(media/bullet_left.gif);

    background-position:center left;

    float:left;

}



.prollnext a{

    background-image: url(media/bullet.gif);

    background-position:center right;

    float:right;

}



#bottomstuff{

    clear:both;

    margin:0;

    padding:0; 

    

    

}



div#bottomlinewrapper {

    margin:0px;

    margin-left:-292px;

    width:100%;

    float:left;

    

}



div#bottomline {

    margin:0;

    margin-left:334px;

    background-image:url(media/dotraster.gif);

    

    height:10px;

    display:block;

    

}



p#up{

    margin:0;

    padding:0;

    float:right;   

    background-color: #fc6f16;

    width:250px;

    height:21px;    

}



p#up a{

    display:block;

    width:250px;

    height:21px;

    background-image: url(media/bullet_top_w.gif);

	background-repeat: no-repeat;

    background-position:center center;

	text-indent: -9999px;

    text-decoration: none;

	font-size:0;

	line-height:0;

}



/* hr linien -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.hrdotheader{

    border-top: 5px solid #fc6f16;

    height:3px;

    clear:left;

}

div.hrdottop{

    border-top: 5px solid #fc6f16;

    height:3px;

    clear:left;

}


div.hrdot{

    border-top: 5px solid #00315a;

    height:0px;

    clear:left;

}



div .hrdot hr{

    display:none;

}



div.hrdot span {

    background-repeat:no-repeat;

    display:block;

    position:relative;

}



div.hrdot span.blase{

    background-image:url(media/icn_blase.gif);

    width:16px;

    height:11px;

    top:-6px;

    left:-22px;

}



div.hrdot span.blitz{

    background-image:url(media/icn_blitz.gif);

    width:15px;

    height:16px;

    top:-8px;

    left:-17px;

}



div.hrdot span.schere{

    background-image:url(media/icn_schere.gif);

    width:16px;

    height:13px;

    top:-7px;

    left:-22px;

}



div.hrdot span.katze{

    background-image:url(media/icn_schere.gif);

    width:16px;

    height:17px;

    top:-6px;

    left:-18px;

}



/* post -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



div .post {

    

    margin-bottom:10px;

    margin-top:0px;   

}



.post h2 {

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

	font-size: 18px;

	font-style: normal;

	/* line-height: 100%; */

    line-height:11px;

	font-weight: bold;

    color: #fff;

    background-color: #00315a;
    /*background-image:url(media/h2bg2.gif);*/

    

    /*background-color:#B5BB8F;*/

    letter-spacing: -1px;

    text-transform: uppercase;

    display:inline;

    padding:0;

    margin:0;

    /*padding-left: 3px; */
    padding-left: 3px;
    padding-right: 3px;

    /* float:left;   */

}



h2 a{

    color:#fff;

    text-decoration:none;

}



h2 a:hover{

    background:transparent;

    color:#00315a;   

}



h2 a:visited{

    color:#fff;

}



div.entry {

clear:both;

}



.post h3 {

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

	font-size: 22px;

	font-style: italic;

	line-height: 120%;

	font-weight: normal;

	font-variant: normal;

	margin:0;

	padding:0;

    color: #00315a;

    padding-top: 10px;

    line-height: 130%;

    clear:left;

    width:500px;

}



p.postdate {

    /* float:left; */

    display:inline;

    vertical-align:top;

    margin:0;

    padding-left:2px;

    padding-right:2px;

    background-color:#fff;

    color: #00315a;

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

	font-size: 12px;

    line-height:21px;   

}



.entry p{

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

	font-size: 12px;

	font-style: normal;

    line-height: 21px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

    color:#00315a;

	margin: 0px;

	padding: 0px;

    margin-top:10px;

    margin-bottom:10px;

    clear:left;

    width:508px;

}



.entry ul{

   width:470px;

}



.entry ul li{

   color:#00315a;

}



img{

    /* border:1px solid #726718;

    padding: 4px; */

    background-color: #fff;

    display:block;

}



img.free{

background:transparent;

border:0;

padding:0;

display:block;

}



div.wborder{

border:1px solid #726718;

    padding: 4px;

    background-color: #fff;

    

}



blockquote {

margin:0;

padding:0;

}





.entry blockquote p{

font-style:italic;

padding-left:10px;

padding-right:10px;

border-left:1px solid /* dotted */ #333;

border-right:1px solid /* dotted */ #333;

width:488px;

}



div.postmeta {

    border-top:1px solid /* dotted */ #00315a;

    width:508px;

    padding-bottom:10px;

     background-image: url(media/dotraster.gif);
    /*background-color: #00315a;*/

}



div .postmeta  p {

    line-height:21px;

}



div.postmeta  div.postinfo {

    background-color: #FFFFFF;

}



div.postmeta  div.postinfo p{

    background-repeat: no-repeat;

    background-position:center left;

    padding-left:20px;

    display:inline;

    margin:0;

    margin-right:30px;  

    

}



div .postmeta  p.author{

    background-image: url(media/icn_pers.gif);	

}



div .postmeta  p.commentnr{

    background-image: url(media/icn_blase.gif);

}



div .postmeta  p.commentrss{

    background-image: url(media/icn_commentrss.gif);

}



div .postmeta  p.makecomment{

    background-image: url(media/icn_blase.gif);

}



div .postmeta  p.trackback{

    background-image: url(media/icn_ping.gif);

}



div .postmeta  p.postcategories{

    padding-left:3px;

    clear:both;

    display:block;

    margin:0;

    background-color: #FFFFFF;

    border-top:1px solid /* dotted */ #00315a;

}



/* wrapr --------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#postswrapper{

    margin-top:0px;

    margin-left:-292px;    

    width:100%;

    float:left;

    

}



#blogposts{

    margin-top:800px;
    
    margin:0;

    padding:0;   

    margin-left:334px;

    

}









.singleprevnext a{

    display:block;

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

	font-size: 12px;

    line-height:21px;

    background-repeat: no-repeat;

    padding-left:16px;

    text-decoration:none;

    color:#00315a;

    border-top:1px solid /* dotted */ #00315a;

}



#prevpost a{

    background-image: url(media/bullet_left.gif);	

    background-position:center left;   

}



#nextpost a{

    background-image: url(media/bullet.gif);

    background-position:center left;   

}



div.navigation {

margin-bottom:10px;

}



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



#sidebar{

    
    margin:0;

    padding:0;

    width:250px;

    float:right;

}





#sidebar a{

    text-decoration:none;

    color:#00315a;   

}



#sidebar h2 {

    background-color: #00315a;

    color: #fff;

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

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

    margin:0;

    line-height:21px;

    padding-left:4px;

    letter-spacing: +1px;

    text-transform: uppercase;

}



#sidebar ul{

    margin:0;

    padding:0;

}



#sidebar ul li{

    list-style-type: none;

	margin: 0;

}



#subsidebar #sidebar li div#sidebardisplay{

    /*background-image:url(media/dotraster.gif);*/

    height:3px;

}

    

#indexsidebar #sidebar li div#sidebardisplay{

    /*background-image:url(media/dotraster.gif); */

    height:75px;
    
    border-bottom-width: 5px;
    border-bottom-style:solid;
    border-bottom-color: #fc6f16;
    /*padding-bottom: 50px;*/
    margin-bottom: 3px

/* height:140px;*/

}

    

#sidebar li#enddots{

    margin-top:2px;

    /* background-image:url(media/dotraster.gif); */

    height:20px;

}



#sidebar ul ul li {

	list-style-type: none;

	margin: 0;

	padding-right: 0;

	padding-left: 3px;

	display: block;

    border-bottom:1px solid /* dotted */ #00315a;

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

	font-size: 12px;

    line-height:21px;

	font-style: normal;

    color: #00315a;

    /* background-image: url(media/bullet.gif); */

	background-repeat: no-repeat;

    background-position:center left;

}



#sidebar ul ul{

    margin-bottom:-1px;

}



#hellovoid  h2{

    background-color: #fc6f16;
    color: #fc6f16;

}



#searchli{

    background-color: #fff;

}



#searchthing {

    background-color: #fff;

}



#searchform {

    margin:0;

    padding:0;

}



#searchform #s{

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

    font-size: 12px;

    border:0;

    padding:3px;

    background-image: url(media/bullet.gif);

	background-repeat: no-repeat;

    background-position:center left;

    padding-left:18px;

    width:200px;;

}



#searchform #searchsubmit{

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

    border:0;

    background-color: #fff;

    background-image: url(media/lupe.gif);

	background-repeat: no-repeat;

    background-position:center left;

    

}



/* commentlist ---------------------------------------------------------------------------------------------------------------------------------------------------- */







.commentlist {

    margin:0;

    padding:0;

}



.commentlist li{

    list-style-type: none;

    border-top: 1px solid /* dotted */ #00315a;

    margin:0;

    margin-bottom:10px;

    display:block;

    clear:left;

}



.commenttext p{

    margin-top:10px;

    margin-bottom:10px;

    line-height: 21px;

    color:#00315a;

    width:508px;

}



.commentinfo{

    background-color: #FFFFFF;

}



.commentmeta {

    padding-bottom:10px;

    border-top:1px /*solid*/  dotted  #00315a;

    width:508px;

    

    background-image:url(media/dotraster.gif);

}



.commentmeta p{

    padding:2px;

}



p.commentauthor{ 

    background-image:url(media/icn_pers.gif);

	background-repeat: no-repeat;

    background-position:center left;

    display:inline;

    padding-left:18px;

    margin:0;

    margin-right:10px; 

}



p.commentdate {

    display:inline;

    margin:0;

    padding:2px;   

    color: #00315a;

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

	font-size: 12px;

}



/* commentform  -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#commentbox {

    #background-color: #ffffff;

    margin:0;

    padding:0;

    margin-top:10px;

    width:508px;

}



#commentbox:hover {

    background-color: #ffffff;

}



#commentbox h2{

    background-color: #00315a;

    color: #fff;

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

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

    margin:0;

    padding-left:3px;

    line-height:21px;

    letter-spacing: +1px;

    text-transform: uppercase;

    background-image:url(media/h2bg2x.gif);

}



#commentbox p {

    border-bottom:1px solid /* dotted */ #00315a;

    margin:0;

    padding:0;

    padding-left:3px;

    line-height:21px;

}



#commentbox p:hover {

    background-color: #fff;

}



#commentform {

    margin:0;

}



#commentform input {

    background:transparent;

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

    font-size:12px;

    border:0;

    margin:0;

    padding:2px;

 

}



#commentform textarea {

    overflow:auto;

    background:transparent;

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

    font-size:12px;

    border:0;

    width:500px;

}



#commentbox #submit{

    background:transparent;

    background-image: url(media/bullet.gif);

	background-repeat: no-repeat;

    background-position:center left;

    width:500px;

    text-align:left;

    padding-left:18px;   

}



/* footerstuff -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#footer {

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

	font-size: 10px;

	font-style: normal;

	line-height: 150%;

    color: #FFFFFF;

    background-color: #00315a;

    margin-top:21px;

    margin-left:51px;

    

    

}



#footer p{

    display:block;

    float:left;

	background-repeat: no-repeat;

    background-position:center top;

    color: #00315a;

    background-color: #fc6f16;

    margin:0;

    border-left:1px solid /* dotted */ #FFFFFF;

    height:170px;

    width:169px;

    font-size:0;

    line-height:0;

    text-indent:-9999px;

    overflow:hidden;

}







p#info{

    background-image: url(media/foot_jf1.gif);   

}



p#adult{   

    border-right:1px solid /* dotted */ #FFFFFF;

    background-image: url(media/foot_jf2.gif);

}



p#dmwb{    

    background-image: url(media/foot_jf3.gif);

}



#footer a{

    color: #FFFFFF;

    text-decoration:none;

    font-size:0;

    line-height:0;

    text-indent:-9999px;

}