/*	Screenflicker Developments
	Author: Mike Stickel
	Author URI: http://www.screenflicker.com
	Description: May 1st CSS Reboot 2006 version of Screenflicker Developments
	Version: 2.0
	Modified: 04/22/2006
------------------------------------------------------------------*/

/*	=STRUCTURE
---------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
	font: 100.01%/130% Georgia, "Times New Roman", serif;
	color: #3c3224;
}

html>body {
	font-size: 16px;
	line-height: 1.4;
}

body {
	background: #6b6358;
}

#page {
	width: 801px;
	margin: 0 auto;
	background: #d5d1c6;
	border: 2px solid #fff;
	border-width: 0 2px;
}
	
	#header {
		background: #f54e00;
	}

	#mainContent {
		width: 50%;
		margin: 10px 0 10px 10px;
		padding: 0 0 0 0;
		float: left;
	}
		
		#mainContent.wide{
			width: 100%;
			margin: 10px 0 10px 10px;
			
		}
		
		#mainContent .postMeta {
			width: 100%;
			margin: 0 -8% 3em 0;
			padding: 0.5em;
			background: #d1cdc2;
			border-bottom: 1px solid #6b6358;
			float: left;
		}
	
	#sidebar {
		width: 340px;
		padding: 0 0 0 10px;
		float: right;
		background: #c2beab url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/sidebar-divider-bottom.gif') no-repeat bottom left;
	}
		
		#sidebar .section {
			margin-left: -10px;
			padding: 10px 0 0 10px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/sidebar-divider-top.gif') no-repeat top left;
		}
			
			#sidebar .endcap {
				margin-left: -10px;
				padding: 0 0 2em 10px;
				background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/sidebar-divider-bottom.gif') no-repeat bottom left;
			}
	
	.navigation {
		clear: both;
	}
	
	#footer {
		padding: 50px 10px 1em;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/bg-bottomswirl.gif') no-repeat top left;
		clear: both;
	}

/*	=TYPOGRAPHY
---------------------------------------------------------------------*/
h1 {}
	
	#header h1 {
		font-size: 1.9em;
		line-height: 1.4;
		clear: both;
	}

h2 {}
	
	#mainContent h2.newBlog {
		min-width: 166px;
		height: 33px;
		text-indent: -9000px;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-newontheblog.gif') no-repeat top left;
	}
	
	#mainContent h2.recentlyBlog {
		min-width: 215px;
		height: 32px;
		text-indent: -9000px;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-recentlyontheblog.gif') no-repeat top left;
		clear: both;
	}

h3 {}
	
	#mainContent h3 {
		font-size: 1.2em;
		line-height: 1.6;
		clear: both;
	}
		
		#mainContent h3#comments {
			min-width: 215px;
			height: 32px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-readercomments.gif') no-repeat top left;
			clear: both;
		}
		
		#mainContent h3#respond {
			min-width: 178px;
			height: 27px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-leavecomment.gif') no-repeat top left;
			clear: both;
		}
	
	#sidebar .section h3 {
		padding: 0 0 0.2em;
	}

		#sidebar .section h3.featureProject {
			min-width: 172px;
			height: 31px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-featuredproject.gif') no-repeat top left;
		}

		#sidebar .section h3.screenflickerIs {
			min-width: 315px;
			height: 33px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-sfdevis.gif') no-repeat top left;
		}

		#sidebar .section h3.recommendations {
			min-width: 178px;
			height: 25px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-recommendations.gif') no-repeat top left;
		}

		#sidebar .section h3.monthlyArchives {
			min-width: 169px;
			height: 33px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-monthlyarchives.gif') no-repeat top left;
		}

		#sidebar .section h3.categories {
			min-width: 118px;
			height: 33px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-categories.gif') no-repeat top left;
		}

		#sidebar .section h3.search {
			min-width: 118px;
			height: 27px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-search.gif') no-repeat top left;
		}

		#sidebar .section h3.trackbacks {
			min-width: 113px;
			height: 27px;
			text-indent: -9000px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-trackbacks.gif') no-repeat top left;
		}

h4 {}
	
	#sidebar .section h4 {
		color: #6b6358;
		clear: both;
	}
	
	#sidebar .section h4.otherWork {
		min-width: 150px;
		height: 22px;
		text-indent: -9000px;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-otherrecentwork.gif') no-repeat top left;
	}
	
	#sidebar .section h4.books {
		min-width: 47px;
		height: 18px;
		text-indent: -9000px;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-books.gif') no-repeat top left;
	}
	
	#sidebar .section h4.links {
		min-width: 36px;
		height: 18px;
		text-indent: -9000px;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-links.gif') no-repeat top left;
	}
	
	#sidebar .section h4.products {
		min-width: 139px;
		height: 18px;
		text-indent: -9000px;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/title-productsservices.gif') no-repeat top left;
	}

h5 {}
	
	#sidebar .section h5 {
		color: #6b6358;
	}

p {
	padding-bottom: 1.4em;
	font-size: 0.75em;
	line-height: 1.4;
}
	
	li p {
		font-size: 1em;
	}
	
	p.postDate {
		padding: 0 0 0 20px;
		min-height: 14px;
		line-height: 2;
		background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/icon-calendar.gif') no-repeat center left;
	}
	
	.postMeta p {
		padding: 0;
		clear: both;
	}
	
	#mainContent ol.commentlist li p.commentByline {
		padding-bottom: 0.3em;
		color: #6b6358;
	}
	
	#sidebar .section p {
		margin-right: 10px;
		color: #6b6358;
	}

#mainContent ol.commentlist li .commentText {
	margin-left: 90px;
}

em {
	padding: 0 0.2em;
	font-style: normal;
	color: #000;
	background: #f1edda;
}

cite {
	font-style: italic;
}

pre, code {
	font-size: 1em;
	color: #2b73ff;
}

pre { background-color: #274d63; color: #55e439; font-size: 0.7em; width: 100%; overflow: auto; padding: 0.5em 10px; }

ins {
	padding: 0.4em;
	/*background: #d1cdc2;*/
	background: #e2decc;
	display: block;
}

del {
	color: #CCC;
}

blockquote {
	margin: 0.3em 1.5em 0.6em;
	padding: 0.5em 0.7em 0;
	background: #d1cdc2;
	border-left: 2px solid #a7a373;
}


/*	=LISTS
---------------------------------------------------------------------*/
ul ul li, ol ol li, ul ol li, ol ul li {
	font-size: 1em;
}

#header ul#navigation {
	width: 801px;
	padding: 0 0;
	list-style: none;
	float: left;
}
	
	#header ul#navigation li {
		float: left;
	}

#mainContent ul {
	margin: -0.5em 10px 1.6em;
	font-size: 0.75em;
}
	
	#mainContent ul li {
		margin-left: 2em;
	}
		
		#mainContent ul li ul {
			font-size: 1em;
		}
	
	#mainContent ul.recentBlogList {
		margin: 0;
		list-style: none;
	}
		
		#mainContent ul.recentBlogList li, #sidebar .section ul li {
			margin: 0;
			padding: 0.5em;
			border-bottom: 1px solid #a7a373;
		}
			
			#mainContent ul.recentBlogList li:hover, #sidebar ul li:hover {
				background: #e2decc;
			}
		
		#mainContent ul.recentBlogList li .recentDate {
			margin: 0.2em 0;
			padding: 0 0 0 5px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/icon-calendarday.gif') no-repeat center left;
			display: block;
		}
		
			#mainContent ul.recentBlogList li .recentDate .denomination {
				padding-left: 6px;
			}
	
	#mainContent .postMeta ul {
		margin: 0 0 0.3em;
		font-size: 0.75em;
		list-style: none;
		float: left;
	}
		
		#mainContent .postMeta ul li {
			margin: 0 1em 0 0;
			float: left;
		}

		#mainContent .postMeta ul li.continue {
			padding: 0 17px 0 0;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/icon-continuereading.gif') no-repeat center right;
		}
		
		#mainContent .postMeta ul li.comments {
			width: 33px;
			min-height: 16px;
			margin-top: -2px;
			text-align: center;
			line-height: 1.7;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/icon-comment.gif') no-repeat center left;
		}
	
	#mainContent ol.commentlist {
		margin-bottom: 1.6em;
		font-size: 0.75em;
		list-style: none;
		float: left;
	}
		
		#mainContent ol.commentlist li {
			width: 400px;
			margin-bottom: 0.8em;
			padding: 0.3em 0.3em 0;
			border: 1px solid #c2beab;
			float: left;
		}
		
		#mainContent ol.commentlist li.alt {
			background: #c2beab;
			border: 1px solid #d1cdc2;
		}
		
		#mainContent ol.commentlist li.myComment {
			background: #f5f1e7;/*#d1cdc2;*/
			border: 3px solid #c2beab;/*#c2beab;*/
		}

	#sidebar .section ul {
		margin: 0.6em 0 0 0px;
		padding: 0 1em 1.6em 0;
		font-size: 0.7em;
		list-style: none;
	}
		
		#sidebar .section ul li {
			margin-right: 10px;
		}
		
		#sidebar .section ul.endcap {
			margin-left: -10px;
			padding: 0 0 2em 10px;
			background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/sidebar-divider-bottom.gif') no-repeat bottom left;
		}
		
		#sidebar .section ul.imageList {
			float: left;
		}
			
			#sidebar .section ul.imageList li {
				width: 80px;
				text-align: center;
				border: none;
				float: left;
			}
#sidebar #version_history ul { list-style: disc; margin-top: 0; }
#sidebar #version_history ul li { background: none; margin-left: 2em; border: none; }
#sidebar #version_history p { padding-bottom: 0; }

#mainContent dl {
	margin: 0.2em 0 0.6em;
	font-size: 0.75em;
}
	
	#mainContent dl dt {
		display: block;
	}
	
	#mainContent dl dd {
		margin: 0 2em 1.7em;
	}

/*	=FORMS
---------------------------------------------------------------------*/
form fieldset {
	border: none;
}
	
	form fieldset p {
		padding: 0 0 0.3em;
	}

/*	=LINKS
---------------------------------------------------------------------*/
a:link, a:visited {
	color: #930;
	text-decoration: none;
	border-bottom: 1px dotted #930;
}

a:hover {
	color: #d24300;/*#f54e00;*/
	background: none;
	border-bottom: 1px solid #d24300;
}

a:link, a:visited {
	-moz-outline: none;
}

#header h1 a:link, #header h1 a:visited {
	width: 801px;
	height: 128px;
	text-indent: -9000px;
	background: #f00 url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/screenflicker-header.gif') no-repeat top left;
	display: block;
	border: none;
}

ul#navigation li a:link, ul#navigation li a:visited {
	padding: 0.5em 1.5em 0.5em 0.7em;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #efece3;
	text-shadow: #b8420a 2px 2px 0;
	background: url('http://screenflicker.com/blog/wp-content/themes/screenflicker_v2/images/nav-divider.gif') repeat-y top right;
	display: block;
	border: none;
}

#sidebar .section a.projectImage:link, #sidebar .section a.projectImage:visited {
	margin: 0 10px 10px 0;
	border: 2px solid #fff;
	float: left;
}
	
	#sidebar .section a.projectImage:hover {
		border: 2px solid #930;
	}

#sidebar .section ul.imageList li a:link, #sidebar .section ul.imageList li a:visited {
	border: none;
}

#sidebar .section a.projectLinks:link, #sidebar .section a.projectLinks:visited {
	display: block;
}

#sidebar .section ul.imageList li a:link, #sidebar .section ul.imageList li a:visited {
	background: none;
}


/*	=PORTFOLIO
---------------------------------------------------------------------*/
ul#portfolio {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
	
	ul#portfolio li {
		width: 45%;
		margin: 1.5em 0 0;
		padding: 0;
		float: left;
		clear: left;
	}
		
		ul#portfolio li.alt {
			width: 45%;
			margin-right: 20px;
			float: right;
			clear: none;
		}
	
	ul#portfolio .gallery {
		width: 150px;
		margin-right: 10px;
		float: left;
	}
	
	ul#portfolio li h3 {
		font-size: 1.667em;
	}
	
	ul#portfolio li p {
		margin-left: 160px;
	}

a#prevLink:link, a#prevLink:visited, a#prevLink:hover {
	border: none;
}

a#nextLink:link, a#nextLink:visited, a#nextLink:hover {
	border: none;
}

a#bottomNavClose:link, a#bottomNavClose:visited, a#bottomNavClose:hover {
	border: none;
}

/*	=MISC
---------------------------------------------------------------------*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

img {
	border: none;
}
	
	#sidebar .section img.projectImage {
		margin: 0 10px 10px 0;
		border: 2px solid #fff;
		float: left;
	}

.gravatarImage {
	margin: 0 10px 5px 0;
	float: left;
}

.clear {
	clear: both;
}