html, body {
        margin:0;
        padding:0;
}
body{
        text-align: center;
        font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
        background: url('../img/bg.jpg') repeat-x left bottom #000;
        color: #999;
        font-size: 75%;
        
}
a{
        color: #aaa;
        text-decoration: none;
}
a:focus, a:hover, a:active {
        text-decoration: underline;
}

h1 a:hover{
  text-decoration: none;
}
p, li {
        line-height: 1.6em;
}
h1, h2 {
        font-family: "Trebuchet MS", Verdana, sans-serif;
        margin: 0 0 10px 0;
        letter-spacing:-1px;
}
h1 {
        padding: 0;
        font-size: 2em;
        color: #333;
        padding: 0 0px 0 0;
        float: left;
        margin:0;
        background: url(../img/home.png) no-repeat center center;
        
        
}

h1, h1 a{
  display: block;
    height: 50px;
    width: 69px;
}
h2 {
        color: #5778CD;
    float: left;
    /*font-size: 2em;
    margin-left: 40px;*/
    padding: 5px 0 0 3px;
    margin:0;
}
pre {
        font-size: 1.2em;
        line-height: 1.2em;
        overflow-x: auto;
}
div#page {
        width: 990px;
        
        margin: 15px auto 0;
        text-align: left;
        position: relative;
        
}
div#container {
        padding: 15px 20px 30px;
}

div#header {
        border-bottom:1px solid #000;
         /*box-shadow: 0 8px 8px -8px rgba(255, 255, 255, 0.4);*/
         border-radius:2px;
         padding:5px;
         background: #262626; /* Old browsers */
          background: -moz-linear-gradient(left,  #262626 0%, #555555 50%, #262626 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#262626), color-stop(50%,#555555), color-stop(100%,#262626)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left,  #262626 0%,#555555 50%,#262626 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left,  #262626 0%,#555555 50%,#262626 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(left,  #262626 0%,#555555 50%,#262626 100%); /* IE10+ */
          background: linear-gradient(to right,  #262626 0%,#555555 50%,#262626 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=1 ); /* IE6-9 */

}

div.headerBg{
  background: #262626 url(../img/bgH1Galerie.png) no-repeat right center;
  padding: 5px;
}
div#ads {
        clear: both;
        padding: 12px 0 12px 66px;
}
div#footer {
        clear: both;
        color: #777;
        margin: 0 auto;
        padding: 20px 0 40px;
        text-align: center;
}

div#biography{
    width:280px;
    position:relative; 
    top:10px;
    left:0;
}

div#biography ul {
    margin:0;
    padding:0;
}

div#biography ul li{
    margin:0;
    padding:3px 0;
    list-style: none; 
}

.action{
   float: left;
    margin-top: 15px;
    width: 280px;
    position:relative;
}

.actionHeader{
   
   border-top: 3px solid #262626;
   border-bottom: 3px solid #303030;
   border-radius: 2px 2px 2px 2px;
   padding: 5px 10px;
   
   background: url(../img/arrow.png) no-repeat right center;
   background-color: #262626;
}

.actionList{
  background-color:#222;
  padding:5px;
  position: absolute;
  z-index: 9999;
  padding-bottom:20px;
  width:270px;
}

.actionRow{
  margin:10px 0;
}

.actionList ul{
  margin:0;
  padding:0;
}

.actionList li {
  padding:0;
  margin:5px 0;
  list-style-type: none;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.yearBlock{
  float:left;
}

.fleft{
  float: left;
}

.fright{
  float: right;
}

.social{
    float: right;
    height: 50px;
    margin-top: 3px;
}

.social img{
    border:none;
}

.menu, .menu li{
  margin:0;
  padding: 0 ;
  list-style: none;
}

.menu li{
  display: inline;
}

#year{
  width:800px;
  margin-top:3px;
}

.levyBlock {
  float:left; width:280px;
}



@media screen and (max-width: 600px) {
  body{
    background:#000;
  
  }
  
  div.headerBg{
  background: #262626;
  
}

  div#page {
  width:100%;
  }
  
  div#biography {
  position: relative;
  left: 0;
  top: 10px;
  width: 95%;
  }
  
  div#container {
        padding: 15px 10px 30px;
}

.levyBlock {
  width:100%;
}

h2 {
    float: left; 
    margin-left: 0;
    padding-top: 10px;
    text-align: center;
    width:100%;
}

#year{
  width:auto;
  margin-top:0;
}

.nav {
		position: relative;
		height: 50px;
		background: url(../img/menu.png) no-repeat center center;
		width: 50px;
	}	
	.nav ul {
		padding: 5px 0;
		position: absolute;
		top: 40px;
		left: 0;
		z-index:9999;
		width: 300%;
		/*overflow: hidden;*/
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
		
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
		width:100%;
		border-radius:0;
		border-bottom: 1px solid #777;
		background-color:#444;
    
    	} 
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover 
	.nav:hover {
		background-image: none;
	}*/
	.nav:hover li {
		display: block;
		margin: 0 0 5px;
		
	}
	.nav:hover .current {
		background: url(../img/menu.png) no-repeat center center;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
	.action {
    width: 100%;
}

.social {
    margin-top: 3px;
}
	

  
    
}