/*
Theme Name: Brain Crud Basic
Theme URI: http://braincrud.com/
Description: A basic, workable theme for Brain Crud usinf Webcomic template tags.
Author: Matt Jordan
Version: 0.5
Template: archimedes
*/

/** Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
 font-family: "Times New Roman", serif;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 0; list-style:square; }
q:before, q:after { content:''; }

/** Classes */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin: auto;
}

.clear {
	clear: both;
}

/* Typography */

@font-face {
	font-family: 'GoodDogRegular';
	src: url('fonts/GoodDog-webfont.eot');
	src: local('☺'), url('fonts/GoodDog-webfont.woff') format('woff'), url('fonts/GoodDog-webfont.ttf') format('truetype'), url('fonts/GoodDog-webfont.svg#webfontKGOFQMnd') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4 {
	font-family: 'GoodDogRegular', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	}

a:link {
	color: #495F3B;
	text-decoration: none;
}

a:visited {
	color: #495F3B;
	text-decoration: none;
}

a:hover {
	color: #495F3B;
	text-decoration: underline;
}
	
#content h2 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 2.8em;
	line-height: 1em;
	/* text-shadow: 2px 2px #FFE1E1; */
	padding-top: 10px;
	margin-bottom: 20px;
	}

/* old green color: #9EC984 */
#content h2 a:link {
	color: #000;
	text-shadow: 2px 2px #FFE1E1;
	text-decoration: none;
}

#content h2 a:visited {
	color: #000;
	/* text-shadow: 2px 2px #FFE1E1; */
	text-decoration: none;
}

#content h2 a:hover {
	color: #9EC984;
	text-shadow: 2px 2px #000;
	text-decoration: none;
}

/* Navigation */

ul.menu  {
	list-style-type: none;
	font-family: 'GoodDogRegular', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 2.3em;
	/*margin-left: -70px;*/
	width: 144px;
	text-align: center;
	line-height: 1em
}

ul.menu li {
	margin-left: 0;
	font-family: 'GoodDogRegular', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
}

ul.menu  a:link  {
	color: #000;
	text-shadow: 2px 2px #FFE1E1;
	text-decoration: none;
}

ul.menu  a:visited  {
	color: #000;
	text-shadow: 2px 2px #FFE1E1;
	text-decoration: none;
}

ul.menu  a:hover  {
	color: #9EC984;
	text-shadow: 2px 2px #000;
	text-decoration: none;
}

body {
	background: #976A4D url(images/cork_tile_500.jpg);
}

#wrapper {
	width: 1034px;
	display: block;
	margin: 20px auto;
	padding-left: 10px;
	padding-right: 10px;
}

.no-javascript-warning {
	width: 700px;
	margin: 40px auto;
	text-align: center;
	font-size: 1.4em;
	position: absolute;
	top: 0;
	left: 22%;
}

.no-javascript-spacer {
	width: 700px;
	height: 100px;
}

#header {
	height: 169px;
	background: transparent url(images/banner_sticker_bg.png) no-repeat;
}

#header_link {
	display: block;
	float: left;
	width: 500px;
	height: 137px;
}

#name_and_description {
	display: none;
}

#header_ad {
	float: right;
	margin-top: 70px;
	margin-right: 30px;
	/*padding-top: 80px;*/
}


/* Left Sidebar */
#left_sidebar {
	width: 307px;
	float: left;
	margin-right: 11px;
	margin-top: 11px;
}

.left_widget_top {
	width: 307px;
	height: 5px;
	margin-bottom: -1px;
	background: url(images/left_postit_top.png) no-repeat;	
}

.left_widget_tile {
	width: 307px;
	background: url(images/left_postit_tile.png) repeat-y;
	padding-bottom: 10px;
}

.left_widget_bottom {
	width: 307px;
	height: 30px;
	margin-bottom: 11px;
	background: url(images/left_postit_bottom.png) no-repeat left bottom;
}

.left_widget_content{
	padding-left: 20px;
}

.left_widget_title {
	font-size: 2.7em;
	text-shadow: 1px 1px #FFE1E1;
	margin-bottom: 6px;
}

.left_widget_content {
	padding-right: 20px;
}

.left_widget_content ul {
	padding-left: 1.5em;
}

.proj_wond_widget_box {
	width: 307px;
	height: 400px;
	background: url('images/proj_wond_postit.png') no-repeat;
	padding-top: 70px;
	padding-left: 36px;
	margin-bottom: -60px;
}

.facebook_widget_box {
	width: 307px;
	height: 300px;
	background: url('images/facebook_nametag.png') no-repeat;
	padding-top: 70px;
	padding-left: 30px;
	margin-bottom: -50px;
}

#content {
	width: 534px;
	float: left;
	margin-right: 11px;
	margin-top: 9px;
}

.content_box_top {
	width: 534px;
	height: 40px;
	background: url(images/content_paper_top.png) no-repeat;	
}

.content_box_tile {
	width: 534px;
	background: url(images/content_paper_tile.png) repeat-y;
}

.content_box_bottom {
	width: 534px;
	height: 25px;
	margin-bottom: 9px;
	background: url(images/content_paper_bottom.png) no-repeat left bottom;
}

.webcomic_post, .post, .page {
		padding-left: 25px;
		padding-right: 29px;
}


.webcomic_storyline-brain-crud-the-second-helping .webcomic-object {
	width: 468px;
	display: block;
	margin: auto;
}

.webcomic_storyline-brain-crud-the-first-wave .webcomic-object {
	width: 468px;
	display: block;
	margin: auto;
}

#facebook_like {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

.post_footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* Comic Navigation */

div.comic-nav {
	width: 300px;
	margin: 30px auto;
}

.comic-nav li {
	display: block;
	float: left;
}

.comic-nav span{
	display: none;
}

.comic-nav li a {
	display: block;
}

.comic-nav .first-webcomic-link { background: url(images/comic_nav_sprites.png) 0 0; display: block; width: 60px; height: 60px; }
.comic-nav .previous-webcomic-link { background: url(images/comic_nav_sprites.png) -80px 0; display: block; width: 60px; height: 60px; }
.comic-nav .random-webcomic-link { background: url(images/comic_nav_sprites.png) -160px 0; display: block; width: 60px; height: 60px; }
.comic-nav .next-webcomic-link { background: url(images/comic_nav_sprites.png) -240px 0; display: block; width: 60px; height: 60px; }
.comic-nav .last-webcomic-link { background: url(images/comic_nav_sprites.png) -320px 0; display: block; width: 60px; height: 60px; }

.comic-nav .first-webcomic-link:hover { background: url(images/comic_nav_sprites.png) -2px -2px; display: block; width: 60px; height: 60px; }
.comic-nav .previous-webcomic-link:hover { background: url(images/comic_nav_sprites.png) -82px -2px; display: block; width: 60px; height: 60px; }
.comic-nav .random-webcomic-link:hover { background: url(images/comic_nav_sprites.png) -162px -2px; display: block; width: 60px; height: 60px; }
.comic-nav .next-webcomic-link:hover { background: url(images/comic_nav_sprites.png) -242px -2px; display: block; width: 60px; height: 60px; }
.comic-nav .last-webcomic-link:hover { background: url(images/comic_nav_sprites.png) -322px -2px; display: block; width: 60px; height: 60px; }

.comic-nav .first-webcomic-link.current-webcomic { background: url(images/comic_nav_sprites.png) 0 -80px; display: block; width: 60px; height: 60px; }
.comic-nav .previous-webcomic-link.current-webcomic { background: url(images/comic_nav_sprites.png) -80px -80px; display: block; width: 60px; height: 60px; }
.comic-nav .next-webcomic-link.current-webcomic { background: url(images/comic_nav_sprites.png) -240px -80px; display: block; width: 60px; height: 60px; }
.comic-nav .last-webcomic-link.current-webcomic { background: url(images/comic_nav_sprites.png) -320px -80px; display: block; width: 60px; height: 60px; }

/* Post to post navigation */

.post-nav-links li {
	display: block;
}

.post-nav-links .prev-post-nav-link {
	float: left;
}

.post-nav-links .next-post-nav-link {
	float: right;
}

/* Right Sidebar */
#right_sidebar {
	width: 171px;
	float: left;
	margin-top: 21px;
}

#right_capper {
	width: 171px;
	height: 50px;
	background: url(images/right_tape_top.png) no-repeat;
}

#right_bottom {
	width: 171px;
	height: 50px;
	background: url(images/right_tape_bottom.png) no-repeat left bottom;
}

#right_content {
	width: 171px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(images/right_tape_tile.png) repeat-y;
}

#footer {
	clear: both;
	padding-top: 20px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: .8em;
	text-align: center;
}

#footer a:link {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/* Archive results */

div.webcomic-archive-result {
	margin-bottom: 10px;
	padding: 10px 8px;
}

div.webcomic-archive-result img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.webcomic-archive-result h4 {
	font-size: 1.4em;
	padding-bottom: 8px;
}

div.webcomic-archive-result p {
	padding-bottom: 5px;
}

div.webcomic-archive-result:hover {
	background: #eee;
}

/* Comments */

h4.comments-count-header {
	font-size: 1.4em;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.comments-wrapper hr {
	line-height: 0;
	border: none;
	width: 100%;
	margin: 8px auto;
}

div.comments-wrapper img.avatar {
	padding-right: 10px;
}

div.comments-wrapper footer {
	padding-bottom: 10px;
}

p.form-allowed-tags {
	font-size: .9em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: italic;
}