@charset "UTF-8";
/* CSS Document */

/*  
File Name: 
Theme URI: 
Description:
Version: 
Author: Estelle Weyl
Author URI: http://www.standardista.com
Tags: 

*/

/* FONT RESET SIZES 
FONT SIZES
10px - 77%
11px - 85%
12px - 93% 
13px - 100%
14px - 108% 
15px - 116% 
16px - 123.1% 
17px - 131% 
18px - 138.5% 
19px - 146.5% 
20px - 153.9% 
21px - 161.6% 
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197% 
*/
 
/* FONTS */

@font-face {
	font-family: 'battlelines';
	src: url('battlelines.eot');
	src: local('BattleLines Regular'), local('BattleLines'), url('battlelines.ttf') format('truetype');
}

/*CSS RESET FILE */

html{color: #282828; background-color: #ffffff;}
body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;background-repeat: no-repeat;}
header li, aside li, footer li{list-style: none; margin:0; padding:0}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
abbr,acronym{border: 0;font-variant: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
del,ins{text-decoration: none;}
body{font: 13px/1.4 Arial, Helvetica, sans-serif;; *font-size: small;*font: x-small;}
select,input,button,textarea{font: 99% "Times New Roman", Times, serif;}
table{font-size: inherit;font: 100%;}
pre,code,kbd,samp,tt{font-family: monospace;*font-size: 108%;line-height: 100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,legend{font-family:Arial, Helvetica, sans-serif; background-repeat: no-repeat;}
a, .email {text-decoration: none;color: #007982;background-repeat: no-repeat; outline:none; cursor:pointer;}
span, a, strong, caption {background-repeat: no-repeat;}
a:hover, .email:hover {color: #78B2B6;}
input,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;  color: #282828;*font-size: 100%;}
td {vertical-align: top;}
body, html {background-color:#F7EBD1; background-image:url(img/tile.jpg); background-repeat:repeat;}
#wrapper { 
	margin: 0 auto; 
	width: 1000px; }

#main_content {
	background-image: url(img/greentop.png); 
	background-position: 0 -227px;
	float: left; 
	width: 100%;  
	}

/* CONTENT AREA */
#container, #container_wide { 
	background-color: #e4e5e7; 
	float: left; 
	width: 735px; 
	margin: 0 10px; 
	padding: 0 10px 10px 10px;
	border: 10px solid #ffffff; 
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px; 
}
#container_wide { 
	width: 960px; 
	margin: 0 0 0 15px; 
	padding: 5px 5px 0 7px; 
}
.maincontent {
	background: #ffffff url(img/greentop.png) 0 -548px scroll no-repeat; 
	float: left; 
	width: 100%; 
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	-o-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	position:relative;}
.eavatar { background-image:url(img/avatar.png); height:184px; width:268px; position:absolute; right:6px;
top:-125px;}
article {
	padding: 5px;
}

/* SIDEBAR */
aside {width: 180px; float: left; margin: 0 5px 50px 20px;}
li.outer, aside > ul > li {
	background-color: #78B2B6; 
	border: 5px solid #fff; 
	margin-bottom: 1em;
	padding: 5px;
}
 
aside li.pagenav, aside li.pagenav li  {
	background-color: #007982;
	position:relative;
	z-index:10; 
}
aside li li  {
	background-color: #78B2B6; 
}
aside h2 {font-size: 116%;font-variant: small-caps; color:#FFFFFF; border-bottom:1px dotted; padding-bottom:2px; margin-bottom:2px;}
aside a {color: #ffffff; padding-left:5px;}
aside a:hover {color: rgba(255,255,255,0.3); filter: alpha(opacity = 50);
} 
.pagenav li li {border-top:1px dotted rgba(255,255,255,0.4); padding: 2px 0 2px 5px;}
.pagenav .page_item {position:absolute; left: -9999px;}
.pagenav .current_page_item, 
.pagenav .current_page_parent,
.pagenav .current_page_parent .page_item,
.pagenav .current_page_item .page_item {position:static;}

.pagenav .current_page_item .page_item {padding: 5px;}

h1, h2, h3, h5 {color: #78B2B6;}
h2 {font-weight: bold; font-size:131%; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
h3 {font-weight: bold; font-size:116%; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); margin: 2em 0 1em;}
.entry section h3 {background-color: white;
border-top: 1px solid #4C7C7F;
border-bottom: 1px solid #4C7C7F;
color: #4C7C7F;
font-size: 136%;
font-weight: bold;
margin: 2em 0px 1em;
padding-left: 4px;
text-shadow: rgba(0, 0, 0, 0.597656) 1px 1px 0px;
text-transform: uppercase;
}
h4 {margin-bottom: 0; font-size:116%; font-weight: bold; margin-top:1em;}
article h2, article p, article u {margin: 1em 0;}
article h4 code {font-weight: normal;}

/* HEADER */
hgroup  {float: right; width: 650px;
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg) }
hgroup h1{ letter-spacing: 5px; font-family:bauhaus, "bauhaus 93",  battlelines, "lucida grande", sans serif; }
hgroup h1 a {color: #ffffff; text-shadow: 4px 4px 4px rgba(0,0,0, 0.4); font-size:60px;}
hgroup h2 {color:#ffffff; text-transform:uppercase; text-shadow: 1px 1px 1px rgba(0,0,0, 0.3); font-size:116%; line-height:1.5; margin-bottom:1em; padding-left:20px;position:relative; top:-15px;}
header {position:relative;}
header nav ul{padding-left: 123px;}
header nav li {float: left; position:relative; min-width:80px;}
header nav li a {color: #ffffff; display:block; padding: 3px 10px; text-transform:uppercase;}
header nav li ul {position: absolute;left: -50px; padding-left:0;}
header nav li:hover ul {left: 0; background-color:#FFFFFF; z-index:1000;}
header nav li ul a {color: #78B2B6; text-transform:none;}
header nav li ul li a:hover {background-color: #78B2B6;color: #ffffff; text-transform:none;}
header nav li li {float: none; border-top:1px dotted #78B2B6; width: 150px;}
header nav li ul li:first-of-type { border-top:none;}
header nav {clear: both; display:block;}

#search {width:200px; height:92px; background-image:url(img/search.png); float: left; position:relative; top: 35px; left: 20px;}
#search h2 { color: #fff; margin:10px 0 0 40px;}
#search input {margin: 5px 0 0 10px; width:110px;}

/* FOOTER */
footer { width: 100%; float: left; clear: both;  text-align: center; padding: 40px 0;}
aside footer, aside address {float: none; padding:0; display:inline;}


td {background-color: #ffffff; position:relative; border:1px solid #e4e5e7; text-align:center; vertical-align: middle; padding:2px}
th {background-color:#999999; border:1px solid #e4e5ef; padding:2px; max-width: 130px;}
.cssproperty	td[title]:hover:after {
		content:attr(title);
		position:absolute;
		background-color:#CCCCCC;
		border:1px solid #999;
		padding:5px;
		display:block;
		width:50px;
		top: 0;
		left:0;
		}
th.property {text-align:left;}
th.value {padding-left: 10px; text-align:left;}
.cssproperty code {background-color:transparent;}
.cssproperty th.property {border: 1px solid #aaa; border-width: 1px 0; background-color: #bbb; text-align:left;}

table {border-collapse:separate; width: 100%; margin-bottom:1em;}
.bad, .noncompliant{background-color:#A84142;}
.iffy{background-color:#F0EF74}
.almost{background-color:#78B2B6}
.good, .compliant {background-color:#007982}
.aural {background-color:#B8CBD8;}
.print {background-color:#DBE5BC;}
.css3selectors {margin-bottom: 1em;}
tbody td, tr {border:1px solid #e4e5e7; }


pre, textarea{padding: 5px; margin: 1em 0; -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #d4d5d7;}
pre, code {font-family:"Courier New", Courier, monospace; line-height: 1.5;}
textarea:focus {background-color: #efefef;}
textarea {width: 95%;}
.entry ol, .entry li {padding-left:20px; margin-left: 20px;}
.post {margin-bottom:3em;}
.get_posts_class .post_title {display: block; font-weight:bold;}
.comments-template {padding: 5px; text-align:left}
.comments-template li {list-style-type:none;}

dt {margin-top: 1em; font-weight: bold;}
dd {margin-bottom: 1em; padding-left:20px;}
.col2 {
-moz-column-count:2; 
-webkit-column-count:2; 
-kxhtml-column-count:2; 
-o-column-count:2; 
column-count:2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
-o-column-gap: 2em;
column-gap: 2em;
margin: 1em;
}
/* BORDERS AND RADII */
li.outer, aside > ul > li, textarea{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
header nav li:hover ul, li.outer, aside > ul > li {
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

textarea, #search input { 

}

.comments-template {
	-moz-box-shadow: 0 -3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 -3px 3px rgba(0,0,0,0.3);
	box-shadow: 0 -3px 3px rgba(0,0,0,0.3);
}

/* article specific shit */
.sprite {
background-image:url(http://www.evotech.net/articles/images/sprite.gif);
background-repeat:no-repeat;
height:20px;
overflow:hidden;
width:20px;
}
#contactinfo {
	background: #e4e5e7;
	padding:10px;
	z-index:1;
	text-align:center;
	border:10px solid #fff;
}
#contactinfo:nth-of-type(n) {
	border-radius: 25px;
	width: 200px;
	position: absolute;
	left:-25px;
	top:-144px;
	-moz-transform: rotate(-13deg);
	-webkit-transform: rotate(-13deg);
	-o-transform: rotate(-13deg);
	transform: rotate(-13deg);
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	
	}
a.fn span {color:#007982; font-size:116%; font-weight: bold;}
a.fn {display: block; text-indent: -5px;}
aside .pagenav blockquote p {color: #fff;font-style:italic;
line-height:1.2;}

/* HSL Color Picker */
#hslah i {
display: inline-block;
width: 1px;
height: 20px;
position: static;
-webkit-animation: none;
-moz-animation: none;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#hslas, #hslal, #hslaa, #hslah {
width: 361px;
height: 20px;
display: inline-block;
}