/*   
Theme Name: Earlyworks
Theme URI: http://www.greengraphics.com.au/
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.0.3
*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100);

* { -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;}

#colorbox, #cboxWrapper, #colorbox * {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s;}

html, body {margin:0;padding:0; height:100%;}
body {
	background:#f9f9f7;
	font-size:1em;
	font-family:'Roboto Slab', helvetica, times, serif;
	font-weight:300;
	color:#303030;
	}
ul, li {list-style:none; margin: 0 0 5px 0; padding:0;}
p:first-of-type {margin-top:0;}
a {text-decoration:none; color:#c61010;}
a:hover {color:#303030;}
img {border:0; max-width:100%; height:auto;}
strong {font-weight:400;}

blockquote {color:#c61010; font-size:1.35em; font-weight:100; padding:0; text-indent:1.5em; margin:0 0 2em 0;}

:focus, :active {outline:none;}
.clearer {clear:both;}
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	padding: 0;
	font-family:'Roboto Slab', helvetica, times, serif;
	font-weight: 100;
	margin:0 0 1em 0;
}

.wrapper {
	background:white;
	border:1px solid #939598;
	box-shadow: 0px 0px 20px 0px #939598;
	margin: 1em auto;
	padding:2em 2em 0 2em;
	max-width: 960px;
}

/* HEADER STUFF */
header {width:100%;}
header #logo {display:block; position:relative; color:#303030; margin-bottom:2em;}
header h1 {font-size:3em; display:inline-block; *display:inline; *zoom:1; margin:0;}
header h1 span {color:#c61010;}
header h2 {display:inline-block; *display:inline; *zoom:1; margin:0; position:absolute; top:30%; padding-left:8px;} 

.menu {width:100%;}
.menu ul {margin:0; padding:0; text-align:right;}
.menu ul li {display:inline-block; *display:inline; *zoom:1; border-left:1px solid #303030;}
.menu ul li a {display:block; padding:0 1em; color:#303030; font-weight:300; font-size:90%; text-transform:lowercase;}

.menu ul li:first-of-type {border:none;}
.menu ul li:last-of-type {padding-right:0;}

.menu ul li a:hover, 
.menu li.current-page-item a, 
.menu li.current_page_item a {color:#c61010;}


/* BODY STUFF */
section {padding:3em 0;}

section h2 {font-size:1.75em; color:#c61010;}
section h3 {font-size:1.3em; color:#c61010; font-weight:300;}
section strong {color:#c61010;}

.buy {display:block; padding:8px; color:white; background:#c61010; float:left;}
.buy:hover {background:#303030; color:white;}

article {width:60%; padding-left:2%; float:right;}

article.fullwidth {width:100%; padding:0; float:none;}

.works li a.post-link {margin-left:.5em;}
.works li .year {font-weight:400;}


/* SIDEBAR STUFF */
aside {
	padding:0;
	float: left;
	width:40%;
	padding-right:2%;
}

aside#sidebar .gallery .gallery-item {width:31%; margin-right:3%; opacity:.7;}
aside#sidebar .gallery .gallery-item:hover {opacity:1;}
aside#sidebar .gallery .gallery-item:nth-of-type(3n) {margin-right:0;}
aside#sidebar .gallery .gallery-item img {border:none;}


/* TABLE STUFF */
table {width:100%; border-spacing:0; border-collapse: collapse;}
tr {padding:0;}
td {vertical-align:top; padding:4px; border-bottom:1px solid #c4c4c4; padding:1em 0.5em;}
table tr:last-of-type td {border-bottom:none;}
td.title {color:#c61010; font-weight:300;}
td.text {}
td.download {text-align:right;}


/* CONTACT FORM STUFF */
form.wpcf7-form p:after {display:block; visibility:hidden; height:0; width:0; content:'.'; clear:both;}
form.wpcf7-form label {float:left; width:30%; color:#c61010; text-transform:lowercase;}
form.wpcf7-form input, form.wpcf7-form textarea {width:67%; float:right;}
form.wpcf7-form input[type="submit"] {width:auto;}


/* FOOTER STUFF */
footer {
	clear: both; 
	width: 100%;
	border-top:1px solid #939598;
	font-size:85%;
	padding:.5em 0;
}

/* RESPONSIVE STUFF */
@media screen and (min-width : 790px) {
	body {font-size:0.9em;}

}