/*
Theme Name: Daverscho
Theme URI: http://www.daverscho.com/
Description: Customized from <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 6.3
Author: David R Schofield
Author URI: http://www.daverscho.com/
Tags: white, multi column

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



#wrapper {

	float: right;
	margin: 0px 30px;
	}


.right {
	float:right;
	}
.left {
	float:left;
	}
	
div.navigation {
	padding: 0 0 0 30px;
	}
#page {
	text-align:left;
	width:800px;
	}
#page ul#nav {
	float:left;
	width:529px;
	padding:0;
	margin:61px 0 0 30px;
	list-style:none;
	}
	
#page ul#nav li.pagenav {
	list-style:none;
	margin:0;
	padding:0;
	}

#page ul#nav li.pagenav h2 {
	margin:0;
	padding:0;
	width:0;
	}

#page ul#nav li.pagenav ul li{
	float:left;
	margin:0;
	padding:0 25px 0 0;
	list-style:none;
	}	
	
#page ul#nav li.pagenav ul li a:hover{
	text-decoration:none;
	}
#page ul#nav li.pagenav h2{
	display:none;
	}	
	
#page ul#newsfeed {
	width:241px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	float:left;
	margin:54px 0 0 0;
	text-align:left;
	padding:0;
	font-family: georgia, serif;
	color: #666;
	font-size: 1.2em;
	}
	
#page ul#newsfeed li a{
	color: #666;
	}
	
#page ul#newsfeed li{
	list-style:none;
	padding: 5px 0 5px;
	margin: 0;
	}


ol {
	list-style: none;
	}

ul {
	padding:0;
	margin:0;
	}

li {
	padding:0;
	margin:0;
	}

/* Begin Typography & Colors */
  a, h2 a:hover, h3 a:hover {
	color:  #c65a2f;
	text-decoration: none;
	}

p a:hover {
	text-decoration:underline;
	}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: /*Berthold Akzidenz Grotesk,*/ Georgia, Serif;
	/*background: #fff url('images/bk_gray.gif') repeat-x top;*/
	color: #333;
	text-align: left;
	line-height:1.8em;
	}
	
div#header {
	float:left;
	margin:0 -1px 0 0;
	width: 182px;
	height:83px;
	border-right:1px dotted #ccc;
	padding: 0;
	}

div#content {
	font-size: 1.2em;
	border-left: 1px dotted #ccc;
	margin: 0 0 0 0;
	padding: 20px 30px 20px 30px;
	width: 770px;
	min-height: 400px;
	}
			
	
.thread-alt {
	background-color: #f8f8f8;
	}
.thread-even {
	background-color: white;
	}
.depth-1 {
	}

.even, .alt {
	}

#footer {
	background:transparent;
	border: none;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: /*Berthold Akzidenz Grotesk,*/ Georgia, Serif;
	}
h3.huge {
	line-height:1.8em;
	font-size: 7.2em;
	font-style: italic;
	}
h1 {
	font-size: 1.2em;
	text-align: left;
	}
	
h1#logo a {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
	width:100px;
	display:block;
	margin:60px 40px 0 56px;
	padding-right: 30px;
	position:fixed;
	color: #666;
	text-align: right;
	}
	
h1#logo a:hover {
	color: #000;
}	

#header .description {
	font-size: 1.2em;
	text-align: left;
	color:black;
	display:none;
	}

h2 {
	font-size: 1.4em;
	line-height: 0.8em;
	padding: 0;
	margin: 0;
	}


h2.pagetitle {
	font-size: 1.4em;
	}
h3 {
	font-family: georgia, serif;
	padding: 0;
	margin: 0;
}
div.entry h3.category {
	padding-left: 5px;
}

h3.category {
	color: #939393;
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
	}	

div#content.archive h3.pagetitle {
	color: #939393;
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0 560px;
	}

h3.pagetitle {
	color: #939393;
	font-size: 1.0em;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0 530px;
	}	

#sidebar h2 {
	font-size: 1.2em;
	}

h3 {
	font-size: 1.2em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration:none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

h2 {
	margin: 20px 0 8px 0;
	}	
	
.entry h2 {
	margin: 20px 0 0 0;
	}	
	
.post h2 {
	margin: 30px 0 0 0;
	}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em;
	padding: 3px;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	padding: 10px;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

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

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

#commentform p {
	font-family: /*Berthold Akzidenz Grotesk,*/ Helvetica Neue, Helvetica, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font-size: .9em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
div.comments {
	width: 770px;
	margin: 30px 0 0 0;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em;
	text-align: left;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#page {
	margin: 0 0 0 182px;
	padding: 0;
	width: 801px;
	}

div#header {
	margin:0;
	padding:0;
	}

h1#logo {
	padding:0;
	margin: 0;
	}

.post {
	margin: 0;
	text-align: left;
	}

.post hr {
	}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
	border: none;
	padding: 0;
	margin: 0;
	height: 0;
}

div.entry div.exerpt {
	height: 150px;
	}
div.entry a div.exerpt {
	color: #ccc;
	}
#footer {
	margin: 0 0 50px;
	width: 800px;
	clear: both;
	border-left: 1px dotted #ccc;
	height: 50px;
	}

#footer p {
	margin:20px 30px;
	text-align:left;
	float:left;
	font-family: Georgia, serif;
	font-style: italic;
	}

div#featured {
	margin: 0 0 0 -40px;
	}
	
	
div#featured div.category-featured {
	width:260px;
	height:177px;
	float:left;
	margin-left: 10px;
	}
	
div#featured div.entry p, div#featured div.entry img{
	margin: 0 0 0 0px;
	text-align: left;
	}	
	
div#search {
	float:left;
	margin:15px 0 0 82px;
	}	
	
	
/* End Structure */
div.entry {
	margin: 0;
	padding: 0;
	}
	

	
div.design {
	float:left;
	}

div.design:hover{
	/*border: 1px dotted #ccc;*/
	}

div.design div.entry {
	border: 5px solid transparent;
}

div.design div.entry:hover {
	border: 5px solid #d5d5d5;
}

div.design div.entry a h2 {
	margin: 5px 0 5px 5px;
	font-size: .9em;	
	font-family: /*Berthold Akzidenz Grotesk,*/ Georgia, Serif;
	}
	
	

div.design div.entry a:visited h2 {
	text-decoration: line-through;
	}

div.subcat a {
	width:150px;
	height: 150px;
	display: block;
	font-size: 1.2em;
	color: #222;
	font-weight: normal;
	padding: 30px 0 0 30px;
	}

div.subcat a:hover {
	color: white;
	text-decoration: none;
	}


div.subcat{
	width:149px;
	height: 150px;
	background:#f1f1f1;  /*2b2e30 */
	float:left;
	margin: 0 10px 10px 0;
	text-shadow: #fff 0 1px 0;
	border-right: 1px dotted #ccc;
	}
	
div.subcat:hover{
	background:none;/*#42d598;*/
	text-shadow: none;
	}
	
div.subcat#typography:hover {
	background:#0093f1;
	/*background:#2b2e30;*/
	}
	
div.subcat#id:hover {
	background:#0093f1;
	}

div.subcat#interaction:hover {
	background:#0093f1;
	}

p 	{
	padding: 0;
	margin: 0;
	}
div.content#news {
	width: 470px;
	}
		
	
div#content.archive {
	padding: 20px 0 20px ;
	margin: 0;
	width: 800px;
	}
div.category-typography small, div.category-id small, div.category-interaction small {
	display: none;
	}
div div.entry small {
	display:inline;
}

div div.entry small a{
	color:#666;
}
div div.entry small a:hover{
	color:#666;
}

div.category-typography hr, div.category-id hr, div.category-interaction hr, div.category-news hr , div.category-graphic-art hr{	
	min-width: 240px;
	float: left;	
	}	
	
div.category-typography, div.category-id, div.category-interaction, div.category-graphic-art{
	width: 240px;
	float: left;
	}
	
div.category-news, div.category-news hr {
	width:470px;
	float:left;
	}	
	
div.category-news #img {
	width:465px;
	overflow:hidden;
	margin:10px 0px 20px;
	}
div.category-news img	{
	border:0;
	padding:0;
	margin:0;
	}	
	
div.category-typography i, div.category-id i, div.category-interaction i, div.category-graphic-art i{
	font-family: font-style:italic;
	font-size:1.4em;
	font-family:Baskerville, Georgia, serif;
	line-height: 1.6em;
	}	
	
div.category-typography img, div.category-id img, div.category-interaction img, div.category-news img, div.category-graphic-art img{
		float: left;
		padding: 5px 10px 0 0;
		display:block;
	}
	
div.category-typography div.entry p, div.category-id div.entry p, div.category-interaction div.entry p, div.category-graphic-art div.entry p{
	padding: 5px 0;
	}

hr	{
	border: 0;
	border-bottom: dotted #ccc 1px;
	margin: 10px 0;
}
img {
	border: 0;
	}

div.col{
	width: 498px;
	float: left;
	margin: 0 0 0 30px;
	display:block;
}
div#col {
	width: 498px;
	float: left;
	margin: 0 30px 0 0;
	display:block;
}
img.col {
 	float:left;
 	margin: 10px 0 0;
 	}	

img.main{
	margin: 0 0 10px -30px;
	}

div.col hr {
	min-width: 498px;
	float: left;
	border: 0;
	border-bottom: dotted #ccc 1px;
	margin: 10px 0;
}
	
div.col2 {
	width:210px;
	float: left;
	display: block;

	}
	
div.col2 li, div.col2 ul li{
	list-style-type:none;
	}	
	
div#sidebar {
	width: 210px;
	float: left;
	padding: 30px 30px 0 0;
	}

div#sidebar a{
	color: #666;

	}
	
div.col2 a{
	color: #666;
	}
		
div#sidebar {
	width: 800px;
}

div#sidebar ul {
	list-style-type: none;
}	
div#sidebar ul li{
	width:140px;
	float:left;
	margin: 10px 0;
	padding:0 10px;
	border-left: 1px dotted #ccc;
	}
div#sidebar ul li.noborder{
	width:220px;
	border: 0;
	padding: 0 30px 0 0;
	}	

div#sidebar ul li ul li h2{
	padding: 0 0 5px;
	margin: 0;
	}

div#sidebar ul li h2{
	padding: 0 0 5px;
	margin: 0;
	}
	
div#sidebar ul li ul{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
div#sidebar ul li ul li{
	margin: 0;
	padding: 0;
	border: 0;
	}
/* ---- Search ---- */

.searchform {
	padding-left:24px;
}

#searchform, #searchform p {
	margin: 0px;
	font-style:italic;
	font-size:1.2em;
	font-family:Baskerville, Georgia, serif;
	}

#searchform input {
	width: 120px;
	font-family:Baskerville, Georgia, serif;
	font-size:12px;
	background: #f1f1f1;
	color: #000;
	margin: 0px;
	padding:2px;
	border:0;
	}

input#author, input#email, input#url {
	background: #f1f1f1;
	border: 0;
	width: 200px;
	float: left;
	}		
	
textarea#comment {
	background: #f1f1f1;
	border: none;
	width: 510px;
	}	
div.form {
	width: 200px;
	float:left;
}

p.tags {
	padding:5px 0;
	}
.tags {
	color: #888;
	}
	
.tags a {
	color:#666;
	}		
.tags a:visited {
	text-decoration: line-through;
	}
.postmetadata a {
	color: #444;
	}
	
.news .news {
	margin:10px 0;
	}
	
#page ul#nav li.page_item a {
	font-family: Georgia, serif;
	font-size: 1.2em;
	color: #666;
	font-weight: normal;
	font-style: italic;
}

#page ul#nav li.page_item a:hover {
	color: #000;
}	

div.links {
	clear:both;
	width: 20px;
	float:right;
}

div#links {
	border-left: 1px dotted #ccc;
}

div#links div.col {
	width: 235px;
	float: left;
	margin:0px 0px 0px 30px;
	padding:50px 0px 0px 0px;
	
	}
	
div#links div.col dt, div#links div.col dt a {
	font-weight: normal;
	font-style: italic;
	text-transform: uppercase;
	font-size: 12px;
	color: #626262;
}

#links {
	margin: 0 ;
	width: 800px;
}	

div#links dl{
	float:left;
	padding:0px;
	margin:0px;
	}

div#links dl dd a:hover, div#links ul li a:hover {
	text-decoration: underline;
	}
	
div#links dt{
	text-transform: uppercase;
	font-style: italic;
	font-size: 12px;
	}
	
div#links div.col img{
	float: left;
	width: 60px;
	margin-right: 12px;
	}		
	
.blue a {
	color: #54ceca;
	}	

.green a {
	color: #75a21f;
	}	
	
.red a {
	color: #c65a2f;
	}
	
	
	
ul.navigation {
	clear:both;
}	

.alignright {
	float:right;
	}
	
.alignleft {
	float:left;
	}	
	
div.image {
	width: 800px;
	padding-bottom:12px;
	margin: 0 0 0 -30px;
	clear:both;
}