/*
Theme Name: j12media
Theme URI: http://blog.j12media.com/
Description: My personal blog theme.
Version: 2.0
Author: Jacob Schulke
Author URI: http://j12media.com/
Tags: brown, orange, blue, custom header, fixed width, two columns, widgets

*/

@import url("wp-reset.css");
body {
	font-size: 80%; /* Resets 1em to 10px */
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	background:url('images/bg.jpg') repeat;
	background-position:top center;
	color: #333;
	text-align: center;
	padding:0;
	}
p {
padding:0;
margin:0 0 10px 0;
line-height:1.5em;
}
a {
color:#0066FF;
text-decoration:none;
padding:0 1px;
}
a img {
border:none;
text-decoration:none;
display:inline-block;
}
a:hover {
text-decoration:underline;
}
h1 {
color:#fe960f;
font-size:170%;
padding:0 0 15px 0;
}
h2 {
color:#fe960f;
font-size:160%;
padding:0px 0 10px 0;
}
h3 {
color:#fe960f;
font-size:140%;
}

h4, h5, h6 {
color:#fe960f;
font-size:100%;
padding:5px 0 0 0;
}
ul, ol {
padding:5px 0 5px 15px;
}
ol li {
list-style:decimal outside;
}
ol li img {
margin:5px 0;
}
li {
padding:2px;
}
ul li {
padding:0 0 10px 20px;
}

blockquote {
margin:10px 0;
padding:0 40px;
}
table {
margin:10px auto 10px auto;
border:1px solid #fe960f;
border-top:none;
border-left:none;
}

td, th {
padding:5px;
border-left:1px solid #fe960f;
border-top:1px solid #fe960f;
background:#FFFFFF;
}
th {
color:#ececb3;
background:#704e2b;
border-top:none;

}
pre {
width:500px;
padding:10px 30px;
border:1px #ff9500 solid;
background:#fff;
font-size:130%;
margin:10px 0;
line-height:normal;
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}
pre strong {
font-weight:normal;
color:#000000;
border:1px solid #704e2b;
background:#ececb3;
display:inline-block;
padding:2px;
margin:1px 0;
}
#page {
}
#header {
width:960px;
margin:0 auto;
position:relative;
}
#header h3, #header h1  {
padding:0;
margin:23px 0 0 0;
}
#header h3 a, #header h1 a {
background:url(images/logo.jpg) no-repeat;
display:block;
height:91px;
width:92px;
text-indent:-999px;
overflow:hidden;
}
ul.topNav {
position:absolute;
top:23px;
right:0px;
text-align:right;
margin:0;
padding:0;
}
ul.topNav li {
float:left;
padding:0 0 0 8px;
margin:0;
list-style:none;
}
.topNav a, .navigation a, .readMore a, a.resume, a.button  {
padding:6px 16px;
display:inline-block;
text-align:center;
text-transform:lowercase;
font-weight:bold;
border-right:2px solid #9e804b;
border-bottom:2px solid #9e804b;
border-top:2px solid #fff;
border-left:2px solid #fff;
background:#ececb3;
border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px; -khtml-border-radius: 5px;
}
.topNav a:hover,.navigation a:hover, .readMore a:hover, a:hover.resume, a:hover.button {
color:#ff9500;
text-decoration:none;
border-left:1px solid #9e804b;
border-top:1px solid #9e804b;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
background:#ececb3;
padding:7px 17px;
}
.topNav a:active,.navigation a:active, .readMore a:active, a:active.button, li.current_page_item a {
border-left:2px solid #9e804b;
border-top:2px solid #9e804b;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
background:#ddd493;
padding:6px 16px;
}
.navigation .alignleft a {
background:url(images/posts_left_nav.gif) no-repeat top left #ececb3;
}
.navigation .alignright a {
background:url(images/post_right_nav.gif) no-repeat top right #ececb3;
}
.uperGrunge {
/*background:url(images/mid_top_grunge.jpg) no-repeat top center;*/
height:63px;
}
#content {
background:url(images/mid_top_bg.jpg) repeat-x #ececb3;
padding:0px 0 0 0;
}
.postWrapper, .archiveWrapper, .sketchWrapper {
width:960px;
margin:0 auto;
position:relative;
min-height:550px;
}
.sketchWrapper {
height:578px;
}
.archiveWrapper .pagetitle {
padding:20px 0 0 8px;
}
.sketch h1 {
padding:40px 0 0 700px;
}
div.sketchUP {
margin:60px 0 0 0;
}
div.sketchG {
height:180px;
}
.skecthEntry {
background:url(images/sketch_book_bg.jpg) no-repeat;
padding:64px 35px 0px 22px;
position:absolute;
top:-90px;
left:0px;
}
.sketchText {
position:absolute;
top:280px;
right:-315px;
width:300px;
}
.catList {
color:#ff9500;
padding:10px 0 10px 8px;
margin:0;
}
.catList em {
font-style:normal;
color:#333333;
}
.catList a {
font-weight:bold;
font-size:110%;
}
.archiveWrapper .post, .homeWrapper .post {
width:470px;
_width:465px;
border:1px solid #66411a;
float:left;
margin:0 0 10px 8px;
}
.archiveWrapper .entry, .homeWrapper .entry {
background:#e7dc83;
border:1px solid #fff;
padding:33px;
min-height:160px;
max-height:160px;
overflow:hidden;
margin:0;
}
a.thumbLink {
float:right;
background:#ff9500;
border:1px solid #704e2b;
padding:0;
margin:0 0 0 5px;
}
.thumbLink img {
border:1px solid #fff ;
padding:0;
margin:0;
}
a:hover.thumbLink {
border:1px solid #fff;
}
a:hover.thumbLink img {
border:1px solid #704e2b;
}
p.readMore {
clear:both;
margin:0;
padding:0;
}
.post {
margin:0;
}
.postEntry {
margin:-125px 0 -70px 0;
width:620px;
border:1px solid #ff9500;
background:#e7e084;
float:right;
}
.entryPad {
padding:15px;
border:1px solid #fff;
}
.postEntry .entryPad {

}
.postWrapper h1 {
padding:35px 0 0 0;
}

.postTitle em, .postWrapper h1 em, .sketch h1 em {
display:block;
font-style:normal;
color:#ff9500;
font-size:70%;
padding-top:5px;
}
.postWrapper h1 em {
color:#333333;
font-size:60%;
}
.tags {
color:#ff9500;
padding-top:10px;
}
.share {
color:#ff9500;
font-weight:bold;
}
.tags strong {
display:block;
}
.sketchWrapper .tags, .sketchWrapper .share {
padding-left:700px;
}
#sidebar {
float:left;
width:250px;
}
.navigation {
padding:0 0 0 8px;
margin:20px 0 -25px 0;
}
/*.navigation a, .readMore a {
background:url(images/visit_site_button.gif) no-repeat;
height:21px;
width:68px;
display:inline-block;
text-align:center;
padding:6px 0 0 0;
}
.readMore a {
background:url(images/read-more.gif) no-repeat;
width:110px;
padding-top:3px;
height:24px;
}
.navigation a:hover, .readMore a:hover {
background-position:bottom left;
color:#FF9900;
text-decoration:none;
}*/

.lowerContent {
background:url(images/mid_lower_bg.jpg) repeat-x bottom left;
height:40px;
 }
.lowerGrunge {
/*background:url(images/mid_lower_grunge.jpg) no-repeat;*/
height:63px;
}
.commentContainer {
width:960px;
margin:0 auto;
position:relative;
text-align:left;
}
#comments {
margin:-30px 0 0 0;
}
ol.commentlist li {
list-style:none;
}
#respond {
position:absolute;
top:-420px;
left:0;
}
div.sketchComment #respond {
left:707px;
top:-550px;
}
#respond label { 
display:block;
}
#footer {
width:960px;
margin:0 auto;
background:url(images/foot_monkey.jpg) no-repeat bottom left;
padding:0 0 20px 0;
text-align:left;
}
.spacer {
width:200px;
float:left;
}
.myplaces, .copy {
width:365px;
margin:0 0 0 10px;
float:left;
}
.myplaces a, .copy a {
display:block;
padding:5px 0 2px 22px;
border-bottom:1px solid #704e2b;
}
.share a {
display:inline-block;
width:16px;
height:16px;
text-indent:-999px;
overflow:hidden;
margin:0 0 -3px 3px;
padding:0;
}
a.fb { background:url(images/fb.gif) no-repeat;}  
a.digg { background:url(images/dig.gif) no-repeat;} 
a.su { background:url(images/su.gif) no-repeat;}
a.delicious { background:url(images/del.gif) no-repeat;}
a.tweet { background:url(images/twitter.gif) no-repeat;}
a.facebook{ background:url(images/fb.gif) no-repeat 2px 2px;}
a.linkedin { background:url(images/in.gif) no-repeat 2px 2px;}
a.rss { background:url(images/rss.gif) no-repeat 2px 2px;}
a.wp { background:url(images/wp.gif) no-repeat 2px 2px;}
a.mt { background:url(images/mt_logo.png) no-repeat 1px 8px;}
a.mobile { background:url(images/mobile.gif) no-repeat 2px 1px;}
a.resumeFoot { background:url(images/resume.gif) no-repeat 2px 1px;}
a.mail { background:url(images/email.gif) no-repeat 2px 8px;}
a.twitter {
display:block;
background:url(images/twitter-link.png) no-repeat;
height:21px;
width:150px;
text-indent:-999px;
overflow:hidden;
padding:0;
margin-bottom:5px;
border:none;
}
.tweeted {
border:1px solid #fe960f;
border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px;
background:#ececb3;
position:relative;
padding:5px;
margin-bottom:10px;
}
.tweeted a { display:inline; padding:0 1px;
border:none;
}
.twitter-timestamp {
display:block;
text-align:right;
font-size:80%;
position:absolute;
bottom:-15px;
right:5px;
}
input, textarea  {
color:#704e2b;
border:1px solid #fe960f;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
padding:2px;
margin:0;
filter: alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
width:294px;
background:#e7e084;
}
input#submit  {
width:300px;
}
#searchform {
margin-bottom:16px;
}
input:hover, textarea:hover, input:focus, textarea:focus {
border:1px solid #704e2b;
filter: alpha(opacity=100);
-moz-opacity: 100;
opacity: 100;
}
.screen-reader-text {
display:none;
}
#searchsubmit, .sendbutton {
width:60px;
padding:1px;
color:#fe960f;
background:#704e2b;
filter: alpha(opacity=100);
-moz-opacity: 100;
opacity: 100;
}
.sendbutton:hover, #searchsubmit:hover {
background:#fe960f;
color:#704e2b;
}