/*   
Theme Name: Knowledge Is Social
Theme URI: http://knowledgeissocial.com
Description: Timothy Young spoutin' serious knowledge
Author: Joshua Brewer
Version: 1.0
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */


/* Basic WordPress Styles */
@import url('styles/wp.css');


#wrapper {   
  width: 67.5em;
  margin: 0 auto; 
  padding:0; 
  overflow: hidden;
}

/* =Header
-------------------------------------------------------------- */
#masthead {   
  float: left;
  width:100%;
}

#branding {
	margin: 0 0 2em 0; 
	float: left;
}  
#blog-title {
  font-size: 2em; /* 24px */
  line-height: 1.5; /* 36px */ 
  float: left;
}
#blog-title a { 
  background:#899639;
  color: #fff;   
  float:left;   
  font-weight: bold;
  text-decoration:none;
  position:relative;  
  padding: 0 9px 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  text-shadow:#2e3604 0 1px 1px; 
  
}  
#blog-title a:hover {
  text-shadow:#2e3604 0 -1px 1px; 
}                     
#blog-title a span{ 
  display: block;
  padding: 0 3px 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
}

#blog-description{
  float:left;
}          
#blog-title a:hover {
  background:#899639;
  color:#fff;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0 0 1.5em 0;
	overflow: auto;
}
.skip-link {
	display: none;
} 

.menu ul {  
  float:right;
	list-style: none;
	margin: 0;
	margin-top:2.45em;	
}
.menu li {
  float:left;
}
.menu li a {  
  color:#2a2a2a; 
	display: block;
	font-weight: bold;
	float: left;
	margin-left:1em;
	display: inline;
	padding: 3px 6px; 
	text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; 
}  
.menu li a:hover {
  background:#899639;
  color: #fff;   
  text-shadow:#2e3604 0 1px 0;
}
a.rss {
  background: url(../images/rss.png) no-repeat 95% 50%;
  color: #ff8900; 
  display:inline;
  float:right;
  font-weight:bold;
  margin: 2.45em 0 0 1em;
  padding: 3px 6px 3px 6px;
  text-decoration:none;
}
a.rss:hover {
  background: #ff8900;
  color: #fff;
  text-shadow:rgba(255,76,0,.9) 0 1px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
body.ie6 a.rss {
  background-image:none;
  padding-right:6px;
}

/* =Content
-------------------------------------------------------------- */
#container {
  float:left;
}           
body.ie #container {
  margin-top:1.5em;
}
.entry-meta {
  width: 10.9em;  
  margin-left:-14.55em;
  margin-top: 2.25em;  
  font-size:0.917em;  
  float: left;
  display: inline;
}    
.comment-count {
  font-weight:bold;
  display:block;
  color:#5f5f5f;
} 
.comment-count a{
  color:#6b6b6b;
  text-decoration:none; 
  padding:0 2px 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}  
.comment-count a:hover {
  background:#6b6b6b;
  color:#fff;  
  text-shadow:rgba(0,0,0,.75) 0 1px 0;
}
.entry-date{
  font-weight:bold;
  clear:both;
}  
.entry-date abbr {
  border-bottom:0;  
  padding:0 2px 1px;
}  
.tag-links, .tag-links a {
  color:#8b8b8b;
  padding:0 1px 1px; 
  text-decoration: none; 
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.tag-links a:hover {
  color:#fff;
  background:#8b8b8b;
  text-shadow:rgba(0,0,0,.75) 0 1px 0;
}

.post, #content .page {
	margin: 0 13.333em 1.5em;	   
	position: relative;
} 
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0; 
	font-size: 1.1667em;
}  
body.ie7 .entry-content {
  clear:left; 
  zoom:1;
}

.single .entry-content {
  margin:0;
}
.entry-content p{
  margin:0 0 1.5em;   
}
blockquote {      
  background:#bfc98b;
	color:#fff;    
	float: left;     
	display: inline;
	font-size: 1.167em;
	font-weight: bold; 
	line-height:1.285;
	margin-left:-50px;
	margin-right:10px;  
	margin-top: .6em;
	width: 232px;
  padding:0.64em; 
  text-shadow:#899639 0 0px 1px;     
}
.entry-content blockquote p {
  margin:0;
} 

.entry-utility { 
  border: 1px dotted #c2c2c2;
  border-width:1px 0;
  color:#8b8b8b;
  padding: 0.5em;  
}
.entry-utility a { 
  background:#e9e9e9;
  color:#858585;
  padding:0 3px 1px; 
  text-decoration: none; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
} 
.entry-utility a:hover {
  color:#fff;
  background:#8b8b8b;
  text-shadow:rgba(0,0,0,.75) 0 1px 0; 
}
/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}               
.navigation a {
  color:#7b7b7b;
  padding: 0 2px 1px;  
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}  
.navigation a:hover {
  background:#8b8b8b;
  color:#fff;
  text-shadow:rgba(0,0,0,.7) 0 1px 0;
}

#nav-below {
  margin: 1.5em 13.333em;
}
.nav-previous { 
  display:inline;
  float: left;
  width:49.5%;
  margin-right:0.5%;
  display: inline;
}             
.nav-next {
  display: inline;
  float: right; 
  margin-left:0.5%;
  text-align: right;
  width:49.5%; 
  display: inline;
}
/* =Footer
-------------------------------------------------------------- */
#footer {
  background: #efefef url(http://knowledgeissocial.com/wp-content/themes/KIS_theme/images/brain_ongrey2.png) no-repeat 98% 98%;  
  float:left;              
  padding:1.5em;
  text-shadow:#fff 0 1px 0;  
  width: 64.5em;  
} 

#footer h4 {
  color:rgba(42,42,42,.9);
}
 
#who-is-this-guy {
  float: left;
  width:26em;
}   
#who-is-this-guy img {
  width:8em;
  margin-right: 1em; 
  float: left;
  display: inline;
}  
#who-is-this-guy .info {
  float: left;
  width:16em;
} 
.info .fn {
  display:block;
  font-weight: bold;
  font-size: 1.125em;
}      
#follow {
  float:left;
  width: 11em;
  margin-right: 0.75em;
}  
#follow li {
  margin-bottom:.75em;
}  
#follow a {
  padding:5px 5px 3px 24px; 
  text-decoration: none;
} 
body.ie6 #follow a {
  padding: 5px 0;
}  
#follow a[rel*="twitter"]{
  background:url(http://knowledgeissocial.com/wp-content/themes/KIS_theme/images/icons/twitter_16.png) no-repeat 1px 50%;
}  
#follow a[rel*="friendfeed"]{
  background:url(http://knowledgeissocial.com/wp-content/themes/KIS_theme/images/icons/friendfeed_16.png) no-repeat 1px 50%;
} 
#follow a[rel*="slideshare"]{
  background:url(http://knowledgeissocial.com/wp-content/themes/KIS_theme/images/icons/slideshare.png) no-repeat 1px 50%;
}        
#follow a[rel*="vimeo"]{
  background:url(http://knowledgeissocial.com/wp-content/themes/KIS_theme/images/icons/vimeo_16.png) no-repeat 1px 50%;
}  
#footer a:hover {  
  background-color:#899639;
  color: #fff;   
  text-shadow:#2e3604 0 1px 1px;
  text-decoration: none; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
/* Recent posts listing */
#recently {
  float:left;     
  width:25em;   
  margin-right: 1.5em;
}    
#recently ul.xoxo {
  border-top:1px solid #ccc;
  border-bottom: 1px solid #fff;
}           
#recently ul.xoxo li {  
  border-bottom:1px solid #ccc;
  border-top:1px solid #fff;
  padding: 0.5em 0;
  margin: 0;
}   
#recently ul.xoxo li:first-child {
  border-top:1px solid #fff;
}
#recently ul.xoxo li h5, #recently ul.xoxo li h5 a {
  margin-bottom: 0;
  text-decoration:none; 
}                       
#recently ul.xoxo li h5 a:hover {
  text-shadow:#fff 0 1px 0;
}
#recently ul.xoxo li abbr {   
  padding:0;
} 
#recently ul.xoxo li .entry-date, #recently ul.xoxo li .comment-count {
  font-size:90%;
  display:inline;
  margin-right:1em;
}       
#recently ul.xoxo li .entry-date, #recently ul.xoxo li .comment-count {
  color:#6b6b6b;
}        

#recently ul.xoxo li p {
  margin-bottom:0;
}     
#footer #searchform .form-input { 
  background-color: #d2d2d2;
  margin:0 1em 0 0;       
  padding:2px 2px;
}            
body.webkit #footer #searchform .form-input {
  padding: 1px 2px;
}
#footer #searchform .form-input input{
  width:17em;
} 
body.ie #footer #searchform .form-input input {
  padding:4px;
}    
#footer #searchform .form-submit {
  margin-top:1px;
} 
body.ie #footer #searchform .form-submit input {
  padding:0px;
}
#site-info {   
  font-size: 11px;
  float: left;
  clear:both;
  color: #a9a9a9;
  width:100%;
}       
#site-info p {
  margin: 1em;
}  
#site-info a {
  color:inherit;
}               


/* =Archives page
-------------------------------------------------------------- */
#smart-archives-block a, #smart-archives-list ul a{
  text-decoration: none;
}    
#smart-archives-block li{
  margin-bottom:.75em;
}
#smart-archives-block a { 
  background:#e9e9e9;
  color:#8b8b8b;
  padding: 2px 4px;  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}  
#smart-archives-block strong a {
  background:none;  
  color:#4A4A4A;
}
#smart-archives-block a:hover {  
  background:#8b8b8b;
  color:#fff;
  text-shadow:rgba(0,0,0,.7) 0 1px 0;
}
#smart-archives-list h3 a:hover {
  background:#899639;
  color: #fff;   
  font-weight: bold;
  text-decoration:none;
  position:relative;  
  padding: 0 3px 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  text-shadow:#2e3604 0 1px 1px;  
}
#smart-archives-list li a {
  text-decoration: underline;
}                            
#smart-archives-list a:hover {  
  background:#899639;
  color: #fff;   
  text-shadow:#2e3604 0 1px 1px;
  text-decoration: none; 
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
/* =Contact Area
-------------------------------------------------------------- */  
.wpcf7 form{ 
  float: left;  
  width:35em;
  margin-bottom:1.5em;   
}  
.wpcf7 form input, wpcf7 form textarea {
  font-family: "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.fe_container {
  float: left;
  margin-bottom: .75em;
  border-bottom: 1px solid #ccc;
  padding-bottom:1.5em;
  width: 100%;
}
.fe_container .label { 
  float: left;
  font-size: .857em;
  font-weight: bold;        
  color:#7b7b7b;
} 
body.ie .fe_container .label {
  margin-bottom:.5em;
}
.fe_container .label em {
  font-style:normal;
  font-weight: normal;
}                  
.fe_container input[type="text"] {     
  border: 1px solid #a9a9a9;
  padding: 0.5em;   
  width:38.5em;
}
.fe_container textarea { 
  border: 1px solid #a9a9a9; 
  font-weight:bold;
  padding: .75em;
  width: 38em;
}       
.fe_btn_container input {   
  background:#abb86d;
  border: 2px solid #8fa03c;
  color:#fff;       
  cursor:pointer;       
  padding:0.25em 0.75em;
  font-size: 1.167em;
  text-shadow:#505f08 0 1px 1px;
}  
body.ie7 .fe_btn_container input {
  font-family: Arial, Helvetica, sans-serif;  
  
}
.fe_btn_container input:hover, .fe_btn_container input:focus {
  background:#819424;
  border-color:#505f08;  
  text-shadow: #394405 0 1px 1px;
}  



/* =Comments
-------------------------------------------------------------- */  
#respond {
  float: left;
}   
#comments {   
  border-top: 3px double #d2d2d2;
  float: left;                
  display: inline;
  margin: 0 13.333em 1.5em;   
  padding-top: 1.5em;
}
#commentform {
  float: left;
  margin-bottom: 3em;
}
.form-section {
  float: left;
  clear: both;
  margin-bottom: 1em;
}
.form-label { 
  color:#7b7b7b;
  clear: both;    
  font-weight: bold; 
  float: left;       
}
.required {
  font-weight: normal;
}            
.form-input, .form-textarea {   
	background:#e3e7ce;  
	clear:both;
	float: left;
  padding:0.5em;
}  
.form-textarea {
  width:40em;
}   
.form-textarea textarea {
  	height: 8em; 
  	width: 38.75em;
}
.form-input input[type="text"], .form-textarea textarea {
  border: 1px solid #a9a9a9;
  padding: 0.5em;
}
.form-submit {
  float: left;    

}     
body.ie #comments .form-submit {
  clear:both;
}
.form-submit input {   
  background:#abb86d;
  border: 2px solid #8fa03c;
  color:#fff;       
  cursor:pointer;         
  padding:0.25em 0.75em;
  font-size: 1.167em; 
  text-shadow:#505f08 0 1px 1px;
}  
.form-submit input:hover, .form-submit input:focus {
  background:#819424;
  border-color:#505f08;  
  text-shadow: #394405 0 1px 1px;
}
#form-allowed-tags p {
  margin-bottom: 0em;
}
/* Comments list */   
#comments-list {
  float: left;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #d2d2d2; 
  padding-bottom: 1em;
}
#comments-list ol {
  float: left;
  list-style-type: none;  
  width:41em;
  margin:0;
}  
#comments-list a:hover {
  text-shadow:#000 0 1px 0
}
#comments-list ol li {  
  xborder-bottom: 1px solid #ebebeb; 
  clear: both;
  float: left;  
  padding: 1em 0;
  width:100%;
}
#comments-list li .vcard { 
  color:#7b7b7b;
  float: left;       
  position: relative;
} 
#comments-list li .vcard .fn {
  font-weight: bold;   
}   
#comments-list .vcard a, #comments-list .comment-meta a {
  color:#8b8b8b;
  padding: 0 2px 1px;  
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}  
#comments-list .vcard a:hover, #comments-list .comment-meta a:hover {
  background:#8b8b8b;
  color:#fff;
  text-shadow:rgba(0,0,0,.7) 0 1px 0;   
}    
#comments-list li .vcard img { 
  height:40px;
  width:40px; 
  position:absolute;
  left:-50px;   
  border:1px solid #fff;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);   
  -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);   
}
#comments-list .comment-meta {
  float: right; 
  color:#9b9b9b;
}               
#comments-list .comment-content {  
  background:#f2f2f2;
  float: left;    
  margin-top: 0.5em;
  padding: 1em;
  width: 39em;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:#fff 0 1px 0; 
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);   
  -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}  
.comment-content p {
  margin-bottom: .5em;
}
 
/* =404
-------------------------------------------------------------- */
.error404 #searchform {
  margin-bottom:3em; 
  float: left;
}
.error404 .entry-content #searchform .form-input input{
  width: 29em;
}
.error404 .entry-content #searchform .form-submit {
  margin: 0 0 0 1em; 
} 
.error404 .entry-content #searchform .form-submit input {
  padding: 0.5em 1em;
}
/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}

/* misc. helpers */  
.clear {
  clear:both;
}
.pull {
  float: left;
}             
.push {
  float: right;
}
.hidden {
  display: none;
}