@charset "utf-8";
/* CSS Document */

/*   
Theme Name: Ian's Scratch Built Theme 01
Theme URI: ianstrandberg.com
Description: Ian's first attempt at scratchbuilt theme construction
Author: Ian Strandberg
Author URI: your-URI
Version: 01
.
.
*/

/* ------------------------------------------------ */
/* begin STYLE & COLOR */
/* ------------------------------------------------ */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #555555;
}

#page {
	background-color: #363636;
	background:url(images/page_background.gif);
}


#header {
	background:url(images/header_redhead01.JPG) no-repeat bottom center;
	text-align: center;
}

#header A {
	display: block;
	clear:both;
}

#header a h1 {
	display: none;
}


A {
	color: #860000;
	text-decoration: none;
}

A:link {
	color: #860000;
}

A:visited {
	color: #860000;
}

A:active {
	color: #9a9a9a;
}

A:hover {
	color: #FFF;
}

A IMG {
	color: #999;
	border: #999 6px solid;
}

A:hover IMG {
	color: #FFF;
	border: #FFF 6px solid;
}


.description {
	color: #FFFFFF;
}

#menu_top {
	background-color: #000;
}

#menu_top_nav .page_item {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	font-size: 14px;
	color: #860000;

}

#menu_top_nav .current_page_item {
	color: #AAA;
}

/* this should make the current page parent menu item appear in 
   light gray as well as the current page item--this appears correctly
   in the page code, so why doesn't it work? */

#menu_top_nav .current_page_parent {
	color: #AAA;
}

#menu_top_nav a {
	text-decoration: none;
}

#menu_top_nav a:link {
	color: inherit;
}

#menu_top_nav a:visited {
	color: inherit;
}

#menu_top_nav a:active {
	color: #FFF;
}

#menu_top_nav a:hover {
	color: #FFF;
}

#news {
	text-align:justify;
}

#news H1 {
	font: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bolder;
	color: #FFF;
	font-size: 20px;
	list-style:none;
}

#news H2 A, #link_archive A  {
	font: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: 	#9a9a9a;
	text-decoration: none;
	font-size: 11px;
	text-transform:uppercase;
	list-style: none;	
}

/* left justifies entire list */
#sidebar UL {
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;

}

/* CATEGORIES title */
#sidebar LI.categories, #sidebar H2 {
	font: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bolder;
	color: #FFF;
	font-size: 20px;
	list-style:none;
	text-align: left;
}


/* ROOT categories */
#sidebar LI.categories ul li.cat-item, #sidebar .linkcat H2  {
        font-weight: normal;
        color: #9a9a9a;
}


#sidebar .linkcat H2 {
font-size: 12px;
font-weight: bold;
margin-bottom: -11px;
}


#sidebar LI.categories ul li.cat-item A {
	color: #9a9a9a;
        font-weight: bold;
}

#sidebar LI.categories ul li.cat-item A:hover {
	color: #FFF;
}

/* SUB categories */
#sidebar LI.categories ul li.cat-item ul.children li.cat-item {
	padding-bottom: 0px;
	text-transform: none;
	font-weight: normal;
}

#sidebar LI.categories ul li.cat-item ul.children li.cat-item A, #sidebar .linkcat a  {
	color:#bb2020;
        font-weight: normal;
}

#sidebar LI.categories ul li.cat-item ul.children li.cat-item A:hover, #sidebar .linkcat a:hover  {
	color: #FFF;
}

#news H2 A:active, #link_archive a:active {
	color: #FFF;
}

#news H2 A:hover, #link_archive a:hover {
	color: #FFF;
}

#news .news_entry {
	font:Arial, Helvetica, sans-serif;
	color:#bb2020;
	font-size: 11px;
}


#link_archive {
	text-align: right;
}

#link_archive {
	list-style: none;
}

.hidemewrapper A {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.hidemewrapper LI {
	color: #999;
}

#theposts {
	background-color: #555555;
	color: #CCCCCC;
}

#theposts H1 {
	text-transform: uppercase;
	color: #FFF;
	border-bottom: #666 1px solid;
	padding-bottom: 5px;
	padding-right: 36px;
	margin-top: 10px;
	text-align:right;
	font-size: 22px;
}

.postmetadata {
	border-bottom: #666 2px solid;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 36px;
	text-align: right;
}

.alt {
	text-align: left;
	padding-bottom: 10px;
	padding-left: 36px;
}


#theposts H2 {
	text-transform: uppercase;
	font-size: 16px;
}

#theposts strong {
	font-size: 12px;
	color: #FFF;
}

#theposts H2 A {
	color: #AAA;
}

#theposts H2 A:hover {
	color: #FFF;
}

#theposts A {
        color: #FFF;
		
}

#theposts A:hover {
        color: #FFF;
}

#theposts .navigation A {
        color:#bb2020;
}

#theposts .navigation A:hover {
        color:#FFF;
}

.post_entry {
	border-bottom: 1px solid #666;
}

.post_featured, .post_welcome {
	background-color: #613f40;
	border-bottom: 1px solid #860000;;
	border-top: 1px solid #860000;;
}

#theposts .post_welcome H2 A, #theposts .post_featured H2 A{
	color: #FFF;
}

.navigation {
	font-size: 14px;
}

.navigation A{
	color:#AA0000;
}

#sidebar LI {
	font-size: 12px;
	list-style: none;
}


#footer {
	background-color: #860000;
	border-color: #580000;
}

/* ------------------------------------------------ */
/* begin layout */
/* ------------------------------------------------ */

content H1 {
	text-align: right;
	padding-top: 10px;
	padding-left: 10px
}

.imageleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: right;
}

.alignleft {
	float: left;
	padding: 10px;
	padding-left: 15px;
}

.alignright {
	float: right;
	padding: 10px;
	padding-right: 15px;
}

body { margin-top: 0px;}

#page { 
	width: 1005px;
	margin-left: auto;
	margin-right: auto;

}

#header {
	height: 77px;
	width: 1005px;
}

#header A {
	height: 50px;
}

.description {
	margin-left: 19px;
	margin-top: 8px;
	float: left;
}

#menu_top {
	width: 975px;
	padding: 10px;
	padding-left: 20px;
}

#menu_top_nav li {
	display: inline;
	padding-right: 20px;
}

#content {
}

#news {
	position:relative;
	float:left;
	width: 180px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#news H1 {
	padding-bottom: 0px;
	margin: 0px;
}

#news H2 A, #link_archive A {
	text-align:left;
	padding: 0px;
	margin: 0px;
}

#link_archive {
	padding-bottom: 15px;
}

#news .news_entry {
	margin-top: -10px;
}

.featured_entry P {
text-align: center;
display: block;
}

.hidemewrapper LI {
	display: inline;
}

#theposts {
	float:left;
	width: 525px;
}

#theposts H3 {
	text-transform: uppercase;
	padding-left: 36px;
	margin-left: 0px;
	border-top: 2px #666 solid;	
	padding-top: 5px;
}

#commentform {
	width: 86%;
	margin: auto;
}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}



#commentform textarea {
	width: 100%;
	padding: 2px;
}



#commentform #submit {
	margin: 0;
	padding: 0;
	float: right;
	margin-bottom: 10px;
}

.commentlist {
	width: 400px;
	text-align: left;
	margin: auto;
	padding: 0;
}

.commentlist LI, .commentlist .alt {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
	margin: auto;
	margin-top: 10px;
	width: 400px;
	background: #585f4f;
	list-style:none;
    border-top: #4c8600 1px solid;
	border-bottom: #4c8600 1px solid;
}


.post_entry {
	margin: auto;
	width: 450px;
	padding: 5px;
	padding-left: 38px;
	padding-right: 37px;
}

.post_featured, .post_welcome {
	margin: auto;
	width: 450px;
	padding: 5px;
	padding-left: 38px;
	padding-right: 37px;
	
}

#theposts H2 A{
	display: block;
	padding: 0px;
}

#sidebar {
	position:relative;
	float:left;
	/* width: 296px; */
	width: 180px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

#sidebar LI.categories ul li.cat-item {
	padding-bottom: 10px;
}

#footer {
	height: 36px;
	border-top: 5px solid;
	clear: both;
}

/* utilities */

.hidden
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}