/*
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";



body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin:0px;	padding:0px;	color: #111;	background:#ececec url(style/images/bgbg.gif) repeat;	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: #0099d5; }
a:hover { text-decoration: none; color: #285566; }
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;}

.grid_10h {}


.rule {height:1px; background:#ccc; border-bottom:1px solid #fff; margin:20px 0;}


.adlink p {font-size:1.2em;}

.main, .post, .indexlist, .footer, .nextprev {font-size:1.24em; line-height:1.42em;}

.tk-bello-pro {}
h1.tk-bello-pro {font-size:4em;}

.testdiv h1 {font-size:600%;}
.video {width:720px; margin:100px auto;}

.aboutbg {background:url(style/images/aboutbg.png) no-repeat left top; height:600px;}
.youarehere {margin:65px 0 0 255px;}
.youarehere h4 {margin:0 0 4px 0; font-size:1.3em; color:#333;}
.youarehere h6 {margin:0 0 0 0; font-size:1.1em; color:#0099d5;}

.contactbg {background:url(style/images/contactbg.png) no-repeat left top; height:600px;}
.contactform input {height:30px; padding:5px 10px 0 10px; background:none; border-bottom:1px solid #999; border-top:none; border-left:none; border-right:none; color:#292929; font-size:110%;}
.contactform textarea {border:1px dashed #999; background:none; padding:10px;}
.contactform label {margin:5px 0 15px 0; color:#333;}

.header {height:140px; background:url(style/images/headerbg.png) no-repeat top right;}

.logo {margin:20px 0 0 0;}


.indexlist {margin:30px 0;}
.indexlist h2 {}


.homelist {border-bottom:1px solid #FFFFFF;border-top:1px solid #CCCCCC; background:#e7e7e7; }
.homelist img {margin:10px;}



.nextprev {margin:20px 0;}

.copyright {padding:8px 0; color:#666;}


.servicesbg {height:600px; background:url(style/images/servicesbg.png) no-repeat top left;}
.services {margin:0 20px 0 20px;}
.services h3 {color:#333; line-height:1.1em; margin:10px 0 20px 0; text-shadow: 0 2px 1px #fff; height:40px;}
.services ul {}
.services ul li {padding:4px 0 8px 5px; margin:0 0 5px 0; border-bottom:1px dashed #b6dcea;}



.post {margin:0; padding:0;}
.post p, .indexlist p {margin:10px 0;}
.post h1, .post h2, .post h3, .post h4, .post h5 {margin:5px 0;}
.post h1 {}
.post h2, .indexlist h2 {color:#333; line-height:1.1em; margin:10px 0 20px 0; text-shadow: 0 2px 1px #fff;}
.post h2 a, .post h2 a:hover, .indexlist h2 a, .indexlist h2 a:hover {text-decoration:none;}
.post h3 {margin:15px 0; color:#111;}
.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;}
.post ol {margin:10px 20px;}
.post ol li {display:list-item; margin:4px 0; list-style:decimal;}

.postmeta {padding:5px 5px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; font-size:90%;}
.postmeta a, .postmeta a:hover {text-decoration:none; padding:2px 4px; background:#dedede;text-shadow: 0 1px 1px #fff; border:1px solid #d5d5d5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.postmeta a {color:#333;}
.postmeta a:hover {color:#fff; background:#292929; text-shadow:0 1px 1px #000;}
.postmeta p {margin:5px 0; padding:0;}


.socialmenu {float:right; margin:2px 5px 0 0;}
.socialmenu a, .socialmenu a:hover {text-decoration:none;}
.socialmenu img {margin-left:5px;}


/* NAVIGATION STUFF */

.mainnav {font-size:1.2em; width:575px; margin:54px 0 0 25px; padding:0; float:left; }
.subnav {}
.footernav {width:960px; height:40px; font-size:1.2em; margin:25px 0; padding:0;}


/* LEVEL ONE MAIN NAVIGATION */
ul.mainmenu {    z-index:102; position: relative;	top:0px; left:0px; float:left;}
ul.mainmenu li {    font-weight: bold;    float: left;    zoom: 1;     margin:0 5px 0 0; text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul.mainmenu a:hover {    color: #111;   }
ul.mainmenu a:active {    color: #111; }
ul.mainmenu li a, ul.mainmenu a:hover, ul.mainmenu a:active {text-decoration:none;}
ul.mainmenu li a {    display: block;    padding:8px 10px 10px 10px;    color: #657881;    text-shadow: 0 2px 1px #fff;}
ul.mainmenu li:last-child a {    border-right: none;} 
/* Doesn't work in IE */
ul.mainmenu li.hover, ul.mainmenu li:hover {   position: relative;    color:#fff;}
ul.mainmenu li.hover a {    color: #fff;    font-weight:bold;}
/* LEVEL TWO */
ul.mainmenu ul {    width: 220px;    visibility: hidden;    position: absolute;    top: 100%;    left: 0;}
ul.mainmenu ul li {    font-weight: normal;    color: #111;   float: none; z-index:300; border:none; }
/* IE 6 & 7 Needs Inline Block */
ul.mainmenu ul li a {    border-right: none;    width: 100%;    display: inline-block;  padding:8px 10px 10px 10px; background:url(style/images/mainmenu2.png) repeat center top;}
ul.mainmenu ul li a:hover {    color:#ccc;}

/* LEVEL THREE */
ul.mainmenu ul ul {    left: 100%;    top: 0;}
ul.mainmenu li:hover > ul {    visibility: visible;}



/* SUBNAVIGATION STUFF */
ul.submenu {    z-index:102; position: relative;	top:0px; left:10px;}
ul.submenu li {    font-weight: bold;    float: left;    zoom: 1;     margin:0 5px 0 0; text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul.submenu a:hover {    color: #e7c192;  background:transparent url(style/images/mainmenu1.png) repeat center top;  }
ul.submenu a:active {    color: #e7c192;}
ul.submenu li a, ul.submenu a:hover, ul.submenu a:active {text-decoration:none;}
ul.submenu li a {    display: block;    padding:8px 10px 10px 10px;    color: #fff;    text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul.submenu li:last-child a {    border-right: none;} 
/* Doesn't work in IE */
ul.submenu li.hover, ul.submenu li:hover {   position: relative;    color:#fff;}
ul.submenu li.hover a {    color: #fff;    font-weight:bold;}
/* LEVEL TWO */
ul.submenu ul {    width: 220px;    visibility: hidden;    position: absolute;    top: 100%;    left: 0;}
ul.submenu ul li {    font-weight: normal;    color: #111;   float: none; z-index:300; border:none;}
/* IE 6 & 7 Needs Inline Block */
ul.submenu ul li a {    border-right: none;    width: 100%;    display: inline-block;  padding:8px 10px 10px 10px; background:url(style/images/mainmenu1.png) repeat center top;}
ul.submenu ul li a:hover {color:#ccc;}
/* LEVEL THREE */
ul.submenu ul ul {    left: 100%;    top: 0;}
ul.submenu li:hover > ul {    visibility: visible;}



ul.footermenu {    z-index:102; position: relative;	top:0px; left:0px; float:left;}
ul.footermenu li {    font-weight: bold;    float: left;    zoom: 1;     margin:0 5px 0 0; text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul.footermenu a:hover {    color: #111;   }
ul.footermenu a:active {    color: #111; }
ul.footermenu li a, ul.footermenu a:hover, ul.footermenu a:active {text-decoration:none;}
ul.footermenu li a {    display: block;    padding:8px 10px 10px 10px;    color: #657881;    text-shadow: 0 2px 1px #fff;}
ul.footermenu li:last-child a {    border-right: none;} 
/* Doesn't work in IE */
ul.footermenu li.hover, ul.footermenu li:hover {   position: relative;    color:#fff;}
ul.footermenu li.hover a {    color: #fff;    font-weight:bold;}






.commlist {margin:40px 0 0 20px; font-size:1.1em;}

.comment-body {padding:0;}

#comment {width:100%;}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li {  margin:0 0 10px; padding:5px 7px 25px 64px; border-bottom:1px dotted #ccc; position:relative; list-style-type:none;}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold;font-size:.9em;}
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size:.84em; }
ol.commentlist li div.vcard cite.fn a.url { color:#0093ce; 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:.8em;  position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#0093ce; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px;   margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px;   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 { border:1px solid #0093ce; }
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 {  margin:0 0 10px; padding:15px 7px 25px 64px; border-bottom:1px dotted #ccc; position:relative; list-style-type:none;}
ol.usercommentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.usercommentlist li div.vcard { font-weight:bold;font-size:.9em;}
ol.usercommentlist li div.vcard cite.fn { font-style:normal; font-size:.84em; }
ol.usercommentlist li div.vcard cite.fn a.url { color:#0093ce; 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:.8em;  position:absolute; right:10px; text-align:right; top:5px; }
ol.usercommentlist li div.comment-meta a { color:#0093ce; text-decoration:none; }
ol.usercommentlist li p { font-weight:normal; font-size: 12px;   margin:5px 0 12px; }
ol.usercommentlist li ul { font-weight:normal; font-size: 12px;   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 { border:1px solid #0093ce; }
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; }


#commentform input {height:30px; padding:5px 10px 0 10px; background:none; border-bottom:1px solid #999; border-top:none; border-left:none; border-right:none; color:#292929; font-size:110%;}
#commentform textarea {border:1px dashed #999; background:none; padding:10px;}
#commentform label {float:left;font-size:0.9em;margin:20px 10px 0 5px;}

.says {color:#999; font-size:90%; font-weight:normal;}

.page-id-278 {background:#000;}







.wpwp {font-size:1.1em;}

.wp_widget a, .wp_widget a:hover {text-decoration:none;}
.wp_widget a {color:#111;}
.wp_widget a:hover {color:#0099d5;}
.wpwidget-title {font-size:1.4em;font-weight:bolder;height:20px;margin:0 0 5px;text-shadow:0 2px 1px #FFFFFF;text-transform:uppercase;}
.wp_widget li {border-bottom:1px solid #EEEEEE;font-size:1.01em;letter-spacing:-0.08pt;height:14px;line-height:2em;overflow:hidden;padding:2px 5px 8px 27px;}
.wpwidget-title a {color:#0099d5; border-bottom:1px solid #fff; }
.wpwidget-title img {margin-right:7px;}


.myform input {height:30px; padding:5px 10px 0 10px; background:#fefefe; border-bottom:1px solid #999; border-top:1px solid #ccc; border-left:none; border-right:none; color:#292929; font-size:110%;}
.myform textarea {border:1px dashed #999;  background:#f2f4f5; padding:10px;}
.myform label {margin:5px 0 15px 0; color:#333;}

.myformrule {height:1px; background:#ccc; border-top:1px solid #fff;}

.gform_wrapper .gsection  {margin:30px 0 5px 0;}

.gfield {margin:15px 0 5px 0;}

#gform_submit_button_1 {background:none; border:none;}