/*
Theme Name: Derek Mack: V2
Theme URI: http://wordpress.org/
Description: Default HTML5 theme for derekmack.net v2
Author: Derek Mack
Version: 1.0
Tags: dark, minimal, CSS3, HTML5
*/

/* LINK COLORS */
/*
Main: 254, 239, 113
Hover/Highlight: 254, 243, 154
*/

/* TAGS */
#grid{
    background: url(images/bg-grid-954.png) repeat-y 0 0;
    width:980px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-490px;
}
#grid div.horiz{
    height:17px;
    border-bottom:1px dotted rgba(255, 255, 255, 0.2);
    margin:0;
    padding:0;
}
/* TAG DEFINTIONS */
html {
	/* Hoping Safari supports this soon */
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none
}
body {
	background:#222224;
	color:rgba(255, 255, 255, 0.7);
	font:12px/18px Helvetica, Arial, sans-serif;
	text-align:left;
	text-shadow:rgba(0, 0, 0, 0.8) 0 -1px 0;
}
h1 {
	font-size:30px;
	font-weight:bold;
	line-height:36px;
	padding:0 9px;
}
h2 {
	font-size:14px;
	font-weight:bold;
	padding:0 9px;
}
h3 {
	font-size:16px;
	font-weight:bold;
	padding:0 9px 9px 9px;
}
h4 {
	font-weight:bold;
	margin:0;
	padding:0 9px;

}
p {
	margin:0 0 1.5em 0;
	padding:0 9px;
}
a {
	color:rgba(254, 239, 113, 1);
	text-decoration:none;
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
a:hover {	
	color:rgba(254, 243, 154, 1);
	text-shadow:0 0 3px rgba(254, 243, 154, 0.4);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
::selection {
	background:rgba(0, 0, 0, 0.4);
}
::-moz-selection {
	background:rgba(0, 0, 0, 0.4);
}
img {
	display:block;	
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;	
}
ul {
	margin:0 0 1.5em 0;
}
li {
	background:url(images/bullet.png) 0 6px no-repeat;
	padding:0 0 0 9px;
}
/* HTML5 GOODIES */
header,
section,
article,
footer,
nav {
	display:block;
}
section:after,
article:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;	
}
/* SECTIONS */

/* Main Wrappers */
#wrapper {
	background:#2a2a2c;
	padding:36px 0 18px 0;

}
.container {
	margin:0 auto;
	padding:0 18px;
	position:relative;
	width:954px;
}

/* Header */
header .container {
	height:126px;	
}
#branding {
	float:left;
	margin-right:18px;
	width:306px;
}
#branding h1 {
	text-indent:-9999px;	
}
#branding h1 a {
	background:url(images/dm-logo-home.png) no-repeat;
	display:block;
	height:35px;
	margin:1px 9px;	
	width:58px;	
}

/* CONTENT */
#featured {
	padding:0 0 46px 0;
}
#main {
	position:relative;
}
#title {
	float:left;
	margin-right:18px;
	width:306px;	
}
.section-heading {
	background:rgba(0, 0, 0, 0.2);
	border:1px solid rgba(0, 0, 0, 0.1);
	border-top-color:rgba(0, 0, 0, 0.3);
	margin-bottom:19px;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);	
}
.section-heading h2 {
	color:#3a3a3c;
	font-size:14px;
	line-height:21px;
	padding:6px 9px;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
}
.legend  {
	float:right;	
	height:18px;
	list-style:none;
	margin:8px 9px 0 0;
}
.legend li {
	background:none;
	color:#4c4c4d;
	float:right;
	font-size:11px;
	font-weight:bold;
	height:18px;
	padding:0 0 0 18px;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
}
.legend li img {
	float:left;
	margin:0 5px 0 0;
	vertical-align:baseline;	
}
.entry-title {
	height:108px;
	padding-left:324px;
}
.content-block {
	border-top:1px solid rgba(255, 255, 255, 0.07);
	padding:17px 0 36px 0;
	position:relative;
	
	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);	
}
.content-block:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;	
}
.single .content-block {
	padding-bottom:0;	
}
.meta {
	color:rgba(255, 255, 255, 0.5);
	float:left;	
	margin-top:18px;
	position:relative;
	width:144px;
	z-index:10;
}
.meta h2 {
	font-size:12px;
	/*text-transform:uppercase;*/
}
.meta ul li {
	background:none;
	margin:0 0 9px 9px;
	padding:0;
}
.meta ul li.date {
	background:url(images/icons/calendar-16.png) no-repeat;
	padding:0 0 0 24px;
}
.meta ul li.tags {
	background:url(images/icons/tag-16.png) no-repeat;
	padding:0 0 0 24px;
}
.meta ul li.ext-link {
	background:url(images/icons/link-16.png) no-repeat;
	padding:0 0 0 24px;
}
.list-block {
	margin:0 0 36px 324px;
	width:630px;
}
.text-block {
	margin:0 0 18px 324px;
	width:468px;
}
.post .text-block,
.page .text-block {
	margin-top:-4px;
	margin:0 0 18px 324px;
	width:468px;
}
.post .text-block:first-child,
.page .text-block:first-child {
	min-height:108px;
}
.post .text-block p,
.page .text-block p {
	font-size:16px;
	line-height:24px;
	margin-top:-4px;
}
.list-block:after,
.text-block:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}
.image-block {
	padding-top:1px;
}
.image-block .pic {
	overflow:hidden;	
}
.image-block .caption {
	border-top:1px solid rgba(255, 255, 255, 0.18);
	background-color:rgba(0, 0, 0, 0.85);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.02, rgba(255, 255, 255, 0.07)), color-stop(1.0, rgba(0, 0, 0, 0)));
	background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.07) 0, rgba(0, 0, 0, 0) 100%);
	bottom:-73px;
	font-weight:bold;
	opacity:0;
	position:absolute;
	width:100%;
		
	-webkit-transition:all 600ms ease-in-out;
	-moz-transition:all 600ms ease-in-out;
	-o-transition:all 600ms ease-in-out;
	transition:all 600ms ease-in-out;
	
	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.9);
	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.9);
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.9);
}
.image-block .pic:hover .caption {
	bottom:0;
	margin:0;
	padding:0;
	opacity:1;	
}
.image-block .caption p {
	margin:0;
	padding:18px;	
	text-shadow:rgba(0, 0, 0, 1) 0 1px 0;
}
.pic {
	background:rgba(0, 0, 0, 0.5) url(images/dm-logo-frame.png) center center no-repeat;
	display:block;
	margin:0 0 37px 0;
	padding:2px 3px 3px 3px;
	position:relative;	
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6), 0 0 5px rgba(254, 243, 154, 0);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6), 0 0 5px rgba(254, 243, 154, 0);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6), 0 0 5px rgba(254, 243, 154, 0);
}
a.pic:hover {
	background-color:rgba(254, 243, 154, 1);
	border-color:rgba(254, 243, 154, 1);
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 0.4), 0 0 5px rgba(254, 243, 154, 0.4);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 0.4), 0 0 5px rgba(254, 243, 154, 0.4);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 0.4), 0 0 5px rgba(254, 243, 154, 0.4);
}
.pic.thumb {
	height:183px;
	margin-bottom:9px;
	width:300px;
}
.home .slides {
	height:494px;
	margin-bottom:54px;
	position:relative;
	width:954px;	
}
.home .slides a {
	height:489px;
	position:absolute;
	width:948px;
}
.tiles {
	padding:18px 0 0 0;
}
.tiles figure {
	float:left;
	margin:0 18px 55px 0;
	position:relative;
	width:306px;
}
.tiles figure:nth-child(3n) {
	margin-right:0;
}
.tiles .featured {
	height:34px;
	left:1px;
	position:absolute;
	width:34px;
	z-index:10;
}
.tiles .new {
	height:34px;
	position:absolute;
	right:7px;
	width:34px;
	z-index:10;
}
.networks {
	float:left;
	margin-right:18px;
	width:306px;
}
.networks:nth-child(2n) {
	margin-right:0;	
}
.networks li {
	background:none;
	height:45px;
	padding:0;
}
.networks li a img {
	background:rgba(0, 0, 0, 0.5);
	float:left;
	padding:1px 2px 2px 2px;
	position:relative;
	margin:0 6px 0 9px;
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6), 0 0 5px rgba(254, 243, 154, 0);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6), 0 0 5px rgba(254, 243, 154, 0);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6), 0 0 5px rgba(254, 243, 154, 0);
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
.networks li a:hover img {
	background-color:rgba(254, 243, 154, 1);
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 0.4), 0 0 5px rgba(254, 243, 154, 0.4);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 0.4), 0 0 5px rgba(254, 243, 154, 0.4);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 0.4), 0 0 5px rgba(254, 243, 154, 0.4);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
.networks li strong {
	display:block;	
}
.services {
	float:left;
	margin-right:18px;
	width:144px;
}
.services:nth-child(3n) {
	margin-right:0;	
}
.services li {
	padding-bottom:9px;
}

/* FOOTER */
#contentinfo {
	background:url(images/footer-shadow.png) repeat-x; /* Box shadow makes content overflow */
}
#contentinfo .container {
	color:rgba(255, 255, 255, 0.5);
	text-shadow:rgba(0, 0, 0, 0.75) 0 1px 0;
	padding:18px;
	height:180px;
}
#copyright {
	float:left;
	margin-right:18px;
	width:306px;	
}
#siteinfo {
	float:left;
	width:630px;	
}

/* NAVIGATION */
.main-navigation ul {
	float:right;	
}
.main-navigation ul li {
	background:none;
	float:left;
	margin:4px 0 0 9px;
	padding:0;
}
input[type="submit"],
.page-navigation a,
.main-navigation a {
	background-color:rgba(0, 0, 0, 0.2);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255, 255, 255, 0.12)), color-stop(0.04, rgba(255, 255, 255, 0.05)), color-stop(1.0, rgba(255, 255, 255, 0)));
	background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 100%);
	border:1px solid rgba(0, 0, 0, 0.6);
	color:rgba(255, 255, 255, 0.7);
	display:block;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:4px 5px;
	text-align:center;
	text-shadow:rgba(0, 0, 0, 1) 0 -1px 0;
	width:78px;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}

input[type="submit"],
.page-navigation a {
	min-width:108px;	
}
.main-navigation li.current a {
	text-shadow:rgba(0, 0, 0, 1) 0 1px 0;
}
input[type="submit"]:hover,
.page-navigation a:hover,
.main-navigation a:hover,
.main-navigation li.current a:hover {
	background-color:rgba(0, 0, 0, 0.1);
	color:rgba(254, 243, 154, 1);
	text-shadow:0 0 3px rgba(254, 243, 154, 0.4);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
input[type="submit"]:active,
.page-navigation a:active,
.main-navigation a:active,
.main-navigation li.current a {
	background-color:rgba(0, 0, 0, 0.24);
	background-image:none;
	border-color:rgba(0, 0, 0, 0.36);
	border-top-color:rgba(0, 0, 0, 0.54);

}

input[type="submit"]:focus {
	-webkit-box-shadow:0 0 4px rgba(159, 198, 78, 1.0);
	-moz-box-shadow:0 0 4px rgba(159, 198, 78, 1.0);
	box-shadow:0 0 4px rgba(159, 198, 78, 1.0);
}
input[type="submit"][disabled="disabled"] {	
	background-color:rgba(0, 0, 0, 0.2);
	background-image:none;
	border:1px solid rgba(0, 0, 0, 0.6);
	color:rgba(255, 255, 255, 0.7);
	display:block;
	font-weight:bold;
	line-height:18px;
	margin:0;
	opacity:0.5;
	padding:4px 5px;
	text-align:center;
	text-shadow:rgba(0, 0, 0, 1) 0 1px 0;
	width:78px;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
.page-navigation {
	border-top:1px solid rgba(255, 255, 255, 0.07);
	height:36px;
	margin-top:-1px;
	padding:40px 0 85px 0;
	
	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.32);
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.32);
}
.page-navigation .next {
	float:right;
}
.page-navigation .previous {
	float:left;
}
/* THE STAMPINATOR */
#stampinator {
	height:216px;
	position:absolute;
	right:13px;
	top:15px;
	width:84px;
}
#dispenser {
	background:url(images/dispenser-bg.png) center top no-repeat;
	height:90px;
	padding-top:2px;
	position:absolute;
	width:84px;
}
#dispenser-mask {
	height:4px;
	postion:absolute;
	top:0;
	width:84px;
}
#dispenser-mask img {
	position:relative;
	z-index:10;
}
#dispenser-stamp {
	height:78px;
	left:3px;
	overflow:hidden;
	padding:3px;
	position:absolute;
	top:2px;
	width:72px;
}
#dispenser-stamp img {
	background:rgba(0, 0, 0, 0.6);
	position:relative;
	top:-70px;
	
	-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.6);
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.6);
}
#stamp {
	cursor:pointer;
	height:78px;
	left:3px;
	padding:3px;
	position:absolute;
	top:10px;
	width:72px;
	z-index:10;
}
#stamp img {
	background:rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.6);
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.6);
	
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
}
#stamp.dropped img {
	background:rgba(0, 0, 0, 0.3);
	
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);	
}
#target {
	background:rgba(0, 0, 0, 0.1);
	border-color:rgba(0, 0, 0, 0.2);
	border-style:solid;
	border-width:2px 3px 3px 3px;	
	height:66px;
	right:9px;
	position:absolute;
	top:160px;
	width:60px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6);
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
#target p {
	color:rgba(0, 0, 0, 0.6);
	font-size:14px;
	font-weight:bold;
	margin:6px 0 0 0;
	padding:0;
	text-align:center;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
#target.active {
	border-color:rgba(0, 0, 0, 0.6);
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(0, 0, 0, 0.6);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
#target.active p {
	color:rgba(254, 243, 154, 1);
	text-shadow:0 0 3px rgba(254, 243, 154, 0.4);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
#target.highlight {
	border-color:rgba(254, 243, 154, 1);
	text-shadow:0 0 3px rgba(254, 243, 154, 0.4);
	border-width:2px 3px 3px 3px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 1), 0 0 5px rgba(254, 243, 154, 0.4);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 1), 0 0 5px rgba(254, 243, 154, 0.4);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07), 0 -1px 0 rgba(254, 243, 154, 1), 0 0 5px rgba(254, 243, 154, 0.4);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
#target.highlight p {	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
#no-spam-confirmed {
	display:none;
	height:84px;
	left:-10px;
	position:absolute;
	top:118px;
	width:140px;
	z-index:50;
}
/* FORMS */
input[type="submit"]{
	cursor:pointer;
	font:12px/18px Helvetica, Arial, sans-serif;
}
button::-moz-focus-inner{
	padding:0;border:none
}
label {
	display:block;
	float:left;
	text-align:right;
	margin-right:18px;
	padding:9px 9px 0 9px;
	width:126px;
}
.form-notice {
	min-height:112px;	
}
.form-field {
	overflow:auto;
	padding:0 0 5px 0;
}
.form-button {
	height:36px;
	margin:9px 0 0 162px;	
}
.field-wrap {
	background:rgba(0, 0, 0, 0.4);
	float:left;
	margin-top:3px;
	padding:2px;
	position:relative;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
}
input.entry,
textarea.entry {
	background:rgba(255, 255, 255, 0.7) url(images/input-shadow.png) repeat-x; /* Boo! Has to be background image. Fixes Opera bug, Chrome bug for inset shadow and Safari doesn't support inset shadow */
	color:#rgba(0, 0, 0, 0.7);
	float:left;
	font:12px/18px Helvetica, Arial, sans-serif;
	margin:0;
	padding:3px 6px;
	resize:none;
	width:450px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
input.entry:focus,
textarea.entry:focus {
	background-color:rgba(255, 255, 255, 0.9);
	
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
}
input.entry {
	height:18px;	
}
textarea.entry {
	height:131px;	
}
#contact-form {
	background:rgba(0, 0, 0, 0.05);
	border:1px solid rgba(0, 0, 0, 0.3);
	float:left;
	margin:13px 0 36px 162px;
	padding:17px 0 12px 0;
	position:relative;
	width:790px;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.07);
}
#search-form {
	margin-left:324px;
}
#search-form .field-wrap {
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
}
#search-form input.entry {
	width:290px;
	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
}
.search #search-form {
	height:72px;
	padding-top:18px;
}
.search-title {
	border-top:1px solid rgba(255, 255, 255, 0.07);
	padding:17px 0 18px 324px;
	position:relative;
	
	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.32);
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.32);		
}
.search-title h1 {
	font-size:24px;	
}
/* GRID STYLES */
.left {
	float:left;	
}
.right {
	float:right;
	margin-left:18px;
}
.clear {
	clear:both;	
}
.span-1 {
	width:63px;
	margin-right:18px;
}
.span-2 {
	width:144px;
	margin-right:18px;
}
.span-3 {
	width:225px;
	margin-right:18px;
}
.span-4 {
	width:306px;
	margin-right:18px;
}
.span-5 {
	width:387px;
	margin-right:18px;
}
.span-6 {
	width:468px;
	margin-right:18px;
}
.span-7 {
	width:549px;
	margin-right:18px;
}
.span-8 {
	width:630px;
	margin-right:18px;
}
.span-9 {
	width:711px;
	margin-right:18px;
}
.span-10 {
	width:792px;
	margin-right:18px;
}
.span-11 {
	width:873px;
	margin-right:18px;
}
.span-12 {
	width:954px;
	margin-right:18px;
}
.last {
	margin-right:0;
}
.push-1 {
	margin-left:71px;
}
.push-2 {
	margin-left:162px;
}
.push-3 {
	margin-left:225px;
}
.push-4 {
	margin-left:324px;
}
.push-5 {
	margin-left:405px;
}
.push-6 {
	margin-left:486px;
}
.push-7 {
	margin-left:567px;
}
.push-8 {
	margin-left:648px;
}
.push-9 {
	margin-left:810px;
}
.push-10 {
	margin-left:891px;
}
.push-12 {
	margin-left:954px;
}