/*
Theme Name: js-theme
Version: 1.0
Author: Jason Stephens

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-3.0.html
*/

/* basics */

* {
margin:0;
padding:0;
}
body {
/*background:none repeat scroll 0 0 #EFEFEF;*/
background:url("images/bg-body.png") repeat scroll center top #efefef;
/*background:url("images/bg-body-xmas.png") no-repeat scroll center top #775564;*/
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
}
a#h1_logo {
background:url("images/jason-stephens-logo.jpg") no-repeat scroll 0 0 #ffffff;
width: 260px;
height: 65px;
text-indent: -9999px;
top: 10px;
position: absolute;
cursor:pointer;
border-bottom: none;
}
a#h1_logo:hover {
border-bottom: none;
}
a#h1_logo h1 {
font-size: 12px !important;
}
.color1 {
color:#141414;
}
h1 {
color:#141414;
font-size:26px;
padding-bottom:6px;
}
h2 {
color:#141414;
font-size:14px;
}
.postsingle h2 {
color:#141414;
font-size:18px;
line-height:36px;
}
h3 {
color:#141414;
font-size:12px;
}
h4 {
font-size:10px;
text-transform:uppercase;
}
img {
border:medium none;
padding:0;
}
img a {
border:medium none;
}
img.left {
border:medium none;
float:left;
padding:6px 0 0;
}
img.right {
border:medium none;
float:right;
padding:0 0 0 6px;
}
/*blockquote {
border-left:1px solid #141414;
border-right:1px solid #141414;
margin:30px 50px;
padding:0 30px;
text-align:justify;
}*/

blockquote {
border-bottom:2px solid #141414;
border-top:2px solid #141414;
font-family:georgia;
font-style:italic;
margin:30px 95px 30px 80px;
padding:15px 0;
text-align:justify;
}

.postsingle .entry blockquote p {
margin:0 20px;
margin: 0;
padding:6px 0;
}

blockquote .name {
}

code {
font-family:"Courier New",Courier,monospace;
}
a {
color:#5DB5E6;
outline:medium none;
text-decoration:none;
}
a:hover {
border-bottom:1px dotted;
text-decoration:none;
}
#header a.homelink:hover, #sidebar ul li a:hover {
border-bottom:medium none;
}
#sidebar ul li a {
color:#141414;
display:block;
text-decoration:none;
}

#sidebar ul li.page_item a {
padding-left: 0px;
}

#sidebar ul li a:hover {
background-color:#F7F7F7;
background-color:#efefef;
}

#container-wrapper {
/*background:url("images/bg-xmas.png") repeat-y center 0;*/
margin:0 auto;
padding: 30px 0;
}

#container {
border:1px solid #E1E1E1;
/*border:1px solid #141414;*/
color:#6D6D6D;
margin:0px auto;
overflow:hidden;
padding:0 30px;
width:960px;
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
/*background: #fff url("images/bg-header-xmas.png") no-repeat 0 0;*/
background: #fff;
}
#header {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px dotted #A4A4A4;
color:#FFFFFF;
height:69px;
margin-bottom:36px;
margin-top:0px;
padding-bottom:0;
padding-top:0;
width:960px;
position: relative;
}
#header h1 {
/*font:20px georgia,times;
margin:0;
padding:20px 0 0 16px;*/
}
#header h1 a {
color:#404040;
text-decoration:none;
}
#header h1 a:hover {
color:#666666;
text-decoration:none;
}
#header h2 {
color:#505050;
font:10px georgia,times;
margin:0;
padding:0 0 0 18px;
}
#content {
float:right;
margin-bottom:25px;
overflow:hidden;
width:720px;
}
.box {
/*background: url("images/loader.gif") no-repeat scroll center center transparent;*/
background-color: #141414;
background-color: #fff;
border:1px solid #E1E1E1;
height:150px;
margin-bottom:12px;
width:310px;
display: block;
}
.box a {
display: block;
}
.box a:hover {
border-bottom:medium none;
/*opacity:0.93;
opacity:0.96;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)"; // first!
filter: alpha(opacity=93);					// second!
*/
}
.post {
float:left;
height:260px;
line-height:22px;
margin:0 0 36px 40px;
overflow:hidden;
padding:0;
width:312px;
}
.boxsingle {
background:url("images/loader.gif") no-repeat scroll center center transparent;
border:1px solid #E1E1E1;
height:318px;
margin-bottom:12px;
padding:5px;
width:657px;
}
.postsingle {
line-height:22px;
margin:0 0 30px 35px;
padding:0;
width:670px;
width:685px;
}
.post h2 {
}
.post h2 a, .postsingle h2 a {
color:#141414;
text-decoration:none;
}
.post h2 a:hover, .postsingle h2 a:hover {
color:#5DB5E6;
text-decoration:none;
}
.postsingle h1 {
border-bottom:1px dotted #A4A4A4;
display:block;
line-height:26px;
margin-bottom:12px;
}
.postsingle h1 a {
color:#141414;
font-size:26px;
text-decoration:none;
}
.postsingle h1 a:hover {
color:#5DB5E6;
text-decoration:none;
}
h3 {
margin-bottom:6px;
}
.post ul {
}
.post li {
}
.entry p {
margin:0 0 12px;
}
.postsingle .entry p {
margin:6px 30px 12px 0;
}
.postmetadata {
background:none repeat scroll 0 0 #F7F7F7;
clear:both;
color:#141414;
margin:10px 0;
padding:6px;
}
.navigation {
float:left;
font-size:11px;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}
.alignleft a {
float:left;
margin:25px 0;
}
.alignright a {
float:right;
margin:25px 0;
}
hr {
margin:18px 0 12px;
}
#sidebar hr {
	border: none 0; 
	border-top: 1px dotted #e1e1e1;
	height: 1px;
}
ul, ol {
margin-left:30px;
}
#sidebar {
float:left;
font-size:12px;
line-height:22px;
margin:0 0 50px;
padding:0;
width:210px;
}
#sidebar div.textwidget {
margin-bottom:18px;
}
#sidebar h2 {
font-size:18px;
line-height:30px;
margin:0;
}
#sidebar label {
color:#000000;
font:11px verdana,arial,tahoma;
margin:0;
padding:0;
}
#sidebar p {
margin:0;
padding:0;
}
#sidebar img {
margin:0;
padding:0;
}
#sidebar ul {
display:block;
margin:0 0 18px;
padding:0;
width:210px;
}
#sidebar ul li {
border-bottom:1px dotted #E1E1E1;
display:block;
line-height:22px;
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul ul {
margin:14px 0;
padding:0;
}
#sidebar ul ul li {
list-style-type:none;
}
#sidebar ul ul ul {
margin:0;
padding:0;
}
#sidebar ul ul ul li {
color:#898989;
list-style-type:square;
padding:0 0 0 15px;
}
#sidebar form {
margin-bottom:0;
margin-top:5px;
}
#sidebar input, #sidebar textarea {
margin-bottom:5px;
width:202px;
overflow: auto;
}
input#emailmebtn {
background:none repeat scroll 0 0 #FFFFFF;
padding:5px;
width:210px;
}
input#emailmebtn:hover {
background:none repeat scroll 0 0 #F7F7F7;
background:none repeat scroll 0 0 #efefef;
cursor:pointer;
padding:5px;
}
textarea#message {
}
#sidebar div.email {
margin-top:12px;
}
ul#twitter li {
padding:6px 0;
}
ul#twitter li:first-child {
padding-top:0;
}
ul#twitter li a {
border-bottom:1px dotted;
color:#6D6D6D;
display:inline;
text-decoration:none;
}
ul#twitter li a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:1px dotted;
color:#5DB5E6;
}
.twitter-timestamp {
display:block;
font-size:9px;
}
ul#social {
padding-top: 6px;
}
ul#social li {
border-bottom:medium none;
line-height:22px;
padding-bottom:6px;
}
ul#social li a {
background-image:url("images/icons.png");
background-repeat:no-repeat;
color:#5DB5E6;
padding-left:24px;
}
ul#social li a:hover span {
border-bottom:1px dotted;
}
ul#social li.twitter a {
background-position: 0 0;
}
ul#social li.linkedin a {
background-position:0px -28px;
}
ul#social li.lastfm a {
background-position:0 -58px;
}
#footer {
background:none repeat scroll 0 0 #FFFFFF;
border-top:1px dotted #A4A4A4;
clear:both;
font-size:10px;
line-height:16px;
margin-bottom:16px;
margin-top:22px;
padding-bottom:0;
padding-top:12px;
width:960px;
}
input, textarea {
border:1px solid #E1E1E1;
color:#6D6D6D;
font-family:arial,verdana,tahoma,sans-serif;
font-size:12px;
padding:2px 3px;
overflow: auto;
}
#searchsubmit:hover {
background:none repeat scroll 0 0 #CCCCCC;
cursor:pointer;
}
#commentlist {
width:657px;
}
ol.commentlist {
margin:0;
padding:0;
}
#commentlist ol li {
list-style:none outside none;
position:relative;
}
#commentform {
background:none repeat scroll 0 0 #F7F7F7;
border:1px solid #E1E1E1;
padding:20px;
width:617px;
}
#commentform textarea {
font-family:verdana,arial,tahoma,sans-serif;
font-size:11px;
padding:2px;
width:500px;
}
#commentform input {
height:15px;
padding:2px;
width:230px;
}
#commentform p {
margin-bottom:7px;
}
input#submit {
background:none repeat scroll 0 0 #FFFFFF;
height:27px;
margin-top:7px;
padding:3px;
}
input#submit:hover {
background:none repeat scroll 0 0 #F7F7F7;
cursor:pointer;
padding:3px;
}
.comment-meta {
}
.comment-author {
margin:0;
width:300px;
}
.comment-body {
background:none repeat scroll 0 0 #F7F7F7;
border:1px solid #E1E1E1;
margin-bottom:30px;
margin-left:100px;
margin-top:10px;
padding:20px;
}
#commentlist p {
line-height:20px;
margin-bottom:12px;
}
.avatar {
border:1px solid #CCCCCC;
left:1px;
margin:0 20px 5px 0;
padding:3px;
position:absolute;
top:1px;
}
.fn {
float:left;
font-style:normal;
font-weight:bold;
padding-right:10px;
}
.says {
display:none;
}
.reply {
margin:5px 0;
}
.clearfix {
clear:both;
}
.commentlist blockquote {
border-left:1px dotted #333333;
margin-bottom:10px;
margin-left:20px;
padding:0 12px 0 0;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
padding:0;
}
img.alignright {
display:inline;
margin:5px 0 5px 15px;
padding:0;
}
img.alignleft {
display:inline;
margin:0 14px 2px 0;
padding:0;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
.wp-capxion {
-moz-border-radius:3px 3px 3px 3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}
.wp-capxion img {
border:0 none;
margin:0;
padding:0;
}
.wp-capxion p.wp-capxion-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.highlight {
color:#252525;
font-weight:bold;
}
.italic {
font-style:italic;
}
.normal {
font-size:12px;
font-weight:normal;
}
.gray {
color:#6D6D6D;
}
.postsingle .homelink {
display:inline-block;
line-height:1;
margin-top:6px;
}
#respond {
line-height:22px;
margin:0 0 20px 35px;
padding:0;
width:685px;
}

#header .homelink img {
position: absolute;
top: 10px;
}