/* CSS Document */

/* -------------------------------------------------------------- 

	Theme Name: the clam shell
	Theme URI: http://fearlessflyer.com
	Description: A Clammy Theme by Michael Soriano
	Author: Michael Soriano
	Author URI: http://fearlessflyer.com
	Version: 0.1
	Tags: fixed-width, sticky-post, custom-header, theme-options
	General comments/License Statement if any.

-------------------------------------------------------------- */

* {padding:0; margin:0;}
html {font-family:helvetica, arial; font-size:14px; overflow-x: hidden;}
a {text-decoration:none; color:#990000;}
a:hover {color:#666666;}
a img {border:0;}

.alignright {float:right; padding:5px 0 2px 22px;}
.alignleft {float:left; padding:5px 22px 2px 0;}
.alignnone {clear:both; padding:10px 0 10px 0;}
.size-full {padding:20px 0 20px 0;}

blockquote {font-family:georgia; font-style:italic; line-height:26px; color:#999999; border-left:3px solid #CCCCCC; margin:15px 0 15px 25px; padding-left:25px;}



body {background:url(images/body-bg.jpg) repeat-x #FFFFFF;}
#wrap { background: url(images/wrap.png) repeat-y; min-height:800px; overflow:hidden; padding-bottom:40px;}

#header { background:url(images/header.png) no-repeat; height:159px;}
#logo { position:relative; top:0; left:8px; float:left;}
#logo a { width:420px; height:114px; display:block; background:url(images/logo.png); text-indent:-9999px;}

#three-btns {position:relative; top:26px; left:292px;}
#btns li {display:inline;}
#btns li a { background:url(images/icon-sprites.png); display:block; float:left; height:85px; text-indent:-9999px;}
#btns li a#twitter {background-position:0 0; width:69px;}
#btns li a:hover#twitter {background-position:0 82px; width:69px;}
#btns li a#rss {background-position:-69px 0; width:78px;}
#btns li a:hover#rss {background-position:-69px 82px; width:78px;}
#btns li a#contact {background-position:-147px 0; width:90px;}
#btns li a:hover#contact {background-position:-147px 82px; width: 90px;}

#content { width:590px; margin:0 10px 0 30px; float:left; overflow:hidden;}
.post {background:url(images/horiz-borders.gif) repeat-x bottom left; padding-bottom:25px;}
.post-title {font-family:helvetica, arial; font-size:32px; font-weight:bold; letter-spacing:-1px;}
.post-title a {color:#333333;}
.post-title a:hover {color:#666666;}
.post-meta-data {font-size:10px; font-family:verdana; padding:10px 0 10px 0;}
.post-content {padding:10px 0 10px 0; line-height:19px;}
.post-content p {margin-bottom:14px;};



.page-nav-left {float:left; font-size:20px;}
.page-nav-right {float:right; font-size:20px;}
.post-nav {text-align:center; font-size:20px; padding:30px 0 5px 0;}
.post-nav a {color:#333333;}
.post-nav a:hover{color:#666666;}
.more-link {font-size:10px; font-family:verdana; text-transform:uppercase; padding-left:15px;}

#share-container { background:url(images/horiz-borders.gif) repeat-x bottom; height:80px; padding:10px 0 25px 15px;}
#share li {display:inline;}
#share li a {background:url(images/social-icons.png); display:block; float:left; height:67px; text-indent:-9999px; }

#share li a#facebook {background-position:0 -67px; width:72px;}
#share li a:hover#facebook {background-position:0 -1px; width:72px;}
#share li a#digg {background-position:-72px -67px; width:81px;}
#share li a:hover#digg {background-position:-72px -1px; width:81px;}
#share li a#delicious {background-position:-153px -67px; width:83px;}
#share li a:hover#delicious {background-position:-153px -1px; width:83px;}
#share li a#stumbleupon {background-position:-239px -67px; width:87px;}
#share li a:hover#stumbleupon {background-position:-239px -1px; width:87px;}
#share li a#rss {background-position:-329px -67px; width:81px;}
#share li a:hover#rss {background-position:-329px -1px; width:81px;}
#share li a#twitter {background-position:-410px -67px; width:83px;}
#share li a:hover#twitter {background-position:-410px -1px; width:83px;}
#share li a#technorati {background-position:-494px -67px; width:67px;}
#share li a:hover#technorati {background-position:-494px -1px; width:67px;}

/*comments*/
.commentlist li {list-style:none; border-bottom:#ececec solid 1px;}
.comment { margin:10px 0 10px 0; min-height:100px; padding:10px;}
#comments {font-size:32px; line-height:40px; padding:0; font-weight:bold;}
.comment-meta a {color:#999999; padding:5px 0 5px 0;}
.avatar {float:left; padding:5px 10px 0 0; }
.children {padding:0 0 0 50px;}
.reply {margin-top:10px;float:right;}
.reply a {color:#FFFFFF; padding:5px; margin-top:20px; margin:5px 0 0 0; background:#999999; font-size:10px;  }
cite {font-weight:bold; text-transform:uppercase; font-style:normal;} 
cite a {color:#990000;}
.comment-form-input-fields {padding:5px; border:1px solid #CCCCCC; margin:10px 0 10px 0; color: #666666; font-size:14px;}
.field-description {font-size:10px; font-family:verdana; text-transform:uppercase;}

.comment-form-labels {font-size:22px; }
#respond {padding:20px 0 0 3px;}
#respond small {font-size:10px; font-family:verdana; text-transform:uppercase;  color:#990000;}
#submit{ background:url(images/submit-btn.png); width:200px; height:60px; border:0; margin:15px 0 0 0;cursor:pointer;}

/*contact*/
.wpcf7 input {padding:5px; border:1px solid #CCCCCC; margin:10px 0 10px 0; color: #666666; font-size:14px;}
.wpcf7 .submit{ background:url(images/submit-btn.png); width:200px; height:60px; border:0; margin:15px 0 0 0;cursor:pointer;}
.wpcf7 textarea {padding:5px; border:1px solid #CCCCCC; margin:10px 0 10px 0; color: #666666; font-size:14px;}




#sidebar { min-height:600px; width:300px; float:right; margin-right:13px;}
.searchform {background: url(images/search.png) top left no-repeat; height:45px; padding:35px 0 0 0; margin-top:30px;}
.searchform .inputs {border:1px solid #999999; padding:5px; margin:0 10px 0 0;}
.searchform .go{ background:url(images/submit-btn.jpg); width:30px; height:30px; border:0;cursor:pointer;}

.progress {background: url(images/progress.png) top left no-repeat; padding:35px 0 0 0; }
.progress ul {margin:10px 0 10px 0; padding:0;}
.progress li {list-style:none; float:left; padding:0 0 0 7px;text-align:center;}

.archives {background: url(images/archives.png) top left no-repeat; padding:35px 0 0 0;margin-top:20px;min-height: 1px;}
.archives ul {padding:0; margin:0;margin-top:0px; }
.archives li {list-style:none; float:left; padding:0 0 0 7px;}

.categories {background: url(images/categories.png) top left no-repeat; padding:35px 0 0 0;margin-top:20px;min-height: 1px;}
.categories ul {padding:0; margin:0;margin-top:0px; }
.categories ul li {list-style:none; float:left; padding:0 0 20px 7px;}


#were-hiring {clear:both; background: url(images/were-hiring.png); width:280px; height:113px; padding:50px 0 0 21px; position:relative; top:20px; left:0;}
#were-hiring p {width:120px; }
#mad-props {clear:both; background: url(images/mad-props.png); width:280px; height:113px; padding:50px 0 0 21px; position:relative; top:48px; left:0;}
#mad-props p {width:150px; }

.ads-300x250 {position:relative; top:25px; left:-7px;}
.fearlessflyer {position:relative; top:65px; left:-7px;}


#footer {background:url(images/footer.png) no-repeat; height:172px;}
#navig {float:right; position:relative; top:120px; left:0;}
#nav-in-foot li {float:left; list-style:none; text-transform:uppercase; font-weight:bold; padding:0 15px 0 15px; line-height:11px;}
.page_item{border-right:1px solid #CCCCCC;}
.page-item-166 {border:0;}
#nav-in-foot li a {color:#000;}
#nav-in-foot li a:hover {color:#666666;}
#navig p {font-size:10px; font-family:verdana; text-transform:uppercase; color:#999999; text-align:right; padding-right:13px;}
#navig p a {color:#000000;}