/*
Theme Name: 	Anna Miles Gallery
Theme URI: 		http://d-no.co.nz
Description: 	Anna Miles Gallery 2013 Theme
Version: 		1.0
Author: 		Dean Foster, Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://d-no.co.nz
Tags: 			sAnna Miles Gallery
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}

fonts {
font-family:'Avenir Next W01 Light';
font-family:'Avenir Next LT W01 Demi';
font-family:'AvenirNextW01-LightItal';
}

body,td,th {
	font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #b70214;
	line-height:1.2em;

}
body {
	background-color: #f1f1f1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #b70214;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #b70214;
}
a:hover {
	text-decoration: none;
	color:#b70214;
}
a:active {
	text-decoration: none;
	color: #b70214;

}
h1 {
	font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
font-weight:normal;

}
.item {
float:left;
width:150px;
margin:25px;

}
.home .item img{
width:100%;
height:auto;
}


.newsItem {
float:left;
margin:25px;

}
.newsText {
float:left;

}
.newsImage {
float:left;
margin-left:50px;
margin-bottom:25px;
}
.newsImage img{
margin-bottom:25px;
}
.home .item:hover .itemText {
	display:block;
color:#b70214;
}
.home .item:hover .roller {
display:block;
}


.twoCol {
width:350px;

}
.threeCol {
width:550px;

}
.bigContainer {
	background-color: #f1f1f1;
	position:relative;
	
	min-width:1050px;

}
.container {
position:relative;

margin-left:25px;
}


.fixedContent {
  margin-left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.fixedContent2 {
position:absolute;
margin-left:50px;
z-index:100;

width:1000px;
}
.isfixed {
position:fixed;
top:0px;
}
.isrelative {
position:absolute;
}

.isfixed2 {
position:fixed;
top:-105px;
}
.isrelative2 {
position:absolute;
}
.mainMenu li.menuSpacer {
	border:0px;
}
.mainMenu li {
float:left;
width:150px;
margin-right:50px;
border-bottom:0px solid  #b70214;




}

.mainMenu {

width:1000px;

}
.menuHolder {
  background-color: #F1F1F1;
    margin-bottom: 0;
    margin-left: 50px;
    margin-top: 1.2em;
    padding-bottom: 2em;
    width: 950px;
}
.subMenu {
padding:12px;
display:none;
position:absolute;

width:150px;
background-color:#f1f1f1;
z-index:10;
left:-12px;
top:1.2em;
padding-top:15px;


}

.subMenu li {
width:150px;
float:none;
padding:6px;
padding-top:3px;
padding-bottom:3px;
border-bottom:0px;
margin-left:-6px;

}

.subMenu li:hover {
background: #b70214;

}

.subMenu li:hover .artistMenu{
color: #f1f1f1;

}

.subMenu li a:link {
	color: #b70214;
	text-decoration: none;
}
.subMenu li a:visited {
	text-decoration: none;
	color: #b70214;
}
.subMenu li a:hover {
	text-decoration: none;
	color:#f1f1f1;
}
.subMenu li a:active {
	text-decoration: none;
	color: #b70214;

}



.mainMenu li:hover .subMenu {
display:block;
cursor:pointer;

}
.blocker {
	    background-color: #F1F1F1;
    height: 166px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -200;
}
.logoHolder {
position:absolute;
left:200px;
top:205px;
}
.bigBorder {
border:20px #b70214 solid;
left:0px;
top:0px;
min-width:1050px;
min-height:1500px;
padding-bottom:25px;
}
.redski {
	    background-color: #b70214;
    height: 3000px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 102;
}

.extraBlock {
 background-color: #000000;
    height: 300px;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    z-index: 101;
	
}
.blockFix {
	height: 0px;
    left: 0;
    min-width: 1090px;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:105;
}
.blockFix2 {
	height: 100px;
    left: 0;
    min-width: 1090px;
    position: fixed;
    top: 0;
    width: 100%;
	
}
.single-amg_artists .bigBorder {
	
}




.masonHolder {

}
.spacer {

position:relative;
height:330px;
}
.roller {
display:none;
position:absolute;
background-color: #FFFFFF;
width:100%;
height:100%;
z-index:20;
color:#f1f1f1;
top:0px;
left:0px;

border:solid 1px #b70214;
}
.itemText {
	margin-top:8px;
position:relative;

color: #a0a0a0;
background-color:#f1f1f1;
}

.itemWrap {
	line-height:0px;

}

.bio p {
	
	margin-bottom:1em;
}
input {
background-color: transparent;
    border: 1px solid #B70214;
    font-family: 'Avenir Next W01 Light',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 1.8em;
    padding-left: 0.5em;
    width: 250px;
}
button {
	
	background-color: #B70214;
    border: 0 none;
    color: #F1F1F1;
    font-family: 'Avenir Next W01 Light',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
	 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.social {
	margin-top:45px;
}
.social img {
	 position: relative;
    top: 7px;
}
.social  p{
	 margin-bottom:5px;
}
form p{
	 margin-bottom:5px;
}
.home .itemText {
display:none;	
	
}
.currentEx {
	width:750px;
	font-size:15px;
	
}
.currentEx .newsText{
	width:150px;
	
}
.pastEx {
	color:#b0b1b1;
	
}

.exImage {
float:right;

}
.exText {
float:left;
width:150px;

}
.blanksinner {
	height:200px;
	
}
.twoCol .blanksinner {
	height:300px;
	
}
.blanks a{
	display:none !important;
	
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.building {
	display:none;
}

@media all and (max-width: 450px) {
	
	.item {
		width:350px;
		margin: 12px;
	}
	.item img{
width:100%;
height:auto;
}
	.twoCol {
width:350px;

}
.threeCol {
width:350px;

}
	
	.bigBorder {
    border: 10px solid #B70214;
    left: 0;
 min-height: 1200px;
    min-width: 394px;
    top: 0;
}
.bigContainer {
   
    min-width: 394px;
   
}
	
	.container {
    margin-left: 12px;
    position: relative;
}
	
	.fixedContent {
    margin-left: 22px;
    position: absolute;
    width: 350px;
    z-index: 100;
}
	.isfixed {
		position:absolute;
	}
	.isfixed2 {
		position:absolute;
		top:0px;
	}
	.logoHolder {
    left: 0px;
top:100px;
}
	.fixedContent2 {
    margin-left: 22px;
	width:350px;
	z-index: 50;
	}
	.blocker {
		display:none;
	}
	.mainMenu {
    width: 350px !important;
	}
	.menuHolder {
		    width: 350px !important;
margin-left: 0px;
	}
	
	.menuSpacer {
		display:none;
}
.mainMenu li {
    float: left;
    height: 1.1em;
    margin-right: 1.5em;
	width:auto;
	border:0px;

}
.subMenu li {
  float:left;
    width: 150px;
}
.subMenu  {
  
    width: 360px;
}
.spacer {
    height: 240px;
}
.exImage {
	margin:0px;
	float:left;
}
.newsImage {
    float: left;
    margin-bottom: 0px;
    margin-left: 0px;
}
.newsImage img {
    margin-bottom: 0px;
	width:100%;
	height:auto;
}
.newsItem {
		width:350px;
		margin: 12px;
	}
	.newsItem iframe {
		width:350px;
		height:250px;
	}
	.blanks {
	display:none;
	
}
.blockFix {
	display:none;
}
}