/* 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:0 22px 2px 0;}
.alignnone {clear:both; padding:10px 0 10px 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:562px; height:114px; display:block; background:url(images/logo.png); text-indent:-9999px;}

#three-btns {position:relative; top:26px; left:150px;}
#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;}

#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; text-transform:uppercase; padding:10px 0 10px 0;}
.post-content {padding:10px 0 10px 0; line-height:19px;}



.page-nav {text-align:center; font-size:20px;}
.page-nav a {color:#333333;}
.page-nav a:hover{color:#666666;}
.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 a {color:#FFFFFF; padding:5px; 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:10px; border:1px solid #CCCCCC; margin:10px 0 10px 0; color: #666666; font-size:18px;}
.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;}





#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; }
.inputs {border:1px solid #999999; padding:5px; margin:0 10px 0 0;}
.go{ background:url(images/submit-btn.jpg); width:30px; height:30px; border:0;}

.ads-spot ul {padding:0; margin:0; }
.ads-spot li {list-style:none; float:left; padding:0 0 0 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;}
.page-item-14 {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;}

.post-image-demo {padding:25px 0 0 0;}
.post-image-demo h3 {font-size:30px; padding:10px 0 0 0;}
.post-image-demo p {padding:15px; margin:15px; border:1px dashed #CCCCCC;}
.myLinks {width:10px; height:1px; overflow:hidden;}
.myLinks a{text-indent:-9999px;}