/*

Theme Name: GO LOUD RECORDS

Theme URI: http://goloudrecords.com/

Description: We are going loud.

Author: Till Dettmering

Author URI: http://signalfarbegrau.com/

*/



html {

	background-color: #f5f5f5;

}



body {

	border: 0;

	margin: 0;

	padding: 0;

	background-color: #fff;

	

	font-family: helvetica, arial;

}



/**************** GENERAL MISC */



hr { display:none; }



img { border: 0; }



.imgborder img { border: #ddd 10px solid;}



.frame {

	width: 800px;

	margin: auto;

}



.left {

	float: left;

	margin-right: 15px;

	}







/**************** TEXT */



h1 {

	font-size: 40px;

	letter-spacing: -3px;

	text-transform: uppercase;

	color: black;

	font-weight: bold;

}



h2 {

	font-size: 30px;

	letter-spacing: -2px;

	color: red;

	font-weight: bold;

	margin-top: 1px;

        margin-bottom: 1px;

}



h3 {

        font-size: 20px;

        letter-spacing:-1px;

        color: black;

        font-weight: bold;

	margin-top: 1px;

        margin-bottom: 0px;

}



.grey {

	color: #666;

	font-size: 14px;

}



.imprint {

	color: #aaa;

	font-size: 11px;

}





/**************** HEAD */



#head {

	width: 100%;

	height: 112px;

	background:url(http://goloudrecords.com/loud/wp-content/themes/goloud/images/goloud-back.gif);

	background-color: black;

}



#logo {

	padding-top: 16px;

}



#menu {

	margin-left: -41px;

}



#menu li {

	display: inline;

	list-style: none;

	

	margin-right: 20px;

	

	font-size: 30px;

	letter-spacing: -3px;

	text-transform: uppercase;

	color: red;

	font-weight: bold; 

}



#headimg {

	margin-top: 5px;

	margin-bottom: 5px;

	position: relative;

	z-index:1;

	}



#headimg-text-back {
	padding: 5px;
	margin: -108px 180px 12px;
	z-index: 10;
	width: 600px;
      //	background-color: #fff;
	opacity: 0.7;
    filter: alpha(opacity = 70);
	position: relative;
	top: -2px;
}



#headimg-text {

	font-weight: bold;
	color: red;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: -1px;
	opacity: 1;
    filter: alpha(opacity = 100);
}


#listen-text-box {
	margin: -95px 10px 20px 5px;
	z-index: 10;
	position:relative;
	background-color: #fff;
	opacity: 0.7;
}



#play {

 margin-top : 5px;

 position: relative;

 top : -100px;

 left: 5px;

}



#circle {

}





/**************** CONTENT */



#content {



	padding-top: 1px;

	width: 100%;

	background:url(http://goloudrecords.com/loud/wp-content/themes/goloud/images/bg-top.png);

	background-repeat: repeat-x;

	background-color:#fff;

	padding-bottom: 0px;

	min-height: 600px;

}



#bigcolumn {

	width: 550px;

	margin-top: 20px;



	z-index: 100;

	float:left;

}



#biggercolumn {

	width: 800px;

	margin-top: 20px;



	z-index: 100;

	float:left;

}

.introduction {

	font-family: helvetica, arial;

	font-weight: bold;

	color: #555;

	font-size: 18px;

	line-height: 1.4em;

	letter-spacing: -1px;

	display:none;

	margin-bottom: 20px;

}



/**************** POST */



.post {

	margin-bottom: 50px;

}



.post-date {

	font-weight: bold;

	font-size: 20px;

	letter-spacing: -1px;

}



.post-author {

	font-weight: bold;

	font-size: 20px;

	letter-spacing: -1px;

	color: #bbb;

}



.post-text {

	margin-top: 0px;

	font-size: 14px;

	line-height: 1.4em;

}



/**************** SIDEBAR */



#smallcolumn {

	list-style: none;

	width: 220px;

	z-index: 150;

	float:right;

	margin-top: 20px;

	margin-bottom: 20px;

	}



.newband {

	position: relative;

	z-index:1;

	margin-bottom: 5px;

}



.newband-text {

	padding: 5px;

	margin-top: -45px;

	margin-left: 10px;

	z-index: 10;

	width: 190px;

	background-color: #fff;

	opacity: 0.7;

	position: absolute;



	font-weight: bold;

	color: black;

	font-size: 18px;

	line-height: 1.2em;

	letter-spacing: -1px;

}



/**************** FOOTER */



#footer {

	width: 100%;

	height: 180px;

	background:url(http://goloudrecords.com/loud/wp-content/themes/goloud/images/footer-back.gif);

	background-repeat: repeat-x;

	background-color: #f5f5f5;

	padding-top: 30px;

	

	clear:both;

}

/****************  IMAGES */

    img.centered {

    display: block;

    margin-left: auto;

    margin-right: auto;

    }



    img.alignright {

    padding: 4px;

    margin: 0 0 2px 7px;

    display: inline;

    }



    img.alignleft {

    padding: 4px;

    margin: 0 7px 2px 0;

    display: inline;

    }



    .alignright {

    float: right;

    }



    .alignleft {

    float: left;

    }