/*
Theme Name: Blogography Theme
Theme URI: http://blogography.com/
Description: Blogography Template for Dave2's Blog.
Version: 4.0
Author: David Simmer II
Author URI: http://blogography.com/
*/

/* HTML Elements */
			a  { color: #339; text-decoration: underline; }
			a:link { color: #339; text-decoration: underline; }
			a:visited { color: #339; text-decoration: underline; }
			a:active { color: #66c; text-decoration: none; background-color:#ffffff; }
			a:hover { color: #ffffff; text-decoration: none; background-color:#66c; }

			body {
				font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
				font-size: 15px;
				line-height: 140%;
				margin: 0px auto;
				width: 1004px;
				background: #000;
				}
			
			h1, h2, h3 {
				margin: 0px;
				padding: 0px;
			}

			li {
				 padding-bottom:5px;
				} /* Add space between lines of a list element */

			p.center {
				 text-align:center;
				} /* For centering text */

			p.bigger {
				 font-size: 140%;
				margin-bottom: -.4em;
			 	color: #66c;
				} /* Biggie Text */

			p.quoted {
				margin-top: 0em;
				margin-bottom: .3em;
				margin-left: 5em;
				margin-right: 5em;
			}
				
/* Main Header Container */

			.broken_link, a.broken_link {
				text-decoration: line-through;
			}

			#davehead {
				background-color: #000;
				background:url("https://www.blogography.com/css_classic/ext/BlogoBackr08.gif") repeat-x;
				width: 1004px;
				margin: 36px auto 24px;
				height: 200px;
			}
			
			.headleft {
				float: left;
			} /* Display larger browser graphic */

			.headiphone {
				display: none;
			} /* Don't Display smaller iPhone graphic */

			.headrand {
			} /* For iPhone to turn off random DaveToon */

			.clearfix {
				overflow: auto;
			}

			.hallmark {
				float:left;
				padding:0 9px 0 0;
				overflow: auto;
			}

/* Main Sidebar Container */
			#daveside {
				background: #000;
				float: left;
				width: 215px;
			}

/* Main Blog Container */
			#daveblog {
				background: #000;
				float: right;
				width: 775px;
			}

/* Blog navigation header tabs */
			#headerblog {
			  float:left;
			  font-size:12px;
			  background:#000;
			}

			#headerside {
			  float:left;
			  font-size:12px;
			  background:#000;
			}

			#headerblog ul {
			  margin:0;
			  padding:0 0 10px 0;
			  list-style:none;
			}

			#headerside ul {
			  margin:0;
			  padding:0 0 10px 0;
			  list-style:none;
			}

			#headerblog li {
			  float:left;
			  background:url("https://www.blogography.com/css_classic/tab/left.gif") no-repeat left top;
			  margin:0 0 0 0;
			  padding:0 0 0 9px;
			}

			#headerside li {
			  float:left;
			  background:url("https://www.blogography.com/css_classic/tab/yelleft.gif") no-repeat left top;
			  margin:0 0 0 0;
			  padding:0 0 0 9px;
			}

			#headerblog a {
			  float:left;
			  display:block;
			  background:url("https://www.blogography.com/css_classic/tab/right.gif") no-repeat right top;
			  padding:5px 15px 5px 6px;
			  text-decoration:none;
			  font-weight:bold;
			  letter-spacing: .1em;
			  line-height:normal;
			  color:#ccf;
			}

			#headerside a {
			  float:left;
			  display:block;
			  background:url("https://www.blogography.com/css_classic/tab/yelright.gif") no-repeat right top;
			  padding:5px 15px 5px 6px;
			  text-decoration:none;
			  font-weight:bold;
			  letter-spacing: .1em;
			  line-height:normal;
			  color: #ffea8c;
			}

			#headerblog a:hover {
			  color:#66c;
			}

			#headerside a:hover {
			  color: #cc4200;
			}

			#headerblog #currentblog {
			  background-image:url("https://www.blogography.com/css_classic/tab/left_on.gif");
			}

			#headerblog #currentblog a {
			  background-image:url("https://www.blogography.com/css_classic/tab/right_on.gif");
			  color:#ccf;
			}

			#headerside #currentside {
			  background-image:url("https://www.blogography.com/css_classic/tab/left_on.gif");
			}

			#headerside #currentside a {
			  background-image:url("https://www.blogography.com/css_classic/tab/right_on.gif");
			  color:#ccf;
			}

			#headspaceblog {
			  clear:left;
			  height:12px;
			  font-size:4px;
			  background:#66c;
			}

			#headspaceside {
			  clear:left;
			  height:12px;
			  font-size:4px;
			  background:#66c;
			}

/* Search Boxes */
			#search {
				font-size: 10px;
			} /* For sidebar */

			#searchx {
				font-size: 10px;
			}  /* For error page search boxes */


/* Actual Blog Container */
			.blog {
				clear:left;
		  		background:#fff;
		  		padding: 16px;
			}  /* Clears the blog navigation header tabs within the main blog container */

/* Entry Container */
			.blogable {
				color: #333;
				font-weight: normal;
			}

/* Comment Count Box for Index Listings */
			
			.comment {
				color: #666;
				font-size: 11px;
				font-weight: normal;
		  		background: #FFF;
		  		line-height: 140%;
				}		

			.response .response {
				border-bottom: none;
				}

			.response .response .response {
				border-bottom: none;
				}

			.commentgrav {
				position: relative;
				color: #666;
				font-size: 11px;
		  		background: transparent;
		  		line-height: 140%;
				border-bottom: 1px solid #ccf;
				}
			
			img.gravatar {
				display: inline;
				float: left;
				padding-right: 10px;
			}

			img.center {
				text-align:center;
			}
			
			.avatar {
				padding: 0px 10px 0 0;
				float: left;
				background-color: transparent;
			}

			.text {
				padding: 17px 0 0 0;
				float: left;
				width: 643px;
				background-color: transparent;
			}
			
			.authormark {
				background-color: #f5f4fe;
			}

			.response .avatar {
				padding: 17px 0 0 100px;
				background-image: url('css_classic/ext/arrow.gif');
				background-repeat: no-repeat;
			}

			.response .text {
				width: 543px;
				}

			.response .response .avatar {
				margin: 0 0 0 100px;
				padding: 17px 0 0 100px;
			}

			.response .response .text {
				width: 443px;
				}

			.response .response .response .avatar {
				margin: 0 0 0 200px;
				padding: 17px 0 0 100px;
			}

			.response .response .response .text {
				width: 343px;
				}

			.response .response .response .response .avatar {
				margin: 0 0 0 300px;
				padding: 17px 0 0 100px;
			}

			.response .response .response .response .text {
				width: 243px;
				}



/* Date and Item Header Element - Grey Box Large Type */
			.date {
				font-size: 20px; 
				color: #333; 
				letter-spacing: -.06em;
				border-bottom: 3px solid #999;
				padding-left: 5px;
				padding-bottom: 5px;
				padding-top: 3px;
				margin-bottom: 10px;
		  		background: #ddd;
				font-weight: bold;
			}

			.duckable {
				margin-left: 300px;
			}

			img.duck {
				float: left;
				margin-left: -300px;
			}

			.menu {
				text-align:center;
			}

			.movie {
				background: #ccccff;
				margin-left: 35px;
				margin-right: 35px;
				margin-bottom: 5px;
				padding: 10px;
			}

/* Flashback Entry Box */
			.flashback {
				background: #4444A0;
				background-image: url('https://www.blogography.com/css_classic/ext/flashback.gif');
				background-repeat: no-repeat;
				margin-left: 35px;
				margin-right: 35px;
				margin-bottom: 10px;
				padding-left: 95px;
				padding-right: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				color: white;
			}
	
/* Flashback Entry Box LINK IN YELLOW */
			.flashback a {
				color: yellow;
				text-decoration: none;
			}
	
/* Flashback Entry Box HOVER IN YELLOW */
			.flashback a:hover {
				background: yellow;
				color: #4444A0;
				text-decoration: none;
			}

/* Lego Holiday Entry Box */
			.holiday {
				background: #ffe7c4;
				background-image: url('https://www.blogography.com/css_classic/ext/LegoHoliday0.gif');
				background-repeat: no-repeat;
				margin-left: 35px;
				margin-right: 35px;
				margin-bottom: 5px;
				padding-left: 35px;
				padding-right: 35px;
				padding-top: 50px;
				padding-bottom: 20px;
				color: #60341c;
			}	

/* Lego Holiday Image for Entry Box */
			.holimg {
				display: block;
		    	margin-left: auto;
		    	margin-right: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}

/* Dave Comments Gray Background Box */
			.grayback {
				font-weight: bold;
			}

/* Archive Page Navigator Lemon Container Box */
			.navi {
				background: #ff9;
				margin-left: 35px;
				margin-right: 35px;
				margin-bottom: 5px;
				padding: 10px;
				font-size: 15px;
				color: #f90;
			}

/* Tiny type for Technorati Tags */
			.posttagsblock {
				font-size: 10px; 
				color: #000000; 
				margin-bottom: 5px;
			}

/* Tiny type element at the end of an entry */
			.posted {
				font-size: 11px; 
				color: #000000; 
				margin-bottom: 5px;
				margin-top: 10px;
			}

/* Tiny type in an entry */
			.tinytext {
				font-size: 11px; 
				line-height: 1.5;
				color: #000000; 
				margin-bottom: 5px;
			}

/* Tiny date type in a header */
			.tinydate {
				font-size: 11px; 
				color: #888888; 
				margin-bottom: 5px;
			}

/* TEMPORARY background for comments */
			.comm {
				background: yellow;
			}

			.postedgrav {
/*
				position: relative;
*/
				font-size: 10px; 
				color: #000000; 
				padding-bottom: 0px;
			}

/* Individual Archive Line Spaver */
			.purpleline {
				clear: both;
				font-size: 3px; 
				color: #333; 
				font-weight: bold;
			}  /* Separates comments */

			.side {
				clear:left;
				overflow: hidden;
		    	background-color: #ddd;
				color: #000;
		    	font-size: 11px;
				line-height: 125%;
				font-weight: normal;
				padding-bottom: 10px;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 2px;
				width: 195px;
			}

			.sideimage {
		  		padding-bottom: 6px;
		  		padding-top: 8px;
		 		text-align: center;
			}

			.sidemini {
				font-size: 11px;
			}

			.sidesection {
				font-weight: bold;
				padding-top: 5px;
			}

			.sidetitle {
				color: white;
				font-size: 11px;
				padding-top: 3px;
				margin-top: 10px;
				letter-spacing: .4em;
				background: #444;
				border-bottom: 1px solid #666;
				text-transform: uppercase;
				text-align: center;
			}
			
/* Entry Title Treatment with Drop Shadow */
			.title	{
				font-size: 26px;
				color: #000;
				margin-bottom:5px;
				margin-top:10px;
			}

			.title a  { color: #000000; text-decoration: none; }
			.title a:link { color: #000000; text-decoration: none; }
			.title a:visited { color: #000000; text-decoration: none; }
			.title a:active { color: #339; text-decoration: none; }
			.title a:hover { color: #339; text-decoration: none; }