/*
Theme Name: Design Instruct - Custom
Description: Design Instruct. Copyright. All Rights Reserved.
Author: Jacob Gube
Version: 3.0
*/

* { margin:0; padding:0; border:none; }
html, body { height:100%; }
body { color:#363636; font:normal 16px/27px "Open Sans", sans-serif; background:#fff url(images/bg-diagonal.png) repeat-x 0 0; }
p, table { margin:5px 0 15px 0; }
code { font:normal 12px/20px "Courier New", Courier, monospace; }
a { color:#c04019; text-decoration:none; }
a:hover, a:focus { color:#d54a20; text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { font-family:"Open Sans", sans-serif; }
h1 { font-weight:800; font-size:32px; line-height:38px; }
h2 { font-weight:bold; font-size:24px; line-height:34px; }
h3 { font-weight:bold; font-size:18px; line-height:28px; }
h4 { font-weight:bold; font-size:16px; line-height:26px; }
ul, ol { margin:5px auto 15px 30px; }
blockquote { font-style:italic; background:#f4f3f3 url(images/bg-diagonal-5.png) repeat-y top left; padding:5px 5px 5px 10px; margin-left:20px; }
iframe { border:none; border:0px solid #ffffff; }
.post-content table { width:610px; border-collapse:collapse; padding:4px; border:1px solid #ccc; -moz-box-shadow:#ccc 2px 2px 3px; -webkit-box-shadow:#ccc 1px 1px 2px; }
table thead tr td { background-color:#c04019; color:#fff; text-align:left; font-weight:bold; }
table td { padding:5px 5px 10px 5px; background:url(images/bg-diagonal-5.png) repeat-x bottom left; vertical-align:top; }
pre { margin:5px 0 15px 0; padding:5px; border:1px solid #ccc; -moz-box-shadow:#ccc 2px 2px 3px; -webkit-box-shadow:#ccc 1px 1px 2px; background:#fff url(images/bg-diagonal-5.png) repeat-x bottom left; font:normal 12px/20px "Courier New", Courier, monospace; display:block; width:100%; overflow:auto; }
pre .highlighted-code { color:#741e03; }

.deemphasize { color:#7e7e7e; }

.special-call-out { margin:5px 0 15px 0; padding:5px; border:1px solid #ccc; -moz-box-shadow:#ccc 2px 2px 3px; -webkit-box-shadow:#ccc 1px 1px 2px; background:#fff url(images/bg-diagonal-5.png) repeat-x bottom left; display:block; width:100%; overflow:auto; margin:30px 0; }

#wrap { width:990px; margin:0 auto; }

#container { width:980px; margin:0 auto; }

#masthead { width:100%; height:70px; }
#masthead span { display:block; float:left; width:230px; height:60px; background:url(images/bg-sprite-png.png) no-repeat 0 -60px; text-indent:-9999px; }
#masthead span a { display:block; width:100%; height:100%; background:url(images/bg-sprite-png.png) no-repeat 0 0; }
#masthead span a:hover, #masthead h1 a:focus { background:none; overflow:hidden; }

#masthead ul { display: block; height: 60px; margin: 0;  }
#masthead ul li { list-style:none; display:block; float:left; width:100px; height:60px; line-height:60px; text-align: center; background-color: transparent; }
#masthead ul li a { display:block; width:100%; height:60px; color:#fff; }
#masthead ul li a:hover, #masthead ul li a:focus { background:none; overflow:hidden; }

#main { width:640px; float:left;  height:100%; }

.post { background:url(images/bg-diagonal-5.png) repeat-x bottom left; padding-top:20px; }

.post .thumbnail { width: 220px; height: 200px; float: right; border: 1px solid #d7d7d7; margin-top:28px;  }
.post .thumbnail img { margin:5px; }

.post .post-intro { width:387px; float:left; }

.post h1 { font-weight:700;  }
.post h1 a { color:#363636; font-style:bold;  }
.post h1 a:visited { color:#737272; font-style:bold;  }

 .post-meta { display:block; width:100%; font-style:normal; font-size: 16px; color: #7e7e7e; margin-top: 20px; margin-bottom: 20px; }
 .post-meta span { display:block; }
 .post-meta .post-date { width:150px; float:left; }
 .post-meta .post-commentlink { width:130px; float:right; text-align:right; }
 .post-meta .post-commentlink a, .post-meta .post-author a, .post-meta .post-commentlink a:visited, .post-meta .post-author a:visited { color: #7e7e7e;  }
 .post-meta .post-commentlink a:hover, .post-meta .post-author a:hover { text-decoration:underline;  }
 .post-meta .post-author { clear:both; }

.post .read-post { clear:both; display:block; width:100%; height:30px; line-height:30px; padding-bottom:10px; } 
.post .read-post span { display:block; width:120px; height:22px; line-height:22px; text-align:center; float:left; background:url(images/bg-sprite-png.png) -120px -355px;  }
.post .read-post span a { display:block; width:100%; height:100%; color:#fff; text-transform:uppercase; font-size:10px; background:url(images/bg-sprite-png.png) 0 -355px; }
.post .read-post span a:hover { background:none; }
.post .read-post span a:active { color: #c2c2c2; }

.post-button a { color:#fff; background-color:#c04019; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; border: 1px solid #892404; }
.post-button a:hover { background-color:#d54a20; }

.download a:active { color: #c2c2c2; }

.post .post-content { clear:both; padding:0 0 15px 0; }
 .post-content ul { list-style: square; }
 .post-content h2 {margin-top:30px; }
 .post-content p img, .post-content p iframe { display:block; padding:4px; border:1px solid #ccc; -moz-box-shadow:#ccc 2px 2px 3px; -webkit-box-shadow:#ccc 1px 1px 2px; }
 .author-details { clear:both; float:left; width:100%; }
 .author-details h2 { display:block; float:left; width:100%; margin-top:15px; margin-bottom:15px; }
	.author-photo { width:100px; height:100px; float:left; background:url(images/bg-sprite-png.png) no-repeat -230px -120px; }
	.author-photo img { margin:10px 0 0 10px; }
	.author-bio { width:520px; float:right; }

#post-actions { clear:both; float:left; width:100%; margin:15px 0 20px 0; padding:15px 0 20px 0;  }
.post-actions-first-col { float:left; margin-right:15px; width:350px; }
.post-actions-second-col { float:left; width:200px; }
#bookmarking-links { display:block; margin:0; list-style:none; }
#bookmarking-links li { display:block; height:20px; line-height:20px; margin-top:5px; padding-left:20px; background:url(images/bg-sprite-png.png) no-repeat top left; }

.post-sponsored-by { width:640px; clear:both; float:left; margin-top:30px; margin-bottom:30px; }
.post-sponsored-by-logo { float:left; }
.post-sponsored-by-logo img { padding:4px; border:1px solid #ccc; -moz-box-shadow:#ccc 2px 2px 3px; -webkit-box-shadow:#ccc 1px 1px 2px; }
.post-sponsored-by-text { width:450px; float:left; margin-left:10px; }
.post-sponsored-by-text h2 { font:bold 14px/20px Arial, sans-serif; margin-top:0px; }

.figure-caption { letter-spacing:1px; color:#7e7e7e; margin-left:5px; display:block; }

.table-content-center thead tr { text-align:left; }
.table-content-center tr, .table-content-center tr img p, .table-content-center tr img { margin:0 auto; text-align:center;}

#bookmarking-links #digg-bookmarking {background-position:-230px -280px; }
#bookmarking-links #twitter-bookmarking { background-position:-250px -280px; }
#bookmarking-links #facebook-bookmarking { background-position:-270px -280px; }
#bookmarking-links #stumbleupon-bookmarking { background-position:-290px -280px; }
#bookmarking-links #delicious-bookmarking { background-position:-310px -280px; }
#bookmarking-links li a { display:block; background-color:#fff; padding-left:5px; }

#comments { clear:both; }
#number-comments { display:block; width:100%; float:left; margin:25px 0 25px 0; }

.comment { width:100%; float:left; clear:both; border-top:1px solid #ccc; }
 .comment-author { font-size:14px; margin-top:20px; float:left; }
 .comment-author p { margin:0; overflow:hidden; font-weight:bold; }

 p.comment-gravatar, p.comment-gravatar-admin { display:block; float:left; margin-right:8px; }
 p.comment-gravatar img { border:1px solid #d7d7d7; padding:2px;  }

 p.comment-gravatar-admin img { border:1px solid #D54A20; padding:2px;  }
 
 p.comment-gravatar .avatar, p.comment-gravatar-admin .avatar {  }
 
 div.comment-author-credentials { float:left; }

 p.comment-author-name { font-size:14px; line-height:18px;  }
 p.comment-post-time a { font-size:12px; line-height:18px; color:#b2b2b2; }
 p.comment-post-time a:hover { }
 .the-comment { margin-top:15px; width:63%; float:right;  }
 div.reply { clear:both; width:100%; float:left; text-align:center; text-transform:uppercase; height:40px; line-height:40px; font-size:11px; }
 a.comment-reply-link { float:right; display:block; width:120px; height:22px; line-height:22px; background:url(images/bg-sprite-png.png) no-repeat 0 -355px; color:#fff;  }
 a:hover.comment-reply-link, a:focus.comment-reply-link { background:url(images/bg-sprite-png.png) no-repeat -120px -355px; }
ul.children { margin-left:60px; padding:0; }
p.author-is-author { font:bold 11px Arial, Helvetica, sans-serif; color:#999999; margin-bottom:15px; }

#respond { float:left; margin-top:20px; background:url(images/bg-diagonal-5.png) repeat-x top left; width:100%; }
#commentform { margin-top:15px; }
#commentform label { font-size:11px; text-shadow:#c2c2c2 1px 1px 2px;; text-transform:uppercase; letter-spacing:0.1em; }
#commentform input, #commentform textarea { padding:2px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:#ccc 1px 1px 2px; -webkit-box-shadow: #ccc 1px 1px 2px; }
#commentform input:focus, #commentform textarea:focus { border-color:#363636; -moz-box-shadow:#ccc 3px 3px 6px; -webkit-box-shadow:#ccc 3px 3px 6px; }
#commentform input#author, #commentform input#email, #commentform input#url  { display:block; height:30px; font-size:24px; line-height:26px; color:#999; border:1px solid #ccc; }
#commentform input#comment-reply-checkbox { display:inline; height:auto; margin-right:10px; line-height:normal; border:none; }
#commentform textarea { border:1px solid #ccc; width:100%; }
#commentform #submit { border:none; cursor:pointer; background-color:#363636; width:120px; height:30px; line-height:30px; font-size:11px; color:#fff; }
input#comment_post_ID, input#comment_parent, input#_wp_unfiltered_html_comment  { display:none; border:none; }

#aside { width:310px; float:right; height:100%; margin:0 auto; }
#aside ul, #footer ul { margin:0; }
#aside h2 { clear:both; display:block; margin-top:29px; font-size:18px; }
#aside li { list-style:none; margin-bottom: 20px; }

#aside .widget { clear:both; width:100%; float:left; }

div.two-columns .left-col { width:125px; float:left; margin-right:30px; }

#aside #searchform { display:block; margin-top:30px; }
#searchbox { float:left; display:block; width:196px; height:23px; margin:0; line-height:23px; background:url(images/bg-sprite-png.png) no-repeat 0 -332px; }
#searchbox input { width:190px; height:23px; margin-left:2px; font-size:12px; color:#999; background:transparent; }
#searchsubmit { float:right; display:block; width:66px; height:23px; margin:0; line-height:23px; background:url(images/bg-sprite-png.png) no-repeat -204px -332px; 
text-align:center; cursor:pointer; }

#searchsubmit input { background:transparent; color:#fff; text-indent:-9999px; display:block; width:100%; height:100%; cursor:pointer; }

#footer { clear:both; width:100%;  float:left; background:#363636 url(images/bg-diagonal-5.png) repeat-x 0 -3px; margin:0 auto; margin-top:15px; }
#footer h2 { font-size:17px; text-shadow:#000 1px 1px 2px; color:#999; }
#footer a { font-size:14px; color:#fff; text-shadow:#000 1px 1px 3px; }
#footer a:hover { font-size:14px; color:#fff; text-shadow:#000 1px 1px 3px; }
#footer p { color:#ccc; font-size:14px; text-shadow:#000 1px 1px 3px; }
#footer ul { list-style:none; }

#foot-wrap { width:980px; margin:0 auto; margin-top:20px; margin-bottom:0; padding-bottom:0; }
#foot-wrap .col { width:200px; float:left; margin-right:30px; margin-bottom:20px; }

ul#share-post { margin:5px 0 0 0; padding:10px 0 0 0; display:block; width:100%; height:37px; float:left; list-style:none; background:url(images/bg-diagonal-5.png) repeat-x left top; }
ul#share-post li { margin:0 5px 0 0; height:25px; line-height:25px; display:block; padding:0; float:left; width:100px; }
ul#share-post li.fbook { position:relative; }

ul#share-post-top { margin:0; margin-bottom:30px; padding:0; display:block; width:100%; float:left; list-style:none;  clear:both; }
ul#share-post-top li { margin:0 5px 0 0; height:25px; line-height:25px; display:block; padding:0; float:left; width:100px; }

ul.share-post-front-page { margin:0; margin-top:28px; padding:0; display:block; width:100%; float:left; list-style:none;  clear:both; }
ul.share-post-front-page li { margin:0 5px 0 0; height:25px; line-height:25px; display:block; list-style:none; padding:0; float:left; width:100px; }

.bsa-top-unit { margin-top:37px; }
.bsa-widget { margin-top:15px; }