/*

Theme Name: Charlottenburg

Theme URI: http://www.amypink.com

Version: 1.0

Description: AMY & PINK Design

Author: Marcel Winatschek

Author URI: http://www.amypink.com

*/

/* CSS Document */



body{

	background-color:#222222;

	background-image:url(images/back.gif);

	background-position:center;

	background-repeat:repeat-y;

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

	font-size : 12px;

        line-height : 1.5em;

	font-weight : normal;

	color : #000000;

}



img{

	border: none;

}



#outer{ 

position: relative;

/*

	The width value below controls the overall width of the design. By default it's set to 82%

	(so it'll take up 82% of the browser window's width). You can set it to a different percentage

	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.

*/

width: 938px;

margin: 0 auto;

}



.all{ 

height:100%;

}





/* Layer Positioning */



#logo 

{ 

float: right;

height: 72px; width: 105px; 

margin-right: 15px;

}



ol

{ 

list-style: none;

margin-left:-39px;

}



#menu 

{ 

float: left; width: 800px; padding: 10px 0; margin: 20px 12px 0px;

}

#menu li 

{ list-style:none;

font-size: 11px; display: inline; 

}

#menu li a 

{ list-style:none;

padding: 15px 10px 0 10px; margin: 0 5px 0 0; color: #343434;

}

#menu li a:hover 

{ list-style:none;

color: #ff0066; 

}

#menu span.feed

{ 

padding: 3px 20px 3px 3px; background: url(images/feed.gif) no-repeat right center; 

}

#intro 

{ 

clear: both; background: #fff url(images/cereallist-header.jpg) no-repeat; height: 250px; padding: 20px 0 0 20px; 

}

#intro h1 

{ letter-spacing:-1px;font-family: arial; font-size:30px;

margin: 0; background: #1b1b1b; display: inline;  color: #fff; padding: 2px 5px; 

}



#intro h1 a

{ letter-spacing:-1px; font-family: arial;

margin: 0; background: #1b1b1b; display: inline;  color: #f4eeaf; padding: 2px 5px; 

}

#intro h1 a:hover

{ letter-spacing:-1px;  font-family: arial;

margin: 0; background: #1b1b1b; display: inline;  color: #ff0066; padding: 2px 5px; 

}



#intro p 

{ 

margin: 0; color: #343434; font-weight: bold; font-size: .9em; 

}



#bar{

	position : absolute;

	top : 305px;

	left : 15px;

	width : 700px;

	height : 15;

	z-index : 50;

}





#quote{

	text-align: center;

	position : absolute;

	top : 330px;

	left : auto;

	right : auto;

	width : 938px;

	z-index : 50;

}





#main{

	position : absolute;

	top : 450px;

	left : 259px;

	width : 420px;

	z-index : 50;

}



#main img{

}



#main_right{

	position : absolute;

	top : 450px;

	left : 270px;

	width : 420px;

	z-index : 50;

	background-image : url(images/white.gif)

}



#side{

	position : absolute;

	top : 450px;

	left : 714px;

	width : 190px;

	z-index : 50;

}



#side_left{

	position : absolute;

	top : 450px;

	left : 34px;

	width : 190px;

	z-index : 50;

}



#copy{

	margin-left : 125px;

	margin-top : 10px;

	z-index : 50;

}



/* Text Styling */



p{  /* body text */

	background-color : transparent;

        font-size : 12px;

	line-height : 1.5em;

}



h1{  /* body text */

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

	font-size : 11px;

	font-weight : bold;

	color : #999999;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-bottom : 0;

	margin-top : 0;

}



h2{  /* body text */

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

	font-size : 13px;

	font-weight : bold;

	color : #ff0066;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-bottom : 0;

	margin-top : 0;

}



h3{  /* body text */

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

	font-size : 11px;

	font-weight : bold;

	color : #343434;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-bottom : 0;

	margin-top : 0;

}



h4{  /* body text */

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

	font-size : 11px;

	font-weight : bold;

	color : #7c7c7c;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-bottom : 0;

	margin-top : 0;

	padding-bottom:10px;

	padding-top:2px;

}


h5{  /* body text */

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

	font-size : 13px;

	font-weight : bold;

        color : #ff0066;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-bottom : 0;

        padding-left: 25px;

	margin-top : 0;

}


#main p{  /* body text */

	background-color : transparent;

	line-height : 120%;

}



#main h1{  /* main : heading */

	font-weight : bold;

	color : #7c7c7c;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-top : 0;

}



#main_right p{  /* body text */

	font-weight : normal;

	color : #000000;

	background-color : transparent;

	line-height : 120%;

	margin-bottom : 0;

	margin-top : 0;

}



#main_right h1{  /* main : heading */

	font-weight : bold;

	color : #ff0066;

	text-transform : uppercase;

	background-color : transparent;

	line-height : 120%;

	margin-top : 0;

}





#side p{  /* body text */

	font-size : 10px;

	font-weight : normal;

	color : #000000;

	background-color : transparent;

	line-height : 120%;

	margin-top : 0;

}



#side_left p{  /* body text */

	font-size : 10px;

	font-weight : normal;

	color : #000000;

	background-color : transparent;

	line-height : 120%;

	margin-top : 0;

}







#copy p{ /* copyright notice */

	font-size : 8px;

	font-weight : normal;

	color : #ff0066;

	line-height : 120%;

	margin-top : 10px;

	padding-top : 10px;

}



#news_head{

	position : absolute;

	top : 0px;

	left : 15px;

	width : 420px;

	height : 70px;

	z-index : 50;

}



#news_bar{

	position : absolute;

	top : 75px;

	left : 15px;

	width : 420px;

	height : 35px;

	z-index : 50;

}



#news_content{

	position : absolute;

	top : 110px;

	left : 20px;

	width : 420px;

	z-index : 50;

}



#faq_questions{

	position : absolute;

	top : 0px;

	left : 125px;

	width : 295px;

	height : 170px;

	overflow : auto;

	z-index : 50;

}



#faq_break{

	position : absolute;

	top : 185px;

	left : 0px;

	width : 420px;

	height : 1px;

	z-index : 50;

}



#faq_answers{

	position : absolute;

	top : 201px;

	left : 125px;

	width : 295px;

	height : 200px;

	z-index : 50;

}



a:link, a:visited, a:active{

	color : #ff0066;

	font-weight : bold;

	text-decoration : none;

}



a:hover{

	color : #343434;

	font-weight : bold;

	text-decoration : none;

}





/* classes */

.title_news{ font-size : 11px; font-weight : bold; color : #ff0066 } 

.artist_news{ font-weight : bold; color : #ff0066; } 

.release_news{ font-weight : bold; color : #ff0066; }

.minihead_news{ font-size : 10px; font-weight : bold; color : #7c7c7c; }

.date_news{ font-weight : bold; color : #ff0066; }



.yellow{ color : #FF9900 }

.orange{ color : #ED5802 }

.red{ color : #C40514 }

.magenta{ color : #E9004A }



.sub{ text-transform : none; font-weight : normal } 

 

 .divider2

{

position: relative;

height: 1px;

width: 420px;

border-bottom: solid 1px #FF0066;

margin: 2.0em 0em 2.0em 0em;

}



 .divider1

{

position: relative;

height: 1px;

width: 190px;

border-bottom: solid 1px #FF0066;

margin: 2.0em 0em 2.0em 0em;

}



#flickr img {margin: 5px;}

#flickr img:hover {border: 4px solid #4096EE;}

.aktt_tweets ul li {
	font-family:Verdana, Geneva, sans-serif;
	text-transform:none;
	font-size:6px;
	line-height:16px;
	word-spacing:1px;
	padding:2px 0px 2px 16px;
	margin:2px 0px 2px 0px;
	background:url(images/libg300.png) no-repeat top left;
}

.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}