/*   
Theme Name: es
Theme URI: http://elephantsquared.com/
Description: es
Author: es
Author URI: http://elephantsquared.com/
Version: 1.0
*/

body {
font:12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#444;
margin:0;
border-top:10px solid #000;
background: #fff;
}

::selection { background: #a8d1ff; }
::-moz-selection { background: #a8d1ff; }

#header wrapper{
font:13px/18px Arial, sans-serif;
}

a {
outline: none; 
}

* { margin:0; padding:0; }

h1 {
font-family: 'Copse', serif;
font-size: 105px;
font-style: normal;
font-weight: 400;
//text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1em;
border-bottom:1px solid #eee;
padding:30px 0px 40px 0px;
color: #000;
//text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
/*
text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
*/
}

#footer {
//border-top:1px solid #eee; 
width:550px;
color:#999; 
font-size:11px; 
padding:5px 0 10px;
}

#footer a {
text-decoration:none;
color:#e66c00;
}

#footer a:hover {
color:#000;
}

#header a{ text-decoration: none; color: #000; }
#header a:hover{ text-decoration: none; color: #e66c00; }

#header .header-data{ float: right; font-size:12px; color: silver; padding:4px; }
#header .io { float:right; position:relative; left:200px;}

#header img.logo {
border:0px;
background:#fff;
padding:30px 0 10px 0;
}

#wrapper {
width:560px;
margin:0 auto;
//position:absolute;
//left:10px;
}

#nav img{
border:0px;
float:left;
}

#nav {
padding-top:2px;
height:20px;
}

#nav li {
float:left;
list-style:none;
}

#nav li a {
color:#ccc;
padding:3px 5px 0px 5px;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

#nav li a:hover {
color:#000;
text-decoration:none;
}

.clear { clear:both; }

#content {
//margin:0 325px 0 0 !important;
//margin:0 325px 0 0;
padding:40px 10px 30px 0px;
}

#content .metadata { color:#ccc; font-size:12px; line-height:0px;}
#content .metadata a{ color: #ccc; }
#content .metadata a:hover{ color:#000; }

#content .metadata-stuff{
color:#444;
line-height:30px;
background-color:#ffff99;
font-size:12px;
}

#content p {
font-size:13px;
line-height:19px;
margin:10px 0;
//color:#444;
}

#content a {
text-decoration:none;
color: #e66c00;
}

#content a:hover {
color:#000;
}

#content h2 {
color:gray;
display:inline;	
font-size:20px;
font-weight: bold;
line-height:1em;
}

#content h2 a {
color: #000;
text-decoration:none;
border:none;
}

#content h2 a:hover {
color: #e66c00;
}

#sidebar {
width:300px;
float:right;
padding:20px 0px 30px 10px;
}

#sidebar img {margin:3px;}

#sidebar h2 {
color:#444;
padding:5px 0px 0px 0;
margin-bottom:10px;
font-size:20px;
font-weight:bold;
}

#sidebar ul {
list-style:none;
margin:0 0 20px 0;
}

#sidebar li {
padding:3px;
border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
color:#333;
text-decoration:none;
}

#sidebar input {
width:240px;
padding:5px;
background:#fdfdfd;
color:#444;
border:1px solid #f6f6f6;
font:11px;
}

#sidebar input:focus {
background:#fff;
border:1px solid #eee;
}

#sidebar li a:hover {
color:#000;
}

#sidebar a {
text-decoration:none;
color: silver;
}

#sidebar a:hover {
color:#444;
}

blockquote{
margin:0 0 10px 0;
padding:0px 5px 0px 5px;
border-left:4px solid #ffcf00;
}

#content ul, ol {
font-size:12px;
margin:10px 10px 10px 25px;
list-style-image:url('http://elephantsquared.com/wp-content/themes/es/li.gif');
color:#444;
}

img {
//background:#ccc;
//padding:1px;
border:1px solid #eee;
}

img.comments-icon{ border:0px; padding:0px; vertical-align:middle; background:#fff;} 
img.noborderimg{ border:0px; margin:4px 4px 0 0; float: right; padding:0px; } 
img.noborder{ border:0px; background:#fff; vertical-align:middle;}

#content h3 {
font-size: 14px;
line-height:10px;
padding:5px 0 5px 0;
}

#content h3 a{
color: #000;
font-size: 14px;
}

#content h3 a:hover{
color: #e66c00;
font-size: 14px;
}

textarea#comment { width: 400px; padding: 5px; border:1px solid #eee;}

#comments{ list-style:none; }
.comment-author {verical-align:middle; font-weight:bold;}
.comment-meta { padding:4px 0 0 2px; border-top:1px solid #eee;  }
#trackbacks { list-style:none; }

#sub {width:80px;}

#author { border:1px solid #eee; }
#email { border:1px solid #eee; }
#url { border:1px solid #eee; }

.search-terms { font-weight:bold; }

.widget_search .screen-reader-text { display:none; }
.widget_search { position:relative; height:60px; width:220px; }
.widget_search #s { position:absolute; top:30px; background:#fff; border:1px solid #eee;   }
.widget_search #searchsubmit { display:none; }
.widget_search #searchsubmit:hover { background:#fff; border:1px solid #eee; }
.widget_search input{ width:30px; }

#stuff { position:relative; top:-21px; right:0px; }
#stuff li { float:right; list-style:none; }

pre{
display:block;
padding:5px 10px 5px 15px;
color:000;
border-left:4px solid #ffcf00;
background:#f8f8f8;
font-size:12px;
}

.highlight{
background-color:#ffff99;
}

.read-later{
position:relative;
left:-90px;
top:21px;
display:inline;
}