/*
Theme Name: Urban Mixers v1
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}
caption, th, td {text-align:left;font-weight:normal;}
table {border-collapse:separate;border-spacing:0;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/*Global Tag Styles */
a {
	color:  #000;
}

/*Main Layout Styles */

body {
	color: #000;
	font: normal 12px georgia;
	text-decoration: none;
	text-align: left;
	width: 100%;
	height: 1500px;
	margin: 0;
	padding: 0;
}

#page {
	width:  960px;
	height: 100%;
	position: relative;
	border: 1px thin #b00;
	left: 0;
	top: 0;
}

#sidebar {
	width:  395px;
	height:  100%;
	float: left;
	background: url(images/sidebar-bg.png) repeat-y;
}

#main-content {
	width:  525px;
	height:  100%;
	margin: 0 20px 0 0;
	float: left;
	border: 1px thin #000;
}

#header {
	margin: 20px 0 0 20px;
	width:  100%;
	height: 130px;
	border: 1px thin #222;
}

#city-selector {
	margin-top: 20px;
	text-align: right;
	width: 100%;
	height: 20px;
	text-align: right;
}

#content {
	margin: 20px 0 0 20px;
	width:  100%;

	background: #fff;
}

#footer {
	float: left;
	clear: left;
	height: 24px; 
	margin: 20px 0 0 20px;
}

/*Main Typygraphy Styles*/
h2 {
	margin: 0 0 15px;
	padding: 0;
	font: Georgia;
	font-size: 24px;
	font-weight: bold;
}

h2 span {
	font-style: italic;
	text-decoration: underline;
}

h3 {
	font: Georgia;
	font-size: 16px;
	font-weight: bold;
}

hr {
	height: 8px;
	background: #deeee9;
	border: none;
	margin: 0;
	padding: 0;
	clear:  left;
}

h3 a {
	color:  #000;
}

/*Sidebar Styles */
img.main {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

img.sidebar {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 75;
}

/*Header Styles */
#city-selector select {
	width:  165px;
	height: 20px;
	float: right;
	font: bold 12px georgia;
}

#city-selector p.user {
	float: right;
	margin: 2px 10px 0 0;
	font: bold 12px georgia;
}

#city-selector p.user span {
	font-style: italic;
	text-decoration: underline;
}

#city-selector input {
	float: right;
	height: 20px;
	width:  40px;
	padding-left: 5px;	
}

div#navigation{
	height: 25px;
	width: 510px;
	margin: 40px 0 0;
	float: left;
	clear: right;
}

div#sub-navigation {
	height: 25px;
	width: 510px;
	margin: 30px 0 20px;
	float: left;
	padding: 0;
}

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu li {
	float: left;
	margin: 0 5px 0 0;
	background: #000;
	height: 20px;
}

ul#sub-menu li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	height: 20px;

}

ul#menu li.active,
ul#menu li.hover,
ul#sub-menu li.active,
ul#sub-menu li.hover
{
	background: #92c8b7;
}

.hover {
	background: #92c8b7;
}

ul#menu li a {
	font: bold 12px georgia;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin: auto 8px;
}

ul#sub-menu li a {
	font: normal 14px georgia;
	color: #000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin: auto 8px;
}

/*Content Area Styles - Home Page*/
#content h2 {
	padding-left: 0px;
}

#content p#intro {
	font-size: 14px;
	padding-bottom: 40px;
}

#content img#section-header {
	font-size: 14px;
	padding: 10px 0;
}

#content div.sections {
	height: 140px;
	width:  100%;
	margin: 0;
	padding: 0;
	float: left;
}

div.sections h3 {
	padding: 0 0 0 7px;
	margin: 10px 0;
}

div.sections .section-thumb,
div.sections div.section-blurb,
div.sections .section-pages {
	float:  left;
	padding: 0 5px;
}

div.sections .section-thumb {
	padding:  0 5px 0 7px;
}

div.sections div.section-blurb {
	width:  220px;
}

div.sections ul.section-pages {
	margin-top: 0;
}

div.sections ul.section-pages li {
	list-style: none;
}


/*Category Pages - Content Styles*/
#content #category-wrapper {
	height: 800px;
	width:  100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}

#category-wrapper #content-left {
	width:  285px;
	height: 100%;
	float: left;
}

#content-left hr {
	margin: 10px 0 20px;
}

#content-left div.sub-sections {
	width:  100%;
	margin: 0;
	padding: 0;
	float: left;
}

div.sub-sections h3 {
	height: 14px;
	margin: 0;
	text-decoration: underline;
}

div.sub-sections p {
	margin-top: 0;

}

div.sub-sections ol {
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	font-style: italic;
	font-weight: bold;
}

div.sub-sections ol li {
	padding: 0 0 10px;
}

div.sub-sections ol li a{
	margin: 0;
	padding: 0 0 0 15px;
	font-style: italic;
	font-weight: normal;
}

#category-wrapper #content-right {
	width:  220px;
	height: 100%;
	margin: 0 0 0 10px;
	float: left;
	background: #deeee9;
}

#content-right img,
#content-right div.right-post {
	margin: 11px 11px 0 11px;
}

div.right-post h4 {
	margin: 0;
}

div.right-post p {
	margin: 0 0 20px;
}

div.right-post ul {
	margin-bottom: 35px;
	padding-left: 15px;
}


/*Category Subpages - Content Styles*/
#content div.post {
	height: 140px;
	width:  100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	background: #deeee9;
}

div.post h3 {
	padding: 0 0 0 7px;
	margin: 10px 0;
}

div.post h3 span{
	font-style: italic;
}

div.post p {
	padding: 0 0 0 7px;
}

div.post div.read-more {
	height: 20px;
	width: auto;
	text-align: right;
	padding: 10px 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	float: right;
}

div.post div.read-more a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}