/*
Theme Name: cityrefugeee
Description: 
Version: 
Author: Chris Kelly
Author URI: http://ckellycreative.com/
Tags: city, country, illustration, playful, colorful, leaves, cityscape,  

*/


* {
margin:0; 
padding:0; 
}

body {
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; 
font-size: 75%; /* Resets 1em */
color:#000; 
background: url(images/back-body.gif) repeat-x;
}


a {
color:#735509;
text-decoration: none; 
outline:none;
}

a:hover {
text-decoration: underline; 
}


.clearing {
clear:both;
}

p {
margin-bottom:1em;
line-height:140%;
}

h1 {
font-family: Georgia, 'Times New Roman', Times, serif; 
font-weight:normal;
font-size:3em;
margin-bottom:18px;
color:#735509;
}

h2 {
font-size:1.4em;
margin-bottom:.25em;
}

h3 {
font-size:1em;
}

h4 {
font-size:1em;
}

img{
border:none;
}

ul{
list-style:outside square;
}

/* Layout */


#wrap-header {
width:100%;
}

#header {
width: 860px; 
height:218px;
margin:0 auto;
background: url(images/back-header.gif) no-repeat;
}


#header a{
display:block;
width: 860px; 
height:218px;
text-indent:-9999px;
}


#wrap-nav {
width:100%;
background-color:#d9ebae;
margin-bottom:40px;
}


#nav {
margin:0 auto;
width: 860px; 
}


#wrap-content {
margin:0 auto;
width:860px; 
}

#content{
float: left; 
width:550px; 

}

#sidebar{
float: right; 
width:220px; 
border-left:1px dotted #b59f65;
padding-left:30px
}


#wrap-footer { 
width:100%;
background-color:#d3e8e0;
margin-top:24px;
}

#footer { 
padding:12px 0; 
width:860px; 
margin:0 auto;
clear:both;
}



.clear{
clear:both;
height:0;
font-size:0;
}

.alignleft{
float:left;
}

.alignright{
float:right;
}


/*  Header Styles */




/*  Nav Styles */

#nav ul {
list-style:none;
font-size:12px;
text-transform:uppercase;
}


#nav ul li{
display:inline;
margin-right:1.5em;
}





/*  Sidebar */

#sidebar a {
color:#b59f65;
}

#aboutcityrefugee{
margin-bottom:36px;
}

#sidebar ul {
list-style:none;
}



#sidebar ul li{
margin-bottom:36px;
}

#sidebar ul li ul li{
margin-bottom:0px;
border:none;
padding:0px;
}

#sidebar ul li ul li a, #sidebar ul li.page_item a{
display:block;
padding-left:30px;
height:22px;
margin-left:-30px;
line-height:22px;
}

#sidebar ul li.page_item a{
font-weight:bold;
}

#sidebar ul li ul li a:hover, #sidebar ul li.page_item a:hover{
background: url(images/icon-arrow.gif) no-repeat;
text-decoration:none;
}


#sidebar ul h2{
color:#000;
font-size:12px;
letter-spacing:1px;
margin-bottom:0px;
}

div input#s{
margin-top:12px;
}

input#s{
width:150px;
}

#searchsubmit{
width:50px;
border:1px solid #b59f65;
border-width:1px 2px 2px 1px;
background: #d3e8e0;
cursor:pointer;
}


#rsslinks a{
font-weight:bold;
}



/*  Footer */

#wrap-footer {
font-size:11px;
}




/*  Post Styles */

.post {
margin-bottom:70px;
}


.posttitle {
padding-left:8px;
border-left:4px solid #d3e8e0;
margin-bottom:10px;
}

.posttitle h2{
letter-spacing:1px;
margin-bottom:6px;
}

.postinfo {
font-size:10px;
padding-bottom:8px;
margin-bottom:8px;
text-transform:uppercase;
}

.post p img{
margin-top:18px;
}


.postmeta {
padding:4px;
color:#666;
border:1px dotted #666;
font-size:10px;
}

.postmeta a{
color:#b59f65;
}

div.sociable { 
float:right;
}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.postentry {
margin-bottom:12px;
}


.postmeta span {
text-transform:uppercase;
}

.commentbubble {
float:right;
}

.commentbubble a{
display:block;
font-weight:bold;
width:35px;
height:32px;
color:#fff;
text-align:center;
line-height:24px;
background: url(images/icon-commentbubble.gif) 0 0 no-repeat;
}

.commentbubble a:hover{
text-decoration:none;
background-position: -35px 0;
}

.wp-caption{
margin-bottom:18px;

}

.wp-caption-text{
font-size:10px;
}




/*  Comment Styles */

h3#comments {
padding-top:16px;
border-top: 4px dotted #d3e8e0;
margin-bottom:15px;
}

ul.commentlist {
list-style:none;
}

.commentlist li{
margin-bottom:30px;

}

.fn {
font-size:13px;
font-style:normal;

}

.comment-meta{
font-size:10px;
margin-bottom:14px;
text-transform:uppercase;
}

.avatar { 
float: left; 
margin-right: 6px; 
}