/*
Theme Name: Dojo
Theme URI: http://spaceninja.com/dojo/
Description: A minimal web-standards theme with two dynamic sidebars and an editable "about" blurb.
Version: 5.1.1
Author: Scott Vandehey
Author URI: http://spaceninja.com/
Tags: fixed width, three columns, widgets, seo, atom, white, standards, valid xhtml, options page, minimalist

	SUPPORTED PLUGINS:
	* Brian's Latest Comments
	   http://meidell.dk/archives/category/wordpress/latest-comments/

	* flickrRSS
	   http://wordpress.org/extend/plugins/flickr-rss/

	* Simple Tags (for related posts function)
	   http://wordpress.org/extend/plugins/simple-tags
	
	RECOMMENDED PLUGINS:
	* Widon't by Shaun Inman (prevents widows in headlines)
	   http://www.shauninman.com/archive/2007/01/03/widont_2_1_wordpress_plugin

	* Del.icio.us for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/delicious-for-wordpress/

	* Last.fm for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/lastfm-for-wordpress/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html

	TO CUSTOMIZE:
	Create a new stylesheet in this directory called custom.css, and put your 
	rules in there. It will automatically be loaded after this stylesheet, so 
	you can override any rules with your own. Same thing for customie6bugs.css 
	and customie7bugs.css.

*/

.includedImage {
	display: block;
	text-align: center;
	overflow: hidden;
	}
						
.includedImageRight {
	float: left;
	text-align: center;
	margin: 10px 10px 10px 0;
	}

/* Universal Rules -------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	font: 80%/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.ahem, hr { display: none !important; }
img { border: none; }
form { margin: 0; }
.floatleft, .alignleft { float: left; margin: 0 1em 1em 0; }
.floatright, .alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }

/* Layout -------------------------------------------------- */
#page {
	width: 940px;
	margin: 0 auto;
}
#header {
}
#wrapper {
	padding-top: 20px;
	float: left;
	width: 940px;
	background: transparent url("images/bg-sidebar-five-percent.png") repeat-y 530px 0;
}
#sidebar {
	width: 375px;
	float: right;
	margin-bottom: 20px;
	padding: 0 15px 0 0;
}
#columncap {
	margin-bottom: 20px;
}
#column1 {
	width: 170px;
	float: left;
}
#column2 {
	width: 200px;
	float: left;
}
#content {
	width: 510px;
	float: left;
	margin-bottom: 20px;
}
#footer {
	clear: both;
}

/* Header -------------------------------------------------- */
#header {
	border-bottom: 3px solid #ccc;
	padding-top: 3em;
}

#blogname a {
	background: url("images/solution-watch.jpg") -9px 0 no-repeat;
	width: 155px;
	height: 67px;
	display: block;
	border: 0;
}

#blogname a span {
	display: none;
}

/* Content -------------------------------------------------- */
.entry {
	margin-bottom: 40px;
}
.alert,
.error {
	background: #ffc;
	border: 1px solid #ff0;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 1em;
}
code, kbd, tt, pre {
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
code {
}
pre {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	padding: .5em;
}
a, a:link, a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
a:hover, a:focus, a:active {
	color: #c00;
	border-bottom-width: 2px;
}
sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
acronym, abbr, .info {
	border-bottom: 1px dotted #333;
	cursor: help;
}
h1, h2 ,h3, h4 {
	font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.25;
	margin: 0 0 .25em;
}
h1 {
	font-size: 2em;
}
h1.archive {
	margin-bottom: .5em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5, h6 {
	font-size: 1.25em;
}

.title h1, .title h2 {
	font-size: 1.5em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.title h1 a,
.title h2 a {
	border: 0;
}
p, ul, ol, table, .navigation {
	margin: .25em 0 1em;
}

.metadata .byline {
	margin-bottom: .75em;
}
ul, ol {
	margin-left: 0;
	padding-left: 0;
}
ul ul,
ol ol {
	margin: 0;
}
li {
	margin: .25em 0 .25em 1.25em;
	padding-left: 0;
}
ul li {
	list-style-type: disc;
}
ol li {
	margin-left: 1.5em;
}
ul.rss li {
	list-style: none;
	margin-left: 0;
	padding-left: 17px;
	background: transparent url("images/feed.gif") no-repeat left .25em;
}
.wp-caption {
	margin: .25em auto 1em;
}
.entry img,
.entry object {
	display: block;
	background: #fff;
	max-width: 500px;
}
p.note img { display: inline; }
.wp-caption img {
	margin: 0 auto;
}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: .25em 0 0;
	text-align: center;
	color: #666;
}
.entry .floatright img,
.entry .floatleft img {
	margin: .25em 0 1em;
}
.entry img.floatright,
.entry img.alignright,
.entry img[align="right"],
.wp-caption.alignright {
	margin: .25em 0 1em 1em;
}
.entry img.floatleft,
.entry img.alignleft,
.entry img[align="left"],
.wp-caption.alignleft {
	margin: .25em 1em 1em 0;
}
.entry p,
.entry li,
#columncap p {
	text-align: left;
}
#site-archives-monthly-archive {
	width: 60%;
	float: left;
}
#site-archives-monthly-archive.wide {
	width: auto;
	float: none;
}
#site-archives-monthly-archive li,
#site-links li {
	text-align: left;
}
#site-archives-category-archive {
	width: 37%;
	float: right;
}
#site-links img {
	margin-left: 0;
	margin-right: 0;
}
blockquote {
	margin: .25em 0 1em;
	padding: .75em 1em .25em;
	border-left: 2px solid #ccc;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	font-style: italic;
}
blockquote i,
blockquote em,
blockquote cite {
	font-style: normal;
}
blockquote p {
	margin: 0 0 .5em;
}
.navigation {
	border-top: 1px solid #ccc;
	padding-top: .25em;
	width: 100%;
	float: left;
}
.navigation .prev {
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
}

.entry .content {
font-size: 1em;
}
/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
}
.commentlist cite {
	font-style: normal;
}
.commentlist li {
	clear: both;
	padding: .75em 1em .25em;
	list-style: none;
	margin-left: 0;
}
.commentlist .alt {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
.commentlist .authorcomment {
	background: transparent url("images/bg-sidebar-ten-percent.png") top right;
}
.commentlist .avatar {
	float: right;
	margin: 0 0 .5em .5em;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Sidebar -------------------------------------------------- */
#sidebar {
}
#sidebar .widget {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ddd;
}
#sidebar h4 {
	margin-top: 0;
}
#sidebar blockquote {
	margin: 0;
}
#sidebar img {
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* search */
#searchform {
	margin: .25em 0 1em;
}
#sidebar #search h4 {
	display: none;
}
#sidebar #search input {
	width: 35%;
}
#sidebar #search input#s {
	width: 60%;
}
#sidebar #search br {
	display: none;
}
/* calendar */
#wp-calendar {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	width: 100%;
}
#wp-calendar #today {
	font-weight: bold;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	text-align: left;
	font-weight: bold;
}
/* tag cloud */
.st-tag-cloud,
.wp-tag-cloud {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	padding: .5em .5em .5em 1em;
}
#sidebar .st-tag-cloud,
#sidebar .wp-tag-cloud {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
.st-tag-cloud li,
.wp-tag-cloud li {
	display: inline;
	margin: 0 .5em 0 0;
}
.st-tag-cloud li a,
.wp-tag-cloud li a {
	color: #555;
}
.st-tag-cloud li a:hover,
.wp-tag-cloud li a:hover,
.st-tag-cloud li a:focus,
.wp-tag-cloud li a:focus {
	color: #c00;
}
/* subscribe */
#subscribe-dojo p {
	margin: .25em 0;
}
/* flickr */
#flickrrss,
#flickr-rss-dojo-version {
	float: left;
	width: 100%;
}
#flickrrss ul,
#flickrrss li,
#flickr-rss-dojo-version ul,
#flickr-rss-dojo-version li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#flickrrss li img,
#flickr-rss-dojo-version li img {
	float: left;
	margin: 0 10px 10px 0;
}
/* admin recent comments */
#sidebar blockquote {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	border-color: #bbb;
}
#admin-recent-comments-dojo-version cite {
	font-style: normal;
	font-weight: bold;
}
#admin-recent-comments-dojo-version blockquote cite {
	font-style: italic;
}
#admin-recent-comments-dojo-version blockquote small {
	font-size: .9em;
}

/* Footer -------------------------------------------------- */
#footer {
	border-top: 1px solid #ccc;
	padding-bottom: 1.5em;
	width: 100%;
	float: left;
}
#footer p {
	width: 50%;
	margin: 1em 0 0;
}
#footer .copyright {
	float: left;
}
#footer .poweredby {
	float: right;
	text-align: right;
}

.insights {
		border-top: 1px solid #DDD;
		background: #F6F6F6;
		padding: 0;
		margin: 20px 0 0 0;
		}
	
		.insights h3 {
			margin: 0;
			padding: 3px 0 3px 10px;
			background: #EEE;
			font-size: 1em;
			border-bottom: 1px solid #FFF;
			}
		
		.insights ul {
			margin: 0;
			padding: 10px;
			}
	
		.insights ul li {
			padding: 2px;
			margin-left: 25px;
			}

ul.specialList {
		margin: 0 0 20px 0;
		padding: 0;
		}

		ul.specialList li {
			padding: 2px;
			margin: 0 0 8px 25px;
			list-style-image: url(images/bullet-arrow.jpg);
			}

		ul.specialList li.hot {
			list-style-image: url(images/bullet-arrow2.jpg);
			}

		ul.specialList li strong a:link, ul.specialList li strong a:active, ul.specialList li strong a:visited {
			font-weight: normal;
			}
			
		.entry .content p.note {
			border: 2px solid #DDD;
			text-align: center;
			padding: 5px;
			}

#about {
	background: #fff;
	padding: 15px 15px 0 15px;
	border: 3px solid #ccc !important;
	position: relative;
}

#about p {
	line-height: 1.2em;
	color: #666;
}

#about h4 {
	font-size: 1.1em;
}

.more a:link, .more a:active, .more a:visited {
	color: #c00;
}

.content_ad {
	margin: 0 0 20px 0;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.mid_content_ad {
	margin: 0 0 20px 0;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #ddd;
	border-width: 1px 0;
	background-color: #eee;
}