/*  
Theme Name: Weston Ruter Home
Theme URI: http://weston.ruter.net/
Description: First theme for weston.ruter.net
Version: 1.0
Author: Weston Ruter
Author URI: http://weston.ruter.net/
*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

small {
	font-size:smaller;
}
big {
	font-size:larger;
}
q {
	quotes:"“" "”" "‘" "’";
}
abbr {
	border-bottom:dotted 1px #CCC;
}
abbr:hover {
	border-color:black;
}
#latest-tweet abbr,
abbr.published,
abbr.updated {
	border:none;
}
address.author {
	display:none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article,
section,
header,
footer,
aside,
nav {
	display:block;
}



/* END Reset CSS *****/

del a {
	color:inherit;
}
article del {
	color:#888;
}

html {
	background-color:black;
	font-family:sans-serif;
}
body {
	/*margin-right:300px;*/
	margin-top:0;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	background-color:white;
	
	border:solid 3px #777;
	border-top:0;
	/*
	-moz-border-radius:135px;
	-webkit-border-radius:135px;
	-moz-border-radius-bottomleft:50px;
	-moz-border-radius-bottomright:50px;
	-webkit-border-bottom-right-radius:50px;
	-webkit-border-bottom-left-radius:50px;
	padding-top:130px;
	*/
	position:relative;
	
	font-size:14px;
}

blockquote {
	margin-left:30px;
}

hr {
	border:none;
	border-top:2px solid #CCC; /*#E9E8E7*/
	height:0px;
	padding:0;
	/*margin:0;*/
	margin-bottom:1em;
	margin-top:1em;
}

a {
	color:#425768;
}
a:hover {
	color:#8D422D;
}

header,
article,
footer,
aside,
nav{
	display:block;
}

nav.paged {
	margin-top:2em;
	text-align:center;
}
nav.next-previous {
	margin-bottom:1em;
	text-align:right;
}
nav.next-previous a + a {
	margin-left:30px;
}

/*body.single .navigation {*/
/*	height:2em;*/
/*	font-size:12px;*/
/*	position:relative;*/
/*	top:-15px;*/
/*}*/
/*.navigation .previous {*/
/*	float:left;*/
/*}*/
/*.navigation .next {*/
/*	float:right;*/
/*}*/

body > header {
	border-bottom:solid 2px black;
	/*margin-bottom:1em;*/
	/*height:135px;*/
	height:180px;
	background-image:url(./images/portland-sunrise.jpg);
	/*-webkit-transition:background-position 0.1s;*/
	/*background-image:url(./images/seattle-sunset.jpg);*/
	background-position:-327px 0;
	/*background-position:-163px 0;*/
	
	border:solid 0px #DDD;
	/*
	-moz-border-radius-topleft:130px;
	-moz-border-radius-topright:130px;
	-webkit-border-top-right-radius:130px;
	-webkit-border-top-left-radius:130px;
	height:260px;
	position:absolute;
	top:0;
	left:0;
	width:950px;*/
	z-index:100;
	border-bottom:solid 3px #AAA;
	/*position:relative;*/
	
	/*clip:rect(0px 950px 130px 0px);*/
}
body > header h1 {
	font-size:30px;
	position:absolute;
	left:666px;
	top:10px;
	text-shadow: 0.035em 0.035em 0.07em black;
}
body > header h1 a {
	text-decoration:none;
	outline:none;
}
body > header p.note {
	font-size:11px;
	position:absolute;
	left:670px;
	top:42px;
	text-shadow: 0.035em 0.035em 0.03em #666;
	color:#222;
}
body > nav {
	position:absolute;
	top:157px;
	left:0;
	border-bottom:solid 3px #AAAAAA;
}
body > nav li {
	float:left;
}
body > nav,
body > nav li{
	height:23px;
}
body > nav li a {
	text-decoration:none;
	display:block;
	padding:4px 20px;
	font-size:14px;
	background-color:#8D422D;
	font-weight:bold;
	color:white;
	border-top:solid 1px #777;
	border-right:solid 1px #777;
	/*border-bottom:solid 3px #777;*/
	text-shadow: 0.1em 0.1em 0.2em black;
	opacity:0.85;
}
body > nav li a:focus,
body > nav li a:active {
	outline:none;
}
body > nav li a:hover {
	opacity:1;
	color:white;
	background-color:#425768;
}


.hfeed article.hentry  {
	padding-top:15px;
	margin-top:30px;
	border-top:dotted 2px #CCC;
}
.hfeed article.hentry:first-child {
	margin:0;
	padding:0;
	border-top:0;
}
article .dateline {
	font-size:12px;
	color:#777;
}
.hfeed article.hentry > header > .entry-title {
	font-size:20px;
}

.hfeed article.hentry > header > .entry-title a {
	text-decoration:none;
}
.hfeed article.hentry > footer {
	font-size:12px;
}

#sidebar {
	/*position:absolute;
	width:300px;
	right:0;
	top:100px;*/
	float:left;
	position:relative;
	width:207px;
	/*padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;*/
	margin-bottom:15px;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	
	border-left:solid 3px #AAA;
	border-bottom:solid 3px #AAA;
	line-height:1.1em;
	background:white;
}
#sidebar a {
	text-decoration:none;
}
#sidebar a:hover {
	text-decoration:underline;
}
#sidebar nav {
	display:block;
}
#sidebar nav > ul li {
	/*list-style-type:disc;*/
}
#sidebar h2 {
	background-color:#DDD;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:8px;
}
/*#sidebar nav > ul,
#sidebar > li > ul
{
	margin-top:7px;
	margin-bottom:7px;
}
#sidebar nav > ul > li > ul,
#widgets > li > ul {
	margin-top:5px;
	margin-bottom:7px;
}
#sidebar nav > ul,
#sidebar > li > ul {
	margin-left:10px;
	margin-right:10px;
}*/

#widgets > li > h2:first-child + * {
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
}

#widgets .widget_social_status_twitter p .published {
	display:block;
	padding-top:4px;
	text-align:right;
	font-size:11px;
	color:#666666;
}

#sidebar nav > ul li,
#widgets > li > ul li {
	margin-top:2px;
	margin-bottom:2px;
}
#sidebar .widget_text li,
#sidebar .widget_project_list li {
	margin-left:10px;
	list-style-type:disc;
	color:#CCC;
	font-size:11px;
}
#content {
	position:relative;
	float:left;
	width:700px;
	/*margin:20px;*/
	padding:20px;
	line-height:1.45em;
	background-color:white;
	/*
	border-left:solid 3px #777;
	border-right:solid 3px #777;
	*/
}

#content h2.page-title {
	margin-top:0;
	font-size:20px;
}
article header  {
	margin-bottom:1.5em;
}

body.single article footer .postmeta {
	font-size:11px;
	background-color:#EEE;
	padding:9px;
}

/*body.page #content footer {*/
/*	clear:both;*/
/*	border-top:dotted 1px #CCC;*/
/*	margin-top:35px;*/
/*	padding-top:15px;*/
/*}*/


article img.alignright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
}

article p img:first-child {
	margin-top:0;
}

article img.border {
	border:solid 1px #777;
}

article img.alignleft {
	float:right;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
}

article pre code {
	display:block;
	margin-left:10px;
	border-left:solid 1px #C09086;
	padding-left:10px;
}

#respond,
#comments {
	margin-top:6px;
	margin-bottom:6px;
	
	clear:both;
	border-top:dotted 1px #CCC;
	margin-top:35px;
	padding-top:15px;
}
#comments h3 {
	margin-bottom:.5em;
}
#comments > ol > li {
	margin-left:20px;
}

#comments > ol > li {
	padding-top:20px;
	margin-top:20px;
	border-top:dotted 1px #DDD;
	clear:both;
	/*min-height:98px;*/
}
/*#comments li:hover section {*/
/*	background-color:#eee;*/
/*}*/
#comments > ol > li:first-child {
	padding-top:0;
	border-top:0;
}
#commentform textarea {
	width:100%;
	height:120px;
}
#comments address {
	font-style:normal;
	font-weight:bold;
}
#comments section {
	vertical-align:bottom;
}
#comments address img {
	float:right;
	margin-left:15px;
	margin-bottom:8px;
	border:solid 1px gray;
}
#comments footer {
	font-size:11px;
}
#comments footer a {
	text-decoration:none;
}

#respond {
	clear:both;
	margin-top:20px;
}

#comments .pingback {
	color:gray;
}

#content p {
	margin-top:1em;
	margin-bottom:1em;
}

#content ul,
#content ol,
#content dl {
	margin-top:1em;
	margin-bottom:1em;
}
#content dl {
	margin-left:1em;
}
#content dl dt {
	font-weight:bold;
}
#content dl dd {
	/*margin-left:1em;*/
	margin-bottom:1em;
	margin-top:0.1em;
}

#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {
	margin:0;
}
#content li {
	margin-left:30px;
}
#content ul > li {
	list-style:disc;
}
#content ul > li > ul > li {
	list-style:circle;
}
#content ul > li > ul > li > ul > li {
	list-style:square;
}

#content ol > li {
	list-style:decimal;
}
#content ol > li > ol > li {
	list-style:upper-alpha;
}
#content ol > li > ol > li > ol > li {
	list-style:lower-alpha;
}


/*
#sidebar > ul,
#sidebar > ul > li {
	margin-left:0;
	padding-left:0;
	list-style:none;
}
#sidebar ul ul {
	margin-top:.5em;
	margin-bottom:1em;
}
#sidebar h2 {
	font-size:14pt;
	background-color:black;
	color:white;
	margin:0;
	padding-left:10px;
}
#sidebar img {
	border:0;
}
*/

#contact-form code {
	font-size:larger;
	font-weight:bold;
}

#contact-form input,
#contact-form textarea {
	border:solid 1px gray;
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}
#contact_name,
#contact_email,
#contact_subject,
#contact_message {
	width:400px;
}
#contact_spam_sum {
	width:3ex;
	text-align:center;
}
.form_error_message {
	color:black;
	padding:0.2em;
	padding-left:1em;
	border:solid 1px red;
	background-color:#FFCCCC;
}
label[for=contact_name],
label[for=contact_email],
label[for=contact_subject],
label[for=contact_message]{
	float:left;
	margin-right:0.5ex;
	text-align:right;
	width:100px;
}
#contact_message {
	min-height:9em;
}
#contact-form .invalid {
	border-color:red;
	background-color:#FFCCCC;
}
body > hr.foot {
	/*clear:both;
	height:0px;
	border:none;
	margin:0;
	padding:0;
	visibility:hidden;
	*/
	display:none;
}
body > footer {
	clear:both;
	/*margin-top:1em;*/
	text-align:center;
	font-size:11px;
	line-height:1.5em;
	padding-top:8px;
	padding-bottom:8px;
	color:#666;
	
	background-color:#DDD;
	border-top:solid 3px #CCC;
	
	/*
	padding-top:80px;
	 position:absolute;
	bottom:0;
	left:0;
	width:950px;
	clip:rect(80px, 950px, 120px, 0px);
	
	-moz-border-radius-bottomleft:46px;
	-moz-border-radius-bottomright:46px;
	-webkit-border-bottom-right-radius:46px;
	-webkit-border-bottom-left-radius:46px;*/
	
}
body > footer p {
	
}
body > footer a {
	color:#666;
}