@CHARSET "UTF-8";

* {
    padding: 0px;
    margin: 0px;
}

/* Audiofanzine main CSS file */
html, body {
    background-color: #929ea6;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0px;
    padding: 0px 0px 50px;
}

a {
    text-decoration: none;
    color: #336699;
}

img {
    border: none;
}

h1 {
    margin-bottom:0px;
    margin-top:0px;
    font-size:1.5em;
    color: #444444;
    
}

.cleared {
	clear: both;
}

div#application {
	position:relative;
    background:transparent;
    margin:0 auto;
    width:790px;
}

div.block {
    border: 1px solid #7b848a;
    padding: 0.5em;
    background: #fff;
    -moz-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}


div.block ul {
	
}

div.block ul li {
	list-style-type: none;
}

div.left {
    float: left;
    width: 200px;
}

div.left ul {
	margin-top: 8px;
	margin-left: 8px;
}

div.left ul li {
	height:30px;
    margin-top:28px;
}

div.left ul li a {
	color: #bbb;
}

div.left ul li img {
    float:left;
    margin-right:5px;
    margin-top:2px;
    
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
}

div.left ul li a:hover,
div.left ul li.current a {
	color: #336699;
}
div.left ul li  a:hover img,
div.left ul li.current a img {
filter : alpha(opacity=100);
    -moz-opacity : 1.0;
    opacity : 1.0; 
}

div.left ul li span {
	display: block;
}

div.left ul li .title {
    
}

div.left ul li .link {
    font-size:11px;
}

div.right {
    float: left;
    width: 573px;
    border-left:1px solid #ccc;
}

div.right ul {
	padding-left:40px;
}

div.right ul {
    display: none;
}

div.right ul.current {
    display: block;
}

div.right ul li {
    font-size:20px;
    margin-bottom:10px;
}

div.right ul li a {
    
}

div.right ul li a:hover {
    text-decoration: underline;
}

p#allrights {
	margin-top: 10px;
    color:#FFFFFF;
    text-align:center;
}

#sublogo
{
	position:absolute;
	top:90px;
	right:0;
	color:#fff;
	padding:4px;
	text-align:right;
	font-style:italic;
}


@media only screen and (max-device-width: 480px) {
	
	body {
	   padding: 8px;
	}
	
	div#application {
	   width : 100%;
	}
	
	h1 {
	   margin-bottom: 35px;
	   text-align: center;
	}
	
	#sublogo {
	   top: 115px;
	}
	
	div.left ul li a {
	    color: #336699;
	}
	
	div.left ul li img {
	    float:left;
	    margin-right:5px;
	    margin-top:2px;
	    
	    filter : alpha(opacity=1);
	    -moz-opacity : 1;
	    opacity : 1; 
	}
	
	div.left {
	   margin-bottom: 28px;
	}
	
	div.right {
	   display: none;
	}
	
}