/*

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;

	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: 938px; padding: 10px 0; margin: 0px 12px 0px;

}

#menu li 

{ list-style:none;

font-size: 11px; display: inline; 

}

#menu li a 

{ list-style:none;

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

}

#menu li a:hover 

{ list-style:none;

color: #ffffff; 

}

#menu span.feed

{ 

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

}


#intro 

{ 

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

}

#bar{

	position : absolute;

	top : 305px;

	left : 15px;

	width : 700px;

	height : 15;

	z-index : 50;

}



#main{

	position : absolute;

	top : 460px;

	left : 259px;

	width : 646px;

	z-index : 50;

}



#main_right{

	position : absolute;

	top : 460px;

	left : 270px;

	width : 420px;

	z-index : 50;

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

}



#side_left{

	position : absolute;

	top : 460px;

	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;

	line-height : 120%;

}



h1{  /* body text */

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

	font-size : 17px;

	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 : 12px;

	font-weight : bold;

	color : #FFFFFF;

	text-transform : uppercase;

	background-color : #529BBA;

	line-height : 120%;

	margin-bottom : 5px;

	margin-top : 0;

	padding-left:3px;

        padding-bottom:3px;

	padding-top:3px;

}



#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 : #388E8E;

	font-weight : bold;

	text-decoration : none;

}



a:hover{

	color : #FFFFFF;

        background: #388E8E;

	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; font-size : 12px } 

.pagebar { text-align: center }

 

 .divider2

{

position: relative;

height: 1px;

width: 645px;

border-bottom: solid 1px #529BBA;

margin: 0.5em 0em 2.0em 0em;

}



 .divider1

{

position: relative;

height: 1px;

width: 190px;

border-bottom: solid 1px #529BBA;

margin: 2.0em 0em 2.0em 0em;

}



 .flickr img

{

padding-bottom:10px;

}