@font-face {
	font-family: 'DroidSansRegular';
	src: url('../font/DroidSans-webfont.eot');
	src: local('☺'), url('../font/DroidSans-webfont.woff') format('woff'), url('../font/DroidSans-webfont.ttf') format('truetype'), url('../font/DroidSans-webfont.svg#webfontbC7tRKrq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('../font/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('../font/DroidSans-Bold-webfont.woff') format('woff'), url('../font/DroidSans-Bold-webfont.ttf') format('truetype'), url('../font/DroidSans-Bold-webfont.svg#webfont5dL3IGk2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HetilicaBold';
	src: url('../font/hetilica-webfont.eot');
	src: local('☺'), url('../font/hetilica-webfont.woff') format('woff'), url('../font/hetilica-webfont.ttf') format('truetype'), url('../font/hetilica-webfont.svg#webfontgdLWBbEQ') format('svg');
	font-weight: normal;
	font-style: normal;
}



html, body {
height: 100%;
margin: 0;
padding: 0;
background-color:#333;
/* background-image:url("../images/bricks2.jpg");*/
font:14px/32px 'DroidSansRegular',Arial,sans-serif;

}

.articleStory a {
border-bottom: 1px dotted #000;
color: #000;
font-weight: normal;
text-decoration: none;
}

.articleStory a:hover {
border-bottom: 1px solid #70373E;
color: #70373E;
font-weight: normal;
}

#bg {
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
/*
background-attachment: fixed; 
font: 12px/30px 'Helvetica', Arial, sans-serif;
background: -webkit-gradient(linear, right top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top right,  #444,  #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#000');
*/
background: -webkit-gradient(linear, right top, left bottom, from(#a2a395), to(#000));
background: -moz-linear-gradient(top right,  #a2a395,  #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2a395', endColorstr='#000');
}

#logo {
position:fixed;
bottom:0;
left:0;
z-index:2;
}

#content {
padding:20px;
position:absolute;
right:0;
width:70%;
z-index:1;
min-width:680px;
}

.article {
margin:0 auto 0;
width:680px;
background:#000;
-moz-box-shadow: 5px 5px 20px #222;
-webkit-box-shadow: 5px 5px 20px #222;
box-shadow: 5px 5px 20px #555;
}

.articleHead {
margin:20px auto 0px;
width:680px;
background:#000;
}

.articleBottom {
margin:0px auto 50px;
width:680px;
background:#fff;
}

h1 { 
position:relative;
/* background-image:url("../images/white75.png"); */
background:#433A4A;
color:#FFF;
font:30px/30px 'DroidSansBold',Arial,sans-serif;
letter-spacing:2px;
margin:0 0 0px;;
width:640px;
/* left:-20px; */
top:-20px;
Padding:20px;
}

.articleStory {
letter-spacing:0px;
margin:0;
padding:25px;
width: 370px; 
font:14px/32px 'DroidSansRegular',Arial,sans-serif;
color:#000;
border-bottom: 20px solid #000;
}

.articlePlayer {
margin:0;
padding:0;
width:430px;
float: right;
}

.articleStory p {margin-bottom: 0px; margin-top: 0;}

.articleStory p + p { text-indent: 1.5em; margin-top: 0 }

.articleStoryBold {
font:15px/30px 'DroidSansBold',Arial,sans-serif;
letter-spacing: 1px;
}

.articleLinkContainer {
margin: 0; 
float:left; 
text-align:right; 
width:190px;
}

a.articleLink {
width:230px;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background:#70373E;
-webkit-transition: background 0.3s ease;
border: none;
color: #FFF;
display: inline-block;
padding: 4px 6px 2px;
text-decoration: none;
border-bottom:20px solid #000;
}

a.articleLink:hover {
background:#233A3B;
color:#FFF;
}

.commentButton {
width: 420px;
display: block;
padding: 0px;
float: right;
}

.commentButton a {
background:#433A4A;
border: none;
color: #FFF;
display: block;
text-decoration: none;
padding: 5px 10px;
font:15px/30px 'DroidSansBold',Arial,sans-serif;
letter-spacing: 1px;
-webkit-transition: background 0.3s ease;
}


.commentButton a:hover {
background:#233A3B;
   color:#fff;
}

.name {
font:25px/25px 'DroidSansBold',Arial,sans-serif;
width:240px;
color:#fff;; 
float: left;
text-align:center;
background:#70373E;
padding: 20px 0;
}

.song {
font:20px/25px 'DroidSansRegular',Arial,sans-serif;
background:#fff;
padding: 20px 0;
color:#000; 
width: 400px; 
float:right;
padding-left:20px;}

.artFeat {width:640px; margin:0px auto; padding:20px;}

.articleBottomRight {
float: right;
border-left:20px solid #000;
}