/*   
Theme Name: L'Atelier
Theme URI: http://www.greengraphics.com.au/
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.0.2
*/

@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600);

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}

html, body {margin:0;padding:0; height:100%;}
body {
	background:url(images/bg.png) repeat left top black;
	font-size:1em;
	font-family:'Crimson Text' ,helvetica, times, serif;
	color:#303030;
	}



p {margin:0 0 1em 0; padding:0;}
p:last-of-type {margin:0;}

a {text-decoration:none; color:#bf9958;}
a:hover {color:#666;}

img {border:0; max-width:100%; height:auto;}

:focus, :active {outline:none;}

.clearer {clear:both;}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	padding: 0;
	font-weight: 600;
	margin:0 0 1em 0;
}
h1 {display:block; font-size:1.05em; background:#bf9958; padding:1em 2em 1em 1em; width:595px; margin-left:-0.95em; color:white; text-transform:uppercase;}

blockquote {font-weight:400; font-style:italic;}


.wrapper {
	margin: 0px auto;
	padding: 0;
	max-width: 960px;
}

/* HEADER STUFF */
header {width: 100%; position:relative;}
header:after {display:block; height:0; width:0; visibility:hidden; content:'.'; clear:both;}
#logo {display:block; width:37.5%; margin:2em 0 1em 0; float:left;padding-right:2%;}
#logo img {max-width:320px;}

.menu-main-container {width:62.5%; position:absolute; bottom:1px; right:0;}
.menu-main-container ul {margin:0; padding:0; text-align:right;}
.menu-main-container ul li {display:inline-block; margin-left:1em;}
.menu-main-container ul li a {display:block; padding:0.5em 0; color:white; text-transform:uppercase; font-size:80%;}

.menu-main-container ul li.current-page-item, .menu-main-container ul li.current_page_item, .menu-main-container ul li:hover {border-bottom:0.5em solid #bf9958;}


/* BODY STUFF */
section {padding:0; position:relative;}
section:after {display:block; height:0; width:0; visibility:hidden; content:'.'; clear:both;}

article {width:62.5%; padding:3em 2em; float:right; background:white; min-height:600px;}

section.home {}
section.home article {position:absolute; top:230px; right:0; background:rgba(255,255,255,0.75); padding:0 1em 1em 1em; min-height:inherit;}
section.home article h1 {width:610px;}

section.fullwidth article {width:100%; float:none;}
section.fullwidth article h1 {float:left; width:auto; padding:1em 1em 1em 2.3em; margin: 0 100% 1em -2.3em;}
section.fullwidth article p:first-of-type {clear:left;}

section iframe {max-width:100%; height:auto;}


a.facebook {display:block; position:absolute; top:1em; right:1em; width:43px; height:42px; text-indent:-9999px; background:url('images/facebook-logo.png') no-repeat center center; z-index:100; background-size: contain;}


/* GALLERY STUFF */
.gallery .gallery-item {padding:0 0.5em; margin-top:0 !important;}
.gallery .gallery-item a {display:block;}
.gallery .gallery-item a img.attachment-thumbnail {max-width:100%; height:auto; border:none !important;}


/* FORM STUFF */
form.wpcf7-form {margin-top:1em;}
form.wpcf7-form > p:after {display:block; height:0; width:0; visibility:hidden; content:'.'; clear:both;}
form.wpcf7-form label {width:30%; float:left;}
form.wpcf7-form input, form.wpcf7-form textarea {width:70%; float:left;}
form.wpcf7-form input[type="submit"] {width:auto; float:right; border:none; padding:0.5em; background:#bf9958; color:white; font-family:'Crimson Text' ,helvetica, times, serif; font-size:1.0em; cursor:pointer;}
form.wpcf7-form input[type="date"],
form.wpcf7-form input[type="number"] {width:auto;}


/* SIDEBAR STUFF */
aside {float:left; width:37.5%; position:absolute; background:black; overflow-x:hidden; z-index:-1; left:0; top:0; bottom:0;}
aside img {max-height:100%; max-width:none; width:auto; position:relative;}

section.fullwidth aside {display:none;}

aside blockquote {position:absolute; margin:0; bottom:2em; left:2em; right:2em; padding:1em; background:rgba(255,255,255,0.75); text-indent:1em;}
aside blockquote:before {content:' " ';}
aside blockquote:after {content:' " ';}


/* FOOTER STUFF */
footer {clear:both; width:100%; padding:1em 0; color:#fff; font-size:80%;}