/*
This stylesheet contains the style information that is
shared between the one-column, the two-column, and the
three-column variants of wucoco.  See style.css for
additional info.
*/

#header { width: 760px; }
#page_container { width: 760px; }
#postcol { width: 505px; }

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 62.5%; /* Resets 1em to 10px , but there's font-size's all over the place compensating for it.*/
	color: #333333;
	background-color: #37393b;
	}

a {
	color: #0A5692;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

a:visited {
	color: #A367B1;
	}

a img {
	border: none;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.center {
	text-align: center;
	}

.pagetitle {
	margin-top: 0px;
	font-size: 1.6em;
	font-weight: normal;
	text-align: center;
	}


/**************
 *** Header ***
 **************/

#header {
	position: relative;
	height: 200px;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0; /* Is this necessary? */
	background: url("images/header.jpg") no-repeat center;
	}

#header .nav {
	position: absolute;
	bottom: 17px;
	left: 20px;
	height: 36px; /* Is this necessary? */
	/* font: 1.2em Verdana, Sans-Serif; */
	font-size: 1.2em;
	color: #404040; /* Is this necessary? */
	}
#header .nav ul {
	list-style: none;
	text-transform: uppercase;
	margin: 0;	padding: 0;	
}
#header .nav ul li {
	float: left;
	margin: 0; padding: 0;
}
#header .nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding-right: 20px;
	color: #a2b3bf;
	text-decoration: none;	
	letter-spacing: 1px;	
}
#header .nav ul li a:hover, 
#header .nav ul li a:active {
	color: #a2b3bf;
}


#header .searchform {
	position: absolute;
	bottom: 37px;
	right: 35px;
	font-size: 1.2em;
	}

#header #searchform {
	margin-bottom: 0px;
	}

#header .search-box {
  background: #37393b;
	padding: 1px;
	border: 1px solid #67696b;
	color: #a2b3bf; /* matches "#header .nav a" */
	}

#blogtitle {
	position: absolute;
	top: 40px;
	left: 20px;
	}

#blogtitle h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #b4c6d4;
	letter-spacing: 1px;
	}
	
#blogtitle a {
  color: #b4c6d4;
}	

#blogslogan {
	position: absolute;
	top: 65px;
	left: 20px;
	}

#blogslogan p {
	font-size: 1em;
	font-weight: normal;
	color: #b4c6d4;
	letter-spacing: 1px;
	}

/******************************
 *** Columns and Containers ***
 ******************************/

#page_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-size: 1.2em;
	}


#postcol {
	background: #f7f7f7;
	}
#pc_t { background: url(images/postcolT.jpg) repeat-x top; }
#pc_r { background: url(images/postcolR.jpg) repeat-y right; }
#pc_b { background: url(images/postcolB.jpg) repeat-x bottom; }
#pc_l { background: url(images/postcolL.jpg) repeat-y left; }
#pctl { background: url(images/postcolTL.jpg) no-repeat top left; }
#pctr { background: url(images/postcolTR.jpg) no-repeat top right; }
#pcbr { background: url(images/postcolBR.jpg) no-repeat bottom right; }
#pcbl { background: url(images/postcolBL.jpg) no-repeat bottom left; }
#pc_c { padding: 15px; }

.postbox {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	background: #ffffff;
	}
.postbox .right { background: url(images/postboxR.jpg) repeat-y right; }
.postbox .bottom { background: url(images/postboxB.jpg) repeat-x bottom; }
.postbox .left { background: url(images/postboxL.jpg) repeat-y left; }
.postbox .br { background: url(images/postboxBR.jpg) no-repeat bottom right; }
.postbox .bl { background: url(images/postboxBL.jpg) no-repeat bottom left;}
.post_title { background: #EBF4F3; }
.post_title .top { background: url(images/post_titleT.jpg) repeat-x top; }
.post_title .right { background: url(images/post_titleR.jpg) repeat-y right; }
.post_title .left { background: url(images/post_titleL.jpg) repeat-y left; }
.post_title .tl { background: url(images/post_titleTL.jpg) no-repeat top left; }
.post_title .tr { background: url(images/post_titleTR.jpg) no-repeat top right; }
.postbox .content {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	}

.navigation { margin: 15px 0px 15px 0px; }

/************
 *** Post ***
 ************/

h2.title {
	margin: 0px;
	padding: 10px 15px 0px 15px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1em;
	font-size: 1.6em;
	}

h2.title a {
	color: #333333;
	text-decoration: none;
	}

h2.title a:hover { text-decoration: underline; }

small.title {
	margin: -10px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	font-size: 0.9em;

	color: #777777;
	}

.postmetadata {
	text-align: center;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	color: #777777;
	}

blockquote {
	color: #777;
	display: block;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	background: url(images/quote.gif) no-repeat left top;
	}

cite {
	margin: 5px 0 0;
	display: block;
	}

strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Georgia, Fixed, Sans-Serif;
	}

.postbox .content img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.postbox .content h1 {
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 1.25em;
	}

.postbox .content h2 {
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 1.25em;
	}

.postbox .content h3 {
	font-size: 1.25em;
	font-weight: normal;
	letter-spacing: 1px;
	}

.postbox .content h4 {
	font-size: 1em;
	}

.postbox .content p {
	margin-top: 1em;
	margin-bottom: 1em;
	}

/****************
 *** Comments ***
 ****************/

#comments{
	font-size:  1.1em;
	text-align: left;
	}

.respond {
	border-bottom: 1px dotted #7f7f7f;
	margin-top: 50px;
	margin-bottom: 0px;
	font-weight: normal;
	}

.comment_1, .comment_2, .comment_author {
	margin: 15px;
	background: #ffffff;
	}

.comment_1 .top, .comment_2 .top { background: url(images/commentT.jpg) repeat-x top; }
.comment_1 .right, .comment_2 .right { background: url(images/commentR.jpg) repeat-y right; }
.comment_1 .bottom, .comment_2 .bottom { background: url(images/commentB.jpg) repeat-x bottom; }
.comment_1 .left, .comment_2 .left { background: url(images/commentL.jpg) repeat-y left; }
.comment_1 .tl, .comment_2 .tl { background: url(images/commentTL.jpg) no-repeat top left; }
.comment_1 .tr, .comment_2 .tr { background: url(images/commentTR.jpg) no-repeat top right; }
.comment_1 .br, .comment_2 .br { background: url(images/commentBR.jpg) no-repeat bottom right; }
.comment_1 .bl, .comment_2 .bl { background: url(images/commentBL.jpg) no-repeat bottom left; }
.comment_1 .content, .comment_2 .content { padding: 15px; }

.comment_author .top { background: url(images/comment_authT.jpg) repeat-x top; }
.comment_author .right { background: url(images/comment_authR.jpg) repeat-y right; }
.comment_author .bottom { background: url(images/comment_authB.jpg) repeat-x bottom; }
.comment_author .left { background: url(images/comment_authL.jpg) repeat-y left; }
.comment_author .tl { background: url(images/comment_authTL.jpg) no-repeat top left; }
.comment_author .tr { background: url(images/comment_authTR.jpg) no-repeat top right; }
.comment_author .br { background: url(images/comment_authBR.jpg) no-repeat bottom right; }
.comment_author .bl { background: url(images/comment_authBL.jpg) no-repeat bottom left; }
.comment_author .content { padding: 15px; }

.respond {
	border-bottom: 1px dotted #7f7f7f;
	font-size: 1.5em;
	margin-top: 50px;
	margin-bottom: 0px;
	}

#commentform {
	margin: 15px auto 15px auto;
	}

#commentform .textform {
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	}

#commentform textarea {
	width: 100%;
	font-size: 1.5em;
	}

#commentform #submit {
	float: right;
	}


/****************
 *** Sidebars ***
 ****************/

#rightbar {
	position: absolute;
	right: 0px;
	width: 250px;
	background: #EAEDF2;
	}

#rb_t, #lb_t { background: url(images/sidebarT.jpg) repeat-x top; }
#rb_r, #lb_r { background: url(images/sidebarR.jpg) repeat-y right; }
#rb_b, #lb_b { background: url(images/sidebarB.jpg) repeat-x bottom; }
#rb_l, #lb_l { background: url(images/sidebarL.jpg) repeat-y left; }
#rbtl, #lbtl { background: url(images/sidebarTL.jpg) no-repeat top left; }
#rbtr, #lbtr { background: url(images/sidebarTR.jpg) no-repeat top right; }
#rbbr, #lbbr { background: url(images/sidebarBR.jpg) no-repeat bottom right; }
#rbbl, #lbbl { background: url(images/sidebarBL.jpg) no-repeat bottom left; }
#rb_c, #lb_c { padding: 20px 15px 20px 15px; }

#rightbar ul, #leftbar ul {
	margin: 0px;
	padding: 0px;
	}

#rightbar ul li, #leftbar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#rightbar .box {
  clear: both;
  padding: 5px;
	border-bottom: 1px solid #acb0b5;
	}
	
#rightbar .box-last {
  border-bottom: none;
}	

#rightbar ul li h3, #leftbar ul li h3 { /* Sidebar Headings */
	margin: 5px 0px 0px 0px;
	font-size: 1.25em;
	font-weight: normal;
	color: #333333;
	letter-spacing: 1px;
	}

#rightbar ul li ul, #leftbar ul li ul {
	margin-top: 5px;
	margin-left: 15px;
	}

#rightbar ul li ul li, #leftbar ul li ul li {
	margin-top: 3px;
	margin-bottom: 0px;
	}


/****************
 *** Calendar ***
 ****************/

#wp-calendar {
	empty-cells: show;
	margin: 0px auto 0px auto;
	width: 155px;
	}

#wp-calendar #next a {
	font-size: 100%;
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	font-size: 100%;
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-size: 1.2em;
	color: #333333;
	letter-spacing: 1px;
	}

#wp-calendar th {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

/*********************
 *** Archives Page ***
 *********************/

.postspermonth, .category-archives, .page-archives {
/* Currently all the archives are styled the same */
	margin: 5px 0 10px 0;
	list-style: none;
	padding-left: 25px;
}

.page_item { list-style: none; }

.postspermonth .comment-count {
	color: #999999;
	}


/******************
 *** Links Page ***
 ******************/

ul.links {
	margin: 5px 0 10px 0;
	list-style: none;
	padding-left: 0px;
	}

ul.links li {
	list-style: none;
	padding-bottom: 2px;
	}

/**************
 *** Footer ***
 **************/

#footer {
  text-align: center; 
  color: #a2b3bf;
}

#footer a {
  color: #a2b3bf;
  text-decoration: none;
}


/* Box */

#rightbar ul.linklist span.edit-link {
  list-style: none;
}
#rightbar ul.linklist span.edit-link a {
  font-size: 8px;
  color: #a0a0a0;
  background: none;
  padding: 0;
}

/* Friends */

.friends {
  margin-top: 5px;
}

.friend {
  float: left;
  width: 48px;
  height: 48px;
  padding: 0;
  text-align: center;
}

.friend a img {
  border-style: none;
}

.friend a {
  text-decoration: none;
}

/* Tags */

.tagcloud .tag {
    display: inline;
    margin-right: 5px;
}

.tag-weight-1  { font-size: 0.85em; }
.tag-weight-2  { font-size: 1em; }
.tag-weight-3  { font-size: 1.2em; }
.tag-weight-4  { font-size: 1.4em; }
.tag-weight-5  { font-size: 1.6em; }
.tag-weight-6  { font-size: 1.8em; }
.tag a { font-weight: normal; }

.spacer {
  clear: both;
}

#avatar {
  text-align: center;
}