Better logo integration

panikweb_templates/static/css/specifics.css

@@ -256,10 +256,15 @@ body{
 	background: #fff;
 }
 #Commons .wrapper{
+}
+#Commons #backgroundBox{
+	margin-top:25px;
+	padding-top:25px;
     padding-bottom:50px;
+    background:white 0% 0% no-repeat url('../img/logoPanik.png');
 }
 #mainHeader {
-	padding-top:1em;
+	padding-bottom:1em;
 }
 #mainHeader {
     font-size:70%;
@@ -271,8 +276,7 @@ body{
 
 #Panik img{display:block;margin:auto;max-height:200px;}
 #mainHeader h1{
-	background:white 0% 50% no-repeat url('../img/logoPanik.png');
-    padding:50px 0 0 75px;
+	padding-left:75px;
 }
 #player-container.fixed { width:100%;left:0;border-width: 2px 0 0 0;border-style:solid;}
 #player-container #player{
@@ -492,7 +496,7 @@ body{
 @media screen and (max-width: 600px) {
 
 	#Player{
-        margin-top:0px;
+        margin-top:1em;
     }
 	#Player.withPlaylist #player-container #audioPlayer,
 	  #Player.withPlaylist #player-container #audioPlayer,
@@ -507,7 +511,6 @@ body{
 @media screen and (min-width: 600px) {
 
 	#Player{
-        margin-top:50px;
     }
 	#Player #player-container.fixed #audioPlayer{
 		max-width:50%;

panikweb_templates/templates/base.html

@@ -45,14 +45,16 @@
 	<div id="All">
 		{% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
 		<div id="Commons" class="cf" >
-            <div class="wrapper cf sided" >
-			    <div id="mainHeader" class="leftPart">
-				    <h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
-				    <!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
-			    </div>
-			    <div id="Player" class="rightPart withoutPlaylist">
-				    {% block listen %}{% player %}{% endblock %}
-			    </div>
+            <div class="wrapper sided" >
+                <div id="backgroundBox" class="cf">
+			        <div id="mainHeader" class="leftPart">
+				        <h1><span id="radioPanik" class="inBlock">Radio Panik</span> <span id="frequence" class="inBlock">105.4 FM</span></h1>
+				        <!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
+			        </div>
+			        <div id="Player" class="rightPart withoutPlaylist">
+				        {% block listen %}{% player %}{% endblock %}
+			        </div>
+		        </div>
 		    </div>
 		</div>
 		<div id="Changing" class="cf" data-section="{{ sectionName }}">