﻿/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with threaded comments, a MooTools powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the <a href="http://wordpress.org/extend/themes/sandbox#post-35">Sandbox theme</a>.  
VERSION: 0.8.6
AUTHOR: Morten Rand-Hendriksen of <a href="http://www.pinkandyellow.com">Pink &amp; Yellow Media</a>
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar, threaded-comments
*/

/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
#content table {
	border-collapse: separate;
	border-spacing: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.1;
	margin: 0 0 10px 5px;
}
#content table td {
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
	border-left: 4px solid #7575B1;
	margin-right: 30px;
	margin-left: 30px;
}

/* ************* */
/* END CSS RESET */
/* ************* */

/* *************** */
/* LAYOUT ELEMENTS */
/* --------------- */

body {	
}

#outerWrap {
	background: #FFFFFF url("images/ncBanner-2010a.jpg") no-repeat;
}

#wrapper {
	width: 1035px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#container {
	float: left;
	width: 100%;
}
#content {
	width: 605px;
	float: left;
	position: relative;
	padding-right: 1px;
/*	padding-top: 20px;*/
	margin-top: 110px;
/*	background: url("images/top-post-corners.jpg") no-repeat;
	background: #710000;*/
}

.sidebar {
	float: left;
	overflow: hidden;
	width: 180px;
}

#footer {
	clear: left;
	width: 100%
}

/* ------------------- */
/* END LAYOUT ELEMENTS */
/* ******************* */


/* *************** */
/* GLOBAL ELEMENTS */
/* --------------- */

.clear {
	clear:both;
}

.alignleft {
	float: left;
	position:relative;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
}

.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float: right;
	position:relative;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
}

/*img.alignleft {
	padding: 5px;
	border: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}

img.aligncenter {
	margin: 5px auto 5px auto;
	display: block;
	padding: 5px;
	border: 1px solid #C0C0C0;
}

img.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
}*/

.wp-caption {
	border: 1px solid #EEEEEE;
	text-align: center;
	background-color: #ffffff;
/* optional rounded corners for browsers that support it */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

#content p.wp-caption-text {
	font-size: 0.8em;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 6px;
	color: #999999;
}

a {
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #710000;
}

a:visited {
	color: #006699;
}

a:visited:hover {
	color: #710000;
}

strong {
	font-weight:bold;
}

em {
	font-style: italic;
}

dt {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
}

dd {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}

form {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #333333;
}


/* ------------------- */
/* END Global Elements */
/* ******************* */


/* ****** */
/* HEADER */
/* ------ */

#content #header { /* Main header area */
	margin-bottom: 10px;
/*	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;*/
/*	background: #FFFFFF;*/
}

#content #header h1 {
	margin-left: 17px;
	padding-top: 25px;
}

#content #header h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 5em;
	text-transform: uppercase;
	letter-spacing: -5px;
	color: #CCCCCC;
}

#content #header h1 a:hover {
	text-decoration: none;
	color: #990000;
}
#content #header h2 {
	border-style: none;
	margin-left: 70px;
	margin-top: -30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #666666;
	font-weight: lighter;
	text-transform: lowercase;
	font-style: italic;
	margin-bottom: 20px;
}

/* ---------- */
/* END HEADER */
/* ********** */


/* ************ */
/* MAIN CONTENT */
/* ------------ */

#content h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
/*	text-transform: uppercase;*/
	color: #0000CC;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;
}

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #BBBBBB;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
}
#content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 2px;
	padding-top: 5px;
}
#content h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	margin-bottom: 5px;
	padding-top: 5px;
}
#content h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: capitalize;
	color: #BBBBBB;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 1.5;
/*	padding-bottom: 2px;*/
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1.2em;
}

#content blockquote, #content pre {
	padding: 10px 12px 3px 12px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
}

#content blockquote p {

}

#content blockquote a {
	
}

#content blockquote a:hover {
	
}

#content blockquote a:visited {

}

/* POST BODY LIST ITEMS - affects only actual post lists */

.entry-content {
	margin-right: 10px;
	margin-bottom: 1px;
}
.entry-content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -2px;
	padding-left: 2px;
	margin-bottom: 10px;
}

.entry-content img { /* mh space around images in post */
	padding: 2px 7px 0px 5px;
	margin-left: 1px;
}

.singlepost .entry-content ul, .post .entry-content ul {
	padding-left: 20px;
	margin-bottom: 15px;
}

.singlepost .entry-content ul li, .post .entry-content ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: disc;
	line-height: 120%;
}

.singlepost .entry-content ul ul, .post .entry-content ul ul {
	margin-top: 10px;
	margin-bottom: 0px;
}

.singlepost .entry-content ul ul li, .post .entry-content ul ul li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 5px;
	list-style-type: disc;
}

.entry-content ol {
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 30px;
}

.entry-content ol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding-bottom: 5px;
}

/* END POST BODY */

/* ---------------- */
/* END MAIN CONTENT */
/* **************** */


/* **** */
/* POST */
/* ---- */

.post {
	margin-top: 82px;
	margin-left: 47px;
	margin-bottom: 1px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-style: dashed;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	background: #FFFFFF;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
}

.singlepost {
	margin-top: 82px;
	margin-left: 47px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-style: dashed;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	background: #FFFFFF;
}

.post-date {
	display: inline;
	position: absolute;
	margin-top: 5px;
	left: 0px;
	width: 33px;
	padding-top: 5px;
	padding-left: 8px;
	border-top-width: 1px;
	border-top-color: #000000;
	border-top-style:solid;
/*	background: #000000;*/
/*	height: 216px;*/
/*	background: url("images/dateBG.jpg") no-repeat;*/
}
.post-month {
	font-size: .8em;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.post-day {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.post-year {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	display: block;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EEEEEE;
	padding-bottom: 5px;
}

.page-title {
	margin-top: -36px;
	margin-left: 70px;
/*	color: #CCCCCC;*/
}

.comments-link {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
}

.comments-link a {
	color: #710000;
}

.comments-link a:hover {
	color: #FF0000;
	text-decoration: none;
}
.comments-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
/*	letter-spacing: -1px;*/
	text-align: center;
	display: block;
}
.comments-heading a {
	color: #710000;
}

.comments-heading a:hover {
	color: #FF0000;
	text-decoration: none;
}

.comments-start-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #CCCCCC;
}
.comments-end-bracket {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	color: #CCCCCC;
	position: absolute;
	right: 0px;
}

.cat-links {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
/*	padding-left: 2px;*/
	background: #EEEEEE url("images/catBG.jpg") repeat-x;
/*	background-color: #EEEEEE;*/
	width: 102.2%;
	margin-left: -11px;
	padding-top: 5px;
	padding-bottom: 5px;
/*	margin-top: 1px;*/
}
.cat-links a {
	text-decoration: none;
	color: #333333;
}

.cat-links a:hover {
	color: #990000;
}

.author {
	margin-top: -10px;
	margin-bottom: 10px;
/*	margin-left: 30px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.8em;
	color: #666666;
/*	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-top: 2px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC; */
	padding-bottom: 5px;
}

.post h2 a {
	color: #0000CC;
	text-decoration: none;
}
.post h2 a:hover {
	color: #990000;
}

.tagbox {
	border-bottom: 8px;
	padding-bottom: 8px;
}

.tag-links {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 150%;
	color: #333333;
	padding-left: 2px;
	background-color: #EEEEEE;
	width: 100%;
	margin-left: -2px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
}
.tag-links a {
	text-decoration: none;
	color: #333333;
}

.tag-links a:hover {
	color: #990000;
}
.short-link {
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 150%;
	color: #333333;
}
.indexAd {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 120%;
}

/* -------- */
/* END POST */
/* ******** */


/* ********* */
/* POST INFO */
/* --------- */

.postInfo {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	font-size: 0.7em;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.postInfo a {
	color: #808080;
}
.postInfo a:hover {
	text-decoration: none;
	color: #990000;
}

.postInfo ul {
	margin: 8px auto 8px 10px;
	padding: 0px;
}

.postInfo ul li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
.trackback {
	background: 0 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}
ul.trackback li.even {
	background:#fff;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0 3px 0;
	font-size:14px;
}
ul.trackback li.odd {
	background:#f6f6f6;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0 3px 0;
	font-size:14px;
}
.reply {
/*	background:#EEEEEE;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.feed {
	background: 0 50%;
}

/***************** Tags below the link of the comments feed ********************/
.tags {
	background: 0
50%;
}

.navigation {
	clear: both;
	padding: 10px 0px;
	margin-left: 33px;
}

.navigation a, .navigation a:visited {
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
}

.previous-entries a {

}

.next-entries a {

}

/* comments area */


/* THREADED COMMENTS */

ul.commentlist {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#content ul.commentlist p {
	font-size: 12px;
	margin-left: 52px;
}

ul.commentlist li { }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ul.commentlist li.comment div.comment-author {}
ul.commentlist li.comment div.vcard {
	font: normal 14px Arial, Helvetica, sans-serif;
}
ul.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ul.commentlist li.comment div.vcard cite.fn a.url {}
ul.commentlist li.comment div.vcard img.avatar {
	border: 5px solid #ccc;
	float: left;
	margin-right: 10px;
}
ul.commentlist li.comment div.vcard img.avatar-32 {}
ul.commentlist li.comment div.vcard img.photo {}
ul.commentlist li.comment div.vcard span.says {}
ul.commentlist li.comment div.commentmetadata {}
ul.commentlist li.comment div.comment-meta {
	font-size: 9px;
	margin-bottom: 4px;
	margin-left: 52px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-top: 2px;
}
#content ul.commentlist li.comment div.comment-meta a {
	color: #999999;
}
/*ul.commentlist li.comment blockquote { font-size:11px; margin:0 0 0 50px; }*/
ul.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ul.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ul.commentlist li.comment div.reply { font-size:11px; }
ul.commentlist li.comment div.reply a { font-weight:bold; }
ul.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li.comment ul.children li {}
ul.commentlist li.comment ul.children li.alt {}
ul.commentlist li.comment ul.children li.bypostauthor {}
ul.commentlist li.comment ul.children li.byuser {}
ul.commentlist li.comment ul.children li.comment {}
ul.commentlist li.comment ul.children li.comment-author-admin {}
ul.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-5 {}
ul.commentlist li.comment ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { border-left:5px solid #111; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}


/* END THREADED COMMENTS */



#comments, #respond {
	border-bottom: 1px dotted #8D8D8D;
	padding: 10px 0 5px 0;
	clear: both;
}

/* commentlist 
.commentlist {
    list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}

.commentlist li{
    margin-bottom: 6px;
	padding: 10px;
}

.commentlist .alt {
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
} */

.commentname {
	color: #703419;
	text-transform: capitalize;
	margin-left: 50px;
}

.gravatar {
	display: inline;
}

.gravatar img {
	border: 1px solid #AAAAAA;
	padding: 5px;
	float: left;
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
}

.commentcount {
	font: bold 2.2em Arial, Helvetica, sans-serif;
	color: #DEDEDE;
	float: right;
}

.commentext {  
	padding: 0px 0px 0px 50px;
}

/* comment form */
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 2px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 100%;
	background: #F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	background: #F9F9F9;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	float: right;
	width: 144px;
	height: 28px;
	cursor: pointer;
	}

/* Quicktags */
#quicktags {
	margin-top: 4px;
	margin-bottom: 0px;
}

#quicktags input {
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	font-size: .9em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin: 1px 2px 0px 0px;
	padding: 0px 1px 0px 1px;
}

#quicktags input:hover {
	border: 1px solid #4E79A2;
}

/* ------------ */
/* END COMMENTS */
/* ************ */


/* ******* */
/* SIDEBAR */
/* ------- */

/*#crassbox {
	opacity: 1;
}*/

#sidebar {
	float: right;
/*	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;*/
	border: 1px solid #000000;
	margin-top: 50px;
	padding-left: 6px;
	background: #EEEEEE url("images/sideBG.jpg") repeat-x;
/*	opacity: 0.8;*/
/*	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  For IE 5-7 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  For IE 8+ */
/*	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);*/
}

#sidebar h1 {
	display: block;
	text-align: center;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #DDDDDD;
	padding-bottom: 5px;
	letter-spacing: -3px;
}


/* Two Column Sidebar */

#barLeft {
	width: 190px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
	padding-left: 10px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;
}

#barRight {
	width: 195px;
	float: right;
	margin-right: 5px;
	margin-top: 15px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;
}

#sidebar h3 { /* left/right sidebar headings */
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #999999;
	width: 95%;
	padding-bottom: 4px;
	margin-bottom: 0px;
	padding-top: 8px;
}

.sidebar input#s {
	width:7em;
}

#sidebar ul {
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar li {
	list-style: none;
	margin: 0 0 10px 0;
}

#sidebar li form {
	margin:0.2em 0 0;
	padding:0;
}

#sidebar ul ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-type: none;
}
#sidebar ul ul li {
	padding: 7px 5px 7px 6px;
	list-style: none;
	margin-bottom: 0px;
	font-size: 0.9em;
	width: 175px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar ul ul li:hover { /* Sidebar Links */
	background-color: #DDDDDD;
	color: #666666;
}

#sidebar ul ul li p {
	font-size: 0.8em;
	color: #CCCCCC;
	padding-top: 5px;
}

#sidebar ul ul li a { /* Sidebar Links */
	color: #888888;
}
#sidebar ul ul li a:hover { /* Sidebar Links */
	color: #D00000;
	text-decoration: none;
}

#sidebar ul ul li:last-child {
	border-style: none;
}

#sidebar ul ul ul {
	margin:0 0 0 0.5em;
}

#sidebar ul ul ul li {
}

#searchform input#s {
	border: 1px solid #666666;
	width: 183px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.9em;
	vertical-align: middle;
}

.recentcomments a {
	display:inline !important;
	padding: 0 !important;
	margin: 0 !important;
}

.recentcomments {
	color:silver;
}

/* ----------- */
/* END SIDEBAR */
/* *********** */

/* ----------- */
/* --- Tabs -- */
/* ----------- */

#tabmenu {
	float: left;
	width: 388px;
/*	margin: 0 0 0 280px;
	padding: 5px 0 0 0;*/
}

.tmentry {
	width: 360px;
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.tmentry h2 {
	font-weight: bold;
}
.tmentry h2 a {
	color: #0000FF;
}

#follow {
/*	background-image: url("images/twitter.png");*/
	float: right;
	margin-right: 10px;
	padding-right: 30px;
	color: #FFFFFF;
}

#tabs {
/*	float: left;*/
    font: 12px arial;
/*    padding: 0 0 0 20px; */
    margin: 3px 0 0 0;
	height: 10px;
}

#tabs ul {
    display:inline;
    list-style:none;
}
#tabs li {
   text-align:center;
    display:inline;
    margin: 2px;
	color: #FFFFFF;
}
.tab {
    padding:4px 2px 0px 2px;
    color:#000000;
    cursor:pointer;
}
.tab:hover {
    color:#ffffff;
	background: #710000;
}
.selectedtab {
    padding:4px 2px 0px 3px;
	background-color: #003366;
	color:#ffffff;
}
.tabcontent {
    display:none;
}
.tabselectedcontents {
    display:block;
}

/* --------- */
/*  Menubar  */
/* --------- */
.menubar {
	margin: 20px 0 0 20px;
	color: #000000;
}
.menubar td {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
.menubar a {
	color: #000000;
}
.menubar a:hover {
	color: #FF0000;
}
/* *** Menu strip *** */
ul#menustrip {
	width: 360px; list-style: none;
}
ul#menustrip li { display: inline; }
ul#menustrip li a {
	display: block; float: left; height: 60px;
	background-image: url("images/menu-strip.png");
	font-size: 14px;
	text-align: center;
	line-height: 3.2;
}
ul#menustrip li a.home {
	width: 60px; background-position: 0 0;	
}
ul#menustrip li a.blog {
	width: 60px; background-position: -60px 0;	
}
ul#menustrip li a.play {
	width: 60px; background-position: -120px 0;	
}
ul#menustrip li a.fight {
	width: 60px; background-position: -180px 0;	
}
ul#menustrip li a.shop {
	width: 60px; background-position: -240px 0;	
}
ul#menustrip li a.about {
	width: 60px; background-position: -300px 0;	
}
ul#menustrip li a.home:hover, ul#menustrip li a.home:focus {
	background-position: 0 -60px;	
}
ul#menustrip li a.blog:hover, ul#menustrip li a.blog:focus {
	background-position: -60px -60px;	
}
ul#menustrip li a.play:hover, ul#menustrip li a.play:focus {
	background-position: -120px -60px;	
}
ul#menustrip li a.fight:hover, ul#menustrip li a.fight:focus {
	background-position: -180px -60px;	
}
ul#menustrip li a.shop:hover, ul#menustrip li a.shop:focus {
	background-position: -240px -60px;	
}
ul#menustrip li a.about:hover, ul#menustrip li a.about:focus {
	background-position: -300px -60px;	
}
ul#menustrip li a.homeselected {
	background-position: 0 -60px;	
	width: 60px;
	color: #FF0000;
}
ul#menustrip li a.blogselected {
	background-position: -60px -60px;	
	width: 60px;
	color: #FF0000;
}
ul#menustrip li a.playselected {
	background-position: -120px -60px;	
	width: 60px;
	color: #FF0000;
}
ul#menustrip li a.fightselected {
	background-position: -180px -60px;	
	width: 60px;
	color: #FF0000;
}
ul#menustrip li a.shopselected {
	background-position: -240px -60px;	
	width: 60px;
	color: #FF0000;
}
ul#menustrip li a.aboutselected {
	background-position: -300px -60px;	
	width: 60px;
	color: #FF0000;
}
a { outline: none; }

/* ------------- */
/*   Shopping    */
/* ------------- */
#amznbox {
	margin: 2px;
	padding: 10px 0px 0px 0px;
}
#merch {
	padding: 0px 6px 0px 0px;
	margin: -240px 0 0 5px;
	width: 400px;
	float: right;
	font: 12px Arial, Verdana, sans-serif;
	border-top: 1px solid #710000;
}
#merch-bks {
	padding: 0px 6px 0px 0px;
	margin: -240px 0 0 5px;
	width: 400px;
	float: right;
	font: 16px Arial, Verdana, sans-serif;
	border-top: 1px solid #710000;
}
#merchSect {
	padding: 0px 6px 0px 0px;
	margin: -120px 0 0 5px;
	width: 345px;
	float: right;
	font: 12px Arial, Verdana, sans-serif;
	border-top: 1px solid #710000;
}
/* ------------- */
/*   Slideshow   */
/* ------------- */
.ssHead {
/*	float:left;	*/
/*	background-color: #600000;*/
	color: #000000;
	width:388px;
	padding: 4px;
	font-size:13px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	border-top: 2px solid #000000;
}
.ssHead a {
	color: #0000FF;
}
.ssHead a:hover {
	color: #FF0000;
}

.images {
	background:#ffffff; /*url(ss-images/h300.png) repeat-x;*/
	border:1px solid #000000;
	position:relative;	
	height:270px;
	width:388px;
	margin-left: 6px;
	float:left;
	overflow:auto;
/*	margin:15px;
	cursor:pointer;*/
	
	/* CSS3 tweaks for modern browsers
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	 */
}
.align-rt {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
}

/* header */
.slidetitle {
	font-size:20px;
	font-weight:normal;
	margin:0 0 5px 0;
	color:#456;
	line-height: 20px;
}
.slidetitle a {
	font-size:20px;
}
.slidetitle a:hover {
	color: #FF0000;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	margin:2px;
	padding:5px 15px 15px 15px;
	height:256px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}
.images div a {
	color: #0000FF;
}
.images div a:hover {
	color: #FF0000;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
/*	margin-left:2px;*/
	padding: 3px;
	background-color: #500000;
	width:384px;
	height:66px;
	margin-left: 6px;
}

/* single tab */
.slidetabs a {
	width:60px;
	height:60px;
	float:left;
	margin:0 7px 0 0;;
/*	background:url(images/navigator.png) 0 0 no-repeat;*/
	display:block;
	font-size:1px;		
	border: 3px solid #600000;
}

/* mouseover state */
.slidetabs a:hover {
/*	background-position:0 -8px;*/
	border: 3px solid #FFFFFF;
}

/* active state (current page state) */
.slidetabs a.current {
/*	background-position:0 -16px*/
	border: 3px solid #FF0000;
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(ss-images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active { background-position:-60px -30px; } 


/* prev */
.backward:hover { background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* ****** */
/* FOOTER */
/* ------ */

#footer {
/*	text-align: right;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #888888;
	margin-right: 40px;
	padding-top: 5px;
	padding-bottom: 15px;
	margin-top: 20px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #888888;
}
#footer p {
	margin-right: 20px;
}

/* ---------- */
/* END FOOTER */
/* ********** */
/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

/*	Table CSS from http://www.muffinresearch.co.uk/lab/tableshow/muffin.css
	Sample: http://icant.co.uk/csstablegallery/index.php?css=6#r6 */
/*
table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(th_bck.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}*/