/*
Theme Name: Magician
Theme URI: http://kevinheis.net
Description: WP theme for Kevin Heis
Version: Neo
Author: Kevin Heis
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline
}

/* remember to define focus styles! */
:focus {
	outline:1px solid #353030
}

body {
	line-height:1;
	color:#EEECEC;
	background:#353030
}

ol,ul {
	list-style:none
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0
}

caption,th,td {
	text-align:left;
	font-weight:400
}

blockquote:before,blockquote:after,q:before,q:after {
	content:""
}

blockquote,q {
	quotes:
}

/**** global code ***/
* {
	font-family:'PT Sans',Delicious,Calibri,sans-serif
}

body {
	font-size:16px;
	background:url(images/noise.jpg) #e0e4e7;
	color:#353030;
	text-shadow:1px 1px 1px #fff;
}

a {
	text-decoration:none;
	transition:all .2s linear;
}

a:active, a:focus {
	outline:0;
}

.content a, #filters a {
	color:#353030;
	text-decoration:none;
	background:#EEECEC;
	border-radius:5px;
	padding:1px;
	-webkit-box-shadow:0 0 1px rgba(5,0,0,0.2);
	-moz-box-shadow:0 0 1px rgba(5,0,0,0.2);
	box-shadow:0 0 1px rgba(5,0,0,0.2);
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
}

.content a:hover, #filters a:hover {
	color:#7B6F6F;
	background:#fff;
	padding:3px;
	margin:-2px;
}

p {
	line-height:1.5;
	max-width:500px;
	margin:.5em 1em
}

.content h1,#filters h1 {
	width:100%;
	text-indent:20px;
	font-size:30px;
	height:60px;
	line-height:60px;
	color:#EEECEC;
	background:#353030;
	background:rgba(5,0,0,0.7);
	clear:both;
	display:block;
	font-weight:700;
	text-shadow:#353030 -1px -1px 1px
}

#push {
	clear:both;
	height:80px
}

.left {
	float:left
}

strong {
	font-weight:700
}

audio {
	width:500px
}

/*** navigation ***/
header {
	position:fixed;
	clear:both;
	display:block;
	bottom:0;
	width:100%;
	height:80px;
	z-index:1000
}

header div {
	width:100%;
	height:100%;
	position:relative;
	background:#353030;
	background:rgba(5,0,0,0.7)
}

header h1 {
	color:#EEECEC;
	font-weight:bolder;
	position:absolute;
	top:15px;
	left:20px;
	font-size:38px;
	cursor:hand;
	cursor:pointer;
	text-shadow:#353030 -1px -1px 1px
}

header h2 {
	color:#EEECEC;
	font-weight:400;
	position:absolute;
	bottom:13px;
	left:40px;
	font-size:18px;
	cursor:hand;
	cursor:pointer;
	text-shadow:#353030 -1px -1px 1px
}

header ul {
	position:absolute;
	right:10px;
	top:30px
}

header ul li {
	float:left;
	font-size:20px
}

header ul li a {
	color:#EEECEC;
	padding:.5em;
	border-bottom:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	transition:all .2s linear;
	text-shadow:#353030 -1px -1px 1px
}

header ul li a:hover {
	color:#fff;
	box-shadow:0 0 20px rgba(5,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(5,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(5,0,0,0.2)
}

header ul li a:active {
	box-shadow:0 0 20px rgba(5,0,0,0.4);
	-webkit-box-shadow:0 0 20px rgba(5,0,0,0.4);
	-moz-box-shadow:0 0 20px rgba(5,0,0,0.4)
}

header ul li.current a {
	box-shadow:0 0 20px rgba(5,0,0,0.8);
	-webkit-box-shadow:0 0 20px rgba(5,0,0,0.8);
	-moz-box-shadow:0 0 20px rgba(5,0,0,0.8)
}

/*** posts ***/
#posts {
	z-index:1
}

.preview {
	z-index:1;
	width:300px;
	height:300px;
	float:left;
	position:relative;
	margin:10px 0 10px 20px;
	cursor:hand;
	cursor:pointer;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px
}

.preview img {
	position:absolute;
	top:0;
	left:0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	opacity:.5;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out
}

.preview a {
	-webkit-box-shadow:inset 1px 1px 2px rgba(255,250,250,0.6),inset -1px -1px 3px rgba(5,0,0,0.2),1px 1px 3px rgba(5,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 2px rgba(255,250,250,0.6),inset -1px -1px 3px rgba(5,0,0,0.2),1px 1px 3px rgba(5,0,0,0.5);
	box-shadow:inset 1px 1px 2px rgba(255,250,250,0.6),inset -1px -1px 3px rgba(5,0,0,0.2),1px 1px 3px rgba(5,0,0,0.5);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px
}

.preview a:hover {
	-webkit-box-shadow:inset 1px 1px 10px #fff,inset -1px -1px 16px rgba(5,0,0,0.7),2px 2px 20px rgba(5,0,0,0.8);
	-moz-box-shadow:inset 1px 1px 10px #fff,inset -1px -1px 16px rgba(5,0,0,0.7),2px 2px 20px rgba(5,0,0,0.8);
	box-shadow:inset 1px 1px 10px #fff,inset -1px -1px 16px rgba(5,0,0,0.7),2px 2px 20px rgba(5,0,0,0.8)
}

.preview a:active {
	-webkit-box-shadow:inset 1px 1px 12px #000,inset -1px -1px 6px rgba(5,0,0,0.4),1px 0 10px rgba(5,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 12px #000,inset -1px -1px 6px rgba(5,0,0,0.4),1px 0 10px rgba(5,0,0,0.5);
	box-shadow:inset 1px 1px 12px #000,inset -1px -1px 6px rgba(5,0,0,0.4),1px 0 10px rgba(5,0,0,0.5)
}

.preview:hover h1 {
	color:#353030;
}

.preview:active h1 {
	opacity:.1
}

.preview:hover img {
	opacity:1
}

.preview:active img {
	opacity:.8
}

.preview h1 {
	position:absolute;
	text-align:center;
	background:#EEECEC;
	background-image:-webkit-linear-gradient(#ffffff,#EEECEC);
	background-image:-moz-linear-gradient(#ffffff,#EEECEC);
	font-size:20px;
	padding:10px 0;
	top:50%;
	margin-top:-20px;
	width:100%;
	color:#353030;
	color:rgba(5,0,0,0.3);
	overflow:hidden;
	z-index:2;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	transition:all .2s linear
	opacity:0.8;
}

.preview a {
	width:100%;
	height:100%;
	display:block;
	border:0;
	position:absolute;
	z-index:10
}

.content {
	z-index:1;
	clear:both
}

.content p {
	margin:.5em 20px
}

.content-single-post img, .content-single-post iframe {
	-webkit-box-shadow: 3px 3px 10px rgba(5,0,0,0.5);
	-moz-box-shadow:3px 3px 10px rgba(5,0,0,0.5);
	box-shadow:3px 3px 10px rgba(5,0,0,0.5);
	-moz-border-radius:5px;
	border-radius:5px;
}

.post-filters {
	background:#353030;
	background:rgba(5,0,0,0.3);
	height:1em;
	padding:.5em 0;
	width:100%;
	display:block;
	margin-bottom:30px
}

.post-filters li {
	float:left;
	margin-right:.5em;
	margin-left:.5em;
	text-shadow:0 1px 1px #fff;
}

.post-filters li:first-child {
	margin-left:20px
}

/*** filters ***/
#filters {
	z-index:1;
	clear:both
}

#filters ul {
	margin:1em
}

#filters h2 {
	font-size:20px;
	font-weight:700;
	margin:0;
	width:160px
}

#filters li {
	margin:0;
	float:left;
	width:160px;
}

#filters ul ul {
	margin:1em 0
}

#filters ul ul li {
	float:none;
	margin:.5em 0
}

#filters .current a,header .current a {
	color:#EEECEC;
	background:#353030
}

/* resume */
.clear {
	clear:both
}

#resume {
	font-size:16px;
	line-height:24px;
	width:800px;
	margin:40px 20px 60px
}

#pic {
	float:right;
	margin:-30px 0 0
}

#resume h1 {
	margin:0 0 16px;
	padding:0 0 16px;
	font-size:42px;
	font-weight:700;
	letter-spacing:-2px;
	border-bottom:1px solid #7B6F6F;
	width:500px;
	color:#353030;
	background:transparent;
	text-shadow:none;
	text-indent:0;
	letter-spacing:1px
}

#resume h2 {
	font-size:20px;
	margin:0 0 6px;
	position:relative
}

#resume h2 span {
	position:absolute;
	bottom:0;
	right:0;
	font-style:italic;
	font-size:16px;
	color:#605757;
	font-weight:400
}

#resume p {
	margin:0 0 16px
}

#resume ul {
	margin:0 0 32px 17px;
	list-style:square
}

#resume #objective {
	width:500px;
	float:left
}

#resume #objective p {
	font-style:italic;
	color:#605757
}

#resume dt {
	font-style:italic;
	font-weight:700;
	font-size:18px;
	text-align:right;
	padding:0 26px 0 0;
	width:150px;
	float:left;
	height:100px;
	border-right:1px solid #605757
}

#resume dd {
	width:600px;
	float:right
}

#resume dd.clear {
	float:none;
	margin:0;
	height:15px
}

/* contact */
.wpcf7-form input,.wpcf7-form textarea {
	color:#EEECEC;
	font-size:1.1em;
	background-color:#7B6F6F;
	border:1px solid #353030;
	border-radius:.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	padding:5px;
	-webkit-box-shadow:inset -1px -1px 2px rgba(255,255,255,0.6), inset 1px 1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset -1px -1px 2px rgba(255,255,255,0.6), inset 1px 1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset -1px -1px 2px rgba(255,255,255,0.6), inset 1px 1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
}

.wpcf7-form input:hover,.wpcf7-form textarea:hover {
	background-color:#968B8B
}


.wpcf7-form input:focus,.wpcf7-form textarea:focus {
	outline:0;
	-webkit-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
}

.submitcontact input {
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	text-decoration:none;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
	cursor:pointer;
	color:#ffffff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.8);
	-webkit-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 3px rgba(0,0,0,0.5), 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	border:1px solid #6E5D5D;
	background:#907D7D;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#AFA1A1, endColorstr=#6E5D5D);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#AFA1A1), to(#6E5D5D));
	background-image:-webkit-linear-gradient(#AFA1A1, #6E5D5D);
	background-image:-moz-linear-gradient(#AFA1A1, #6E5D5D);
}
.submitcontact input:hover {
	-webkit-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.8), inset -1px -1px 3px rgba(0,0,0,0.7), 2px 2px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 1px 1px 2px rgba(255,255,255,0.8), inset -1px -1px 3px rgba(0,0,0,0.7), 2px 2px 3px rgba(0,0,0,0.4);
	box-shadow:inset 1px 1px 2px rgba(255,255,255,0.8), inset -1px -1px 3px rgba(0,0,0,0.7), 2px 2px 3px rgba(0,0,0,0.4);
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border:1px solid #473C3C;
	background:#A19090;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#BFB4B4, endColorstr=#7E6B6B);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#BFB4B4), to(#7E6B6B));
	background-image:-webkit-linear-gradient(#BFB4B4, #7E6B6B);
	background-image:-moz-linear-gradient(#BFB4B4, #7E6B6B);
}
.submitcontact input:active {
	color:#eeeeee;
	-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.9), inset -1px -1px 2px rgba(0,0,0,0.1), 1px 0 2px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.9), inset -1px -1px 2px rgba(0,0,0,0.1), 1px 0 2px rgba(0,0,0,0.5);
	box-shadow:inset 1px 1px 4px rgba(0,0,0,0.9), inset -1px -1px 2px rgba(0,0,0,0.1), 1px 0 2px rgba(0,0,0,0.5);
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
	border:1px solid #231E1E;
	background:#A19090;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7E6B6B, endColorstr=#BFB4B4);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7E6B6B), to(#BFB4B4));
	background-image:-webkit-linear-gradient(#7E6B6B, #BFB4B4);
	background-image:-moz-linear-gradient(#7E6B6B, #BFB4B4);
}