/*
Theme Name: Us And Them
Theme URI: http://www.tipografo.org/wordpress-themes/us-and-them/
Description: Us And Them Wordpress Theme by <a href="http://www.tipografo.org">Tipografo</a>.
Author: Tipografo
Version: 1.0
Tags: 
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }


ol, ul {list-style: none;}
blockquote { quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;border-spacing: 0;}



body{background: #f0ece4; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #817a6d; font-size: 13px; padding-bottom: 50px; line-height: 1;}

a{text-decoration: none; color: #19b1f7;}
a:hover,
#sidebar a:hover{color: #ff6500;}
h1,h2,h3,h4,h5,h6{color: #574d3a; font-weight: normal;}
h1.page-title{font-family: "Georgia", serif; color: #bab3a5; font-style: italic; padding: 30px 30px 30px 30px; border-bottom: 1px solid #f2f0ee;}
h1.page-title span{color: #574d3a; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style: normal;}
h2.entry-title{font-size: 24px;}
h2.entry-title a:hover{color: #6e6a61;}
h3{text-transform: uppercase; color: #ff6500; font-size: 12px;}
.entry-content h3{text-transform: inherit; color: #574d3a; font-size: inherit;}
a img { border: none; outline: none; }

#branding h1{font-weight: bold; font-size: 36px; font-family:"Rockwell","Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin-left: 30px;}
#branding h1 a{color: #574d3a;}
#branding h1 a:hover{color: #ff5600;}
div#site-description{text-transform: uppercase; margin: 5px 0px 0px 30px; font-size: 11px;}

.rounded,
.widget-container{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior:url(images/border-radius.htc);}

div.post-thumb,
.half-rounded,
.reply a,
input#submit,
.comment-author .avatar,
.navigation a,
.entry-content cite,
input#searchsubmit,
.entry-content #searchform,
.page-link a{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior:url(images/border-radius.htc);}

.half-left-rounded{-webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; behavior:url(images/border-radius.htc);}

.top-rounded,
#main-menu ul{-webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; behavior:url(images/border-radius.htc);}

.top-right-rounded{-webkit-border-radius: 0px 8px 8px 0px; -moz-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px; behavior:url(images/border-radius.htc);}

.comment-form-comment label,
.top-half-rounded{-webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; behavior:url(images/border-radius.htc);}

.bottom-rounded{-webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; behavior:url(images/border-radius.htc);}

div.skip-link{background: transparent url(images/skip-bg.jpg) no-repeat bottom left;}
.skip-link a{color: #574d3a; line-height: 40px; margin-top: 3px; background: url(images/skip.gif) no-repeat 15px center; padding: 2px 45px 3px 45px; display: block;}
.skip-link a:hover{background: transparent url(images/skip-h.gif) no-repeat 15px center;}
div#content{background: white;}
div#main{background: white url(images/main-bg.gif) repeat-y right;}
div#header{ margin: 30px 0px; padding: 50px 0px 30px 0px;}
div.left-container{width: 800px; display: block; float: left;}
div.left-container-m{width: 765px; margin-left: 35px; display: block; float: left;}
div#content{background: white;}
div.right-container{width: 400px; display: block; float: left;}
.post{background: transparent url(images/post-left-bg.gif) repeat-y top left;}
.post-left{width: 35px; margin-top: 30px; float: left; background: transparent url(images/post-left-bg.gif) repeat-y top right; display: block; text-align: center;}
.post-right{display: block; float: left; width: 705px; margin: 30px; padding-bottom: 20px; border-bottom: 1px solid #f2f0ee;}
.post h2 a {color: #574d3a;}
div.post-thumb{padding: 5px; border: 1px solid #ddd; float: left; margin: 0px 10px 10px 0px;}
div.post-share-container{background: #bab3a5 url(images/post-share-bg.gif) repeat-y right; width: 35px; margin: 10px 0px; padding: 5px 0px;}
.post-share-container a.toggleLink{width: 35px; display: block;}
div.share,
div.share-h{height: 22px; width: 22px; background: transparent url(images/share.gif) no-repeat center; margin-left: 7px;}
div.share-h{background: transparent url(images/share-h.gif) no-repeat center;}
.entry-content blockquote{font-family: Georgia, serif; padding: 20px; font-style: italic;}
.entry-content cite{background: #f0ece4; padding: 3px;}
.entry-content h1,
.entry-content h2{margin: 10px 0px; clear: both; font-weight: bold;}
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{margin: 5px 0px 0px 0px; clear: both; font-weight: bold;}
.entry-content .alignleft{margin: 0px 10px 10px 0px;}
.entry-content .alightright{margin: 0px 0px 10px 10px;}
.entry-content ul,
.entry-content ol{clear: both; padding: 10px;}
.entry-content ul{list-style: circle;}
.entry-content ol{list-style: decimal;}
.entry-content ol li,
.entry-content ul li{padding: 5px 0px; border-bottom: 1px solid #f2f0ee; }
.entry-content #searchform{padding: 10px; background: #f0ece4; margin: 20px 0px;}
ul.shareul{padding: 0px; margin: 5px 0px 0px 4px;}
ul.shareul li {width: 22px; height: 22px; text-align: center; display: block; margin-bottom: 5px;}
ul.shareul li a{background: white; color: #574d3a; font-weight: bold; text-decoration: none;width: 22px; padding: 4px 2px; text-align: center; display: block;}
ul.shareul li a:hover{background: #f0ece4;}
div#page-container{padding: 30px;}
span.comments-link a,
span.comments-link span{background: transparent url(images/post-comment.gif) no-repeat right; line-height: 41px; width: 35px; display: block; text-shadow: #cc5100 0px 2px 0px; color: white; font-size: 16px; font-weight: bold;}
span.comments-link span{font-size: 0px;}
span.comments-link a:hover{background: transparent url(images/post-comment.gif) no-repeat left; text-shadow: #b3aea5 0px 2px 0px;}
.entry-content,
.comment-body,
.entry-summary{line-height: 20px; margin: 20px 0px;}
.entry-meta,
.reply,
.page-link,
.comment-meta a,
p.form-allowed-tags,
#footer,
.skip-link,
.entry-utility{color: #bdb5a6; text-transform: uppercase; line-height: 20px; font-size: 11px;}
.entry-utility{clear: both;}
div.page-link{text-align: right;}
.page-link a{background: #f0ece4; padding: 3px;}
.page-link a:hover{color: white; background: #ff6500;}
div#main-menu{background: transparent url(images/main-menu-bg.jpg) no-repeat bottom left;}
#main-menu ul{margin-left: 35px;background: #bab3a5 url(images/menu-bg.gif) repeat-x bottom; float: left; width: 765px;}
#main-menu ul li{float: left;}
#main-menu li a{padding: 15px 30px 20px 30px; display: block; color: #f1ede6; text-shadow: #958f84 0px 1px 0px;}
#main-menu li a:hover,
#main-menu li.current-menu-item a,
#main-menu li.current_page_item a{background: transparent url(images/menu-h.gif) no-repeat bottom center; color: white;}
div.widget-area{background: #ebe6dc url(images/container-side-bg.gif) repeat-y right;}
div#sidebar{padding: 10px 20px 20px 20px;}
#sidebar .widget-container{box-shadow: 0px 1px 0px #d5cec1; -moz-box-shadow:  0px 1px 0px #d5cec1; -webkit-box-shadow: 0px 1px 0px #d5cec1; background: #e0d9cb url(images/widget-bg.gif) no-repeat top; padding: 10px; margin-bottom: 30px;}
#sidebar .widget-container li{background: transparent url(images/widget-li-bg.gif) repeat-x bottom; padding: 10px;}
#sidebar a{color: #574d3a;}
#sidebar h3{margin: 3px 0px 10px 5px;}
input#s{border: 1px solid #bab3a5; background: white url(images/search.gif) no-repeat 5px center; padding: 5px 5px 5px 25px; width: 180px;}
.widget_search #searchform{padding-top: 10px;}
input#searchsubmit{background: #bab3a5; padding: 4px; border: 0px;}
div#comments{border-top: 1px solid #f2f0ee; margin-top: 20px;}
#comments h3{padding: 20px 0px;}
ul.submenu-pages{padding: 10px 30px; border-bottom: 1px solid #f2f0ee;}
ul.submenu-pages li{display: inline; margin-right: 10px;}
li.comment,
li.pingback{margin-bottom: 30px;}
li.pingback{border-bottom: 1px solid #f2f0ee; padding-bottom: 30px; background: transparent;}
li.comment ul.children{margin: 20px 0px 0px 20px;}
cite.fn{font-style:normal; font-weight:bold;}
cite.fn{font-size: 16px; margin:0 5px 0px 10px;}
cite.fn, comment-author .says {line-height: 50px;}
.comment-author .avatar {float:left; padding: 5px; border: 1px solid #ddd;}
div.navigation{float: left; width: 705px; padding: 30px 30px 0px 30px;}
div#nav-below{padding: 0px 30px 30px 30px;}
.nav-next{float: right; display: block;}
.nav-previous{float: left; display: block;}
.commentmetadata,
.reply{clear: both; padding: 10px 0px; border-bottom: 1px solid #f2f0ee;}
.reply{text-align: right;}
.reply a,
.navigation a{padding: 3px 5px; background: #f0ece4; color: #574d3a;}
.reply a:hover,
.navigation a:hover{color: white; background: #ff6500;}
input#author,
input#email,
input#url,
textarea#comment{clear: both; width: 690px; padding: 5px; border: 1px solid #bab3a5;}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url{margin: 20px 0px;}
#commentform label{width: 230px;}
input#author,
input#email,
input#url{width: 290px; margin-left: 15px; padding: 5px; display: inline;}
input#url{margin-left: 12px;}
input#submit{background: #ff6500; color: white; padding: 3px 5px; border: 0px;}
.comment-form-comment label{background: #bab3a5; padding: 5px; color: #fff;}
p.comment-form-comment{margin-top: 30px;}
p.form-allowed-tags{margin: 20px 0px; padding: 10px; border: 1px solid #f2f0ee;}
div#footer{background: #423f38; padding: 30px;}
#footer-right{background: transparent url(images/footer-right-bg.gif) repeat-x top left; height: 105px;}
table#wp-calendar{width:100%; line-height: 24px;}
#wp-calendar tbody td a{text-decoration: underline;}
#wp-calendar caption {font-weight: bold; text-align: left; font-size:14px; padding-bottom: 4px;}
#wp-calendar thead { font-size:11px;}
#wp-calendar tbody td {padding: 0px 0 0px; text-align: center; background: #f2f0ee; border: 2px solid #e0d9cb;}
#wp-calendar tbody .pad { background: none;}
#wp-calendar tfoot #next {text-align: right;}
#wp-calendar caption{text-align: center;}
#wp-calendar caption,
#wp-calendar tfoot{text-transform: uppercase; font-size: 11px;}
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #423f38; text-transform: uppercase; color: #f0ece4; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }