/*
Theme Name: Comics212
Theme URI: http://spaceninja.com/dojo/ 
Description: Web design for Christopher Butcher based off the theme Dojo.
Author: Scott Vandehey 
Modded by: Nadine Lessio
Author URI: http://spaceninja.com/
Modder URI: http://dunderbug.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


*/



/* Universal Rules -------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #1f3345;
	color: #333;
	/* font sizing in ems, baby. if you want to change anything, just change this.*/
	font: 75% "Lucida Grande", Lucida, Verdana, 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 {
	margin: 0;
	padding: 0;
	background: url(images/pageback.jpg) no-repeat top;
}


#wrapper {
	margin: 0 auto;
	width: 960px;
	background: url("images/contentBack.jpg") repeat-y top left white;
	
}

.stripeC {
background: url(images/stripes2.jpg) no-repeat left top; 
height:10px; !important

}

#sidebar {
	width: 350px;
	float: right;
	/*padding: 0 10px 10px 0;*/
	background: #dbe1e5;
}
#columncap {
	margin-bottom: 20px;
}
#column1 {
	width: 160px;
	float: left;
padding-left: 10px;

	
}
#column2 {
	width: 160px;
	float: right;
	padding-right: 10px;

}
#content {
	width: 590px;
	float: left;
	margin-bottom: 20px;
	/*margin-left: 10px;*/
	/*background: red;*/
}
#footer {
	clear: both;
	background: #4a5666;
	padding: 15px;
	/*width: 930px;*/
}

#about {
margin: 0 0 0 10px;
padding-right: 10px;
border-bottom: 1px solid #eee;
}

/* Header -------------------------------------------------- */
#header {
	margin: 0;
	padding: 0;
	
	background: url(images/headerC.jpg) repeat-x left top #10131c;
	
	text-align: center;
	}
	
	
#blogname {
	
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 3em;
	padding: 30px 15px 0 15px;
	text-align: right;
	letter-spacing: .05em;
	
	/*width: 525px;*/
}

#tagline {
margin: 0;
padding: 0 15px 0 15px;
color: white;
text-align: right;
font-size: .8em;
line-height: 0;

/*width: 525px;*/
}

#headWrap {
margin: 0 auto;
width: 960px;
text-align: left;
height: 110px; !important

}

#headWrap a, #headWrap a:visited {
color: white;
border: none;
}

#headWrap a:hover, #hedWrap a:active, #headWrap a:focus {
color: #ccc;
}

.page_item {
/*background: blue;*/
float: right;
list-style: none;
margin: 0;
padding: 5px 15px 10px 10px;
border-left: 1px solid #400101;
border-right: 1px solid #400101;

}

.blueTop {
margin: 0 auto;
width: 960px;
}

#topNav {
background: url(images/topnav.jpg) repeat-x bottom #550101;
border-top: 1px solid #0a0f19;
/*margin: 0 auto;
width: 960px;*/
}

#topNav ul {
margin: 0;
padding: 0;
}

#topNav ul li a, #topNav ul li a:active, #topNav ul li a:focus  {
color: #A31203;
text-decoration: none;
border-bottom: none;
}

#topNav ul li a:hover {
color: #D3670A;
}



/* Content -------------------------------------------------- */
.entry {
	margin-bottom: 2em;
	margin-top: 10px;
padding-left: 10px;
}
.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: #29200F;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
a:hover, a:focus, a:active {
	color: #D3670A;
	/*color: #46381e;*/
}
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: 2.0em;
}
h1.archive {
	margin-bottom: .5em;
}
h2 {
	font-size: 1.75em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.15em;
}
h5, h6 {
	font-size: 1em;
}



.title h1 a,
.title h2 a {
	border-bottom: 1px solid white;
	background: #e8e8e8;
	display: block;
	padding: 3px 3px 3px 5px;
}

.title h1 a:hover, .title h2 a:hover {
color: #D3670A;
}

p, ul, ol, table, .navigation {
	margin: 1em 0 1em 0;
}

li {
padding: 0 0 .4em 0;
}

.metadata {
padding:.4em 0 0 0;
color: #666;
}

.metadata a, .metadata a:visited {
color: #666;
}

.metadata a:hover {
color: #D3670A;
}

.metadata .byline {
	margin-bottom: .75em;
	background: url(images/comment.gif) no-repeat left;
	padding-left: 12px;
}

.folksonomy {
background: url(images/file.gif) no-repeat left;
	padding-left: 12px;
}

.metadata .posted {
background: url(images/b_posted.gif) no-repeat left;
padding-left: 12px;
}



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: none;
	margin: 0;
	padding: 0 0 .5em 0;
}
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;
	padding: 4px;
	/*border: 1px solid #eee;*/
	/*border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	margin: .25em auto 1em;
	max-width: 580px;
}
.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: 10;
padding: 10;
}
.entry img.floatright,
.entry img.alignright,
.entry img[align="right"],
.wp-caption.alignright {
	margin: 10;
padding: 10;
}
.entry img.floatleft,
.entry img.alignleft,
.entry img[align="left"],
.wp-caption.alignleft {
	margin: 10;
padding: 10;
}
.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%;
padding-left: 10px;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
padding-right: 10px;
}

/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;

}

.commentform {
margin-left: 10px;
}
.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;*/
	background: #f6f6f6;
	padding-bottom: 15px;
}
.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;
}

#comments {
font-size: 1.3em;
border-top: 1px solid #eee;
padding: 10px 0 0 10px;

}

#respond {
font-size: 1.3em;

}
.syndicate {
padding-left: 10px;
}

/* Sidebar -------------------------------------------------- */
#sidebar {
margin: 0;
}
#sidebar .widget {
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 5px;
	
}

#sidebar widget_text {
margin: 0;
padding: 0;
}

#sidebar h4 {
	margin: 0 0 0 0;
	background: url(images/h4image.gif) no-repeat 0 3px;
	padding-left: 24px;
	
}
#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;*/
}

#sidebar a, #sidebar a:active, #sidebar a:focus, #sidebar a:visited{
color: #A31203;

}
#sidebar a:hover {
color: #D3670A;
}



.sideCom p {
margin: 0 0 10px 0;
}

.sideCom img {
padding-right: 5px;
}

/* 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 p {
	width: 50%;
	color: #c7d2da;
	/*margin: 1em 0 0;*/
}

#footer a, #footer a:visited {
color: #c7d2da;
}

#footer a:hover, #footer a:active, #footer a:focus {
color: #D3670A;
}

#footer .copyright {
	float: left;
}
#footer .poweredby {
	float: right;
	text-align: right;
}