/*******************************
** RESET***********************
*******************************/
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.5;
	color: black	;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**********************
***  TYPOGRAPHY   ****
***********************/
body {font-size: 62.5%; font-family: Helvetica, Arial, Sans-Serif;}
h1, h2, h3, p, li {color: #000;margin-bottom: 0.5em;}
h1, h3, h4, strong { font-weight: bold; }
h1 { font-size: 3em; }
h2 { font-size: 2.4em;	margin-bottom: 0.4em; line-height: 1;}
h3 { font-size: 2.2em; }
#content h3  {font-weight: normal;}
h4 { font-size: 1.5em; }
p { font-size: 1.2em; margin-bottom: 1em;}
li { font-size: 1.2em; }
a {text-decoration: none; color: #BD0000; }
a:hover  {color: #000; }

/**********************
***  DESIGN   ********
***********************/
div#container { width: 90em; margin: 0 auto; background: #fff;}
div#header {overflow: display; margin-bottom: 0.7em;}
div#logo {height:110px; width: 859px;}
div#content {margin-left: 20px; margin-top: 1.6em; float: left;width: 63em; clear: both; }
div#sidebar {width: 17em; float: right; margin-right: 1em;}
div#footer {clear: both; margin-top: 4em; margin-bottom: 2em; text-align: center;}
/**********************
***  NAVIGATION   **
***********************/

div.navcontainer {text-align: right; margin-top:14px; float: right;}
.popular {font-size: 1.8em; font-weight: bold; margin-right: 0.5em; float: left;}
ul.main-nav {float: right;}
div.populartags {text-align: right; clear: right;}
ul.nav-links, ul.st-tag-cloud { list-style: none; margin-right: 4em; text-align: right; float: right;}
	ul.nav-links li, ul.st-tag-cloud li {list-style: none; display: block; margin-right: 0.5em; letter-spacing: -0.05em;font-size: 1.8em; margin-bottom: 0; float: left;	}
		ul.nav-links li a, ul.st-tag-cloud li a {display: block; text-decoration: none;font-weight: bold; color: #000; padding: 0;}
			ul.nav-links li a:hover, ul.st-tag-cloud li a:hover {color: #BD0000;}
			ul.nav-links li form input { width:10em;}
			
#searchsubmit {display: none;}


/**********************
***  Featured Posts  **
***********************/

#featured {margin-left: 23px;}
#featured img {float:left; margin:0 7px 7px 0;}
			
/**********************
***  POSTS		  *****
***********************/
div.post {margin-left: 6em; margin-bottom: 25px;}
h2 a {text-decoration: none; color: #000;}
p.post-meta, div.tags {font-weight: bold; font-size: 1.4em; margin-bottom: 0.5em; line-height: 1;}
div.tags {margin-bottom: 1em;}
div.post-links {font-size: 1.8em;}
	.post-links a {padding-left: 1.5em; color: black;}
	.post-links a:hover {color:#bd0000;}
	.comments {background: url(../images/nav_comment.gif) center left no-repeat; margin-right: 2em;}
	.permalinklink {background: url(../images/nav_link.gif) center left no-repeat; }
p span.postnavprev  {float: left; width: 45%; margin-left: 20px;}
p span.postnavnext {float: right; width: 45%;}

.post ul {
	margin-left: 1.5em;
	}

.post li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
	margin:0;
	padding:0;
	}

blockquote {
	margin: 9px 0 9px 10px;
	padding: 0 0 0 3px;
	background: url(../images/quotes.gif) no-repeat top right #eee;
}

/**********************
***  COMMENTS   *****
***********************/
div.comment h3 {background: url(../images/commentblock_icon.gif) top left no-repeat; margin-left: -3em; padding-left: 3em;}
	
/**********************
***  DATE TAGS    *****
***********************/
.postdate{text-align: center; float: left; background: url(../images/date_background.gif) no-repeat;	width:4.2em; height: 6.6em; margin: 0; padding: 2px 0 0; color: #fff; margin-left: -6em;}
.date-month {font-weight: bold;font-size: 1.6em;}
.date-day {line-height: 0.8em; letter-spacing: -1px;font-size: 2.7em; margin: 0; padding: 0;}
.date-year {font-size: 1.2em; line-height: 0.45em; }	
/**********************
***  SIDE BAR    *****
***********************/ 
div#sidebar {margin-top: 1em;}
	div#sidebar h3 {font-weight: normal; letter-spacing: -0.05em; margin-bottom: 0.2em;	padding-top: 0.1em; line-height: 0.9em;}
		div#sidebar h3 a{color: #000; text-decoration: none;}
	div#sidebar ul {margin-bottom: 1em;}
		div#sidebar ul li {margin-bottom: 0;}
			div#sidebar ul li a {text-decoration: none;}
				div#sidebar ul li ul li {font-size: 1em; margin-left: 0.8em;}				
			

/**********************
***     FOOTER       **
***********************/

div#footer p {text-align: center; margin-bottom: 0; font-size: 1.2em;}
div#footer h3 {display: inline; font-size: 1.2em;}
div#footer div.textwiget {display: inline;}

/**********************
***  FLAVOURINGS    **
***********************/
body.cdm {background: url(../images/cdm_back.jpg) top left repeat-x #929292; }


/**********************
***     UTILITY      **
***********************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; overflow: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*******************************
Jaymis Additions - Cal may need to move and make semantic 
*******************************/

/* content things */

.more-link {padding: 0 0.3em 0 1.6em; background: url(../images/nav_more.gif) center left no-repeat; font-size: 1.5em; }


/* asides */

div.aside {margin-left: 6em; margin-bottom: 25px;}
div.asideicon {float: left; margin-left: -6em;}
div.aside h2 { font-size:1.4em; font-weight:bold; margin-right:4px; margin-bottom: 0; }
div.aside p {margin-bottom: 0; }

.asidecomment {padding: 0 0 0 1.5em; background: url(../images/aside_comment.png) top left no-repeat; }
.asidelink {padding: 0 0 0 1.5em; background: url(../images/aside_link.png) top left no-repeat; }

/* asides */

div.search {margin-bottom: 1.5em;}
div.search h2 { font-size:1.5em; font-weight:bold; margin-right:4px; margin-bottom: 0.3em;}
div.search p {margin-bottom: 0;}

/* nav */

div.pagenav {margin-bottom: 1em; font-size: 1.4em;}
.pagenav .pagenavprev {padding: 0 0.3em 0 1.8em; background: url(../images/nav_p.gif) center left no-repeat; font-size:1.2em; }
.pagenav .pagenavnext {padding: 0 1.8em 0 0.3em; background: url(../images/nav_n.gif) center right no-repeat; float:right; font-size:1.2em;}
/* archive nav */
.pagenavprev {padding: 0 0.3em 0 1.8em; background: url(../images/nav_p.gif) center left no-repeat; font-size:1.8em; }
.pagenavnext {padding: 0 1.8em 0 0.3em; background: url(../images/nav_n.gif) center right no-repeat; float:right; font-size:1.8em;}

/* comments */

.commentswrapper {clear: both; display: block; padding-top: 17px;}
.commentshead { margin-bottom: 1em;}
.commentheadicon {background: url(../images/commentblock_bkg.gif) no-repeat; padding: 3px; margin-right: 1em; float: left;}
.commentswrapper h2 { margin-bottom: 0;}
.leavecommentbox {margin-top: 22px;}
.leavecomment {font-size: 1.5em;}
.commenticon {background: url(../images/commentblock_bkggrey.gif) no-repeat; padding: 3px; float: left;}
.commenticon img {width:35px; height: 35px;}
.commentcontent {margin-left: 5.5em; width: 570px;}
.commentswrapper h3 {margin-bottom: -0.6em;}
.commentform {margin-left: 5.5em;}

/* misc */

a .linkreverse, .linkreverse a {color: black;}
.linkreverse a:hover {color: #BD0000;}
a:hover .linkreverse {color: #BD0000;}

/*************************************
plugin and widget-related styles 
*************************************/

#content .textwidget {font-size:1.6em; margin-bottom:1.6em;}
#content h3.widgettitle {margin-bottom:0;}
.st-related-posts li {list-style-type: none;}

#sidebar .textwidget {font-size: 1.2em;}
#sidebar .textwidget li {font-size: 1em;}

div.widget_pages h3, h3.information {background: url(../images/nav_information.gif) center left no-repeat; padding-left: 1.2em;}
div.widget_links h3, h3.sidebarlinks {background: url(../images/nav_links.gif) center left no-repeat; padding-left: 1.2em;}
div.widget_recent_entries h3 {background: url(../images/nav_latest.gif) center left no-repeat; padding-left: 1.2em;}
div#sidebar h3.subscribe {background: url(../images/nav_subscribe.gif) center left no-repeat; padding-left: 1.2em;}
div.widget_archive h3, h3.sidebararchives {background: url(../images/nav_archives.gif) center left no-repeat; padding-left: 1.2em;}
div.widget_kbrss h3 {background: url(../images/nav_subscribe.gif) center left no-repeat; padding-left: 1.2em;}
div#sidebar div.widget_kbrss ul li {margin-bottom: 0.5em;}
div.widget_recent_comments h3 {background: url(../images/nav_comment.gif) center left no-repeat; padding-left: 1.2em;}

/*************************************
Wordpress styles
*************************************/

	.alignleft {float: left; margin: 0 1em 1em 0;}
	.alignright {float: right; margin: 0 0 1em 1em;}
	.aligncenter {display: block; margin: 0 auto 1em auto;}
	
	.alignleft, img[align=left] {float: left; margin: 0 1em 1em 0;}
	.alignright, img[align=right] {float: right; margin: 0 0 1em 1em;}
	.aligncenter {display: block; margin: 0 auto 1em auto;}
	
	
/*************************************
Ad Styles
*************************************/

.mainad {width: 300px; margin: 12px auto;}