/*
Theme Name: Schmooru 1.0
Theme URI: http://www.schmooru.com/
Description: The first Schmooru theme.
Version: 1.0
Author: John Reed
Author URI: http://studiobonito.com/
Tags: schmooru

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* baselines; based on Eric Meyer's reset:
   http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */

* {margin: 0; padding: 0;}

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 {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	background: #fff;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	}
	
	a abbr {border: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: underline;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
/* -------------------------------------------------------------
                                                end baselines */





/* typography
------------------------------------------------------------- */
body {
	font-size: 62.5%;
	}

/*
h1 {
	font-size: 2em;
	line-height: 1.2;
	margin: 0 0 .8em 0;
	}
*/
	
h1 {
	font-family: Garamond, Georgia, serif;
	font-size: 3em;
	line-height: normal;
	font-weight: normal;
	margin: 22px 0;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	line-height: 1.5;
	}

h3 {
	font-size: 1.4em;
	line-height: 1.2857;
	}
	
	h2 + h3 {
		margin-top: 1.2857em;
		}
	
h4 {
	font-size: 1.3em;
	line-height: 1.53846em;
	}
	
	h3 + h4 {
		margin-top: .75em;
		}
	
	li h4 {
		font-size: 1.0909em;
		}

h5 {
	font-size: 1.1em;
	line-height: 1.4545;
	margin: .0909em 0;
	}

h6 {
	font-size: 1em;
	line-height: 1.4;
	margin: .1em 0;
	}
	
p {
	font-size: 1.4em;
	line-height: 1.7143;
	margin: 0 0 1.7143em 0;
	}
	
	p.byline {
		color: #666;
		font-size: 1.1em;
		line-height: 1.81818;
		margin: 0 0 1.81818em 0;
		}
		
		h1 + p.byline {
			margin-top: -1.3636em;
			}
		
		.comment p + p.byline,
		.entry p + p.byline {
			margin-top: -1.3636em;
			}
	
	p.metadata {
		color: #666;
		font-size: 1.1em;
		line-height: 1.81818;
		margin: 0 0 1.81818em 0;
		}
	
	p:last-child {
		margin: 0;
		}
	
	#footer p {
		color: #666;
		font-size: 1.1em;
		line-height: 1.81818;
		margin: 0;
		}
	
ol,
ul {
	margin: 0 0 2em 40px;
	}
	
	ol:last-child,
	ul:last-child {
		margin-bottom: 0;
		}
	
	.sub ol,
	.sub ul {
		margin-left: 0;
		}
	
	h2 + ol,
	h2 + ul {
		margin-top: 1.8em;
		}
	
	li ol,
	li ul {
		margin: .75em 0 .75em 15px;
		}

li {
	font-size: 1.4em;
	line-height: 1.7143;
	}
	
	li li,
	li p {
		font-size: 100%;
		}

ol li {
	list-style: decimal;
	}
	
	li ol li {
		list-style: lower-alpha;
		}
		
		li li ol li {
			list-style: lower-roman;
			}
	
ul li {
	list-style: disc;
	}
	
	li ul li {
		list-style: circle;
		}
		
		li li ul li {
			list-style: square;
			}


dl {
	margin: 0 0 1.8em 0;
	}

dt {
	font-size: 1.3em;
	line-height: 1.53846em;
	font-weight: bold;
	}
	
	dt.optional {
		font-weight: normal;
		}

dd {
	font-size: 1.3em;
	line-height: 1.53846em;
	margin: 0 0 .7692em 0;
	}

address {
	display: block;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	}

blockquote {
	margin: 0 0 20px 0;
	padding: 7px 2px;
	color: #666;
	font-style: italic;
	}
	
	blockquote p {
		font-size: 1.2em;
		line-height: 1.6666em;
		}
		
		blockquote p cite {
			display: block;
			color: #999;
			font-size: .916666em;
			font-style: normal;
			line-height: 1.454545;
			padding-top: .363636em;
			}

code {
	color: #666;
	font-family: "Andale Mono", "Courier New", Courier;
	font-size: 100%;
	}

kbd,
samp,
tt {
	color: #000;
	font-family: "Courier New", Courier;
	font-size: 100%;
	}

pre {
	display: block;
	background: #f9f9f9;
	color: #666;
	font-family: "Andale Mono", "Courier New", Courier;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 1.5em;
	overflow: auto;
	border: 1px solid #dedede;
	}

small {
	font-size: .8333em;
	}

sup {
	font-size: .91666em;
	line-height: 0;
	vertical-align: super;
	}
	
	* html sup {font-size: 1em;}
	*:first-child+html sup {font-size: 1em;}
	
sub {
	font-size: .91666em;
	vertical-align: sub;
	}
/* -------------------------------------------------------------
                                               end typography */





/* code examples
------------------------------------------------------------- */
code.html,
pre.html {color: #85147f;}
code .attr,
code.attr,
pre .attr {color: #9c450f;}
code .val,
pre .val {color: #2019a7;}
code .text,
pre .text {color: #000;}
pre .wrap {color: #666;}

.js {color: #222;}
.js .func {color: #0e3267;}
.js .num {color: #1a00fa;}
.js .key {color: #851650;}
.js .string {color: #731217;}
.js .comment {color: #276e28;}
/* -------------------------------------------------------------
                                            end code examples */





/* link styles
------------------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #313797;
	text-decoration: underline;
	}
	
a:hover {
	color: #ed493b;
	text-decoration: none;
	}

a.rss {
	padding: 1px 0 1px 18px;
	background: url(images/ui/icons/feed.png) no-repeat 0 50%;
	}

p.success a {color: #264409;}
p.error a {color: #8a1f11;}
p.notice a {color: #514721;}

h1 a.more {
	font-size: .5em;
	text-decoration: none;
	text-transform: uppercase;
	}
/* -------------------------------------------------------------
                                              end link styles */





/* table styles
------------------------------------------------------------- */
table {
	margin: 0 0 1.8em 0;
	}

td,
th {
	font-size: 1.2em;
	line-height: 1.25;
	padding: .1666em .25em;
	text-align: left;
	}

tbody .odd td,
tbody .odd th {
	background: #f1f5fa;
	}

table.calendar {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

.calendar td,
.calendar th {
	vertical-align: text-top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	}

.calendar thead th {
	font-size: 1.1em;
	line-height: 1;
	padding: 0;
	vertical-align: middle;
	}

.calendar thead th a {
	float: left;
	display: block;
	width: 100%;
	padding: 2px 0 4px 0;
	text-align: center;
	text-decoration: none;
	}

.calendar thead th a {
	font-size: 1.272727em;
	}
	
	.calendar thead th a:hover {
		background: #f7f7f7;
		}

.calendar tbody th {
	font-size: 1.1em;
	text-align: center;
	}

.calendar tbody td.null {
	color: #aaa;
	}

.calendar tbody td.today {
	background: #ffffcc;
	font-weight: bold;
	}
/* -------------------------------------------------------------
                                             end table styles */





/* form styles
------------------------------------------------------------- */
form {
	}

input,
select,
textarea {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	}

input {
	margin: 0;
	vertical-align: middle;
	}

label {
	cursor: pointer;
	}
	
	dt.error {
		color: #cc0000;
		}
	
/*
	label.error {
		color: #cc0000;
		font-size: .8462em;
		padding-left: 1em;
		}
*/
	
	label.error {display: block; color: #cc0000; font-size: .8462em;}
	
legend {
	display: none;
	}

.entry td {
	padding: 0 0 .75em 0;
	}

.entry th {
	padding: 0 .5em 0 0;
	text-align: right;
	}

input[type=password],
input[type=text] {
	font-size: 1em;
	padding: 2px;
	vertical-align: middle;
	}

textarea {
	font-size: 1em;
	padding: 2px;
	}
	
input[type=checkbox] {
	margin: 0 4px 2px 0;
	}

input[type=radio] {
	margin: 1px 4px 2px 0;
	vertical-align: text-top;
	}
	
	* html .checks input,
	* html .radios input {
		margin: 0 0 0 -3px;
		}
	
	*:first-child+html input[type=checkbox],
	*:first-child+html input[type=radio] {
		margin: 0 0 0 -3px;
		vertical-align: middle;
		}

option {
	padding-right: 1em;
	}

optgroup {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	}
/* -------------------------------------------------------------
                                              end form styles */





/* button styles
   http://particletree.com/features/rediscovering-the-button-element/
------------------------------------------------------------- */
div.buttons {
	margin: 1.8em 0;
	}
	
	table.entry + div.buttons {margin-top: 0;}
	div.buttons:last-child {margin-bottom: 0;}

.buttons a, .buttons button {
	display: block;
	float: left;
	margin: 0 .5em 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;

	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
	}
.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 4px 7px; /* IE6 */
	}
.buttons button[type] {
	padding: 5px 10px 4px 7px; /* Firefox */
	line-height: 17px !important;
	}
*:first-child+html button[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
	}
.buttons button img, .buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	width: 16px;
	height: 16px;
	}

/* STANDARD */
button:hover, .buttons a:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
	}
.buttons a:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
	}

/* POSITIVE */
button.positive, .buttons a.positive {
	color: #529214;
	}
.buttons a.positive:hover, button.positive:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
	}
.buttons a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
	}

/* NEGATIVE */
.buttons a.negative, button.negative {
	color: #d12f19;
	}
.buttons a.negative:hover, button.negative:hover {
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
	}
.buttons a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
	}
/* -------------------------------------------------------------
                                            end button styles */





/* structure
------------------------------------------------------------- */
#wrap {
	width: 80em;
	margin: 20px auto;
	}

#container {
	width: 80em;
	margin: 20px auto 60px auto;
	}
	
	#container .section {
		width: 70em;
		margin: 0 auto;
		}

#content {
	padding: 0 0 40px 0;
	}
	
	.home#content,
	.contact#content {
		text-align: center;
		}
	
	.twocolumn {
		margin: 0 0 4em 0;
		min-height: 450px;
		}
		
		* html .twocolumn {height: 450px;}
	
	.twocolumn #content {
		float: left;
		width: 56em;
		padding: 0 2em 0 0;
		}
		
		.onecolumn #content {
			float: none;
			width: 70em;
			margin: 0 auto;
			padding: 0 0 4em 0;
			}
	
	.twocolumn #sidebar {
		float: right;
		width: 20em;
		padding: 0 0 0 1em;
		}

div.post {
	margin: 0 0 3em 0;
	padding: 0 0 3em 0;
	border-bottom: 2px solid #ddd;
	}

.ui-tabs-hide { display: none !important; }

.member {
	margin: 20px 0 30px 0;
	}

.member .img {
	float: left;
	width: 130px;
	}
	
	.member .img img {
		padding: 2px;
		border: 1px solid #ddd;
		}

.member .copy {
	float: right;
	width: 670px;
	}

#header:after,
#nav:after,
.twocolumn:after,
.member:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	* html #header,
	* html #nav,
	* html .member {height: 1%;}
	
	*:first-child+html #header,
	*:first-child+html #nav,
	*:first-child+html .member {min-height: 1%;}
/* -------------------------------------------------------------
                                                end structure */





/* header
------------------------------------------------------------- */
#header {
	padding: 20px 0 0 0;
	text-align: center;
	}
	
#logo {
	padding: 0 0 40px 0;
	}
/* -------------------------------------------------------------
                                                   end header */





/* navigation
------------------------------------------------------------- */
#nav {
	clear: both;
	width: 80em;
	margin: 20px auto 40px auto;
	text-align: center;
	}
	
	#header #nav {width: 80em;}

#nav li {
	display: inline;
	list-style: none;
	font-size: 2em;
	line-height: 1;
	padding: 0;
	background: none;
	}
	
/*
	#header #nav li {
		font-size: 1.4em;
		line-height: 1.42857;
		}
*/

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	padding: .5em;
	color: #666;
	text-decoration: none;
	}
	
	#header #nav li a:link,
	#header #nav li a:visited,
	#header #nav li a:hover,
	#header #nav li a:active {
		
		}
	
	#nav li a:hover {color: #d73c2a;}

#nav li.current_page_item a:link,
#nav li.current_page_item a:visited,
#nav li.current_page_item a:hover,
#nav li.current_page_item a:active,
#nav li.ui-tabs-selected a:link,
#nav li.ui-tabs-selected a:visited,
#nav li.ui-tabs-selected a:hover,
#nav li.ui-tabs-selected a:active {
	color: #313797;
	}

ul.links {
	width: 18em;
	margin: 0 0 1.8em 0;
	border-top: 1px solid #d9d9d9;
	}

ul.links li {
	list-style: none;
	font-size: 1.2em;
	line-height: 1;
	}

ul.links li a:link,
ul.links li a:visited,
ul.links li a:hover,
ul.links li a:active {
	display: block;
	width: 14em;
	padding: .5em;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	}
	
	ul.links li a:hover {
		background: #fafafa;
		}
/* -------------------------------------------------------------
                                               end navigation */





/* blog
------------------------------------------------------------- */
div.entry {
	margin: 0 0 20px 0;
	}

#comments {
	margin: 0 0 20px 0;
	}

div.comment {
	padding: 5px 10px;
	}
	
	.comment.odd,
	.comment.preview {
		background: #f7f7f7;
		}
/* -------------------------------------------------------------
                                                     end blog */





/* messages
------------------------------------------------------------- */
div.success,
div.error,
div.notice {
	margin: 0 0 2em 0;
	padding: 1em 1em 1em 3em;
	}

div.success {
	background: #e6efe2 url(images/ui/icons/tick.png) no-repeat 1em 50%;
	color: #264409;
	border: 2px solid #12630f;
	}

div.error {
	background: #fbe3e4 url(images/ui/icons/slash.png) no-repeat 1em 50%;
	color: #8a1f11;
	border: 2px solid #bc1a0f;
	}

div.notice {
	background: #fff6bf url(images/ui/icons/exclamation.png) no-repeat 1em 50%;
	color: #514721;
	border: 2px solid #ffd324;
	}
/* -------------------------------------------------------------
                                                 end messages */





/* footer
------------------------------------------------------------- */
#footer {
	text-align: center;
	}
/* -------------------------------------------------------------
                                                   end footer */