/*
Theme Name: Uncertainty In The City
Theme URI: http://www.snaebjornsdottirwilson.com
Description: The theme for the uncertainty in the city site.
Version: 0.1b
Author: Daniel Matthews
Author URI: http://daniel-matthews.com
Tags: custom

	

*/


/*#outercontainer {
	border: 1px dotted #fff;
}

#sidebar, #content {
	border: 1px solid #fff;
}


#footer, #banner {
	border: 1px solid blue;

}

*/


/* Begin Typography & Colors */
body {
	
	background: #1f2315 url('images/banner.png') repeat-x;
	
	
	background-position: -95px left;
	color: #fff;
	margin:0;
	padding:0px 0px 30px 0px;
	
	/*font settings */
	font-family:Georgia, helvetica, arial, sans-serif;
	font-size:16px;
	
}

#banner {
	width: 960px;
	background: url(images/logo.png) no-repeat 20px top;
	margin: 0 auto 0 auto;
	height: 119px;
	margin-bottom: 20px;
	margin-top: 140px;
}

.old {
	background: #fff url(images/logo.png) no-repeat 20px top;
	
}

#outercontainer {
	margin:0 auto 0 auto;
	width:960px;
	padding-top: 0px;
	position: relative;
}



#content {
	width:710px;
	float:left;
	
	display: inline;
	/* left padding prevents the content bumping-up against the edge of the browser on resize */
	padding-left:30px;
}
#content_home {
	width:610px;
	float:left;
	
	display: inline;
	/* left padding prevents the content bumping-up against the edge of the browser on resize */
	padding-left:30px;
}

#sidebar {
	width:180px;
	right: 0;
	text-align: right;
	/*margin-top: 42px;*/
	float: right;
	
	
	}

#footer {
	width: 960px;
	height: 55px;
	margin: 20px auto 0 auto;
	color: #666666;
	clear: right !important;
	/*background-color: #aaa;*/
	color: #ccc;
	background: url(images/footer_bar.png) top left no-repeat;
	font-size: 80%;

}

#footer p {

	padding: 20px 4px;
	margin: 0px;
	/*background: url(images/footer.png) no-repeat;
	background-position: 10px center;*/
	text-indent: 30px;
	
	}
#footer a, #footer a:visited {
	color: #fff;
}


em {
	font-style: italic;
	color: #A7BC71;
}
em.homepage_category {
	position: absolute;
	top: -15px;
	background-color: #56312B;
	padding: 5px;
}
em.homepage_category a {
	background-color: #56312B;
	color: #fff;
	padding: 5px;
	
}

p#message.intro {
	color: #da5522;
}



h1 {
/* this is the news/upcoming page title */
	font-style: italic;
	border-bottom: 1px dotted #9BAF69;
	padding-right: 30px;
	color: #9BAF69;
	text-transform: lowercase;
	margin-bottom: 30px;
	
}

.post_page h2 {
	font-weight: normal;
	color: #da5522;
}

h2.register {
	padding: 8px;
	background-color: #111;
	text-align: center;
	color: #fff;
	
	/* Some Nice Touches For Webkit And Mozilla Browsers */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 1px 1px 10px #222;
}

#sidebar h2 {
	border-bottom: 1px dotted #fff;
}

.post_page ol li {
	margin-bottom: 20px;
	color: #ccc;
}

a:link, a:visited {
	color: #da5522;
}
	

.logo {
	/* THIS IS FOR BIGGER LOGO margin-bottom: 60px;*/
	padding-left: 30px;
	width: 350px;
	margin-bottom: 30px;
}



/* post DIV for single pages, so that they appear without a border like posts */




#sidebar:hover {
width:180px;
float:right;





}

#news_header {
	position: relative;
	left: -9px;
}


input#author, input#email, input#url {
	border: 1px solid #9BAF69;
	background-color: #1f2315;
	color: #9BAF69;
}

div#sidebar ul {
	padding: 0;
	list-style: none;
	font-size: 80%;
	
}

/* This fixes the side navigation in place, ONLY the ul is fixed */
div#sidebar ul#mainsidebar  {
	width: 180px;
	text-shadow: 1px 1px 1px #000;
}

div#sidebar ul li {
	padding: 0;
}

div#sidebar ul li ul {
	padding-right: 8px;
}


/* INDEX PAGE SPECIFIC STYLES */

.intro {font-size: 130%;
font-weight: bold;
font-style: italic;
letter-spacing: 1px;
}

.archive_intro {font-size: 130%;
font-weight: bold;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 40px;
}

/* HEADERS */



.displaynone {
	display: none;
}


/* POST METADATA */

small.post-time {display: block;background:#333;color:#fff;position:absolute; top:-10px;right:-20px;font-size:100%;padding:4px;font-style:italic;}

p.postmetadata {color: #bada55; font-size: 70%;}

p.postmetadata a, p.postmetadata a:visited {color:#bada55;}


li#messages {
	
}

/** STYLES FOR POSTS **/

.post {
	
	padding: 15px 10px 10px 15px;
	position: relative;
	left: -10px;
	border: 1px solid #9BAF69;
	
	
	margin-bottom: 30px;
	
	
}


img {
	border: 0px !important; /*Hack for linked images in firefox */
}

.post img, .post_single img {
	
	
	padding: 10px;
	text-align: center;
}



/* COMMENTS */

/* floats the avatar to the right, out of the way of the metadata */
img.avatar {
	float: right;
}

/* comment metadata, date, time */
div.comment-meta a, div.comment-meta a:visited {
	font-size: 60%;
	color: #ccc;
}


div#respond {
	padding: 0px 10px 10px 10px;
}

h2.post-title {
	margin-top: 3px;
	font-style: italic;
	font-weight: bold;
}
h2.post-title a, h2.post-title a:visited {
	color:#ccc ;
}

h2.post-title a:hover {
	color: #fff;
}

h2.comment_form_title {
	border-bottom: 1px dotted #9BAF69;
	font-style: italic;
	color: #9BAF69;
	margin-top: 5px;
	text-align: right;
}

h2.comments {
	border-bottom: 1px dotted #9BAF69;
	font-style: italic;
	color: #9BAF69;
	margin-top: 5px;
	margin: 0px 10px 0px 10px;
	text-align: right;
}

p#comments {
	padding-left: 10px;
	font-style: italic;
}

ol.commentlist {
	
	padding: 0px 10px 0px 10px;
	list-style: none;	
}

li.comment {
	border: 1px solid #9BAF69;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}



textarea#comment {
	width: auto;
	border: 1px solid #9BAF69;
	background-color: #1f2315;
	color: #9BAF69;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.post_single {
	
	padding: 10px;
	margin-bottom: 0px;
	
	
}

 img.attachment-thumbnail {
	border: 5px solid #ccc;
}

.post_page {
	
	padding: 10px 10px 10px 15px;
	position: relative;
	left: -15px;
	border: 0;
	
	margin-bottom: 30px;
	
	/* Rounded Corners CSS for the beautiful supporting browsers */
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

.edit_link a, span.edit_link a:visited {
	font-size: 60%;
	padding: 5px;
	background-color: red;
	color: white;
	opacity: 0.3;
	
	 /* Rounded Corners CSS for the beautiful supporting browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.edit_link a:hover {
	font-size: 60%;
	padding: 5px;
	background-color: red;
	color: white;
	opacity: 1;
	
	/* Rounded Corners CSS for the beautiful supporting browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.edit_link a:active {
	font-size: 60%;
	padding: 5px;
	background-color: red;
	color: white;
	position: relative;
	top: 2px;
	
	/* Rounded Corners CSS for the beautiful supporting browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/** STYLES FOR CATEGORY LISTS **/


 #sidebar ul#mainsidebar {
	margin-top: 20px;
}

/* Parent Category Items */

li.cat-item, li.page_item, li#events_header, ul#event li { 
	/*border: 1px solid #ccc;*/
	font-size: 120%;
	padding: 0;
	margin: 0;
}

li.cat-item a, li.cat-item a:visited, li.page_item a, li.page_item a:visited, li#events_header {
	color:#fff;
	display: block;
	border-bottom: 1px solid #333;
	padding: 4px 0px;
	text-decoration: none;
	font-family: Georgia "myriad pro";
	padding: 4px 5px 4px 0px;
}

li.cat-item a:hover, li.page_item a:hover, li#events_header:hover {
	background: #da5522;
	display: block;
	color:#fff;
	border-bottom: 1px solid #da5522;
	
}



li.cat-item-7 { ... }  /* category ID #7, etc */
li.current-cat {
	font-weight:normal;
}

li.current-cat-parent { ... }

ul.children {
	font-size: 40%;
	padding-right: 0px !important;
	
	
}

ul.children li {
	margin: 0;
}

ul.children li a, ul.children li a:visited {
	color: #aaa;
	padding: 4px 5px 4px 0px;
}

ul.children li a:hover {
	color:#fff;
}

/** META LOGIN/SITE ADMIN STYLING **/
/** THIS SHOULD MIMIC THE CATEGORIES **/
ul#meta {
	margin: 15px 0px 0px 0px; !important;
	padding: 0 !important;
	font-weight: bold;
}

ul#meta li { 
	/*border: 1px solid #ccc;*/
	font-size: 160%;
	padding: 0;
	margin: 0;
}

ul#meta li a, ul#meta li a:visited {
	color:#fff;
	display: block;
	border-bottom: 1px solid #333;
	padding: 4px 5px 4px 0px;
	text-decoration: none;
	font-family: Georgia "myriad pro";
}

ul#meta li a:hover {
	background: #da5522;
	display: block;
	color:#fff;
	border-bottom: 1px solid #da5522;
}

/** THIS SHIFTS THE MESSAGE BOX UP **/

li#messages {
	position: absolute;
	top: -120px;
	right: -30px;
}

a#switch_to_news, a#switch_to_upcoming {
	
	
	color: #666;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

a#switch_to_news:hover, a#switch_to_upcoming:hover {
	
	color: #ccc;
}




a#switch_to_news.selected, a#switch_to_upcoming.selected {
	
	color: #333;
	
}

a.viewmore {
	padding: 4px 6px;
	background-color: #56312B;
	color: #fff;
	display: inline;
	position: relative;
	top: -10px;
	font-weight: bold;
	font-style: italic;
}
a.viewmore:hover {
	padding: 4px 6px;
	background-color: #000;
	color: #fff;
	display: inline;
	position: relative;
	top: -10px;
	font-weight: bold;
	font-style: italic;
}

ul #mainsidebar li.cat-item.cat-item-3 a, .cat-item-15 a {
	cursor: pointer;
}


/*EVENTS BUTTON AND ASSOCIATED UList*/

ul#mainsidebar h2#events_header, ul#mainsidebar h2#contributors {
	padding: 4px 5px 0px 0px;
	margin-top: 15px;
	font-size: 150%;
	font-weight: bold;
	cursor: pointer;
}

ul#mainsidebar h2#events_header:hover, ul#mainsidebar h2#contributors:hover  {
	padding: 4px 5px 0px 0px;
	margin-top: 15px;
	font-size: 150%;
	font-weight: bold;
	cursor: pointer;
	background: #da5522;
}

ul#events {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 15px;
	margin-bottom: 15px;
}


ul#events li { 
	/*border: 1px solid #ccc;*/
	font-size: 160%;
	padding: 0;
	margin: 0;
	font-style: italic;
}

ul#events li a, ul#events li a:visited {
	color:#fff;
	display: block;
	border-bottom: 1px solid #333;
	padding: 4px 5px 4px 0px;
	text-decoration: none;
	font-family: Georgia "myriad pro";
}

ul#events li a:hover {
	background: #da5522;
	display: block;
	color:#fff;
	border-bottom: 1px solid #da5522;
}

ul#events li#viewall {
	font-size: 85%;
	text-decoration: underline;
	padding: 12px 5px 4px 0px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
}

li.cat-item-7 {
	margin-top: 15px;
}