/*
Theme Name: Blankworks
Theme URI: http://joehowarddesign.com
Description: Striped clean Wordpress theme
Version: 2.9
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: clean, framework, 960.gs
*/

@import "style/css/reset.css";
@import "style/css/960.css";
@import "style/css/text.css";



body{ font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin:0px;	padding:0px;	color: #111;	background:#dfd2b9 url(style/images/bgbg.jpg) repeat-x center top;	text-align:left; }
h1, h2, h3, h4, h5 {	font-family:Arial, Helvetica, sans-serif; font-weight:lighter; color:#181818;}
h1 { font-size: 2em;	}
h2 { font-size: 1.8em;	}
h3 { font-size: 1.6em;}
h4 { font-size: 1.4em;}
h5 { font-size: 1.3em;}
p {margin:0;	}
ul {list-style-type:none;	margin:0;	padding:0;}
li {margin:0px;	list-style-type:none;	padding:0px;}
hr {color:#e7e7e7;	border:1px solid #e7e7e7;}
a img { border: none;}
a { color: #a20000; }
a:hover { text-decoration: none; color: #666; }
strong {font-weight:bolder;}
em {font-style:italic;}

.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}

.imgrt {float:right; margin:10px; border:1px solid #111;}
.imglft {float:left; margin:10px; border:1px solid #111;}

.left {float:left;}
.right {float:right;}

.alignleft {float:left; margin:0 10px 10px 0;}
.alignright {float:right; margin:0 0 10px 10px;}

.button { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #28597a; background: #28597a; color: #ccc; } .button:active { border-top-color: #1b435e; background: #1b435e; }

.post {margin:0; padding:10px;}
.post h1, .post h2, .post h3, .post h4, .post h5 {margin:5px 0;}
.post h1 {}
.post h2 {color:#111;}
.post h3 {margin:15px 0; color:#111; font-weight:bolder; letter-spacing:-.2pt; border-bottom:1px solid #dfd2b9; padding:10px 0 3px 0; clear:both;}
.post h4 {color:#111;}
.post h5 {color:#111;}
.post ul {margin:10px 20px;}
.post ul li {display:list-item; margin:4px 0; list-style:disc; font-family:Arial, Helvetica, sans-serif;}
.post ol {margin:10px 20px;}
.post ol li {display:list-item; margin:4px 0; list-style:decimal;font-family:Arial, Helvetica, sans-serif;}


/*top */
#topbg {height:30px; background:#a20000; margin:0 0 20px 0;}
#topnav {width:960px; margin:0 auto; padding:8px 0 0 0;}
#topnav p {float:left; color:#ccc; text-align:left;}
#topnav img {float:left; margin:0 3px;}
#contact h3 {float:right; margin:0 0 0 20px; font-size:1.644em; color:#fff; font-weight:bolder;}
#contact p {float:left; font-size:1.22em; color:#fff;}
#contact a, #contact a:hover {text-decoration:none; }
#contact a {color:#fff; border-bottom:1px solid #eee;}
#contact a:hover {color:#999; border-bottom:1px solid #fff;}


.header {margin:20px auto 10px autov; background:#a20000 url(style/images/headerbg.jpg) no-repeat center top; -moz-border-radius: 5px;    -webkit-border-radius: 5px;      }
.logo {float:left; margin:20px 0 10px 20px}
.login {float:right; margin:10px 10px 0 0;}
	.login img {float:right; margin:20px;}
	.login h5 {color:#ccc; margin:20px;}
.description {float:left; margin:0px 0 10px 20px;}
	.description p {font-size:1.3em; font-style:italic; color:#dfd2b9;text-shadow: 0 2px 1px rgba(0,0,0,0.4);}

/* navigation */

.navbar {margin:10px 0 20px 0; padding:10px 0;  background:#a20000 url(style/images/navbg.jpg) repeat-x left top; -moz-border-radius: 5px;    -webkit-border-radius: 5px;   }


/*
 LEVEL ONE
 */
ul.dropdown {    z-index:102; position: relative;	top:0px; left:0px; width:940px; font-size:1.34em; }
ul.dropdown li {    font-weight: bold;    float: left;    zoom: 1;    background: #a20000 url(style/images/overlay2.png) repeat-x top left;   border:1px solid #640909; -moz-border-radius: 5px;    -webkit-border-radius: 5px;       margin:0px 6px 0px 1px;    text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul.dropdown a:hover {    color: #fff;}
ul.dropdown a:active {    color: #ccc;}
ul.dropdown li a, ul.dropdown a:hover, ul.dropdown a:active {text-decoration:none;}
ul.dropdown li a {    display: block;    padding: 4px 8px;    color: #fff;    text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul.dropdown li:last-child a {    border-right: none;} 
/* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {    background: #0070C0;    color: black;    position: relative;    color:#fff;}
ul.dropdown li.hover a {    color: #fff;    font-weight:bold;}
/* LEVEL TWO */
ul.dropdown ul {    width: 220px;    visibility: hidden;    position: absolute;    top: 100%;    left: 0;}
ul.dropdown ul li {    font-weight: normal;    background: #a20000 url(style/images/overlay2.png) repeat-x top left;    color: #fff;    float: none; z-index:300; border:none; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {    border-right: none;    width: 100%;    display: inline-block; padding:6px 8px;}
/* LEVEL THREE */
ul.dropdown ul ul {    left: 100%;    top: 0;}
ul.dropdown li:hover > ul {    visibility: visible;}






/* content */
.content {background:#fff; font-size:1.24em; width:960px; margin:0 auto;}
.content p {margin:10px 0;}










.footer {margin:20px 0 40px 0; color:#111;}





.widget {width:200px; overflow:hidden; margin:10px 0;}
.widget {background:#fff;-webkit-border-radius: 5px;		-moz-border-radius: 5px;	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); border:1px solid #ccc; padding:10px;}
h3.widget-title {font-size:1.32em; width:235px; padding:2px 5px; font-weight:bolder; color:#fff;background:#a20000 url(style/images/carbon_orange.gif);-webkit-border-radius: 5px;		-moz-border-radius: 5px;	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); border:1px solid #333;}




#comment {width:100%;}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:46px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

ol.usercommentlist { list-style:none; margin:0; padding:0; }
ol.usercommentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.usercommentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.usercommentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.usercommentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.usercommentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.usercommentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.usercommentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.usercommentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.usercommentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.usercommentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.usercommentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.usercommentlist li div.reply { color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:46px; }
ol.usercommentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.usercommentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.usercommentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.usercommentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.usercommentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.usercommentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.usercommentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.usercommentlist ul.children li.odd { background:#fff; }
ol.usercommentlist ul.children li.even { background:#f6f6f6; }
ol.usercommentlist li.pingback div.vcard { padding:0 170px 0 0; }




div#register-form {
	width: 400px;
	overflow: hidden;
	height: 230px;
	position: relative;
	background: #f9f9f9 url(images/secure.png) no-repeat 260px 40px;
	font-family: Helvetica Neue, Helvetica, Arial !important;
}


div#register-form input[type="text"] {
	display: block;
	border: 1px solid #ccc;
	margin: 5px 20px;
	padding: 9px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	width: 200px;
	font-family: Helvetica Neue, Helvetica, Arial !important;
}

div#register-form input[type="text"]:hover {
	border-color: #b1b1b1;
}

div#register-form input[type="text"]:focus {
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}
div#register-form input[type="submit"]#register {
	background: url(images/register.jpg) no-repeat;
	border: 0;
	clear: both;
	cursor: pointer;
	height: 31px;
	overflow: hidden;
	position: relative;
	left:295px;
	text-indent: -9999px;
	top:42px;
	width:92px;
}
div#register-form input[type="submit"]#register:hover {
	background-position: 0 -32px;
}
div#register-form span {
	display: block;
	margin-bottom: 22px;
}

div#register-form div.title {margin-left:15px}
div#register-form div.title h1,
div#register-form div.title span {text-shadow:1px 1px 0px #fff}
div#register-form div.title h1 {
	margin:7px 0;
}

p.statement {
	position:absolute;
	bottom:-2px;
	left:10px;
	font-size:.9em;
	color:#6d6d6d;
	text-shadow:1px 1px 0px #fff;
}