/*  
Theme Name: Upstart Blogger Modio
Theme URI: http://www.upstartblogger.com/
Description: A simple, clean, minimal, spacious design. Widgetized, with optional rollover side menu and home page.
Version: 0.1
Author: Robert Ellis
Author URI: http://www.upstartblogger.com/
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/. Feel free to make any changes, but please keep a link back to Upstart Blogger in your sidebar or footer.

Based on Kubrick v1.5, designed by Michael Heilemann, http://binarybonsai.com/kubrick/.
*/

/* @group Normalize */

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalizes font-size for headers */

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/* Removes list-style from lists */

ol,ul {
	list-style: none;
}

/* Normalizes font-style and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes list-style from lists */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Removes border from fieldset and img */

fieldset,img {
	border: 0;
}

/* Left-aligns text in caption and th */

caption,th {
	text-align: left;
}

/* Removes quotation marks from q */

q:before, q:after {
	content: '';
}

/* @end */

/* @group Sticky Footer */

/* 

STICKER - A valid, easy to use CSS sticky footer by Ryan Fait

This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!

Copyright (c) 2006-2007 Ryan Fait

*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

.page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -8em;
/*

the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 6em;
/*

.push must be the same height as .footer */
}

/*

TROUBLESHOOTING

I've received a few comments about vertical margins causing a
few problems with the layout. If you want space between
paragraphs or headers, use padding instead of margin. It's as
simple as that.

*/

/* @end */

/* @group Layout */

body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color: #fff;
	text-align: center;
	line-height: 150%;
}

#header {
	margin-left: 220px;
	padding-top: 20px;
	font-size: 2.5em;
	line-height: 1.3em;
	text-transform: uppercase;
	width: 600px;
}

#header a {
	font-weight: bold;
	color: #000;
}

.page {
	background-color: white;
	padding: 0;
	width: 894px;
	color: #000;
	text-align: left;
}

#content {
	position: relative;
	padding-bottom: 100px;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	width: 450px;
}

.widecolumn {
	padding: 15px 0 20px 0;
	margin-left: 220px;
	width: 450px;
}

.widecolumn .post {
	margin: 0;
}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	text-align: center;
}

.widecolumn .postmetadata {
	padding: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	padding: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.widecolumn .entry p {
	font-weight: normal;
	padding: 1em 0;
	color: #444;
}

.widecolumn .post .entry blockquote p {
	font-weight: normal;
	font-size: 1em;
}

.post,.toc {
	margin-top: 100px;
	margin-left: 220px;
	font-size: 1.2em;
	line-height: 150%;
	width: 468px;
}

.entry p:first-child {
	font-size: 1.1em;
	font-weight: bold;
}

.entry p a:visited {
	color: #265090;
}

.footer {
	color: #000;
	text-align: left;
	padding: 0 0 0 323px;
	line-height: 150%;
	font-size: 1.2em;
	width: 468px;
}

/* @end */

/* @group Headers */

h1, h2, h3 {
	font-weight: bold;
}

h1 {
	font-size: 4em;
	padding-top: 70px;
	margin: 0;
	line-height: 100%;
}

h2 {
	padding: 30px 0 0;
	font-size: 1.6em;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #000;
}

h2.pagetitle {
	padding-top: 30px;
	text-align: center;
}

#sidebar h2, #dynamic_sidebar h2 {
	padding: 5px 0 0;
}

h3 {
	padding: 30px 0 0;
	font-size: 1.3em;
}

h3.comments {
	padding: 20px 0;
}

/* @end */

/* @group Sidebar */

#dynamic_sidebar {
	position: absolute;
	top: 122px;
	padding: 10px;
	color: #000;
	text-align: left;
	width: 160px;
}

#dynamic_sidebar p {
	padding: 10px 0 0;
}

#dynamic_sidebar li {
	list-style-type: none;
	list-style-position: outside;
}

#dynamic_sidebar h2 {
	padding-top: 20px;
	font-size: 1em;
}

#dynamic_sidebar a {
	font-weight: normal;
}

#dynamic_sidebar li.page_item {
	text-align: left;
}

#sidebar, #dynamic_sidebar {
	font-size: 1.2em;
}

#sidebar form, #dynamic_sidebar {
	padding: 5px 0 0;
}

#sidebar {
	position: fixed;
	top: 15px;
	left: -170px;
	padding: 10px;
	color: #fff;
	text-align: right;
	font-weight: bold;
	width: 160px;
}

#sidebar p.menu {
	background-color: #f31b1b;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	position: relative;
	left: -20px;
	width: 250px
}

#sidebar p {
	color: #000;
	font-weight: normal;
}

#sidebar:hover {
	left: 0px;
}

#sidebar ul, #sidebar ul ol {
	text-align: left;
	padding: 10px 0 0;
	color: #000;
}

#sidebar ul p, #sidebar ul select {
	margin: 0;
}

#sidebar ul ul, #sidebar ul ol {
	padding: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	padding: 3px 0 0;
}

#sidebar h2, #dynamic_sidebar h2 {
	font-size: 1.2em;
}

small, #sidebar ul ul li, #sidebar ul ol li, #dynamic_sidebar ul ul li, #dynamic_sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #444;
}

/* @end */

/* @group Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
}

html>body .entry li {
	padding: 7px 0 8px 10px;
	font-weight: normal;
}

.entry ol {
	padding: 0 0 0 20px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}



.post li p {
	font-weight: normal;
}

ul.toc li a, ul.post li a { padding: 0.5em;  }
ul.toc li a { display: block; margin: 0.15em auto; font-size: 1.5em; line-height: 1.5em; font-weight: normal; }
 
li.page_item {
	text-align: right;
}


ul.toc li a:hover {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

ul.toc li a img { margin-right: 0.5em; vertical-align: middle; }

ul.post a span {
	display: none;
}

ul.post a:hover span {
	display: block;
	position: absolute;
	top: -60px;
	left: 220px;
	width: 468px;
	font-weight: normal;
	line-height: 150%;
	font-size: 1.1em;
	color: #f31b1b;
}

.post li p.postmetadata {
	font-weight: bold;
	padding: .3em 0 2em;
}

.paging {}
.paging.prev { float: left; width: 50%; }
.paging.next { float: right; WIDTH: 50%; text-align: right; }

ul.post li.meta,.footer p.powered { color: #999; font-size: 0.8em; }
ul.post li.meta a,.footer p.powered a { padding: 0; color: #999; }
div.entry { border-bottom: solid 1px #f5f5f5; padding-bottom: 1.5em; }

div.entry p { line-height: 1.7em; }
ul.post li.meta { line-height: 1.5em; }
.footer p { margin: 0; }
.footer p.copyright {}

/* @end */

/* @group Forms */

#searchform {
	margin: 10px 0;
	padding: 5px 0;
	text-align: left;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}

.search_input {
	margin-top: 5px;
	width: 150px;
  font-weight: normal;
  
}

.entry form {
	/

* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/* @end */

/* @group Comments */

/* Normal Bubble */

div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 10px 15px;
	top: 5px;
	background: transparent url('images/tip.gif') no-repeat 20px 0;
	font-style: normal;
	font-size: 1.2em;
}

.alt {
	margin: 0;
	padding: 0;
}

#commentform p {
	padding: 5px 0;
	font-size: 1.2em;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

/* @end */

/* @group Images */

#header img {
	position: absolute;
	top: 20px;
}

p img {
	padding: 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* @end */

/* @group Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

/* Doesn't work in IE */

#wp-calendar td.pad:hover {
	background-color: #fff;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* @end */

/* @group Miscellaneous */

* a {
	text-decoration: none;
}

code {
	font: 1.2em 'Courier New', Courier, Fixed;
	padding: 5px;
	margin-left: 10px;
	color: #2a910c;
	font-weight: bold;
	width: auto;
	height: auto;
	display: block;
	overflow: auto;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	font-weight: bold;
}

a:hover {
	color: #f31b1b;
  background: #f5f5f5;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	font-size: 1.2em;
	font-weight: normal;
}

.center {
	text-align: center;
}

em {
	font-style: italic;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	padding: 20px 0 60px 0;
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
}

strong {
	font-weight: bold;
}

/* @end */