/*
Theme Name: JoshWeigel
Theme URI: http://www.joshweigel.com/
Description: Custom Built Based on the Default Wordpress Theme.
Version: 0.0
Author: Chord Media Group - Jon Shipman
Author URI: http://chordmediagroup.com/
Tags: josh, weigel

*/

@font-face {
	font-family:"addcity"; 
	src:local('AddCityboy'), url('fonts/addcity.ttf') format("truetype");}

@font-face {
	font-family:"dymaxion"; 
	src:local('DymaxionScript'), url('fonts/dymaxion.otf') format("truetype");}


* {padding:0; margin:0; font:normal normal 12px/12px Verdana, san-serif;}
body, html {height:100%;width:100%;}
strong {font-weight:bold;}
em {font-style:italic;}
ul, ol {padding-left:30px; margin:10px 0;}
p {margin:10px 0;}
img {border:0;}

.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%; }

body {overflow-x:hidden}

#background {position:fixed; top:0; left:0; width:200%; height:200%; z-index:-1;}
#Home #background {width:100%; height:100%;}

div#wrapper {width:1000px; margin:0 auto; position:relative; min-height:100%; margin-bottom:-50px;}
div#canvas {padding-top:150px;}
#Home div#canvas {padding-top:0;}

#push {height:50px;}

#footer {height:35px; width:100%; margin:0 auto; position:relative; background:#000; text-align:center; padding:15px 0 0 0; color:#FFF; list-style:none;}
#footer li {display:inline;}
#footer a {color:#FFF; text-decoration:none; margin-right:30px;}
#footer a:hover {text-decoration:underline;}

/*#footer {height:35px; width:100%; margin:0 auto; position:relative; background:#000; text-align:center; padding-top:15px; color:#FFF;}
#footer a {color:#FFF; text-decoration:none; margin-right:30px;}
#footer a:hover {text-decoration:underline;}*/

h1.sitetitle {font:85px/85px addcity, san-serif; color:#2B4A84; position:absolute; top:140px; left:0; text-transform:uppercase; text-shadow: #FFF 1px 1px 2px; z-index:2; font-weight:bold;}
h2.sitesub {font:55px/55px dymaxion, san-serif; color:#FFF; position:absolute; top:210px; left:300px; text-transform:lowercase; text-shadow: #000 1px 1px 2px;}

.sitetitle span {display:block; position:absolute; top:-35px; left:-70px; z-index:-1; width:179px; height:179px; background:url('images/orb1.png') no-repeat;}

#navigation {display:inline-block; padding:50px 0; margin:0 0 0 -900px; text-align:center; width:2000px; position:absolute; top:0; left:50%;}
#Home #navigation {display:inline-block; padding:0; margin:330px 0 0 0; text-align:left; position:static; width:100%;}

#navigation li {display:inline-block; margin-right:100px; position:relative;}
#navigation a {font:35px/35px addcity, san-serif; color:#2B4A84; text-shadow: #FFF 1px 1px 2px; text-transform:lowercase; text-decoration:none;}

#Home #navigation li {display:block; margin:0 0 70px 0;}
#Home #navigation a {font:55px/55px addcity, san-serif;}

#navigation a:hover {color:#FFF;}
#navigation img {display:block; position:absolute; top:-25px; left:-50px; z-index:-1; }

/* #navigation {display:inline-block; padding:50px 0; margin:0 0 0 -900px; text-align:center; width:2000px; position:absolute; top:0; left:50%;}
#Home #navigation {display:inline-block; padding:0; margin:330px 0 0 0; text-align:left; position:static; width:100%;}
#navigation a {display:inline-block; margin-right:100px; position:relative; font:35px/35px addcity, san-serif; color:#2B4A84; text-shadow: #FFF 1px 1px 2px; text-transform:lowercase; text-decoration:none;}
#Home #navigation a {display:block; margin:0 0 70px 0; font:55px/55px addcity, san-serif;}
#navigation a:hover {color:#FFF;}
#navigation img {display:block; position:absolute; top:-25px; left:-50px; z-index:-1; } */


#Contact form {margin:20px 0; display:block; background:url('images/form-bg.png') no-repeat; width:300px; height:450px; padding:25px 50px;}
#Contact form * {color:#FFF; font-size:14px; line-height:14px;}
#Contact form label {display:block; margin-bottom:10px;}
#Contact form .wpcf7-not-valid-tip {position:absolute; top:0; left:0;}
.wpcf7-response-output {padding:10px !important;}
#Contact form input, #Contact form textarea {color:#000; font-size:12px;}
#Contact form textarea {line-height:12px;}
#Contact form div {margin:20px 0; position:relative;}
#Contact form .msg {height:40px;}
.required {color:#952E22 !important;}


#bang {background:url('images/bang.png') no-repeat; width:466px; height:572px; position:absolute; top:10%; right:-10%;}
#bang #stick {width:374px; height:321px; background:url('images/stick.png') no-repeat; position:absolute; top:325px; left:-265px;}
