/*  
Theme Name: oos-blog-es_refactor
Theme URI: http://11870.com/
Version: 0.1
Author: 11870.com staff
Author URI: http://www.11870.com/about
*/
/*
=reset&common
=header
=main
==entry
===comments
=sidebar
=footer
=archive
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;padding:0;border:0;
  font-weight:inherit;font-style:inherit;
  font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
img {border:none}

body {font-size:62.5%;color:#333;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}

h1,h2,h3,h4{font-weight:bold}

p {margin:0 0 5px;
   font-size: 13px;}

a:hover {color:#f60;}
a {color:#0066cc;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ul li, ol li {
  line-height: 1.7em; font-size: 1.3em;
  list-style-type: none}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(images/grid.png);}
.container:after, .cx:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.container, .cx {display:block;zoom:1}
.clear {clear:both;}
* html .container, * html .cx {height:1%;}



/*=header*/
#header {
  width: 790px;
  /*border: 1px solid red;*/ padding: 30px 0 30px 160px}
.tagline {
  margin-bottom:5px;
  font-size: 38px; font-weight: bold}
#header h1 {font-size: 17px}
#header h1 a{
  text-decoration:none; outline: none;
  color:#888}
.tagline a { text-decoration:none; outline: none; color: #333}


#logo {
  display: inline-block;
  width: 102px; height: 20px;
  text-indent: -5000em;
  background: url(images/bck_11870_logo_mini.png) top center no-repeat}

/*=main*/
#main {
  float: left;
  width: 700px;
  margin:0 15px 50px 0}

.posts_nav { position: relative; height: 30px}
.posts_nav .prev {
  position: absolute; top: 0; left: 0}
.posts_nav .next { 
  position: absolute; top: 0; right: 0}

/*==entry*/
.entry {margin-bottom: 50px}
.entry ul li{list-style-type:disc; list-style-position: inside}
.meta {
  float: left;
  width: 145px;
  margin-right: 15px; border-top: 1px solid #ccc; padding-top: 15px}
.meta h2 {
  font-size:17px;}
.meta h2 a {   
  text-decoration:none;
  color:#333}
.meta h2 a:hover {color: #f60}
.meta p {
  font-size: 11px;
  color: #888}
.meta .comments {
  padding-left:16px;
  background:url(images/bck_comments.png) center left no-repeat}

.post {
  float: left;
  width: 540px;
  border-top: 1px solid #ccc; padding-top: 15px}
.post p {
  margin-bottom:15px;
  line-height: 19px}

/*===comments*/
.boxcomments{
  margin-left: 160px;
  }
.boxcomments h3,
.boxcomments h2{font-size: 17px;}
.commentlist li {margin-bottom:30px;}
.commentlist li h3 {font-size: 13px; margin-bottom:10px;}
.comment-metadata {
  border-bottom: 1px solid #ddd; padding-bottom: 5px;
  text-align: right}
#commentform {margin-top:30px; padding:10px;}
#commentform label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold}
#commentform label span {font-weight: normal}
#commentform #author,
#commentform #email,
#commentform #url, 
#commentform textarea {
  border: 1px solid #bbb;
  font: 13px arial,sans-serif;
}
#commentform textarea {width: 500px}
#commentform input {float: none}

/*=sidebar*/
#sidebar {
  float: left;
  width: 225px;
  margin-bottom: 50px;}


form {
  margin-bottom: 10px; padding: 5px 5px 5px;
  background-color: #f0f0f0}
form input{float:left;display:block}
form #s{
  margin: 0;
  width: 182px;
  border: 1px solid #ddd}
  #searchsubmit {}

#aside {
  border: 1px solid #ddd; padding: 10px;
  background-color: #f0f0f0;}
#aside h3 {
  margin-bottom: 10px;
  font-size:17px}
.section p,
.section li {font-size: 11px}
.section li {list-style-type: none}
.section {margin-top: 20px}

#subscription input {float: none; display: inline}

#about {margin-top: 0}

.btn {
  display: block; float: left;
  width: 34px; height: 34px;
  margin-right: 10px;
  background:url(images/bck_social_sprite.png)}
.btn span {
  display: block;  
  text-indent: -5000em}
.facebook {background-position: 0 0}
.twitter {background-position: 0 -50px}
.flickr {background-position: 0 -100px}

#recent-entries .date {color: #888}
#recent-entries li {margin-bottom: 5px; line-height: 1.3em}


/*=footer*/
#footer{padding:30px 0 50px 0;background-color:#ef5f01;position:relative}
#footer a{color:#eee}
#footer a:hover{color:#802b00}
#footer li, #footer p{color:#eee; line-height: 17px}
#footer p img{vertical-align:bottom}
#footer p{margin-bottom:10px;font-size:15px;font-weight:bold}
#footer #languages{margin-top:20px}
#footer #partners{padding-top:40px;clear:both;font-size:13px;font-weight:normal}
.fo_w{float:left;width:180px;margin-right:10px}
#fo_twitterfacebook{float:right;width:300px;}

/*=archive*/
.pagetitle{margin-left:160px}