/*
Theme Name: Channing
Description: Channing is a theme I threw together for personal use, but have decided to release it for public consumption. Everything is valid XHTML. The CSS validates too. Feel free to use the theme under the conditions that the credit lines in the footer remain intact. My CSS is sloppy, by some standards, but it works great and validates!
Author: Shawn Anthony
Author URI: http://www.lofitribe.com
Version: 1.0.4
*/
/*---------------------------- Main -------------------------------*/
html, body {
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 8px;
	text-align: center;
	background-color: #fff;
	color: #000;
	}
/*---------------------------- Links -------------------------------*/
a {  
	color: #000;
	text-decoration: none;
	}	
a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover {
	color: #BEBEBE;
	text-decoration: none;
	}		
a img {
	border: none;
	}		
/*---------------------------- Images Structure -------------------------------*/

img.c {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.r {
	float: right;
	}
img.l {
	float: left;
	}
.entry img {
	border: 1px solid #FFFFFF;
	padding: 6px;
	max-width: 98%;
	border: none;
	}
.entry a img {
	border: 1px solid #FFFFFF;
	padding: 6px;
	max-width: 98%;
	}
.entry a img:hover {	/*-- does not work in IE --*/
	border: 1px inset #000000;
	background-color: #EFEDED;
	}
/*---------------------------- General Html -------------------------------*/
hr {
	display: none;
	}
h2, h3 {	
	font-weight: bold;
	text-align: left;
	margin: 0px;
	}
	.ncol h2{	
		border-bottom: 1px solid #999988;
		font-size: 14px;
		}
	.archived h2{	
		font-size: 12px;
		}
	.lnks h2{	
		border-bottom: 1px solid #999988;
		font-size: 12px;
		width: 80%;
		}			
	.narchives h3{	
		margin: 25px 0px 10px 0px;
		}
	.wcol h2{	
		font-size: 20px;
		margin-bottom: 20px;
		}	
	.sidebar h2{	
		border-bottom: 1px solid #999988;
		text-align: right;
		font-size: 10px;
		}	
h2, h3, h2 a, h2 a:visited{
	color: #000000;
	}
h2 a:hover {
	color: #8B0000;
	}		
h3{	
	font-size: 13px;
	}
h5 {
    font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	}
h6 {
    font-size: 10px;
	text-align: left;
	margin: 0px;
	}
blockquote {
	background-color: #F7F7F7;
	border-left : 5px solid #000;
	padding: 10px 20px;
	}
blockquote:hover { /*-- does not work in IE --*/
	background: #FFFFFF;
	}
code, pre, kbd {	
	font-family: 'Courier New', Courier, mono, Fixed, sans-serif;
	font-size: 1.1em;
	display: block;
	}	
small {
	font-size: 0.9em;
	line-height: 1.5em;
	}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #993333;	
	cursor: help;
	}	
strike, del {
	text-decoration: line-through;
}	
/*---------------------------- Page Navigation -------------------------------*/	
.navigation {
	margin: 40px 30px 20px 30px;
	padding: 0 10px 10px 0px;
	font-weight: bold;
	font-size: 12px;
	}
.ncol .navigation {
	margin: 15px 0px;
	font-size: 11px;
	}	
.ar {
	float: right;
	}
.al {
	float: left
	}
.ac {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
/*---------------------------- Content -------------------------------*/
#content{
	margin: 0px auto;
	width: 780px;
	font-size: 11px;
	text-align: left;
	background-color: #fff;
	}

/*---------------------------- Flikr Content -------------------------------*/
#flickrcontent{
	margin: 0px auto;
	width: 780px;
	font-size: 11px;
	text-align: left;
	}

/*---------------------------- Flicker Wide Column -------------------------------*/
.flickrwcol {
	margin: 0px auto;
	width: 95%;	
	padding: 20px 15px 10px 15px;		
	line-height: 1.5em;
	}

/*----------------------------Top Bar -------------------------------*/
#topbar{
	margin: 0px 0px;
	padding: 0px;
	width: 778px;
	height: 25px;
	background-color: #FFFFFF;
	border:0px solid #CCCCCC;
	font-family: Verdana, Geneva, Arial, sans-serif;
	line-height: 17px;
	font-size: 10px;
	}
.navbar{
	margin: 0px auto;
	padding: 3px 1px 2px 1px;
	}
.navbar ul{
	display: inline;
	list-style-type: none;
	}
.navbar li{
	display: inline;
	list-style-type: none;
	}
.navbar a, .navbar a:visited  {
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin: 0px 10px 3px 0px;
	color: #000000;
	}
.navbar a:hover{
	color: #8B0000;
	}
/*---------------------------- Top Search Form -------------------------------*/
.topsform {
	margin: -1px 2px 3px 0px;
	padding: 0px;
	width: 220px;
	height: 16px;	
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	float: right;
	}
.t-s{
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #666666;
	font-size: 10px;
	width: 67%;
	height: 100%;
	border: none;
	background-color: #FFF;	
	}	
.topsformsubmit{
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	width: 30%;
	height: 100%;
	background-color: #FFF;
	border: none;
	border-left:1px solid #CCCCCC;
	cursor: pointer;
	}
.topsformsubmit:hover{ /*-- does not work in IE --*/
	background-color: #CDC8B1;
	color: #fff;
	}	
/*---------------------------- Header -------------------------------*/
.header {
	margin: 1px 0px;
	padding: 0px;
	display: block;
	width: 778px;
	height: 120px;
	background-color: #fff;
	border: 0px solid #CCCCCC;
	cursor: pointer;
	}		
/*---------------------------- Page -------------------------------*/
.page {
	width: 778px;
	margin: 1px 0px;
	padding: 0px;
	border:0px solid #CCCCCC;
	text-align: left;
	float: left;
	}
/*---------------------------- Narrow Column -------------------------------*/
.ncol {
	padding: 30px 0px 40px 23px;
	width: 542px;
	float:left;
	}	
/*---------------------------- Wide Column -------------------------------*/
.wcol {
	margin: 0px auto;
	width: 80%;	
	padding: 20px 15px 10px 15px;		
	line-height: 1.5em;
	}
/*---------------------------- Post Structure -------------------------------*/
.post {
	margin: 0px 10px 30px 0px;
	text-align: justify;	
	}
.archived {
	padding: 20px 0px 0px 15px;
	}	
.postmetadata {
	width: 85%;
	margin: 25px 0px 0px 0px;
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	color: #999999;
	text-align: left;
	line-height: 17px;
	font-size: 10px;
	}
	.wcol .postmetadata {
	width: 100%;
	margin: 25px 0px 30px 0px;
	}
.entry {
	font-size: 1.2em;
	line-height: 1.4em;
	}
.entry h5 {
	font-weight: bold;
	text-align: left;
	margin: 0px;
	text-decoration: underline;
}
.entry a {  
	color: #999988;
	text-decoration: underline;
	}	
.entry a:visited {
	color: #999988;
	text-decoration: underline;
	}
.entry a:hover {
	color: #8B0000;
	text-decoration: line-through;
	}	
.entry ol li {
	list-style: decimal outside;
	}
.entry ul li {	
	list-style-type: square;
	}
.entry form { 
	text-align: left;
	}
.entry input { /* For password-protected posts */
	margin: 2px auto;
	font-size: 9px;
	padding: 0px;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	}	
.entry input[value="Submit"] {
	font-size: 9px;
	cursor: pointer;
	}
.entry input[value="Submit"]:hover{ /*-- does not work in IE --*/
	background-color: #EFEDED;
	}
/*---------------------------- Sidebar -------------------------------*/
.sidebar {
	width: 210px;
	padding: 35px 0px 40px 0px;
	float:right;
	font-size: 10px;
	}
.sidebar h2.lnkname	 {
	margin: 0px 0px -5px 10px;
	text-align: left;
	font-size: 10px;
	border: none;
	}	
.sidebar ul {
	margin: 0px 15px 30px 20px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	}
.sidebarul li {
	list-style-type: none;
	list-style-image: none;	
	}
.sidebar  ul li ul {	
	margin: 10px 0px 20px 30px;
	list-style-type: none;
	list-style-image: none;
	}	
.sidebar  ul li ul li {	
	color: #666666;
	list-style-type: square;
	list-style-image: none;
	}
.sidebar  ul li ul li a{	
	font-weight: bold;
	}

#affiliations { list-style: none; }
#affiliations ul { list-style: none; }
#affiliations ul li { list-style: none; }

#curread { list-style: none; }
#curread ul { list-style: none; }
#curread ul li { list-style: none; }

/*---------------------------- Search box for error-404 pages -------------------------------*/
.searchbox{
	margin: 0px auto;
	margin-top: 30px;
	padding: 0px;
	display: block;
	width: 500px;
	height: 50px;
	background: #CDC8B1;
	border:1px solid #D7D7D7;
	}
.searchbox #searchform {
	background: #FFFFFF;
	margin: 14px auto;
	width: 400px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	}
.searchbox #searchform #s{
	margin: 0px auto;
	padding: 1px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #666666;
	font-size: 10px;
	width: 298px;
	height: 100%;
	border: none;
	background-color: #FFFFFF;	
	}
.searchbox #searchform #searchsubmit{
	border: none;
	margin: 0px auto;
	padding: 2px 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	width: 96px;
	height: 100%;
	background-color: #FFFFFF;
	border-left:1px solid #CCCCCC;
	cursor: pointer;
}
.searchbox #searchform #searchsubmit:hover{ /*-- does not work in IE --*/
	background-color: #EFEDED;
	color: #999988;
	}
/*---------------------------- Comments -------------------------------*/

.alt {
	background-color: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	font-size: 1.0em;
	padding: 5px 0px 5px 5px;
	list-style-type: lower-roman
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentlist p a {
	color: #999988;
	text-decoration: underline;
	}

.commentlist p a:visited {
	color: #999988;
	text-decoration: underline;
	}
.commentlist p a:hover {
	color: #8B0000;
	text-decoration: line-through;
	}	

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/*---------------------------- Comment Form -------------------------------*/
#commentform {
	margin: 15px 0px 30px 39px;
	}
#commentform input {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #000;
	border-right: 3px solid #000;
}
#commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 575px;
	padding: 2px;
	border: 1px solid #000;
	border-right: 3px solid #000;
}
#commentform #submit {
	width: 584px;
	padding: 2px;
	background: #FFFFFF;
	text-align: center;
	border: 1px solid #000;
	border-right: 3px solid #000;
	font-weight: bold;
	cursor: pointer;
}
#commentform #submit:hover { /*-- does not work in IE --*/
	background-color: #A3A3A3;
}
#respond{
margin: 0px 0px 0px 39px;
}
/*---------------------------- Footer -------------------------------*/
.footer {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 17px;
	font-size: 0.8em;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	width: 778px;
	height: 43px;
	border-top: 1px solid #000;
	clear:both;
	}	
.powered {
	margin: 5px auto;
	/*margin-right: 100px;
	padding-left: 30px;*/
	text-align: center;
	}
.powered a {	
	font-weight: bold;
	}

/*---------------------------- Go-up -------------------------------*/
.go-up {	
	margin: 1px auto;
	padding: 0px;
	width: 778px;
	height: 15px;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	font-size: 10px;
	cursor: pointer;
	}
.ttrack a, .ttrack a:visited, .ttrack a:hover{
	color: #FFFFFF;
	font-size: 0px;
	}		
/*---------------------------- narchives Template -------------------------------*/
.narchives {
	margin-top: 20px;
	}
.narchives a {
	font-weight: bold;
	}	
.narchives input {
	cursor: pointer;
	}	
/*---------------------------- Links Template -------------------------------*/	
.lnks {
	font-size: 10px;
	padding: 8px 0px 0px 30px;
	}
.lnks a {
	font-weight: bold;
	}	
.lnks ul li {	
	margin: 0px 0px 0px 4px;
	color: #666666;
	list-style-type: square;
	list-style-image: none;
	}
.lnks li {
	list-style-type: none;
	list-style-image: none;	
	}

.affs ul li {
    margin: 0px 0px 0px 4px;
	color: #666666;
	list-style-type: none;
	list-style-image: none;	
}

/* ------------------------------Heated tags---------------------------- */

#wcategories { 
    border: 0px solid #fff; 
	background-color: #fff;
	text-align: justify;
	}

#wcategories ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    }

#wcategories li {
	margin:0;
	padding:0;
	display:inline;
	font-size:80%;
}

#wcategories li a {
	margin:0 0 0 0px;
	padding:0px 0;
	color:#000;
	text-decoration:none;
}

#wcategories li a:hover {
	color:#d01;
	border-bottom:1px solid #d01;
}

/* ------------------------------Heated tags3---------------------------- */

#wcategories3 { 
    border: 0px solid #fff; 
	background-color: #fff;
	text-align: justify;
	}

#wcategories3 ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    }

#wcategories3 li {
	margin:0;
	padding:0;
	display:inline;
	font-size:100%;
}

#wcategories3 li a {
	margin:0 0 0 0px;
	padding:0px 0;
	color:#000;
	text-decoration:none;
}

#wcategories3 li a:hover {
	color:#d01;
	border-bottom:1px solid #d01;
}

/* ------------------------------Heated tags 2---------------------------- */

#wcategories2 { 
    border: 0px solid #fff; 
	background-color: #fff;
	text-align: justify;
	}

#wcategories2 li {
	margin:0;
	padding:0;
	display:inline;
	font-size:80%;
}

#wcategories2 li a {
	margin:0 0 0 0px;
	padding:0px 0;
	color:#000;
	text-decoration:none;
}

#wcategories2 li a:hover {
	color:#d01;
	border-bottom:1px solid #d01;
}

/*---------------------------- Landing Zone Style -------------------------------*/

.zonewrap {
	margin: 10px auto 0px auto;
	width: 100%;
	padding: 0px 0px 10px 0px;
	line-height: 1.9em;
	font-size: 11px;
}

.zonewrap h2.lnkname {
	margin: 0px 0px -5px 10px;
	text-align: left;
	font-size: 11px;
	border: none;
}
	
.zonewrap h2 {
	text-align: left;
	font-size: 12px;
	padding-bottom: 1px;
	border-bottom: 1px solid #000;
}

.zonewrap ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

.zonewrap li {
	list-style-type: none;
	list-style-image: none;
}

.zonewrap  ul li ul {
	margin: 10px 0px 20px 20px;
	list-style-type: none;
	list-style-image: none;
}
	
.zonewrap ul li ul li {
	list-style: none;
	line-height: 20px;
}

.zonewrap  ul li ul li a{
	font-weight: bold;
}

.zonewrap .date {
        font-size: 10px;
}

.zonewrap ul .children  {
	margin: 0 0 0 20px;
}

.zonewrap ul .children li  {
	list-style: circle; 
}


.landingzone {
	float: left;
	width: 65.5%;
}

.zoneleft {
	float: left;
	width: 33%;
	margin: 20px 3px 50px 0px;
}

.zoneleft a {  
	color: #933;
	border-bottom: 1px dotted #933;
	text-decoration: none;
	}

.zoneleft a:visited {
	color: #933;
	text-decoration: none;
	}
.zoneleft a:hover {
	color: #933;
	text-decoration: line-through;
	}	

.zoneleft h2 {
    border-bottom: 1px solid #000;
	}

.zonecenter {
	float: left;
	width: 33%;
	margin: 20px 0px 50px 0px;
}

.zonecenter a {  
	color: #000;
	text-decoration: none;
	}	
.zonecenter a:visited {
	color: #933;
	text-decoration: none;
	}
.zonecenter a:hover {
	color: #933;
	text-decoration: line-through;
	}

.zonecenter h2 {
    border-bottom: 1px solid #000;
	}

.zoneright {
	float: right;
	width: 33%;
	margin: 20px 0px 50px 0px;
}

.zoneright a {  
	color: #000;
	text-decoration: none;
	}	
.zoneright a:visited {
	color: #000;
	text-decoration: none;
	}
.zoneright a:hover {
	color: #999988;
	text-decoration: line-through;
	}

.zoneright h2 {
    border-bottom: 1px solid #000;
	}

.lofiasides {
	float: left;
	margin: 15px 0px 25px 0px;
	width: 100%;
}

.lofiasides a {  
	color: #000;
	text-decoration: underline;
	}	
.lofiasides a:visited {
	color: #000;
	text-decoration: underline;
	}
.lofiasides a:hover {
	color: #000000;
	text-decoration: none;
	}	

.technoasides {
	float: left;
	margin-bottom: 5px;
}

.fullstory {
    font-size: 1.2em;
	line-height: 1.4em;
}

/*---------------------------- Flickr Stream -------------------------------*/

#flickr ul { list-style: none; }
#flickr ul li { display: inline; } 
#flickr ul, #flickr ul li { padding: 0; margin: 0; border: 0; }
#flickr a img { border: 1px #000 solid; padding: 3px; margin: 5px 3px 0px;}
#flickr a:hover img { border: 1px #BEBEBE solid; }