@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: SteadiTheme
Theme URI: http://www.jeffmelanson.net
Description: Theme for Jeff Melanson
Author: David Kruta
Author URI: http://www.davidkruta.com
Version: 6.0
Tags: black, blue, two-columns, fixed-width
*/

* {margin:0;padding:0;}
body {font-family: Lucida Grande, Helvetica, sans-serif;font-size: 62.5%;color: #a6a6a6;}
body {background: url(img/bg_Header.jpg) top left repeat-x #1e1e1e;margin: 0px;}
a, img {border:0;}
a:link {color: #72d7fb;text-decoration: none;}
a:visited {text-decoration: none;color: #72d7fb;}
a:hover {text-decoration: none;color: #FFF;}
a:active {text-decoration: none;color: #FFF;}
h1 {font-size: 1.8em;color: #72d7fb;}
h2 {font-size: 1.8em;color: #72d7fb;font-weight:normal;margin:20px 0;}
h3 {font-size: 1.2em;color: #fff;text-transform:uppercase;margin:20px 0 0 -120px;float:left;width:100px;text-align:right;}
h4 {font-size: 1.2em;color: #fff;margin:20px 0;}
p {font-size:1.1em;margin:15px 0;line-height:1.8em;}
.uppercase {text-transform:uppercase;}

#header {background:url(img/h_Logo.jpg) top left no-repeat;width:800px;margin:0 auto;height:44px;}
#header h1,#header h2, #lifestyle h1 {float:left;text-indent:-9999px;}
#twitter {float:right;background:url(img/h_Twitter.jpg) top left no-repeat;width:84px;height:44px;}

#container {width:800px;margin:0 auto;}
#content {width:680px;float:right;}

#nav {margin:20px 0;clear:both;}
.nav {margin:0;height:31px;width:890px;background:url(img/NAV_BG.jpg) top left repeat-x;}
.nav a {display:block;height:31px;overflow:hidden;}
.nav li {float:left;list-style:none;margin:0 95px 0 0;text-indent:-9999px;}
.nav #work a {background:url(img/n_Work.jpg) top left no-repeat;width:70px;}
.nav #blog a {background:url(img/n_Blog.jpg) top left no-repeat;width:60px;}
.nav #message a {background:url(img/n_Message.jpg) top left no-repeat;width:102px;}
.nav #backhome a {background:url(img/n_BackHome.jpg) top left no-repeat;width:84px;}
.nav #work a:hover {background:url(img/n_Work.jpg) bottom left no-repeat;width:70px;}
.nav #blog a:hover {background:url(img/n_Blog.jpg) bottom left no-repeat;width:60px;}
.nav #message a:hover {background:url(img/n_Message.jpg) bottom left no-repeat;width:102px;}
.nav #backhome a:hover {background:url(img/n_BackHome.jpg) bottom left no-repeat;width:84px;}

.section {width:680px;padding:20px 0;border-top:1px solid #444;float:right;clear:both;}
.sectionLifestyle {width:680px;margin:-15px 0 20px 0;float:right;clear:both;}
.sectionBackHome {width:680px;margin:0 0 20px 0;float:right;clear:both;}
.section .L {width:320px;float:left;}
.section .R {width:320px;float:right;}

#fnav {margin:20px 0;}
.fnav {margin:0;height:20px;width:890px;background:url(img/fnav_BG.jpg) top left repeat-x;}
.fnav a {display:block;height:20px;overflow:hidden;}
.fnav li {float:left;list-style:none;margin:0 40px 0 0;text-indent:-9999px;}
.fnav #enkistudios a {background:url(img/f_EnkiStudios.jpg) top left no-repeat;width:117px;}
.fnav #steadicam a {background:url(img/f_Steadicam.jpg) top left no-repeat;width:100px;}
.fnav #steadicamforum a {background:url(img/f_SteadicamForum.jpg) top left no-repeat;width:154px;}
.fnav #mkv a {background:url(img/f_MKV.jpg) top left no-repeat;width:57px;}
.fnav #wk a {background:url(img/f_WalterKlassen.jpg) top left no-repeat;width:102px;}

#nextprevious {text-transform:uppercase;}
.alignleft {float:left;}
.alignright {float:right;}

.recent li {list-style:none;}

input[type=text], textarea {border:none;background:#292929;color:#fff;padding:.2em;margin:10px 10px 0 0;font-size:1.3em;}
textarea {width:80%;font-family:Lucida, "Lucida Grande", Lucida Sans, Helvetica, Arial, sans-serif;line-height:1.7em;height:8em;}
.wpcf7-response-output {font-size:1.1em;margin:10px 0 0 0;}
.wpcf7-not-valid-tip-no-ajax, .wpcf7-response-output {color:#ca0000;}

.social {margin:20px 0;float:left;}
.social a {display:block;width:32px;height:32px;overflow:hidden;}
.social li {float:left;list-style:none;margin:0 15px 0 0;text-indent:-9999px;}
.social #email a {background:url(img/email_32.png) top left no-repeat;}
.social #rss a {background:url(img/rss_32.png) top left no-repeat;}
.social #twitter2 a {background:url(img/twitter_32.png) top left no-repeat;}
.social #facebook a {background:url(img/facebook_32.png) top left no-repeat;}
.social #myspace a {background:url(img/myspace_32.png) top left no-repeat;}
.social #youtube a {background:url(img/youtube_32.png) top left no-repeat;}
#f-connect {float:left;}
#f-icons {float:left;}
#f-copyright {float:right;color:#656565;}
.social p {line-height:70px;text-transform:uppercase;}