/*
-----------------------------------------------
Blogger Template Style
Name:     Liquid tt
Designer: Terrill Thompson
URL:      terrillthompson.com
Date:     27 Nov 2007

Features: 
Liquid layout
High contrast colors
Default font size set to 1em to honor user preferences
Includes support for :focus and :active
Includes ARIA landmark roles 

----------------------------------------------- */
body {
	background: #A3B3D4 url('/images/bodybg.gif') repeat-x scroll left top;
	margin:0;
	padding:20px 10px;
	text-align:center;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size: 1em;
	color: #000;
}

/* Overall Page Structure
----------------------------------------------- */
#content {
	width: 80%;
	margin:0 auto;
	text-align:left;
}
#header { 
	background: #306; 
	margin: 10px 0;
	padding: 0.5em;
	color: #fff;
}
#search { 
	float: right;
}
#main { 
	width:75%;
	float:left;
	margin: 0 auto;
	padding: 10px 0 10px;
	text-align:left;
	background: #fff;
	color: #000;
	line-height:1.5em;
}
#sidebar {
	width: 23%;
	float:right;
	margin: 5px 0 0;
	font-size: 0.97em;
	line-height:1.5em;
	background-color: transparent;
}

/* Links
----------------------------------------------- */
a:link {
	color:#fff;
}
a:visited {
	color: #ddd; /* was #9db, previously #798 */
}
a:visited:hover, a:visited:focus, a:visited:active { 
	background-color:#ddd;
	color: #000;
}	
a:hover, a:focus, a:active {
	background-color:#fff;
	color: #000;
}
#profile-container a:hover, #profile-container a:focus, #profile-container a:active {
	background-color:#fff;
	color: #586;
}
a img {
	border-width:0;
}
#main a:link {
	color: #340449; /* deep purple, contrast validates at WCAG 2.0 AAA */
}
#main a:visited {
	color: #555; /* medium grey, validates at WCAG 2.0 AAA */
}
#main a:hover, #main a:focus, #main a:active {
	color:#000;
	background-color: #ff9;
}
h1 a { 
/*	font-size: 2em; */
	font-weight: bold;
	line-height: 1.2em;
	color: #fff;
	text-decoration: none;
}
h1 a:hover, h1 a:focus, h1 a:active { 
	text-decoration: underline;
	color: #fff;
	background: #306;
}


/* Blog Header 
----------------------------------------------- */
h1 { 
	display: block;
	width: 12em;
	margin: 0.25em 1em;
	font-size: 2em;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
}
#description {
	/* not currently used */
	width: 1px;
	display: none;
	margin:0;
	padding:0;
}


/* Posts
----------------------------------------------- */
.alert { 
	margin: 0.75em;
	padding: 1em;
	background: #ffc; 
	border: thin solid #036;
}
.date-header {
	margin: 0.5em 1.5em;
	font-size: 85%;
	line-height:2em;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#586;
}
.post {
	margin:.3em 0 25px;
	padding:0 13px;
}
.post-title {
	margin:0;
	font-size: 1.35em;
	line-height:1.5em;
	display:block;
	padding: 0.25em 1em;
	color:#333;
}
#main a.title-link, .post-title strong {
	text-decoration:none;
	display:block;
}
#main a.title-link:hover, #main a.title-link:focus, #main a.title-link:active  {
	background-color:#fff;
	color:#000;
}
.post-body {
	padding:10px 14px 1px 29px;
}
html>body .post-body {
	border-bottom-width:0;
}
.post p {
	margin:0 0 .75em;
}
h3#postTitle { 
	font-size: 1.5em;
	color: #000;
}
.post h4 { 
	font-size: 1.4em;
	color: #333;
}
.post h5 { 
	font-size: 1.2em;
	color: #333;
}
p.post-footer {
	background:#fff;
	margin:0;
	padding:2px 14px 2px 29px;
	line-height:1.5em;
	color:#666;
	text-align:right;
}
p.post-footer em {
	display:block;
	float:left;
	text-align:left;
	font-style:normal;
}
.post img {
	margin:0 0 5px 0;
	padding:4px;
	border:1px solid #586;
}
blockquote, .quotation {
	margin: 1em;
	background: #ffd;
	border: 1px dotted #596;
	padding: 0.25em 0.5em;
}
.post blockquote p {
	margin:.5em 0;
}
.code { 
	font-family: courier,monospace;
	margin: 1em;
	background: #fdf;
	border: 1px solid #596;
	padding: 0.25em 0.5em;
}
.indent { 
	padding-left: 1em;
}

/* Comments
----------------------------------------------- */
#comments {
	margin:-25px 13px 0;
/*	
	border:1px dotted #6a7;
	border-width:0 1px 1px;
*/	
	padding:20px 0 15px 0;
}
#comments h4 {
	margin:0 0 10px;
	padding:0 14px 2px 29px;
	border-bottom:1px dotted #6a7;
	font-size:120%;
	line-height:1.4em;
	color:#333;
}
#comments-block {
	margin:0 15px 0 9px;
}
.comment-data {
	background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em;
	margin:.5em 0;
	padding:0 0 0 20px;
	color:#666;
	font-size: 1.1em;
	font-weight: bold;
}
.comment-poster {
	font-weight:bold;
}
.comment-body {
	margin:0 0 1.25em;
	padding:0 0 0 20px;
}
.comment-body p {
	margin:0 0 .5em;
}
.comment-timestamp {
	margin:0 0 .5em;
	padding:0 0 .75em 20px;
	color:#fff;
}
.comment-timestamp a:link {
	color:#fff;
}
.deleted-comment {
	font-style:italic;
	color:gray;
}
.paging-control-container {
	float: right;
	margin: 0px 6px 0px 0px;
	font-size: 80%;
}
.unneeded-paging-control {
	visibility: hidden;
}


/* Profile
----------------------------------------------- */
#profile-container {
	background-color: #586;
	margin:0 0 15px;
	padding:0 0 10px;
	color:#fff;
}
#profile-container h2 {
	padding:10px 15px .2em;
	margin:0;
	border-width:0;
	line-height:1.5em;
	color:#fff;
}
.profile-datablock {
	margin:0 15px .5em;
	border-top:1px dotted #7a8;
	padding-top:8px;
}
.profile-img {display:inline;}
.profile-img img {
	float:left;
	margin:0 10px 5px 0;
	border:4px solid #bec;
}
.profile-data strong {
	display:block;
}
#profile-container p {
	margin:0 15px .5em;
}
#profile-container .profile-textblock {
	clear:left;
}
#profile-container a {
	color:#fff;
}
.profile-link a {
	background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat 0 .1em;
	padding-left:15px;
	font-weight:bold;
}
ul.profile-datablock {
	list-style-type:none;
}


/* Sidebar Boxes
----------------------------------------------- */
.box {
	margin: 0 0 10px;
	background: #333;
	padding:10px 15px .2em;
	border-width:0;
	line-height:1.5em;
	color:#fff;
}
.sidebar-title {
	margin:0;
	padding:0 0 .2em;
	border-bottom:1px dotted #456;
	font-size:115%;
	line-height:1.5em;
	color:#fff; 
}
.box ul {
	margin:.5em 0 1.25em;
	padding:0 0px;
}
.box ul li {
	margin: 0 1em 0.5em;
	line-height:1.4em;
}
.box p {
	margin:0 0 .6em;
}

/* Footer
----------------------------------------------- */

#footer {
	clear:both;
	margin:0;
	padding:15px 0 0;
}
#footer div {
	padding:8px 0 0;
	color:#fff;
}
#footer div div {
	padding:0 15px 8px;
}
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;} 


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  padding:0 15px 0;
  }

/* Data Tables 
----------------------------------------------- */

.dataTable { 
  margin: 1.25em 0.5em;
  border: 1px solid #000;
}
.dataTable th, .dataTable td { 
  border: 1px solid #000;
  padding: 0.25em;
} 
.dataTable caption { 
  font-weight: bold;
}

/* Misc. 
----------------------------------------------- */

.attribute {
	font-family: Courier, monospace;
	color: #007a00;
	font-weight: bold;
}