﻿@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "3col_standard"
 * (de) Zentrales Stylesheet - Beispiellayout "3col_standard"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:426 $
 * @lastmodified    $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);


@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_003_draft.css);

body{
font-family:Arial, Helvetica, sans-serif;
color:#ececec;
background-color:#000;
}

h5{
	color:#ececec;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight:bold;
	
}

.page{
	background:no-repeat;
	background-position: center top;
	min-height: 600px;
	background-image: url('../images/ni_bg.jpg');
}


#main{
	padding: 0 0 0 40px;
}

#main #header{
text-align:right;
}


#main #album{
font-weight:bold;
padding-top: 10px;
margin-top: 60px;
margin-left:0px;
background:url('../images/ni-album_bg.png') no-repeat;
padding-left: 20px;
height: 354px;
}

#main #album .title{
	margin-bottom: 20px;
}

#album .track{
	margin: 10px 0;
}

#main #mainNews{
margin: 60px auto;
width: 900px;
}

#main #mainNews #message{
margin-bottom: 10px;
}

#main #mainNews .albumText{
text-align:center;
margin-top: 40px;
}


#main #mainNews img{
float:left;
margin:10px;
}


/* Twitter */
#twitter{
float:right;
margin:10px;
}

#twitter .title{
text-align:right;
padding-right: 20px;
}


#juitterContainer{
	background: url('../images/twitter_bg.png') no-repeat;
	width:228px;
	height:282px;
	font-size: 12px;
	padding-top: 9px;
	padding-left: 9px;
	padding-bottom:9px;
	padding-right: 2px;
	overflow:hidden;
	
}
#juitterContainer .twittList{
margin:0;
padding:0;
width:228px;
} /* UL that will contain the list of tweets */

#juitterContainer .twittLI{
list-style:none;
margin:0;
padding:5px 0 0 0;
border-bottom:dashed 1px #6e6e6e;
clear:both;
width:210px;
overflow:hidden;
line-height: 1.2em;
} 

#juitterContainer .twittList SPAN.time{
	color:#777;
	font-size:0.9em
}

#juitterContainer .juitterAvatar{
float:right;
border: 1px #6e6e6e solid;
padding:0px;
width:32px;
height:32px;

}

#juitterContainer .twittList A{
font-size: 10px;
} /*Links inside the tweets list */






/* nav Menu */

.hlist{
	 /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    overflow:hidden;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    color: #ececec; 
    line-height:0;
}

  .hlist ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:right; /* LTR */
  }
  
  .hlist ul li {
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    font-size:1.0em;
    line-height:1em;
    list-style-type:none;
    margin:0;
    padding-right:2px;
    border-right: 1px #6e6e6e solid;
  }
  
 .hlist ul li a{
  color: #ececec;
  text-decoration:none;
}
  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { border-bottom:thin #ececec solid;}

/* banner*/
  #banner{
	background: url('../images/banner_bg.png');
	width: 905px;
	height: 214px;
	 /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    overflow:hidden;

}

 #banner #caroussel{
	width: 870px;
	float:left;
	
}

  #banner #albumCover{
}

  #banner #bannerText{
	padding: 5px 0 0 10px;
	color: #fff;
	font-size: 12px;
	width: 400px;
	float:right;
	
}

 #banner #bannerText #text{
 	height: 140px;
	overflow:hidden;
	
}

  #banner #bannerText #songName{

	font-style: italic;
	font-size: 11px;
	font-weight:bold;
}

 #banner #bannerText #songName p{
	padding: 13px 0 0 100px;
}

#banner #bannerText #mainPlayer{
	padding: 0px 0 0 100px;
}

 #banner #services{
 float:right;
 color: #fff;
 font-size: 12px;
 width: 190px;	
 padding: 2px 0 0 2px;

}

 #banner #services p{
 line-height: 1.1em;
}

/*main*/
#main .title{
 margin-bottom: 10px;
 
   }

 #main .centerTitle {
 margin-bottom: 10px;
 text-align:center;
   }
   
 #col3_content .artistBlockRight { 
 height:70px;
 margin-top: 3px;
 margin-bottom:14px;
 margin-left:10px;
 text-align:center; }
 
 #col3_content .artistBlockLeft { 
 height:70px;
 margin-top: 3px;
 margin-bottom:14px;
 margin-right:10px;
 text-align:center; }


 #col3_content .albumCover{
 border:#1c1a1e solid 1px;
}

#col3_content  .mp3{ 
font-size:12px;
text-align:left;
margin-bottom: 5px;
padding-left:5px;
min-height: 10px; }

#col3_content .artistBlock a{
	font-size:12px;
	color:#1c1a1e;
}

#col3_content .artistBlock a:hover{

text-decoration:underline;
font-weight:bold;}


#col3_content .artistBlock p{ 
line-height:1em;
margin: 0;
margin-bottom: 7px; }

#col1_content p{
line-height: 1em;
margin:0;
padding:0;
}

#col1_content .newsTitle{
font-weight:bold;
margin-bottom: 3px;
}
#col1_content .news_left{
	background: url(../images/newsLeft_bg.gif) no-repeat;
	padding-left: 15px;
	margin-bottom:10px;
	min-height: 40px;
}


#col1_content .news_right{
	background: url(../images/newsRight_bg.gif) no-repeat;
	padding-right: 15px;
	margin-bottom:10px;
	min-height: 40px;
	text-align:right;
}

#col2_content .facebook{
	margin-left: 60px;
	margin-bottom: 0px;
}

#col2_content .myspace{
	margin-left: 10px;
	margin-bottom: 1px;
}

#col2_content .twitter{
	margin-left: 40px;
	margin-bottom: 1px;
}

#col2_content .youtube{
	margin-left: 20px;
	margin-bottom: 1px;
}

#col2_content .itunes{
	margin-left: 70px;
	margin-bottom: 1px;
}

#col2_content .newsletter{
	font-size:10px;
	font-style:italic;
}

#col2_content input{
	font-size:10px;
	border: 1px #1c1a1e solid;
}

#col2_content .submit{
background: transparent url('../images/subscribe_bttn.png') no-repeat;
border: 0px;
width:55px;
height:12px;
}


#col2_content .text{
	height: 20px;
}

/* footer*/


#footer #content p{
	margin: 0px;
	margin-top: 5px;
	line-height:1em;
	
}


#footer #content{
	margin: 0 auto;
	line-height:1em;
	min-height: 120px;
	text-align:left;
	width: 600px;
}

#footer #copyright{
	margin:0;
	margin-top: 10px;
	color:#7c7c7c;
}
#footer #designed{
	line-height: 1em;
	margin: 0;
	padding: 0;
	margin-top: 0;
	font-size: 10px;
	color:#7c7c7c;
}

/* News page*/


#mainNews .post{
margin-bottom: 50px;
min-height: 300px;
}

#mainNews .postTitle{
	font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-size:24px;
	background: url(../images/newsLeft_bg.gif) no-repeat;
	padding-left: 15px;
}

#mainNews .body{
	padding-left: 25px;
}

#mainNews img{
	float:right;
	border:1px solid #1c1a1e;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* who is? */

#videos{
margin: 0 center;
text-align:center;
}

/* Ironside Sounds */

#mainSounds{
padding:10px 20px;
}

#mainSounds .artistTitle{
	font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-size:18px;
	text-align:center;

}

#mainSounds .albums{
	margin-bottom: 20px;
	height: 204px;
}

#mainSounds .albums .song{
	font-size: 14px;
	margin: 15px 0;
	
}

#mainSounds .albums .songList{
font-weight:bold;

}