﻿/*  
Theme Name: ONE IN A BILLION
Theme URI: http://www.oneinabillion.de/wordpress/wp-content/themes/ONE IN A BILLION
Description: ONE IN A BILLION "we bring the awesome" Theme
Version: (2009)
Author: Martin Jagusch & Silke Winkler
Author URI: http://www.oneinabillion.de

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


/******************************************
*   Eigene Elemente                         
******************************************/


#cd-box {
overflow: hidden;  
display: table; 
float: left;
width: 120px;
height: 100px;
margin: 0px 10px 25px 0px;
padding: 8px;
background: white;
color: #000000;
text-align: center;
}



#footer_neu {
overflow: hidden;  
display: table; 
margin: 0 auto;
width: 930px;
background: /*#e0e0e0*/white;
color: #000000;
text-align: left;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
border-top: 1px dotted #e0e0e0;
}

#footer_neu a, #footer_neu h2 {
color: #000000;
}

#footer_1 {
width: 269px;
margin: 25px 25px 25px 25px;
padding: 10px;
float: left;
background: white;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
}

#footer_1 li {
list-style: none;
}

#footer_2 {
width: 270px;
margin: 25px 25px 25px 0px;
padding: 10px;
float: left;
background: white;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
}

#footer_3{
width: 276px;
margin: 25px 0px;
padding: 0px;
float: left;
}


div {
border: 0px solid #8B008B;
}

.Rating1 { 		/*ganzer Stern*/
color: yellow;
margin-top: 5px;
}

.Rating2 { 		/*halber Stern*/
color: yellow;
margin-top: 5px;
}

.Rating0 { 		/*leerer Stern*/
color: grey;
margin-top: 5px;
}


.othertitle {
color: #8B008B;
text-transform: uppercase;
}

#slideshowcontainer {
width: 100%;
border: 0px solid red;
background: white;
padding: 0px 0px 20px 0px;
}


.news_date, .news_img, .news_2ndheadline, .news_content {
border: 0px solid #c0c0c0;
}


div.newsticker {
overflow: hidden; 
display: table;
clear: both;
margin: 0px;
padding: 0px;
}

.news_left {
float: left;
clear: left;
width: 55px;
height: 70px;
}

.news_right {
float: left;
width: 185px;
height: 70px;
}

.news_date {
height: 20px;
width: 55px;
}

.news_img {
height: 50px;
width: 55px;
}

.news_2ndheadline {
height: 20px;
width: 185px;
}

.news_content {
height: 50px;
width: 185px;
}


.menueleiste {
width: 100%;
height: 25px;
border: 0px solid red;
float: left;
}

.searchfeld {
width: 249px;
border: 0px solid green;
float: right;
text-align:left;
}

.menuecontainer {
display: inline;
}

.sb {
border: 0px solid green;
/*padding: 0px;*/
/*margin: 0 0 15px 0;*/
/*font: 1.6em Arial, Helvetica, sans-serif;*/
/*text-transform:uppercase;*/
/*letter-spacing:0.3em;*/
/*color:#000000;*/
}

h5 {
font: 900 130% sans-serif, Arial, Helvetica;
text-transform: uppercase;
margin:0 0 15px 0;
padding:0 10px;
line-height:35px;
color: white;
background: #8B008B;
border: 0px solid #808080;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
}


h5:after{content:" ///";}

a h5.pagetitle {
color: #ffffff;
}




.banner-ad {
position: relative;
clear: left;
height: 150px;
width: 100%px;
top: 10px;
left: 0px;
border: 0px dotted red;
/*background:url(images/header-neu2.jpg) no-repeat;*/
}

.header_ad {
/*position: relative;*/
top: 35px;
left: 408px;
padding-bottom: 25px;
width: 100%;
text-align: center;
}

.skyscraper_ad {
position: relative;
float: right;
clear: none;
top: 0px;
/*width: 150px;*/
/*height: 100px;*/
border: 1px dotted grey;
/*text-align: center;*/
}

/* Artikel auf der Home Seite */

.article {  
padding: 0 0 20px 0;
margin: 0 0 10px 0;
clear: left;
border: 0px solid red;
border-bottom: 0px dotted #c0c0c0;
height: 130px;
}

.art_cat {
color: #B4045F;
text-transform: uppercase;
}

.article li {
list-style: none;
}

.article_img {
float: left;
padding: 0 15px 0 0;
border: 0px solid green;
width: 120px;
}

.article_content {
/*height: 110px;*/
border: 0px solid blue;
text-align:justify;
}

#CD {
	width: 100%;
	margin: 0 0 0 0;
	height: 120px;
	/*border: 1px dashed red;*/
	float: none;
	text-align: left;
	background: #ffffff;
}

.Artist {
	color: #001100;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
}

#CD-Pic {
	margin: 0 10px 0 0;
	/*border: 1px dashed green;*/
	float: left;
}

.News {
/*padding: 5px 0 35px 0;*/
/*margin: 20px 0 10px 0;*/
clear: left;
/*border-top:3px double #FFFFFF;*/
/*border-bottom: 1px solid #999;*/
/*border: 1px solid red;*/
}

.Artist {text-transform: uppercase;}

.linkcat {
list-style:none;
border-bottom: 1px dashed #c0c0c0;
padding: 30px;
}

/*#scroller-v {
   font-size: 0.9em;
   color: #7f0000;
}
#scroller-h {
   font-size: 0.9em;
   color: #005f04;
}*/


/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
body {
	/*background: #333;*/
	/*color: #333;*/
	background:url(images/backgr.gif);
	background: /*#0066cc;*/;
	padding: 13px 0 25px 0;
	}

body, select, input, textarea {
	color : grey; /*#76797C; apple-grau*/
	/*font-size: 90%;*/
	line-height:1.4;
        font-size: 12px;
	font-family : sans-serif, Helvetica, trebuchet ms, Arial, Verdana;
	}
	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color:#000000;
	/*text-decoration:underline;*/
	text-decoration:none;
	/*font-weight: bold;*/ 
	text-transform: uppercase;
	}

a:hover, a:active {
	color:/*#3a6ff6*/#00FF00;
	text-decoration:underline;
	/*text-decoration:none;*/
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 75%;
	line-height: 20px;
	}

/****** Images ****************************/

img, a:link img, a:visited img{border:1px solid #999; padding:1px; margin:0px;}
img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }
img align left{ float:left; margin:0 12px 5px 0; }
img.noborder, a img.noborder {border: 0px;}
	
		
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	width:880px;
	margin:0 auto;
	/*font-size:1em;*/
	background:#fff;
	padding: 10px 25px 35px 25px;
	border:0px solid #0066cc;
    	-moz-border-radius-topright: 10px;
    	-khtml-border-radius-topright: 10px;
    	-moz-border-radius-topleft: 10px;
    	-khtml-border-radius-topleft: 10px;
	}

#branding {/*where the logo sits*/
	border: 0px solid green;
	width:294px;
	position: relative;
	height:150px;
	/*padding-bottom:15px;*/
	background:url(images/logo-neu.jpg) no-repeat;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {/*you guessed it: it�s the sidebar container*/
	width: 250px;
	float:right;
	padding: 0px 0px 35px 0px;
	/*background: LightGrey;*/
	}

		
/******************************************
*   Sidebar                         
******************************************/

.subnav li {/*.subnav is mainly the categories list*/
	list-style:none;
	}

.subnav li a:link, .subnav li a:visited {
	background: #fff;
	display:block;
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #999;
	}
		
.subnav li a:hover, .subnav li a:active {
	background: #F4F4EC;
	text-decoration:none;
	}
	
#sidelist li {
	list-style:none;
	}
	
.bullets li {
        list-style: none;
        margin: 0px;
	/*margin:0 0 5px 15px;*/
	/*list-style:square;*/
	}
	
#sidelist .bullets li {
        list-style: none;
        margin: 0px;
	/*list-style:square;*/
	margin-bottom:15px;
	/*margin-left:22px;*/
	}

#sidelist .children {
	background:#F4F4EC;
	}

#sidelist .children li {
	background: #F4F4EC;
	list-style: none;
	margin-left:15px;
	padding-left:15px;
	border-bottom:1px solid #fff;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#F4F4EC;
	color: #666;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#000;
	}

#sidelist .feed li, #footer_neu .feed li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(images/rss.gif) no-repeat;
	}

	
/******************************************
*   Headlines                         
******************************************/

.blogtitle, .blogtitle a {
	color: #000;
	/*font-size: 1.8em;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: regular;
	padding: 20px 0px 10px 0px;
	}

h1 {
	color: #001100;
	/*font-size: 1.8em;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	/*margin: 0px 10px 0px 0px;*/
	/*padding: 20px 0px 0px 10px;*/
	}
	
h2 {
	color: #000000;
	font-size:120%;
	/*line-height: 20px;*/
        /*font-size: 1.8em;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*padding-bottom:8px;*/
	/*border-bottom:1px solid #666;*/
	/*margin: 20px 0;*/
	text-transform:uppercase;
	}

h3 {
	/*font-size: 0.9em;*/
        /*font-family: Times New Roman, Arial, Helvetica, sans-serif;*/
	text-transform:uppercase;
	/*letter-spacing:0.3em;*/
	/*margin-bottom:4px;*/
	font-weight:bold;
	/*color:#001100;*/
	font-size:180%;
	line-height: 30px;
	color: /*#3a6ff6*/#8B008B;
	}

#sidebar h2, #sidebar h3 a {
	/*font-size: 0.9em;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
	/*letter-spacing:0.3em;*/
	text-transform:uppercase;
	/*margin-bottom:4px;*/
	font-weight:bold;
	/*color:#001100;*/
	}

#sidebar h3, #sidebar h2 {
	/*font-size: 0.9em;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
	/*border-top:3px double #999;*/
	/*border-bottom:1px solid #999;*/
	/*padding:5px 0 5px 2px;*/
	/*margin:20px 0 15px 0;*/
	/*color:#001100;*/
	}

h3#respond {
	/*font-size:1.1em;*/
	/*border-top:1px solid #666;*/
	/*margin-top:25px;*/
	/*padding-top:20px*/
	}

h3#comments {
	/*margin-top:32px*/
	}

h3 a:link, h3 a:visited {
	/*color: #ff0066;*/
	}

h2 a:link, h2 a:visited {
	color: /*#3a6ff6*/#8B008B;
	}


h4 {
	/*font-size:1.2em;*/
	margin-bottom:6px;
	}
	
	
	
/******************************************
*   Content                        
******************************************/

#content {
	width:605px;
	float:left
	}
	
.description {
	/*font-size: 1.3em;*/
	font-weight: bold; 
	color:#999;
	}

/* Featured Articles formatting "leftcol" */

.feature {
	background: url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;
	padding:15px;
	border: 1px solid #ccc;
	}

.feature p, #rightcol p { margin:0;	}

#leftcol img, #rightcol img {
	padding:1px;
	border:1px solid #999;
	}

#leftcol .feature {	margin-bottom: 15px; }

/* Formating of the Leadstory stuff in the tabbed section */
			
#leadpic {
	float:left;
	margin: 0 18px 8px 0;
	padding:1px;
	border: 1px solid #999;
	}

.title, a.title  {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:140%;
	font-weight:bold;
	color: /*#3a6ff6*/#8B008B;
	letter-spacing:normal;
	}

a.title:hover  {
	color: /*#7397f1*/#00FF00;
	text-decoration:none
	}
		
#lead p {
	margin-bottom:10px;
	}


/* Formating of "rightcol" which is the column in the homepage middle ;-) */

#leftcol img, #rightcol img {
	float:left;
	margin:3px 10px 0px 0;
	}

/*#leftcol img {
	margin-bottom: 4px;
	display:block
	}*/
	
#rightcol .clearfloat {
	/*border-bottom:1px solid #999;*/
	padding:12px 0;
	}	

#leftcol .clearfloat {
	/*border-bottom:1px solid #999;*/
	margin-bottom: 12px;
	}	
	


/* Post Formatting */

.entry {
	/*padding-bottom:28px;*/
	
	text-align:justify;
	}

a.entry {
color: #3a6ff6;
} 

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	list-style:square;
	margin-bottom:5px;
	
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}
	
#tags {
	/*padding:3px;*/
	border-bottom:0px solid #DDD;
	border-top:0px solid #DDD;
	}	
	
.postmetadata {
	/*font-size:0.9em;*/
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform { 	/*padding:16px 5px 0 0;*/ 	}

.button {
	/*font-size: 0.9em;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
	text-transform:uppercase;
	letter-spacing:0.3em;
	padding: 1px;
	background:#333;
	color:#fff;
	border:none;
	}

.button:hover {
	background:#666;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 200px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}



/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
	
	
/******************************************
*   Footer                        
******************************************/

#footer {
	margin: 0 auto;
	width: 900px;
	/*font-size:0.9em;*/
	text-align:center;
	padding-top:15px;
	color: grey;
	}

#footer a {
	color: grey;
	}


/**
 * for WordPress classes at images
 * 
 */

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
 
.alignleft {
float: left;
}
 
.alignright {
float: right;
}
 
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #fff;
padding-top: 5px;
margin: 10px;
}
 
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
 
.wp-caption p.wp-caption-text {
/*font-size: 1em;*/
line-height: 1.1em;
padding: 0 5px 6px;
margin: 0;
}

li.nopadding {
padding:0px;
}

/**
 *
 * D13 SLIDESHOW
 *
 */

	#d13slideshow{
		background-color:#FFFFFF;
		width:450px;
		height:300px;
		margin:0px; padding:0px; }
	#d13nav{ margin:0px; padding:0px; }
	#navleft{
		z-index:200;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px; }
	#navright{
		z-index:201;
		position:absolute;
		width:15px;
		height:(HEIGHT-70)px;
		margin:0px; padding:0px;
		margin-left:(WIDTH-15)px; }
	#navleft a,
	#navright a{
		width:15px;
		height:(HEIGHT-70)px;
		display:block;
		background-color:#000000;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(images/left.gif); }
	#navright a{ background-image:url(images/right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }
	#navleft a span,
	#navright a span{ display:none; }
	div.d13slide{
		padding:0px;
		margin:0px; }
	div.d13slide img{
		padding:0px;
		margin:0px; }
	div.d13fader{
		background-color:#000000;
		/*font-family:Arial, Helvetica, sans-serif;*/
		filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;
		height:70px;
		z-index:1;
		margin:-70px 0px 0px 0px;
		padding:0px; }
	div.d13fader h3{
		font-size:14px;
		line-height: 20px;
		font-weight:bold;
		padding:4px;
		margin:0px; }
	div.d13fader h3 a{ color:#FFFFFF/*#8B008B*/; }
	div.d13fader h3 a:hover{ color:lime; }
	div.d13fader p{
		/*font-size:12px;*/
		font-weight:normal;
		padding:2px 4px 4px 4px;
		margin:0px;
		color:#FFFFFF; }
	div.d13fader p a{
		color:#FFFFFF; }
	div.d13fader p a:hover{
		color:#FFFFFF; }

/* WPSNAP */


ol.snap_nav {
	display: inline;
	float: left;
	clear: both;
	list-style: none;
	padding-bottom: 10px;
}

ol.snap_nav li {
	display: block;
	float: left;
	/*padding: 0 5px 0px 5px;*/
	padding: 2px 3px 2px 3px;
	text-align: center;
	margin: 0 2px 5px 0;
	/*border: 1px solid;*/
	/*background:url(images/backgr.gif);*/
}

ol.snap_nav li a {
	/*font-weight: bold;*/
	text-decoration: underline;
}

ol.snap_nav li.snap_selected a {
	cursor: text;
}

ol.snap_titles {
	clear: both;
	display: block;
	border: 0;
	list-style: none;
}

li.snap_selected a{
color: #8B008B;
}

li.snap_selected {
color: #8B008B;
}

div.wp-pagenavi {
clear:both;
}

/*
a.textbutton, input.textbutton{
vertical-align: middle;
valign: middle;
border: 1px solid /*#8B008B*/#0066cc;
padding: 3px 3px;
margin: 0px;
height: 100%;
font-size: 80%;
font-weight: bold;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
background: white;
color: #0066cc;
}

a:hover.textbutton, input:hover.textbutton {
border: 1px solid lime;
text-decoration: none;
background: lime;
color: white;
}
*/

div.menueleiste {
border: 0px solid red;
}

div.menuecontainer {
display: block;
/*border: 0px solid #666;*/
border-left: 0px solid #666;
border-right: 0px solid #666;
/*border-top: 0px solid #0066cc;*/
/*border-bottom: 0px solid #0066cc;*/
background: url(images/menu_bg.jpg) repeat-x; /*#0066cc*/
width: 100%;
height: 30px;
margin-bottom: 15px;
}

#nav a:after{content:"";}

input {
vertical-align: middle;
valign: middle;
/*height: 16px*/;
}

input.wpsc_buy_button {
height: 25px;
}


div.news_content a:link, div.news_content a:visited {
color: #8B008B;
font-weight: bold;
line-height: 20px;
}

div.news_content a:hover, div.news_content a:active {
color: #00FF00;
text-decoration: none;
}
