/*  
Author: David Russell
Author URI: http://davidrussell.org
<style>
*/

/*   TABLE OF CONTENTS
    -----------------------
         ELEMENTS
        -------------------
         CONTAINER
        -------------------
         MASTHEAD
        -------------------
         HEADER
        -------------------
         CONTENT
        -------------------
             POST
            ---------------
             COMMENTS
            ---------------
             NAV
            ---------------
             MIDSECTION
            ---------------
             FOOTER
	        --------------- */



/*  -------------------
          ELEMENTS 
    ------------------- */


html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #263240;
	font: normal 12px/1.5em "Verdana", "Lucida Grande", sans-serif;
	color: #FFF;
}

p {
}

ol, ul {
}

	ol li ol {
		list-style: lower-alpha;
		width: 450px;
	}

dt {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
}

	h2 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-weight: 100;
	}
	
	h3 {
	}
	
	h4 {
	}
	
	h5 {
		font-size: 1em;
		text-transform: uppercase;
		color: #CCC;
		margin-bottom: 0;
	}

a {
	outline: none;
}

	a:link {
		color: #FFFFCC;
	}
	
	a:visited {
		color: #ADCD8F; 
	}
	
	a:hover, a:active {
		color: #FFF;
	}

input, textarea, select {
}

blockquote {
	background-color: #49607A;
	padding: 0 10px;
	border-left: 5px solid #FFF;
}

code {
	font-family: monospace;
	color: #999;
	border: 1px white solid;
	border-left: 5px white solid;
	padding: 3px;
}

pre {
	display: inline;
}

form, img {
	border: 0;
}

abbr, acronym {
	cursor: help;
}

.small {
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*  -------------------
         CONTAINER 
    ------------------- */

#container {
	width: 770px;
	margin: 0 auto;
}

/*  -------------------
          MASTHEAD 
    ------------------- */


#masthead {
	height: 2em;
	background-color: #4F6312;
}

	#masthead p {
		width: 770px;
		margin: 0 auto;
		text-align: right;
		color: #FFFFCC;
		font-weight: bold;
	}
	
	#masthead img {
		position: relative;
		top: 3px;
		padding-right: 2px;
	}
	
	#masthead a {
		color: #FF9933;
	}



/*  -------------------
          HEADER 
    ------------------- */

#header {
	background-color: #333333;
	height: 120px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

	#header h1 {
		width: 770px;
		margin: 0 auto;
	}
	
		#header h1 a {
			margin: 12px 50px 0 0;
			display: block;
			height: 100px;
			width: 100px;
			background: url(/images/site/logo.gif) no-repeat;
			float: right;
			color: #FFF;
			line-height: 100px;
		}
		
		#header h1 a span {
			display: none;
		}
	
/*  -------------------
          CONTENT 
    ------------------- */

#content {
	margin: 0;
	float: left;
} 
	
	#content p {
		width: 540px;
		line-height: 2em;
	}

	#content ol li {
		line-height: 2em;
	}
	
	#content blockquote p {
		width: 440px;
		padding: 10px 0;
		margin: 0;
	}

	#content h1 {
		margin-top: 15px;
		width: 540px;
		border-bottom: 1px solid #49607A;
		text-align: right;
		padding-bottom: 10px;
		font-size: 24px;
	}
	
	#content h2 {
		font-size: 22px;
	}

	#content img, #content #lcm_video {
		padding: 5px;
		background-color: #222840;
	}
	
		#content #lcm_video {text-align: center;}
	
	#content img.right   {
		float: right;
                margin: 2px 0 0 5px;
	}
	
	#content img.left   {
		float: left;
		margin: 2px 5px 0 0;	
	}
	
	#content img.wp-smiley  {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	#content #links-list ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	ul#recent {
		width: 540px;
		margin: 0;
		padding: 0;
	}
		ul#recent li {
			background-color: #334357;
			margin: 0 1px 1px 0;
			float: left;
			width: 238px;
			list-style-type: none;
			padding: 15px;
		}
		
	* html #content {
		overflow: hidden;
		/* So IE won't break things */
	}

/*  -------------------
           PAGE
    ------------------- */

#page {
	width: 540px;
	padding-bottom: 15px;
	margin: 15px 0;
	float: left;
}

	#page h2 {
		font-size: 20px;
		margin-bottom: 0;
		/* Width and overflow to clear '#page h2 a' */
	}
	
	#page h2 a {
		padding: 0;
		text-decoration: none;
		color: #FFFFCC;
	}
	
	#page h2 a:link, #page h2 a:visited {	
	}
	
	#page h2 a:hover, #page h2 a:active {
	}
	
			.subtitle  {
				color: #CCC;
			}
	
	#page h3, #content h3 {
		font-size: 16px;
		line-height: 1.2em;
		margin-bottom: -1em;
	}
			
	#page ul li {
		background: url(images/site/list-item.gif) no-repeat;
		list-style: none;
		margin-left: -25px;
		padding-left: 20px;
		line-height: 2.0em;
	}
	
	#page .article {
	}


        #preface {
			background-color: #49607A;
			padding: 10px;
			border-top: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			font-weight: bold;
        }
		
			#preface ul li {
				background: url(images/site/icons/list-item-preface.png) no-repeat;
			}

		
/*		.post .posttime {
			border: 1px solid #49607A;
			padding: 5px;
			width: 5em;
		}
		
			.post .posttime ul {
				background: #49607A;
				margin: 0;
			}
			
			.post .posttime ul li {
				list-style: none;
				list-style-type: none;
				margin-left: -40px;
				line-height: 1.2em;
			}
			
				.post .posttime ul li#month {
					text-align: center;
				}
					
				.post .posttime ul li#day {
					text-align: center;
					font-size: 24px;
				}
					
				.post .posttime ul li#year {
					text-align: center;
				}
					
				.post .posttime ul li#time {
					text-align: center;
					padding-bottom: -15px;
				}
*/

		.postmeta {
			margin-top: 0;
			padding-top: 1px;
			background: url(images/site/postmeta.gif) no-repeat top left;
			font-size: 0.9em;
			color: #999;
		}
		
		.postmeta a {
			text-decoration: none;
		}
		
		.postentry {
		}
		
	#page .postfeedback {
		border-bottom: 2px solid #49607A;
		padding-bottom: 15px;
	}
	
	
	#page .postfeedback a.permalink {
		list-style: none;
		padding: 0 0 0.2em 20px;
		margin-right: 1.8em;
		line-height: 1.8em;
		background: url(images/site/icons/permalink.png) no-repeat;
}

	#page .postfeedback a.commentslink {
		list-style: none;
		padding: 0 0 0.2em 20px;
		margin-right: 1.8em;
		line-height: 1.8em;
		background: url(images/site/icons/add-comment.png) no-repeat;
}
	#page img.wp-smiley, #commentlist img.wp-smiley {
		background: none;
		margin-bottom: -2px;
	}
	
	#page div.video {
		background-color: #1B222C;
		padding: 10px;
	}
	
	#content .contactform {
		width: 510px;
	}
	
	.vevent {
	}
		
		.vevent em.description {
		}
	
#page-nav {
	/*background-color: #334357;*/
	border-bottom: 2px solid #49607A;
	margin-bottom: 15px;
	width: 510px;
	padding: 0 15px 15px 15px;
	font-size: 1.2em;
	font-weight: bold;
}

	#page-nav #previous {
		float: left;
	}
	
	#page-nav #next {
		float: right;
	}
	
	#about-caption {
		width: 510px;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
	}

/*  -------------------
          COMMENTS 
    ------------------- */

p.no-comments, p.comments-closed {
	text-align: center;
	color: #999;
}

form#comment_form {
	padding-top: 1em;
}

#commentlist {
}

	#content ul.small {
		margin: 0 -15px;
		text-align: center;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		padding: 15px 0;
		clear: both;
	}

		.small ul {
			padding: 0;
		}

	#commentlist li p {
		clear: both;
		width: 440px;
	}

	#commentlist li.comment {
		list-style-type: none;
		width: 440px;
		padding: 15px;
	}

	#commentlist li.comment-single {
		background-color: #263240 !important;
	}

	#commentlist li.comment-single-alt {
		background-color: #334357 !important;
	}

	#commentlist h5 {
		color: #FFF;
		margin: 0;
		font-size: 1.2em;
		float: left;
		text-transform: none;
	}

	#commentlist p.comment-meta {
		margin: 0;
		font-size: 0.9em;
		color: #999;
	}

	#commentlist li.comment img.gravatar {
		float: right;
		margin: -47px 0 5px 0;
		padding: 2px;
		border: 1px solid #334357;
	}
	
	#commentlist li.comment-single-alt img.gravatar {
			border: 1px solid #49607A;
		}
		
	#commentlist p img {
		border: 0;
		padding: 0;
		margin: 0;
	}

	li.rss-post-comments {
		list-style-type: none;
		padding: 0 0 5px 20px;
		background: url(images/site/icons/rss-feed-comments.png) no-repeat;
		margin-left: -40px;
		display: inline;
	}
	
	li.trackback-post {
		list-style-type: none;
		padding-left: 20px;
		background: url(images/site/icons/trackback.png) no-repeat;
		margin-left: 15px;
		display: inline;
	}
	
	#commentlist li blockquote {
		margin-top: 15px;
	}

		#commentlist blockquote p {
			width: 300px;
		}
		
	#comment-form {
		border-top: 2px solid #49607A;
		margin-top: 15px;
	}
	
		#comment-form h2 {
			margin-bottom: 15px;
		}
		
	#comment-form form {width: 500px;}
	
		#comment-form form label {clear: both; float: left; text-align: right; width: 25%;}
		
		#comment-form form input {float: right; width: 70%;}
		
			#comment-form form input.checkbox, #comment-form input.button {
				float: none;
				width: auto;
			}
			
			#comment-form form input.button {
				float: right;
			}
		
		#comment-form form textarea {float: right; width: 70%;}
		
		#comment-form form small {display: block; clear: both; text-align: right; color: #999;}
		
		#comment-form form p {float: right; clear: right;}
		
			#comment-form form p.hello {text-align: right;}
		
			#comment-form form ul.options {
				width: 280px;
				float: right;
				clear: both;
				margin: 15px 0;
			}
			
				#comment-form form ul li {}
				
				#comment-form form ul li label {width: 90%; text-align: left;}
				
				#comment-form form ul li input {float: none;}
		
			#comment-form form ul li.subscribe-to-comments {
				background: url(images/site/icons/email-subscribe.png) no-repeat;
				padding-left: 20px;
				background-position: 0 3px;
			}

			#comment-form form p#captcha {
				text-align: center; 
				float: none;
				clear: both;
				background-color: #334357;
				padding: 0 15px 25px 15px;
				margin: 15px 0 15px 45px;
				width: 440px;
			}
			
				#comment-form form p#captcha img {position: relative; top: 15px;}
				
				#comment-form form p#captcha input {float: none; width: auto;}

/*  -------------------
          NAV 
    ------------------- */

#nav {
	width: 200px;
	float: right;
	margin: 20px 0 30px 30px;
} 
	
	#nav form {
	}
	
		#nav input {
		}

		#nav input#go {
			color: #FFF;
			font-size: 80%;
			text-transform: uppercase;
			background-color: #334357;
			margin-left: 3px;
		}

	#nav img {
		border: 0;
		padding: 5px;
		background-color: #222840;
	}
	
	#nav img.left  {
		float: left;
	}
	
	#nav h2 {
		margin: 1.2em 0 2px 0;
		border-bottom: 1px solid #FFF;
		padding: 0;
		font-size: 1.3em;
	}

	#nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		clear: left;
	}
	
	#nav ul li a {
		color: #FFF;
		background: #334357;
		display: block;
		text-decoration: none;
		padding: 3px 5px;
		margin-top: 2px;
		width: 200px;
		voice-family: "\"}\""; 
		voice-family: inherit;
		width: 190px;
	}
		
		#nav ul li a:hover {
			background: #49607A;
			border-right: 5px solid #FFF;
			width: 195px;
			voice-family: "\"}\""; 
			voice-family: inherit;
			width: 185px;
		}
		
		#nav ul.events li a strong {
			color: #FFF;
			display: inline-block; 
			width: 180px;
			margin: 0;
		}
		
			#nav ul.events li a {
				color: #BBB;
			}

	#nav #JPGmag #photoboxexp {
		margin-bottom: 1.5em;
	}

	#nav #JPGmag img {
		padding: 0;
	}

/*  -------------------
         MIDSECTION 
    ------------------- */
	
#midsection {
	clear: both;
	background-color: #4F6312;
	border-top: 2px solid #FFF;
	padding: 15px 0;
	margin-top: 20px;
}

	#midsection-content {
		width: 770px;
		margin: 0 auto;
	}
	
	.midsection-column-1 {
		width: 160px;
		float: left;
		padding: 0 20px 0 0;
	}
	
	.midsection-column-2 {
		width: 150px;
		float: left;
		padding: 0 20px 0 0;
	}
	
	.midsection-column-3 {
		width: 200px;
		float: left;
		padding: 0 20px 0 0;
	}
	
	.midsection-column-4 {
		width: 200px;
		float: right;
		padding: 0;
	}
	
	#midsection a {
		text-decoration: none;
	}
		
		#midsection a:hover {
			color: #FFF;
			border-bottom: 1px solid white;
		}
	
	#midsection ul li {
		list-style: none;
		margin-left: -40px;
		padding-left: 20px;
		line-height: 1.8em;
	}
	
		#midsection ul li.comments {
			line-height: 1.4em;
			margin-bottom: 4px;
		}

		#midsection ul li.link {background: url(images/site/icons/link.png) no-repeat;}
		
		#midsection ul li.rss {background: url(images/site/icons/rss-feed.png) no-repeat;}
		
		#midsection ul li.podcast {background: url(images/site/icons/podcast-feed.png) no-repeat;}
		
		#midsection ul li.flickr {background: url(images/site/icons/flickr.png) no-repeat;}		

		#midsection ul li.twitter {background: url(images/site/icons/twitter.png) no-repeat;}		

		#midsection ul li.delicious {background: url(images/site/icons/delicious.png) no-repeat;}		

		#midsection ul li.facebook {background: url(images/site/icons/facebook.png) no-repeat;}		

		#midsection ul li.itunes {background: url(images/site/icons/itunes.png) no-repeat;}
		
		#midsection ul li.odeo {background: url(images/site/icons/odeo.png) no-repeat;}
		
		#midsection ul li.magnolia-mark {background: url(images/site/icons/magnolia.png) no-repeat;}
	
		#midsection ul li.david {background: url(images/site/icons/david-go.png) no-repeat;}
	
		#midsection ul li.technorati {background: url(images/site/icons/technorati.png) no-repeat;}
	
		#midsection ul li.digg {background: url(images/site/icons/digg.png) no-repeat;}
	
		#midsection ul li.t-mobile {background: url(images/site/icons/t-mobile.png) no-repeat;}
	
		#midsection ul li.backpack {background: url(images/site/icons/backpack.png) no-repeat;}
	
		#midsection ul li.oneandone {background: url(images/site/icons/1and1.png) no-repeat;}

		#midsection ul li.paypal {background: url(images/site/icons/paypal.png) no-repeat;}

		#midsection ul li.bug {background: url(images/site/icons/bug.png) no-repeat;}
		
		#midsection ul li.bug-fixed {background: url(images/site/icons/bug-fixed.png) no-repeat;}
		
		#midsection ul li.comments {background: url(images/site/icons/comment.png) no-repeat;}
		
		.midsection-column-2 ul li {background: url(images/site/icons/archives.png) no-repeat;}
	
	#midsection dl dt.magnolia-mark {
		list-style: none;
		padding-left: 20px;
		line-height: 1.6em;
		font-weight: normal;
		margin-bottom: 2px;
	}
	
		#midsection dl dt.magnolia-mark {background: url(images/site/icons/magnolia.png) no-repeat;}

		#midsection dd.magnolia-description {
			display: none;
		}
	
	#midsection h2 {
		font-size: 1.6em;
	}
	
		#midsection h2.magnolia-linkroll-title {
			margin-bottom: -0.6em;
			border-bottom: 1px solid #88AB1F;
			width: 100%;
			text-align: center;
			font-size: 1.2em;
		}
	
	#midsection h3 {
		margin-bottom: -0.6em;
		border-bottom: 1px solid #88AB1F;
		width: 100%;
		text-align: center;
		font-size: 1.2em;
	}
	
		#midsection h6.status-date {
			margin: 10px 0 -12px 0;
			text-align: left;
			border: 0;
			font-size: 12px;
		}
	
	#midsection ul.reads {
			margin-left: 20px;
	}
	
		#midsection ul.reads li a:hover {
		}

	#midsection ul.tunes {
	}
	
		#midsection ul.tunes li a:hover {
		}

	
		#midsection ul.tunes img {
		}
	
/*  -------------------
           FOOTER
    ------------------- */
	
#footer {
	clear: both;
	background-color: #000;
	border-top: 2px solid #FFF;
	padding: 15px;
	font-size: 0.9em;
	text-align: right;
	vertical-align: middle;
}

	#footer #footer-content {
		margin: 0 auto;
		width: 770px;
	}

	#footer p {
		margin: 0;
		height: 30px;
		font-size: 0.9em;
		text-align: right;
		vertical-align: middle;
	}
	
	#footer pre {
	}
	
	#footer form {
		float: left;
	}
	
	#footer img {
		float: left;
		margin-right: 5px;
		border-left: 2px solid #666;
	}