/*  
Theme Name: Paste Up
Theme URI: http://www.punksandbanters.de
Description: nice little theme.
Version: 0.2
Author: Donald
Author URI: http://www.drrrty-wasted-design.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Feel free to contact me if you have questions,my email: mail@emuman.org
*/

*{margin:auto;}

html {background-color: #000000 !important;
width:100%;
}

html, body {
	background: #ffffff;
	color: #000000;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	margin:0 auto;
	padding: 0;
	height: 100%;
}
img {border:0;}

.bghtml {
z-index:0;
}

.bghtml img {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1090px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;

}


#follow {
height:260px;
width:130px;
display:block;
position:relative;
float:left;
display:block;
margin:55px 0 0 6px;
}

#follow a {
display:block;
height:57px;
width:57px;
overflow:hidden;
text-indent:-9000px;
float:left;
margin-right:5px;
}

#facebook-btn {
background: transparent url('images/facebook1.png') 0 0 no-repeat;
}

#twitter-btn {
background: transparent url('images/twitter1.png') 0 0 no-repeat;
}

#youtube-btn {
background: transparent url('images/youtube1.png') 0 0 no-repeat;
}
#myspace-btn {
background: transparent url('images/myspace1.png') 0 0 no-repeat;
}
#rss-btn {
background: transparent url('images/rss1.png') 0 0 no-repeat;
}

#follow a:hover {
background-position: 0 -57px;
}

#special-bar {
background: url('images/pnb-leiste.jpg') top left no-repeat;
height:60px;
width:923px;
display:block;
margin-left:-10px;
float:left;
}

#special-bar a {
display:block;
height:60px;
width:143px;
overflow:hidden;
text-indent:-9000px;
float:left;
margin-left:3px;
padding:0px !important;
}

#special-bar #special-paypal {
background: transparent url('images/special-paypal.jpg') 0 0 no-repeat;
}

#special-bar #special-pling{
background: transparent url('images/special-pling.jpg') 0 0 no-repeat;
}

#special-bar #special-shop {
background: transparent url('images/special-shop.jpg') 0 0 no-repeat;
}

#special-bar a:hover {
background-position: 0 -60px !important;
}

#google-ad {
text-align:center;
height:90px;
margin:10px auto;
border:3px solid black;
width:728px;
}



#header-video {
position:absolute;
right:53px;
top:113px;
width:480px;
height:300px;
}

* html #header-video {
margin-top:10px;
}

/* --- IE 7/8 --- muss VOR FF declaration stehen --- */
@font-face {
font-family: 'knowproduct';
src: url('font/know_your_product-webfont.eot');
src: local(''), url('font/know_your_product-webfont.woff') format('woff'), url('font/know_your_product-webfont.ttf') format('truetype'), url('font/know_your_product-webfont.svg') format('svg');
}
/* --- IE 7/8 --- muss VOR FF declaration stehen END --- */
@font-face {
    font-family: 'knowproduct';
    src: url('font/know_your_product-webfont.ttf') format("truetype");
}

#menu ul {
font-family: 'knowproduct', sans-serif !important;
}

/* --- IE 7/8 --- muss VOR FF declaration stehen --- */
@font-face {
font-family: '3DumbRegular';
src: url('font/3Dumb-webfont.eot');
src: local(''), url('font/3Dumb-webfont.woff') format('woff'), url('font/3Dumb-webfont.ttf') format('truetype'), url('font/3Dumb-webfont.svg') format('svg');
}
/* --- IE 7/8 --- muss VOR FF declaration stehen END --- */
@font-face {
    font-family: '3DumbRegular';
    src: url('font/3Dumb-webfont.ttf') format("truetype");
}

/* Klasse deklarieren in der die Typo verwendet wird */

/*#content h3, #content h3 a {
font-family: '3DumbRegular', sans-serif !important;
} */

/*-------------------------------------------------------------------End Font-------------------------------------------*/



#container {
width:1038px;
padding:0 10px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;/* the bottom margin is the negative value of the footer's height */
position:relative;
}

#content-container{
width:1038px;
	background: url('images/bg-content.png') top left repeat-y;
float:left;
}

#hiddennav { display: none;}

p { padding: 0.2em;}

.disnav { float: right;}
p.disnav { background: #ffffff; padding: 0.2em;}

a, a:link {
	color: #ff0000;
	text-decoration: none;
	padding: 0.1em;
}
a:hover {
	color: #000000;
	
	
}

/** head **/
#head {
	background: url('images/header.png') top left no-repeat;
	height: 319px;
        width:1038px;
	margin-bottom: 0;
float:left;
}
#head h1 {
	font-size: 16px;
	margin: 0 0 0 50px;
	height:313px;
	width:318px;
	padding: 0;
	float: left;
	display: block;
}

#branding a span{
display:none;
}

/** searchbar **/
#searchbar {
	float: right;
	margin: 2.8em 0 0 0;
}
#searchbar input {
	background: #ffffff;
	color: #000000;
	border: 3px solid #000000;
}

#searchbar #submit {
background: #ffffff url('images/search.png') 1px 1px no-repeat;
overflow:hidden;
text-indent:-9000px;
}

#searchbar input[type=text] {
background-color:#ffffff;
	text-align:left;
}
#search { display: none;}

/** nav **/
#menu {
        height:25px;
		width:988px;
	background: black;
	margin-left:18px;
	padding: 0.5em;
float:left;
}
#menu ul {
font-size:20px;
color:white;
	list-style-type: none;
	margin: auto;
        margin-left: 15px;
	padding: 0;
letter-spacing:-1px;
text-transform:uppercase;
text-align:left;
}
#menu ul li {
	display: block;
	float:left;
}
#menu a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 4px;
}
#menu a:hover {
	color: #e91e21;
background-color:transparent;
	
}

/** subnav**/
.navigation {
	display: block;
	text-align: center;
	height:30px;
}

.navigation1 {
	display: block;
	text-align: center;
	height:30px;
	font-weight:bold;
	text-transform:uppercase;

}

.navigation a, .navigation1 a {color:#FFB400;}

/*.navigation {
	display: block;
	text-align: center;
	margin-bottom:30px;
background: #ffffff;
border:solid 3px #000000;
	padding: 0.2em;
width:300px;
}*/
.alignright {
	float: right;
	background: #ffffff;
	padding: 0.2em;
}
.alignleft {
	float: left;
	background: #ffffff;
	padding: 0.2em;
	margin-left:22px;
}

.seitenanfang {
float:left;
padding:0.2em 0 0.2em 200px;
}



.post {
background-color:#ffffff;
padding:10px;
margin:0 0 30px 10px;
border-bottom:2px dotted #c4c4c4;
border-top:2px dotted #c4c4c4;
}


/** cnt **/
#content {
	clear: both;
	margin: 38px 0 1em 0.8em;
	float: left;
	width: 690px;
}
#content h3 {
	font-size: 40px;
	margin: 0 0 10px 0;
padding:0 5px;
text-align:left;
text-transform:uppercase;
letter-spacing:-2px;
font-weight:bold;
line-height:40px;
}
#content .data {
font-weight:bold;
font-size: 0.9em;
margin-top:1em;
	margin-bottom: 0.22em;
}
#content .data p, #content .postmetadata p {
	background: transparent;
	display: inline;
	padding: 0.2em;
	line-height: 120%;
}
#content .postmetadata p { background: transparent;}
#content .storycontent {
	background: transparent;
}
#content .storycontent p{
	line-height: 145%;
	display: block;
	margin: 1em 0 0 0;
}


.postmetadata { margin-top: 0.3em;}

#content h3 a {
	color: #000000;
	background: transparent;
	font-style: normal;
	text-decoration: none;
	padding:0;
}
#content h3 a:hover {
	color: #ffffff;
	background: #000000;
}
* h3 em{
	color: #000000;
	background: none;
	font-style: normal;
	text-decoration: none;
	padding: 0.3em;

}
.badge{
	float: right;
	margin: 0.3em;
	padding-top: 1em;
}

/** side **/
#side {
	float: left;
	text-align: left;
	width: 300px;
	background: transparent;
	padding: 0px;
	margin: 20px 0 3em 0;
	font-size: 110%;
}
#side h4 {
	color: #ff8500;
	font-size: 15px;
	margin: 30px 0 15px 0;
border-bottom:1px solid black;
padding:5px 0;
height:17px;
width:150px;
}

#facebook {
padding:10px;
float:left;
}

#side ul, #side * ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#side * li {
	margin: 0.3em 0.1em;
padding-bottom:5px;
}

#side a, #side a:link {
	color: #222;
	padding: 0.1em;
	text-decoration: none;
/*font-weight:bold; */
}
#side a:hover {
	color: #000 !important;
	background: #ffc600;
}
#side #meta a, #side #meta li { background: none; padding: 0; margin: 0;}

/** comments **/
#comments {
	clear: right;
	background: #ff9400;
	padding: 0.3em 1em;
border: 3px solid #000000;
margin-left:20px;
}
#comments * p {
	background: none;
}
#comments * li {
	margin: 30px 0 0 0;
}
#comments * li p{
	display: block;
	line-height: 16px;
	background:#ffb400;
	margin: 0.2em 0 0 0;
	width: 90%;
}
textarea, input {
	background: #ffb400;
	border: 0;
	margin: 0.1em;
	color: #000000;
cursor:pointer;
}
textarea {padding: 0.1em;}

/** pages **/
.entrytext {
	background: transparent;
	padding: 0.6em;
}
.entrytext p {
	
}

/** foot **/
#footer {
/*	position: fixed;
	bottom: 0;*/
	clear: both;
	width: 100%;
	height:280px;
	background: transparent url('images/footer.png') top left no-repeat;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;

}
#footer h3 {color:#ffffff; padding-top:10px; font-size:1.4em;}

.push {
	height: 300px; /* .push must be the same height as .footer 2.8em */ 
}

/** least **/
blockquote {
background: url('images/bbg.png') 0 0 no-repeat;
padding: 5px;
}
blockquote p {
padding-left: 30px;
}

#content img {
	margin: 0 .5em .5em .5em;
border:none;
}

hr {
	background: #666;
	height: 1px;
	width: 97%;
	border: 0;
	margin: 1.2em 0 1.2em 0;
}

h4 { font-size: 130%; }

dt { font-weight: 700; margin-top:1.2em; }
dd { margin-left: 0.7em; margin-top: 0.3em;}

#answerdiv p{ padding-left: 0;}

/** side **/
#allside {
float:left;
width:300px;
margin-left:10px;
}


#paypal {
  width:120px;
  height:200px;
  background: transparent url('http://www.punksandbanters.de/wp-content/themes/paste_up/images/penner.png') top left no-repeat;
  }

  #buttonpay {
  width:120px;
  text-align:center;
  padding-top:175px;
}

#werbung {
text-align:center;
padding-bottom:10px;
}

.democracy {
margin-top:15px;
}


#tweet-back {
width:400px;
height:220px;
display:block;
float:left;

}

.tweet {
position:relative;
padding-top:10px;
  font-family: sans-serif;
width:400px;
height:180px;
  font-size: 12px;
  color: #333333; 
}
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
width:400px;
    background-color: transparent; }

.tweet_text {
width:400px !important;
}

    .tweet .tweet_list li {
     overflow: auto; 
width:400px;
margin-left:1px;
      padding: .5em; }
      .tweet .tweet_list li a {
        color: #0C717A;
		   }
.tweet .tweet_list li a:hover {
text-decoration:underline;
}

    .tweet .tweet_list .tweet_even {
      background-color: transparent; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; 
width: 48px !important;
}
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }

.sharebanner{
width:450px;
height:265px;
float:left;
padding-left:80px;
}



.footer-kontakt {
float:left;
text-align:center;
display:block;
width:1000px;
}



.footer-kontakt p {
padding:0;
color:white;
width:320px;
}

.footer-kontakt a:hover {
color:white;
}

.navi-thumbs {
padding-top:20px;
}

.navi-thumbs ul {
padding-left:0;
}

.navi-thumbs ul li {
float:left;
padding:5px;
list-style-type:none;
}

#explorernavi {
padding-left:0;
}

#explorernavi li {
font-family: 'knowproduct';
font-size:22px;
letter-spacing: -1px;
list-style-type: none;
padding:5px;
float:left;
}

#explorernavi li a, #explorernavi li a:link{
color: #FFB400;
}

#explorernavi li a:hover {
color:black;
}

.clear {
clear: both;
float:none;
}