/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 1.2em Garamond, serif;}

/* ensure full screen sections */
section {
    display: block;
    min-height:100vh;
    width:100vw;
    box-sizing:border-box;
}


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

/* black text. */
body, select, input, textarea {color: black; background-color:#eeeec7;}/**/
a {color: black;
   /*text-decoration: none;*/}
/*a:hover {color: dark-grey;}*/


body {
  /* tesselated background image */
  /* background-image:url(../img/background2.jpg);
  background-size:200%; */
  /* background-color:#fef8e7; *//*#fff9e5 #ffffe6 #dde1ee*/
  background-image: url(../img/australian_animals_wallpaper_4.jpg);
  background-repeat: repeat;
  }

#fb_wrapper {text-align:center;margin-top:30px}

/* maybe I'll use these for the gig guide later
div.eventdescription {margin-left:20px;}
div.gig {margin-top:16px;} */

h1 {text-align:center; margin-bottom:5px; padding-top:30px}
h1 img {width:80vw;}

#image_container {
  background: url(../img/banners/IMG_5514_small.jpg);
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
  margin-top: 4vh;
  margin-bottom: 6vh;
  border:1px solid black;
  overflow:hidden;
  width:100%;
  min-height:60vh;}
  
h2 {text-align:center; font-size:1.5em; margin-bottom:15px;}

#contact p {text-align: center} /*contact*/

h3 img {
  height:30px;}

h3 {margin-top:7vh; margin-bottom:5vh; text-align:center;}

p {margin-bottom:15px; font-size: 1em;}

nav {
  margin-top: 10px;
  text-align: center;
  }

nav ul {	
	display: inline-block;
  width: 100%;
  /*height: 20px;*/
  padding: 0;
	}

nav ul li {
  list-style-type: none;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 6px;
	}
    
nav a {
    display: inline-block;
    /*height: 100%;*/
    }    
 
nav img {
    height: 20px;
    width: auto;
    }

div.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 600px;	
    }

iframe {
	width: 100%;
	height: 120px;
	} 

.vimeo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

#media {padding-bottom:30px;}

#likebutton {padding-bottom:60px;}

/*nav {padding-top:14px;}*/


section {
	margin-top: 35px;
	padding: 10px;
	}

footer {
	margin-top: 60px;
text-align: center;
    margin-left: auto;
    margin-right: auto;
	}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: none; color: #fcd700; text-shadow: none;}
::selection {background: none; color: #fcd700; 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 place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }



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



}


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

@media screen and (max-width: 480px) {
	
		
}