/* 
	Theme Name: NathanLeighArt HTML5/CSS Layout
	Date: June 2014
	Description: Basic HTML5/CSS layout built on a responsive framework
	Version: 1.0
	Author: Nathan Leigh
	Author URL: http://nathanleighart.com 
*/

body {
background-image:url('../img/bg_grad.gif');
background-color: #3d4543;
background-repeat: repeat-x;

}

.innerWrapper {
	background: #191a1b;
	padding: 1rem 0 0 0;
	box-shadow: 3px 5px 15px 1px black;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
}

.customise-the-grid{
  padding: 1rem;
}

.customise-the-grid-Arts{
  padding: 0 1rem 0 1rem;
}

.or-create-a-wrapper{
  padding: 0;
}

img {
	border-radius: 0px;
	border: solid 1px #c1c1c1;

}

.button {
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */}
	button:hover, button:focus, .button:hover, .button:focus {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
	
.clickformore {
	background: none;
	color: #3399FF;
}
	
/* Panels */
.innerBox {
  border-style: solid;
  border-width: 0px;
  border-color: #d8d8d8;
  margin: 0;
  padding: 0.5rem;
  background: #f2f2f2;
  min-height: 6.5rem;
  }
  
.infoBox {
	border-style: solid;
	border-width: 0px;
	border-color: #d8d8d8;
	margin: 0;
	background: #f2f2f2;
	padding: 0.4rem;
}

.container {
	background-color: no-background;
	padding: 0.2rem;
}

.endCap {
	background-color: no-background;	
	padding-bottom: 0.5rem; 
	margin: 0.2rem;
}

.artsWrapper {
	background-color: /* red */;
	padding: 0.2rem;
}
	
/* Default Link Styles */
a {
  color: #BBBBBD;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0078a0; }
  a img {
    border: none; }
	
.text2 {
  color: #BBBBBD;
  text-decoration: none;
  line-height: inherit; }
		

.day {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 0.1rem;
  padding: 1.25rem;
  background: #f2f2f2;
  height: 17.5rem;}
  .day > :first-child {
    margin-top: 0; }
  .day > :last-child {
    margin-bottom: 0; }
  .day h1, .day h2, .day h3, .day h4, .day h5, .day h6, .day p, .day li {
    color: #333333; }
  .day h1, .day h2, .day h3, .day h4, .day h5, .day h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .day h1.subheader, .day h2.subheader, .day h3.subheader, .day h4.subheader, .day h5.subheader, .day h6.subheader {
      line-height: 1.4; }

.blackBox {
	color: #3399FF;
	text-decoration: none;
	line-height: inherit;
	border-style: solid;
	border-width: 0px;
	border-color: #d8d8d8;
	border-radius: 0px;
	margin: 0 0 1rem 0;
	background: background: #131313; /* Old browsers */
	background: #131313; /* Old browsers */
	background: -moz-linear-gradient(top,  #131313 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #131313 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #131313 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #131313 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #131313 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
	padding: 1rem 1rem 0 1rem;
}

.googleMapDiv {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
    .googleMapDiv iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}