/*  
Theme Name: eleven3
Theme URI: http://www.eleven3.com
Description: Theme for eleven3.com blog
Version: 4.0
Author: George Huff
Author URI: http://www.eleven3.com/ http://www.wtmworldwide.com

	eleven3 4.0
	http://www.eleven3.com/

	This theme was designed and built by George Huff, We The Media, Inc.
	

 */



/************************************************************************
				
				
	Listing Order:
	==============

	1 - Global
	2 - Structural
	3 - Entry & Left Column
	4 - Commment
	5 - Archive
	6 - Side Panel
	7 - Secondary Content
	

************************************************************************/





/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body { 
	background: url(images/bg_body.gif);
	font-family: "Georgia";
	margin: 0;
	padding: 0;
	
}


* { margin: 0; padding: 0; border: 0; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

div.left, div.right { float: left; }

.clear {clear:both;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix {display:block;}
/* End hide from IE Mac *//* end clearing */

/* replace */
.replace {text-indent:-10000px; display: block; width: 100%; height: 100%; outline: none;}

.replace * {text-indent:-10000px;display:block;background-repeat:no-repeat;background-position:left top;background-color:transparent;}
/*.replace a {text-indent:0;}*/
.replace a span {}
/* end replace */



/***********************************************************************
	2 - CONTAINER STYLES
************************************************************************/

div#container { }
div#spacer { background: url(images/bg_blog.gif) repeat-y; width: 871px; margin: 0 auto; height: 43px; }
div.inner { width: 871px; margin: 0 auto;}

h2.floating_header { padding: 10px 30px 13px 30px; border-top:  1px solid #eee; color: #555; }

/***********************************************************************
	2 - HEADER STYLES
************************************************************************/
div#spacer div.inner { position: fixed; padding-left: 1px; }
div#spacer a { border-bottom: 1px solid #eee; letter-spacing: .2em; font-size: 12px; float: left; white-space: nowrap; display: block; color: #ccc; margin-top: 0px; text-transform: uppercase;  padding: 4px 19px; background: #fff; opacity: .9;  z-index: 100; position: relative;}
div#spacer a:hover { text-decoration: none; background: #ddd; color: #666; opacity: 1;}
a#links { padding: 4px 22px 4px 22px !important; }
a#eleven3_logo { display: block; width: 21px; height: 20px; background: url(images/sprite_logo.png) 22px 0px; float: left; position: relative; bottom: 2px; margin-right: 6px !important; }
a#eleven3_logo:hover { background-position: 1px top; }

div#header { background: url(images/bg_header.png);  }

div#ie6_disclaimer { position: absolute; top: 0; left: 0; z-index: 100; padding-top: 60px; }
div#ie6_disclaimer div { background: red; width: 500px; height: 150px; text-align: center; margin: 0 auto; padding: 30px 50px 10px 50px; font-weight: bold; font-size: 20px; line-height: 150% !important; position: fixed;}
div#div#ie6_disclaimer div p { margin-bottom: 20px; }
div#ie6_disclaimer div a { color: #fff; text-decoration: underline;}

div#header div.inner {  background: url(images/bg_twitter.gif) repeat-y; }

div#twitter { float: left; width: 570px; padding: 0px 1px; color: #fdfdfd; }

div#tweetbox {  width: 596px; position: relative; left: -52px; padding: 20px 0; }
div#tweetbox td.bluetab { background: #5bc7de; width: 50px; border: 1px #00b7de solid;}
div#tweetbox td.text {  background: #5bc7de; border-top: 1px #00b7de solid; border-right: 1px #00b7de solid; border-bottom: 1px #00b7de solid;  }
div#tweetbox td.text a { height: 100%; display: block; background: #5bc7de; color: #fff;padding: 20px; text-shadow: 0px -1px #aaa, 0px -1px #aaa; }
div#tweetbox td.text a:hover {  background: #4b4c4b;   text-decoration: none; color: #888; text-shadow: 0px -1px #333, 0px -1px #333; }
td.tweet_text { text-shadow: 0px -1px #aaa, 0px -1px #aaa; vertical-align: middle; padding-left: 30px; width: 420px; float: right; font-style: italic; font-size: 18px; line-height: 150%;  }
td.tweet_text a { color: #4b4c4b; text-shadow: 0px 1px #ddd, 0px 1px #ddd; }
td.tweet_text a:hover { text-decoration: overline;  } 

div#search { width: 239px; float: right;  padding: 20px 30px 25px 30px;  }
div#search div { height: 36px; background: #f2f2f2; padding: 1px;  }
div#search input.textfield { border: 1px solid #d5d5d5; float: left; height: 25px; width: 150px; border-right: 1px solid #e0e0e0; padding: 9px 15px 0 10px; font-family: "Georgia"; font-style: italic; font-size: 14px; color: #b0b0b0; outline: none;}
div#search input.textfield:active { outline: 0; }
div#search p { opacity: .8;  text-shadow: 0px -1px #aaa, 0px -1px #fff;  font-size: 12px;  padding-bottom: 10px; color: #fff; text-transform: lowercase; font-style: italic; border-bottom: 1px dotted #ddd; margin-bottom: 10px; line-height: 130%;	 }
div#search a { color: #fff; margin-right: 3px;}


/***********************************************************************
	2 - MAIN CONTENT STYLES
************************************************************************/


div#blog { background: url(images/bg_blog.gif) repeat-y; width: 570px; float: left; padding: 0px 1px; margin-bottom: -20px;}

/* Article Entry Type */

div.entry_article {  padding: 37px 0 40px 0; }
div.entry_article h2 { color: #4f4f4f; font-size: 24px;  line-height: 125%; text-transform: uppercase; letter-spacing: -.05em; }
div.entry_article h2 a { color: #4f4f4f; display: block;  padding: 12px 30px 12px 30px;}
div.entry_article h2 a:hover { color: #eee; background: #4f4f4f; text-decoration: none; } 
div.entry_article a { color: #000; font-weight: bold; }
div.entry_article a.more-link { font-weight: normal; color: #666; background: #eee; padding: 11px 10px; text-transform: uppercase; font-size: 10px; float: left; display: block; width: 40px; text-align: center; line-height: 120%; margin-top: 10px; margin-right: 20px; }
div.entry_article a.more-link:hover { background: #ddd; text-decoration: none; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
/*div.entry_article em {  display: block; margin: 0 31px; font-size: 14px; line-height: 155%; color: #0f0f0f; padding-bottom: 10px; }
div.entry_article p em { display: inline; margin: 0; padding-bottom: 0px; font-size: 18px; line-height: 155%; color: #4f4f4f;  }
div.entry_article p + p em { display: inline; margin: 0; padding-bottom: 0px; font-size: 14px !important; line-height: 171%; color: #4f4f4f;  }*/

div.entry_article p { margin: 0 31px; font-size: 18px; line-height: 155%; color: #4f4f4f; padding-bottom: 10px; }
div.entry_article p + p, div.entry_article h3 + p, div.entry_article blockquote + p{ font-size: 14px; line-height: 171%;}
div.entry_article p.footer { background: url(images/bg_hr_onwhite.gif) repeat-x; padding-top: 12px; color: #999; font-style: italic; font-size: 12px; line-height: 150%; }
p.footer a { color: #666 !important; font-weight: normal !important; }
div.entry_article h3 { color: #9f9f9f; text-transform: uppercase; padding: 10px 30px;  }
div.entry_article blockquote { width: 33%; float: left; position: relative; top: 5px; left: -30px; background: #eee; border-bottom: 10px solid #ddd; border-left: 10px solid #ccc;  padding: 30px; font-size: 20px; line-height: 135%; text-align: right; margin-bottom: 15px; text-shadow: 0px 1px #fff, 0px 1px #fff;}
div.entry_article img { position: relative; left: -31px; padding: 10px 0;}

div.entry_article ol, div.entry_article ul { padding: 0px 30px 15px 48px;  font-size: 14px; line-height: 171%;  color: #4f4f4f; }

/* Image Entry Type */

div.entry_image { padding-left: 0px; }
div.entry_image img { width: 570px !important;}
div.wp-caption { position: relative; }
p.wp-caption-text { position: absolute; top: 30px; left: -52px; width: 270px;  background: url(images/bg_contact_form.png);  padding: 8px 10px 8px 70px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; font-size: 11px; font-style: italic;  line-height: 140%; color: #eee; text-shadow: 0px 1px #666, 0px 1px #666; }
div.bottom p.wp-caption-text { bottom: 30px !important; top:auto; }
div.dark p.wp-caption-text { color: #333; text-shadow: 0px 1px #fff, 0px 1px #fff; }

/* Quote Entry Type */

div.entry_quote { background: #4f4f4f; padding: 30px;  }
div.entry_quote h2 { color: #dedede; font-weight: normal; font-style: italic; font-size: 36px; text-shadow: 0px -1px #2c2c2c, 0px -1px #2c2c2c; line-height: 132%;}
div.entry_quote p {  text-align: right; color: #dedede; text-shadow: 0px -1px #2c2c2c, 0px -1px #2c2c2c; padding-top: 15px; font-style: italic; padding-right: 20px; }

/* Video Entry Type */

div.entry_video span { margin: 0 !important; }

/* Link Entry Type */

div.entry_link h3 {   }
div.entry_link h3 a { border-top: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; color: #9f9f9f; padding: 12px 30px;; font-style: italic; position: relative; color: #9f9f9f; display: block; background: #ededed; }
div.entry_link h3 a span { width: 50px; height: 47px; position: absolute; top: -1px; left:-50px; display block; background: url(images/sprite_heart.gif) left top no-repeat; }
div.entry_link h3 a:hover { color: #666; text-decoration: none; background: #ddd; }
div.entry_link h3 a:hover span { background: url(images/sprite_heart.gif) -50px 0px no-repeat; }
div.entry_link p { font-size: 18px; padding: 10px 30px 15px 30px; line-height: 155%; }

div.entry_link + div.entry_article { border-top: 20px solid #eee; margin-top: 25px; }
div.entry_video + div.entry_link { margin-top: 30px; }
div.entry_link { padding-top: 49px; }
div.entry_link + div.entry_link, div.entry_video + div.entry_link, div.entry_quote + div.entry_link, div.entry_image + div.entry_link, div.entry_article + div.entry_link { padding-top: 0px; }


/***********************************************************************
	2 - COMMENT STYLES
************************************************************************/

div#comments { padding: 0px 0px; background: #fefefe; border-top:  1px solid #eee; margin-bottom: -1px;}
div#comments a { color: #333;}
li.comment img { float: left; margin-right: 15px; margin-bottom: 5px; padding: 1px; border: 1px solid #ddd;}
li.comment h3 { text-transform: uppercase; padding-bottom: 10px; font-size: 16px;  color: #555;}
li.comment h3 span { display: block; font-size: 11px; color: #666; font-weight: normal; text-transform: lowercase; font-style: italic; padding-top: 3px;}
li.comment p { padding-bottom: 10px; font-size: 14px; line-height: 150%; color: #444; }
li.comment { padding: 20px 30px 10px 30px; border-bottom: 1px solid #eee; list-style: none;}
cite.fn { text-transform: uppercase; padding-bottom: 10px; font-size: 16px;  color: #333; font-style: normal; font-weight: bold;	}
span.says { display: none;}
div.comment-meta { font-size: 11px; color: #666; font-weight: normal; text-transform: lowercase; font-style: italic; padding-top: 3px; padding-bottom: 10px; }
li.byuser { background: #fafafa; }
li.byuser h3, li.byuser p {  text-shadow: 0px 1px #eee, 0px 1px #eee !important; }

div#comment_form { padding: 40px 0;}
div#comment_form a { color: #000; font-weight: bold;}
div#comment_form div { width: 150px; float: left; }
div#comment_form p { margin-top: 20px; font-size: 10px; border-top: 1px dotted #c9cac9; padding: 30px; text-align: right; color: #999;}
div#comment_form h3 { text-align: right; font-weight: normal; font-size: 30px; font-style: italic; padding-right: 30px; text-transform: lowercase; color: #4a4949; }
div#comment_form form { display: block; width: 329px; float: left; border-left: 1px dotted #c9cac9; padding-left: 20px;}
div#comment_form .form_text { background: #4a4a4a; border: 1px solid #484848; padding: 10px; color: #fff; font-family: "Georgia"; font-size: 14px; }
div#comment_form textarea { margin-left: 10px; margin-bottom: 10px; width: 308px; height: 100px; }
div#comment_form .full { width: 308px; margin-left: 10px; margin-bottom: 10px; }
div#comment_form .half { width: 132px; margin-left: 10px; float: left; margin-bottom: 10px;}
div#comment_form .button { margin-left: 10px;  }

/***********************************************************************
	2 - SIDEBAR STYLES
************************************************************************/

div#sidebar { float: right; width: 299px; }
div#sidebar hr { height: 3px; background: url(images/bg_hr_ongrey.gif) repeat-x; clear: both;}

div#bio { padding: 49px 30px 0px 29px; }
div#bio img { float: left; margin-right: 10px; margin-bottom: 24px; }
div#bio h1 {  font-size: 14px; color: #636363; text-transform: uppercase; padding-bottom: 3px; text-shadow: 0px 1px #eee, 0px 1px #eee; }
div#bio p.catchphrase {  font-size: 13px; font-style: italic; color: #898989; line-height: 153%;  text-shadow: 0px 1px #eee, 0px 1px #eee;}
div#bio p.biotext { clear: both; color: #494949; font-size: 12px; line-height: 166%; text-align: center; padding: 20px 0;  text-shadow: 0px 1px #eee, 0px 1px #eee; }
div#bio p.biotext a { color: #000; font-weight: bold; }
div#bio p.biotext + p.biotext { padding-top: 0;}

div#projects { padding-top: 100px; }
div#projects span.box { display: block; padding-left: 107px; padding-top: 37px; padding-right: 15px; }
div#projects span strong { display: block; font-size: 12px; text-transform: uppercase; color: #636363; font-style: normal; padding-bottom: 3px; text-shadow: 0px 1px #fff, 0px 1px #fff; }
span.box span { color: #898989; text-transform: lowercase; font-size: 13px; font-style: italic; line-height: 135%; }
a#wtm { width: 299px; height: 131px; background: url(images/sprite_projects.gif) 0px -131px no-repeat; display: block; }
a#hsr { width: 299px; height: 128px; background: url(images/sprite_projects.gif) 299px -128px; display: block; }
a#wtm:hover { background: url(images/sprite_projects.gif) left top no-repeat; }
a#hsr:hover { background: url(images/sprite_projects.gif) 299px 0px; }
div#projects a:hover { text-decoration: none;}

div#contact_form { padding-top: 100px; position: relative; z-index: 1; }
/* } */
a#contact_button { background: url(images/button_drop_me_a_line.gif) right top no-repeat; cursor: pointer; display: block; height: 71px; width: 300px; position: relative; top: 1px; }

form#holler .contact_form_text { font-family: Georgia; font-size: 14px; color: #2c2c2c;  font-style: italic; border: 1px solid #ddd; }
form#holler input.textfield { font-family: "Georgia" !important; height: 18px !important;  padding: 3px 3px; width: 237px; margin-bottom: 15px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form#holler { text-align: left;  display: block;  padding-top: 1em; padding: 30px; z-index: 10; }
form#holler label { display: block;clear: none; text-align: left; font-size: 11px; color: #3b3a3a; text-transform: uppercase; padding-bottom: 5px;}
form#holler textarea { height: 200px; display: block; width: 244px; margin-bottom: 15px; line-height: 150%;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
form#holler label em { font-weight: bold; font-style: normal; color: red; }
form#holler input.button { display: block; clear: left; margin-top: 10px; width: 240px; height: 36px; background: url(images/button_pushToTalk.gif); text-indent: -500px;}
input#holler_cc { float: left; margin-right: 5px; }


div#contact_drawer {  margin-top: -2000px; position: relative; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; background: url(images/bg_contact_form.png); }
#box-outer { overflow: hidden; }
div#holler_response p.holler_error { background: #ff0000; padding: 5px 30px; color: #fff; }
div#holler_response p.holler_success { background: #1e4d97; padding: 5px 30px; color: #fff; }

/***********************************************************************
	3 - PAGINATION STYLES
************************************************************************/


div#footer { width: 570px; padding-bottom: 20px; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div.pagination { width: 285px; float: left; text-shadow: 0px 1px #fff, 0px 1px #fff;}
div.pagination a { display: block; padding: 30px 110px 40px 30px;background: #eee;  }
div.pagination a:hover { background: #ccc; text-decoration: none; }
div#pagination_backward a { border-right: 1px solid #ccc; }
div.pagination strong { display: block; color: #444; font-size: 18px; padding-bottom: 3px;  font-style: italic; }
div.pagination span { text-transform: uppercase; font-size: 10px; color: #555; display: block; padding-bottom: 3px;}
div.pagination a .right_border { border-right: 1px solid #ccc; }
div.pagination a:hover .right_border { border-right: 1px solid #bbb; }

div#footer_text { clear: both; background: #ddd; margin-bottom: -20px; padding: 10px 30px; font-size: 10px; color: #666; border-left: 1px solid #ccc; border-right: 1px solid #ccc;border-top: 1px solid #bbb; }
div#footer_text span { float: left; width: 250px; display: block; }
div#footer_text em { float: right; width: 250px; display: block; text-align: right;}