/*
Theme Name: Dojo
Theme URI: http://spaceninja.com/dojo/
Description: A minimal, web-standards, SEO-friendly theme with two dynamic sidebars and an editable "about" blurb.
Version: 5.1.2
Author: Scott Vandehey
Author URI: http://spaceninja.com/
Tags: fixed-width, three-columns, right-sidebar, white, theme-options, threaded-comments

	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/

	* Twitter for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/twitter-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.
	
	CHANGELOG:
	
	* 5.1.2: Added support for new Wordpress 2.7 features - new comment styles and post_class() function.
	* 5.1.1: Removed reference to non-existant favicon.ico
	* 5.1: Added custom styles option and code to display 25 posts on archive pages.
	* 5.0: Initial public release, following four internal iterations.


*/



/* Universal Rules -------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #0f0f0f;


  background-image: url('http://bokeh.se/wp-content/bg.png');
	background-repeat: repeat-x;

	color: #e7e7e7;
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	font: 85%/1.5 Arial, 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: 960px;
/* 	margin: 0 auto; */
}
#header {
/* 	background: transparent url("images/bg-sidebar-five-percent.png"); */

}
#wrapper {
	float: left;
	width: 960px;
/* 	background: transparent url("images/bg-sidebar-five-percent.png") repeat-y top right; */
}
#sidebar {
	width: 595px;
	float: right;
	margin-bottom: 20px;
	padding: 0;
	color: #666666;
}
#columncap {
  margin-bottom: 2em;
  width: 100%;
}
#columncap IMG {
  width: 960px;
}

#column1 {
 	width: 270px;
  width: 540px;
	float: left;
  margin-left: 20px;
}
#column2 {
/*
width: 0;
margin: 0;
display: none;
*/
	width: 270px;
	float: right;
  margin-left: 20px;
}

#content {
/* 	width: 293px; */
  width: 400px;
/* 	float: left; */
	margin-bottom: 20px;
	margin-top: 2em;
	padding: 15px;
  color: #e7e7e7;
/*   margin: 0 auto; */
  margin: 0 0 0 100px;
}
#footer {
	clear: both;
	margin-top: 2em;
	
}
#foot-wrapper {
  clear: both;
  width: 961px;
  padding-top: 1em;
}

#foot1 {
	width: 226px;
	float: left;
  margin-left: 20px;
  margin-right: 20px;
}
#foot2 {
	width: 226px;
	float: left;
  margin-left: 20px;
  margin-right: 20px;
}
#foot3 {
	width: 226px;
	float: left;
  margin-left: 20px;
  margin-right: 20px;
}
.partner-logo {
  margin-left: 1.25em;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.partner-logo:hover,
.partner-logo:active {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


/* Header -------------------------------------------------- */
#header {
}
#header #blogname a {
	color: #aaa;
}
#header #blogname a:hover {
  color: #aaa;
}
#blogname {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	line-height: 1;
	margin: 0;
	font-weight: normal;
}
#bokeh-logo {

}

/* Content -------------------------------------------------- */
.entry {
	margin-bottom: 5em;
}
.alert,
.error {
	background: #222;
	border: 1px solid #ff0;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 1em;
}
code, kbd, tt, pre {
	font-family: Monaco, "Courier New", 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: #e50085;
	text-decoration: none;
}
#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #c63e97;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #333;
  text-decoration: underline;
}
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: "Lucida Grande", Helvetica, Arial, sans-serif;
	line-height: 1.1;
	margin: 1em 0 .5em 0;
	font-weight: normal;
}
.title h2,
h1 {
	font-size: 2em;
  font-weight: bold;
  margin-left: -1em;
}
h1.archive {
	margin-bottom: .5em;
}
h2 {
	font-size: 1.6em;
	margin-bottom: .8em;
}
h3 {
	font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
}
h4 {
	font-size: 1.1em;
}
h5, h6 {
	font-size: 1em;
}


.title h1 a,
.title h1 a:link,
.title h1 a:visited,
.title h2 a:link,
.title h2 a:visited,
.title h2 a {
  color: #e7e7e7;
}
.title h1 a:hover,
.title h1 a:active,
.title h1 a:focus,
.title h2 a:hover,
.title h2 a:active,
.title h2 a:focus {
  color: #e50085;
}


p, ul, ol, table, .navigation {
	margin: .25em 0 1.4em 0;
}
th, td {
	padding: .5em .66em;
	line-height: 1.1;
	vertical-align: top;
	border-bottom: 1px solid #e50085;
}
th {
	text-align: left;
	vertical-align: bottom;
}
.metadata .byline {
	margin-bottom: .75em;
}
ul, ol {
	margin-left: 0;
	padding-left: 0;
}
ul ul,
ol ol {
	margin: 0;
}
li {
  line-height: 1.2em;
	margin: 0 0 .2em 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;
	padding: 0;
/* 	border: 1px solid #e50085; */
	margin: .25em auto 1em;
	max-width: 500px;
}
.entry .wp-smiley {
  padding: 0;
  margin: 0;
  border: none;
}
.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 .thumbrow {
	text-align: center;
}
.entry .thumbrow img {
	display: inline;
	margin: 0 .5em;
}
.entry .thumbrow a {
	border: none;
}
.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;
}
.post {
  margin-bottom: 8em;
}



.entry p,
.entry li,
#columncap p {
	text-align: left;
}
#columncap p {
	margin: 0;
}
#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 #333;
	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 #333; */
	padding-top: .25em;
	width: 100%;
	float: left;
}
.navigation .prev {
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
}

/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
	color: #666;
}
.comments A:link,
.comments A:visited {
  color: #6a1447;
}
.comments A:active,
.comments A:hover {
  color: #333;
}
.related {
	clear: both;
}
.commentlist cite {
	font-style: normal;
}
.commentlist li {
	clear: both;
	margin: 0;
	padding: .75em 1em .25em;
	list-style: none;
	background: #111;
}
.commentlist li li {
/* 	border-left: 2px solid #333; */
	margin: 0 -1em 0 .5em;
}
.commentlist .even {
	background: #222;
}
.commentlist .bypostauthor {
	background: #fff;
}
.commentlist .avatar {
	float: right;
	margin: 0 0 .5em .5em;
	background: #eee;
	padding: 4px;
	border: 1px solid #ccc;
}
#cancel-comment-reply-link {
	margin-left: 3em;
}
.trackback,
.pingback {
	font-size: .85em;
	color: #666;
}
.trackback .content,
.pingback .content {
	font-style: italic;
}

.commentform TEXTAREA {
  width: 90%;
  height: 7em;
  background: #ccc;
  border: 1px solid #ccc;
  padding: 4px;
}

.commentform LABEL {
  display: block;
}
.commentform .textfield {
  width: 75%;
  display: block;
  background: #eee;
  border: 1px solid #ccc;
  padding: 4px;
}

.comments H4 {
  font-weight: normal;
  
}

.syndicate {
  margin-top: -1em;
  text-align: right;
}

/* Sidebar -------------------------------------------------- */
#sidebar {

}
#sidebar .widget,
#foot-wrapper .widget {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .5em;
}
#sidebar h4 {
	font-weight: normal;
/*   border-bottom: 1px solid #999; */
  margin: .2em 0 .3em -.5em;
}
#foot-wrapper h4 {
	margin-top: 0;
	font-weight: normal;
	font-size: 1.2em;
}
#columncap h4 {
  margin: 0;
  border: none;
}
#foot-wrapper h4 {
  color: #666;
}
#sidebar blockquote {
	margin: 0;
}
/*
#sidebar img {
	display: block;
	padding: 2px;
	border: solid 1px #e50085;
  margin-bottom: 1em;
}
*/
#sidebar #columncap img {
  padding: 2px;
  border: none;
  margin: .4em;
/*   border: 1px solid #e50085; */
  border-top: none;
  max-width: 593px;
}
#sidebar #columncap img:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#nav {
  display: block;
  width: 100%;
  height: 80px;
}

#nav .buttons {
/*   margin: 15px 15px 15px 15px; */
  text-align: center;
  color: #000;
}

#nav .buttons h2 {
	font-family: Helvetica, Arial, sans-serif;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: 1.9em;
  margin: .5em .9em;
  font-weight: normal;
  line-height: .6em;
}
#nav A .buttons {
  color: #000;
  text-decoration: none;
  float: left;
}
#nav A:hover .buttons  {
  color: #e7e7e7;
  background: #0f0f0f !important;
}


/* search */
#searchform {
	margin: .25em 0 1em;
}
#sidebar #search h4 {
	display: none;
}
#sidebar #search input {
	width: 33%;
}
#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: #e50085;
}
/* 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;
}
/* twitter */
.twitter {
	margin: 0;
}
.twitter .twitter-item {
	list-style: none;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	border-left: 2px solid #bbb;
	font-style: italic;
	margin: .25em 0 1em;
	padding: .75em 1em .75em;
}
.twitter .twitter-timestamp {
	display: block;
	font-size: .8em;
}

/* Footer -------------------------------------------------- */

#foot-wrapper {
}
#foot-wrapper li {
  margin-top: 0;
  margin-bottom: 0;
}
#foot-wrapper ul {
  color: #444;
  list-style-type: none;
  font-size: .9em;
}
#foot-wrapper A:link,
#foot-wrapper A:visited {
  text-decoration: underline;
  color: #444;
}
#foot-wrapper A:active,
#foot-wrapper A:hover {
  text-decoration: none;
  color: #444;
}
#footer {
	padding-bottom: 1.5em;
	width: 100%;
	float: left;
}
#footer {
  color: #bababa;
}
#footer A {
}
#footer p {
	width: 50%;
	margin: 1em 0 0;
}
#footer .copyright {
	border-top-color: #b2b2b2;
	border-top-width: 1px;
	border-top-style: solid;
	float: left;
	display: block;
}
#footer .poweredby {
	border-top-color: #b3b3b3;
	border-top-width: 1px;
	border-top-style: solid;
	float: right;
	text-align: right;
	display: block;
}

#footer small a, #footer small a:link, #footer small a:visited {
	color: #b98eb0;
	text-decoration: none;
}
#footer small a:hover, #footer small a:active {
	text-decoration: underline;
}
#sidebar a:hover, #sidebar a:active {
	text-decoration: underline;
}

/* psu hack */
A.psu-singleview IMG {
   display: none;
}

A.psu-singleview-top {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
}

A.psu-singleview-top SPAN:hover,
A.psu-singleview-top SPAN:active {
  color: #e50085;
}

A.psu-singleview-top SPAN {
  width: 100%;
  display: block;
  position: absolute;
  bottom: .55em;
  left: 0;

  text-align: center;
  white-space: nowrap;
  background: #000;
  padding: .3em 0;
    
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 1.8em;  

	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}