/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
font: 20px ubuntu, Freesans, sans-serif;
margin:10px;
background-image: url("bg.jpg");
background-color:#000;
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #ddd;}

a {color: #e5d125; text-decoration:none;}
a:hover {color: #f5df22; text-decoration: underline;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {padding: 16px; background: #eee;}



h1{ 
font-size: 30px;
margin-left:10px;
padding-top:15px;
padding-bottom:15px;
}

small {
  font-size: smaller;
}

.menu{
padding-left:15px;	
}

li
{
list-style-type: none;
}

a{

}

.infdr-logo{
float:left;	
}	


.release-container{
width:100%;
}



.releases{
margin-left:10px;
background:#111;
width: 450px;
height: 850px;
padding-left:15px;
padding-top:10px;
padding-bottom:15px;
float: left;
margin-top:10px;
margin-bottom:10px;
}

.releases img{
margin-top:10px;
margin-bottom:10px;
width:400px;
height:400px;
}

.releases iframe{
margin-top:10px;
margin-bottom:10px;
}

.info-contact-container{
margin-top:10px;
background:#111;
width: 450px;
height: 600px;
padding-left:15px;
padding-top:10px;
padding-bottom:25px;
margin-top:150px;
}


.info{
background:#111;
width: 600px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
font-size:18px;
float:left;
margin-left:10px;
}

.info-pic{
float:right;
margin-top: 0px;	
margin-right: 10px;
margin-bottom: 0px;
}


.contact{
background:#111;
width: 450px;
padding-left:15px;
padding-bottom:15px;
font-size:18px;
float:left;
margin-left:10px;
}


.header-container{
height:300px;	
width:100%;
float: none;
margin-left:0px;
}

.header-logo{
float:left;
height:170px;
width: 430px;
}

.social-icons{
padding-left:15px;
margin-bottom:20px;
width:140px;
float: left;
}

.footer{
}


/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 600px) {
body {
font: 20px ubuntu, Freesans, sans-serif;
margin:0px;
background-color:#000;
}

h1{ 
font-size: 20px;
margin-left:10px;
padding-top:15px;
padding-bottom:15px;
}

.releases{
margin-left:10px;
background:#111;
width: 450px;
padding-left:10px;
padding-top:10px;
padding-bottom:15px;
}

.info{
background:#111;
width: 440px;
padding-left:10px;
padding-top:0px;
padding-bottom:15px;
font-size:18px;
float:left;
margin-left:10px;
}

.contact{
background:#111;
width: 440px;
padding-left:10px;
padding-top:0px;
padding-bottom:25px;
font-size:18px;
float:left;
margin-left:10px;
}
.releases-header{
width: 440px;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
font-size:18px;
float:left;
margin-left:10px;
}

.releases-header h1{
font-size: 20px;
margin-left:10px;
padding-top:15px;
padding-bottom:0px;
}


.header-logo{
float:left;
height:170px;
width: 430px;
}




/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}