/*
Theme Name: SethEtter.com
Theme URI: http://www.sethetter.com
Description: Theme for Seth Etter . com website.
Version: 3
Author: Seth Etter
Author URI: http://sethetter.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import url('../../plugins/easy-contact/sample/econtact-basic.css');

/* 		COLORS 
		#041b29 - Background
		#FFFFFF - Text
		#B1DBB9 - Links
		#58C739 - Link Hover
		#1F5B44 - Nav Hover
		#506F7E - Sidebar
		#2A2A2A - Footer BG
*/

/* ELEMENTS */

*{margin:0;padding:0;}
html{overflow-y:scroll;}
html,body{height:100%;}
ul{list-style:disc inside;}
ol{list-style:decimal inside;}
a{outline:none;color:#B1DBB9;text-decoration:none;}
a img{border:none;}
img{vertical-align:middle;}
table{border-collapse:collapse;}
body{font-size:12px;background:url(/imgs/background.jpg) no-repeat #041b29 top center;}
hr{color:#aaa;height:1px;border:1px solid #041b29;border-style:dotted;margin:15px -25px;}
blockquote{font-style:italic;border-left:1px solid #FFF;margin:30px 0 30px 10px;padding:0 5px 0 20px;}
p,ul,ol{font-size:12px;line-height:22px;font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;color:#fdfdfd;margin:0 0 15px 0;}
ul li, ol li{font-size:16px;}
a:hover{color:#58C739;text-decoration:none;}
h1,h2,h3,h4,h5,h6,h7,h8{font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;color:#fff;font-weight:bold;margin:5px 0 3px 0;}
strong{color:#fff;}
h1{font-size:25px;}

/* UTILITY */

.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.button{border:1px solid #000;background:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;color:#666;padding:3px 8px;}
.button:hover{background:#687574;color:#FFF;}
.center{text-align:center;}

/* LAYOUT */

#container{width:960px;min-height:100%;height:auto !important;margin:0 auto;}
#push{height:250px;z-index:-1;overflow:hidden;}

header#top{width:960px;height:200px;position:relative;}
#logo{width:453px;height:151px;background:url('/imgs/logo.png');float:left;position:relative;}
.pushleft{width:453px;height:151px;text-indent:-9999px;}

nav{width:890px;height:49px;line-height:49px;clear:both;margin:0 20px 0 10px;}
nav ul {height:49px;margin:0;padding:0;}
nav ul li{display:inline;display:inline-block;list-style:none;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;padding:0 25px;height:49px;line-height:49px;font-size:14px;}
nav ul li a{color:#eee;}
#tagline{margin:10px 0 0;}

#searchbar {width:180px;height:49px;background:url('/imgs/search.png') no-repeat top right;padding-right:20px;margin-right:-40px;}
#searchbar input {width:150px;margin-bottom:2px;padding:3px;border:1px solid #58C739;-moz-border-radius:3px;-webkit-border-radius:3px;}
#searchsubmit {display:none;}

#sidebarwrap{background:#162b37;-moz-border-radius:10px;-webkit-border-radius:10px;width:189px;height:auto;float:right;clear:right;margin:30px 20px 50px 0;padding:15px 15px 20px;}
#sidebar{width:187px;height:auto;-moz-border-radius:10px;-webkit-border-radius:10px;float:right;clear:right;}
#posts{background:#162b37;margin-top:25px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:5px 20px 20px;}
#recentwork{background:#162b37;-moz-border-radius:10px;-webkit-border-radius:10px;width:661px;height:350px;margin:25px 0;padding:15px;}
.sidebarlist{list-style:inside;margin-left:15px;}
#sidebar li{font-size:14px;line-height:2em;font-family:Arial, Helvetica, Verdana, sans-serif;list-style:none;}
#sidebar ul li ul li{font-size:12px;text-transform:uppercase;}
#sidebar h3{font-size:18px;font-family:Helvetica, Arial, Verdana, sans-serif;color:#FFF;list-style:none;}
#sidebartitle{font-size:1.5em !important;font-family:Helvetica, Arial, Verdana, sans-serif;color:#FFF;text-transform:uppercase !important;list-style:none !important;}
#social p{margin-top:0;margin-bottom:10px;font-size:14px;}
#social h2{font-size:18px;font-family:Helvetica, Arial, Verdana, sans-serif;color:#FFF;}

.services{width:400px;margin:0 10px 0 0;}

#footer{height:250px;border-top:1px #000 solid;background-color:#2A2A2A;text-align:center;padding-top:40px;margin-top:30px;}
#footer-inside{width:960px;margin:0 auto;}

/* FRONT PAGE */

#home-content{width:890px;background:#162b37;-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden;margin:15px;padding:20px 20px 0;}
#home-content h2{padding-bottom:10px;}

.work{float:left;width:430px;margin:0 20px 5px 0;}
.work a{outline:none;}
.work p{font-size:1em;font-weight:700;margin:8px 0 10px;}
.worksingle p{font-weight:400;}
.work span{font-size:1.2em;font-weight:400;}
.last{margin-right:0 !important;}
.work a:link img,.work a:visited img{border:5px solid #e3e8ed;}
.work a:hover img,.work a:active img,.work a:focus img{border:5px solid #58C739;}
.work a:link,.work a:visited{font-size:1.3em;color:#B1DBB9;}
.work a:hover,.work a:active{color:#58C739;}

.extraswrap{margin-top:10px;overflow:hidden;padding:0 15px;}
.extras{float:left;width:280px;overflow:hidden;margin:0 0 0 20px;}
.extras p{font-size:14px;}
.extras h2{padding-bottom:10px;font-size:1.8em;}
.flickr{display:inline;}
.flickr a:link img,.flickr a:visited img{border:3px solid #e3e8ed;margin:0 5px 5px;}
ul.twitter{margin:0;}
ul.twitter li.twitter-item{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;list-style:none;margin-bottom:20px;background-color:#f6f5ed;border:1px solid #1F5B44;padding:8px 10px;}
ul.twitter li.twitter-item span abbr{border-bottom:none;display:block;font-size:0.8em;font-style:italic;margin-top:3px;}
.flickr a:hover img,.flickr a:active img,.flick a:focus img{border:3px solid #58C739;}
#categories-3 li,#linkcat-2 li{font-size:14px;color:#e3e8ed;list-style:none;border-bottom:1px solid #1F5B44;padding:4px 0 0;}
#sidebar h3{font-size:1.8em;padding-bottom:5px;}

img#home-photo{border:1px solid #eee;margin:0 7px 5px 0;padding:2px;}
.textwidget p{margin-bottom:12px;}
.extras ul li{list-style:none;border-bottom:1px solid #1F5B44;list-style-position:outside;font-size:14px;line-height:1.2em;padding:14px 0 5px;}
.extras ul{margin-top:-10px;}
#portfolio-content{width:890px;background:#162b37;-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden;margin:15px;padding:20px;}
.portfoliotext{font-size:1.3em;margin-top:15px;}
.worksingle ul{margin-top:20px;}
.worksingle ul li{display:inline;width:130px;height:70px;list-style:circle;list-style-position:inside;padding:15px 40px 15px 0;}

li,.posttitle{color:#FFF;}
#leftcontent,#pagecontent{width:691px;height:auto;float:left;clear:left;margin:5px 15px 25px;}
#posts li,.post{margin-top:10px;}

/* BLOG */

#posts h1{font-size:32px;}
#posts h2{font-size:28px;margin:15px 0 0 0;}
#posts h3{font-size:24px;margin:5px 0 15px 0;}
#posts h4{font-size:18px;margin:5px 0 15px 0;}
#posts p{font-size:15px;line-height:22px;margin-bottom:20px;}
#posts ul,ol{font-size:13px;list-style-position:outside;margin:15px;}
.datebox{margin-right:5px;width:30px;height:150px;float:left;background:#1d563c;color:#FFF;text-align:center;padding:5px;}
.postcontent{float:right;width:570px;margin:0 30px 0 5px;}
#postfoot{width:681px;height:90px;background:#1d563c;color:#FFF;padding:5px;}
#day{font-size:2.3em !important;font-weight:700;margin:0 !important;}
#month{font-size:1.1em !important;font-weight:700;text-transform:uppercase;margin:0 !important;}
#year{font-size:1.6em;font-weight:700;margin:0;}
#biglist{font-size:1.4em;}
#posts img{border:1px solid #000;}
.postnav{font-size:14px;padding:10px 20px 20px;}

#portfolio{width:690px;margin:0;padding:0;}
#portfolio img{border:solid 1px #000;width:100px;height:100px;margin:0 10px 10px 0 !important;padding:0;}
#services{font-size:1.5em;}
#personalphoto img{margin:0 30px;}
.sendmail{background-color:#eee;border:solid 1px #333;font-size:1.2em;padding:3px 8px;}
.worksingle ul{width:600px;}

.codeview{border:1px solid #eee;border-left:2px solid #fff;margin:10px;padding:15px;background:#eee;color:#333;}

/* COMMENTS */

#comments{font-size:0.9em;list-style-type:none;width:470px;}
#comment{width:500px;;font-family:Helvetica, Arial, sans-serif;border:none;padding:10px;}
ol.comments{list-style-position:outside;}
.commentlist .quote{background:url(http://www.sethetter.com/imgs/bg_quote.gif) no-repeat top right;font-size:14px;}
.commentlist li{margin-top:15px;background:#454545 url(http://www.sethetter.com/imgs/bg_commentlist.gif) bottom no-repeat;color:#e4edee;list-style:none;height:100px;padding:15px 18px 22px;height:100%;overflow:hidden}
.commentlist cite{display:block;font-style:normal;}
.commentlist cite a:link,.commentlist cite a:visited{text-decoration:none;}
.commentlist cite a:hover,.commentlist cite a:active{color:#FFF;text-decoration:underline;}
#commentinfo cite{font-size:15px;line-height:2.3;}
.admincomment{background:#585858;}

/* PLUGINS */

.sexy-bookmarks{width:600px;}