/* 

Theme Name: Urban Fauna Studio Blog

Theme URL: http://blog.urbanfaunastudio.com

Author: Purr Design

Author URI: http://www.purrdesign.com

Version: 2.0

*/

body,html {

	margin: 0;

	padding: 0;

	height: 100% }

body    {

	color: #804d2b;

	font-size: 12px;

	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;

	line-height: 16px;

	background-color: #804d2b }

ul,  ol,  li,  blockquote {

	margin: 0;

	padding: 0 }

p  {

	font-size: 12px;

	line-height: 17px;

	margin-top: 0;

	margin-bottom: 17px;

	padding: 0 }

a  {

	color: #88bd42;

	text-decoration: none }

a:hover  {

	color: #00a89c;

	text-decoration: none }

.clear {

	line-height: 1px;

	height: 1px;

	clear: both }

#wrapper   {

	color: #804d2b;

	background-color: #fff;

	margin: 20px auto 0;

	padding: 0;

	width: 815px;

	border: solid 20px #fff }

#header  { }

#header h1 {

	margin: 0;

	padding: 0 }

.border  {

	line-height: 1px;

	margin-top: -30px;

	margin-bottom: 45px;

	height: 1px }

#sidebar   {

	width: 200px;

	float: left }

#content    {

	margin-right: 23px;

	padding-right: 20px;

	width: 570px;

	float: left;

	border-right: 1px dashed #804d2b }

#footer  {

	color: #47270a;

	font-size: 11px;

	line-height: 13px;

	text-align: center;

	margin-top: 25px;

	padding-top: 10px;

	padding-bottom: 10px }

#footer p {

	font-size: 10px }

#footer a  {

	color: #47270a;

	text-decoration: underline }

#footer a:hover  {

	color: #00a89c }

h1, h2, h3, h4  {

	margin: 10px 0 15px;

	padding: 0 }

h1  {

	color: #00a89c;

	font-size: 26px;

	font-weight: lighter;

	line-height: 28px }

h2, h2 a  {

	color: #88bd42;

	font-size: 21px;

	font-weight: lighter;

	line-height: 27px }

h2 a:hover  {

	color: #00a89c }

h3, #sidebar h2  {

	color: #00a89c;

	font-size: 18px;

	font-weight: lighter }

/*Posts*/

.date   {

	color: #fff;

	line-height: 13px;

	background-color: #00a89c;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-right: 12px;

	padding-top: 3px;

	width: 30px;

	float: left }

.day  {

	font-size: 17px;

	font-weight: bold;

	letter-spacing: -0.03em }

.month {

	color: #523813;

	font-size: 10px;

	font-weight: bold;

	letter-spacing: -0.03em }



.postmeta    {

	color: #804d2b;

	font-size: 10.5px;

	line-height: 13px;

	text-transform: lowercase;

	margin-bottom: 50px;

	padding-top: 0;

	vertical-align: middle;

	border-top: 1px dashed #804d2b }

.postmeta a   {

	color: #804d2b }

.postmeta a:hover  {

	color: #00a89c }

.metaleft  {

	text-align: left;

	width: 50%;

	height: 13px;

	float: left }

.metaright  {

	text-align: right;

	width: 50%;

	height: 13px;

	float: left }

.metaicon  {

	margin-right: 3px;

	position: relative;

	top: 4px }

.size-full {

	border-style: none }

.post img {

	max-width: 450px;

	border-style: none }

/*Paging*/

.postnavigation a  {

	color: #fff;

	background-color: #00a89c;

	padding-right: 7px;

	padding-left: 7px }

.postnavigation a:hover  {

	background-color: #88bd42 }

.prev {

	width: 50%;

	float: left }

.next  {

	text-align: right;

	width: 50%;

	float: right }

/*Comments*/

.commentinput  {

	background-color: #8d5d3d;

	margin-bottom: 10px;

	padding: 3px 0 3px 3px;

	width: 99%;

	border-style: none }

#commentform p {

	margin: 0;

	padding: 0 }

.reply  {

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 10px;

	border-top: 1px dashed #47270a }

#content ol.commentlist {

	list-style-type: none;

	margin: 10px 0;

	padding: 0 }

.commentlist li  {

	margin: 0;

	padding: 0 0 20px }

.commentauthor  {

	color: #fff;

	background-color: #00a89c;

	text-align: right;

	margin-bottom: 2px;

	padding: 3px 15px }

.alt .commentauthor  {

	background-color: #88bd42 }

.commentauthor a {

	color: #fff;

	font-style: italic }

.commentauthor a:hover  {

	color: #47270a }

.gravatar { }

.commentmeta  {

	color: #47270a;

	font-size: 9px;

	font-style: italic }

.commentmeta a {

	color: #47270a }

.commentlist .commentsleft {

	text-align: right;

	margin-right: 0;

	padding-top: 11px;

	width: 125px;

	float: left }

.commentlist .commentsright  {

	font-size: 13px;

	line-height: 18px;

	text-align: left;

	margin-left: 10px;

	padding-top: 5px;

	padding-left: 10px;

	width: 300px;

	min-height: 52px;

	float: left;

	border-left: 1px solid #47270a }

#respond input, #respond textarea {

	background-image: url("/images2/graybg.gif") }

#respond .formsubmit  {

	color: #fff;

	background-color: #00a89c;

	background-image: none;

	cursor: pointer;

	padding-top: 2px;

	padding-bottom: 2px;

	border-style: none }

#respond .formsubmit:hover  {

	background-color: #88bd42 }

/*Sidebar*/

#sidebar ul {

	font-size: 11px;

	line-height: 16px;

	list-style-type: none }

#sidebarfeatured { }

#sidebarleft {

	margin-right: 20px;

	width: 185px;

	float: left }

#sidebarright  {

	width: 125px;

	float: left }

#sidebar img {

	border-style: none }

.rotatee img {

	margin-bottom: 10px }

#sidebar h2     {

	color: #00a89c;

	font-size: 12px;

	font-weight: lighter;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 5px;

	padding-bottom: 0 }

#sidebar .widget {

	margin-bottom: 15px }

#sidebarleft ul li ul li, #sidebarright ul li ul li {

	text-indent: -15px;

	margin-bottom: 1px;

	padding-left: 30px }

.nopad {

	text-indent: 0;

	padding-left: 0 }

#sidebarleft a, #sidebarright a   {

	color: #804d2b;

	text-decoration: none }

#sidebarleft a:hover, #sidebarright a:hover   {

	color: #00a89c;

	text-decoration: none }

#sidebarleft select  {

	width: auto }

p.small {

	font-size: 10.5px;

	line-height: 13px;

	margin-top: 0;

	padding-top: 0 }