/*
Theme Name: Josh
Theme URI: http://www.joshsundquist.com
Description: Josh Sundquist's custom theme
Author: Josh Sundquist
Author URI: http://www.joshsundquist.com
Version: 1

*/

body {
	color: #2d444f;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	background:#3d4850 url(http://www.joshsundquist.com/images/bg-all.gif) repeat-y 50% 0;
	min-width:1000px;
}
img {border-style: none}
a {
	text-decoration: underline;;
	color: #2d444f;
}
a:hover{text-decoration:none;}
input, textarea, select {
	font-size: 100%;
	vertical-align: middle
}
form, fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
.wrapper-holder{
	padding:14px 0;
	background:url(http://www.joshsundquist.com/images/bg-all.gif) repeat-y 50% 0;
}
* html .wrapper-holder{background:none}
* +html .wrapper-holder{background:none}
#wrapper{
	width:950px;
	margin:0 auto;
	position:relative;
	background:#eef4f8 url(http://www.joshsundquist.com/images/bg-wrapper.jpg) no-repeat;
	padding:445px 0 0;
}
#header{
	position:absolute;
	width:100%;
	top:1px;
	left:0;
	height:440px;
	overflow:hidden;
	z-index:1;
}
#main{
	border:2px solid #4b667c;
	width:918px;
	margin:0 auto;
	background: url(http://www.joshsundquist.com/images/bg-main.gif) repeat-y;
	overflow:hidden;
}
#footer{
	color:#41555d;
	font-size:10px;
	text-align:right;
	margin:0 16px;
}
.content-holder{
	float:left;
	width:100%;
}
#content{
	margin:26px 159px 0;
	padding:0 65px 0 36px;
}
#aside{
	float:left;
	margin:0 0 0 -159px;
	width:159px;
}
#sidebar{
	float:left;
	margin:0 0 0 -918px;
	width:159px;
}

#rightsidebar ul {
	padding:0;
	margin:0;
	list-style: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




h3.shadow{
	margin:0;
	position:relative;
	width:159px;
	background:#415660 url(http://www.joshsundquist.com/images/bg-title-bars.gif) repeat-x;
	text-transform:uppercase;
	font-size:17px;
}
h3.shadow .holder{
	background: url(http://www.joshsundquist.com/images/bg-title-bars-end.gif) repeat-x 0 100%;
	display:block;
	padding:8px 0 7px 16px;
}
h3.shadow .highlight{
	color:#96a4ab;
	display:block;
}
h3.shadow .color{
	color:#eaf1f5;
	position:absolute;
	top:8px;
	left: 16px;
}

.style7 {
	text-transform:none;
	background-color: #FFFF33;
	font-size:36px;
	font-weight: bold;
	line-height: normal;
}

.style8 {
	text-transform:none;
	font-size:36px;
	font-weight: bold;
	line-height: normal;
}

.style9 {
	text-transform:none;
	font-size:10px;
	font-weight: bold;
	line-height: normal;
}

/* logo */
.logo{
	background: url(http://www.joshsundquist.com/images/logo-text.gif) no-repeat;
	width:900px;
	height:101px;
	overflow:hidden;
	text-indent:-9999em;
	position:absolute;
	top:265px;
	left:26px;
	margin:0;
	z-index:10;
}
.logo a{
	display:block;
	height:100%;
}
/* header */
#header .head{
	position:relative;
	height:372px;
}
.flash-place{
	position:absolute;
	right:26px;
	top:36px;
}
.flash-place img{display:block;}
.main-nav{margin:0 0 0 14px;}
.main-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}




.main-nav li{float:left;}
.main-nav a{
	background: url(http://www.joshsundquist.com/images/bg-link-main-nav.gif) no-repeat;
	width:115px;
	height:25px;
	display:block;
	padding:21px 0 22px;
}
.main-nav a.active,
.main-nav a:hover{background-position:0 -68px;}
.main-nav a span{
	display:block;
	margin:0 auto;
	height:25px;
	background-position: 0 -25px;
	cursor:pointer;
}
.main-nav a span em{
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
.main-nav .home span{
	background: url(http://www.joshsundquist.com/images/item-home.gif) no-repeat;
	width:63px;	
}
.main-nav .bio span{
	background: url(http://www.joshsundquist.com/images/item-bio.gif) no-repeat;
	width:33px;
}
.main-nav .blog span{
	background: url(http://www.joshsundquist.com/images/item-blog.gif) no-repeat;
	width:47px;
}
.main-nav .video span{
	background: url(http://www.joshsundquist.com/images/item-video.gif) no-repeat;
	width:61px;
}
.main-nav .photos span{
	background: url(http://www.joshsundquist.com/images/item-photos.gif) no-repeat;
	width:73px;
}
.main-nav .speaking span{
	background: url(http://www.joshsundquist.com/images/item-speaking.gif) no-repeat;
	width:92px;
}
.main-nav .products span{
	background: url(http://www.joshsundquist.com/images/item-products.gif) no-repeat;
	width:88px;
}
.main-nav .contacts span{
	background: url(http://www.joshsundquist.com/images/item-contact.gif) no-repeat;
	width:80px;
}
.main-nav a.active span,
.main-nav a:hover span{background-position:0 -25px;}
/* content */
.article p{margin:0 0 20px;}
.article{
	margin:0 0 51px;
	line-height:18px;
}
#content .title{
	color:#41555d;
	margin:0 0 25px -23px;
}
#content .title em.date{
	font-size:14px;
	display:block;
	margin:0 0 4px;
	font-style:normal;
	text-transform:uppercase;
}
#content .title h2.shaddow{
	position:relative;
	width:100%;
	font-size:24px;
	font-weight:normal;
	color:#41555d;
	margin:0;
	line-height:24px;
}
#content .title h2.shaddow .highlight{
	color:#7b8d95;
	display:block;
}
#content .title h2.shaddow .color{
	color:#41555d;
	position:absolute;
	top:1px;
	left:1px;
}
.meta-nav{
	overflow:hidden;
	width:100%;
	padding:19px 0 0;
}
.meta-nav ul{
	margin:0 0 0 -9px;
	padding:0;
	list-style:none;
}
.meta-nav li{
	display:inline;
	background: url(http://www.joshsundquist.com/images/divider-list.gif) no-repeat 0 2px;
	padding:0 3px 0 10px;
}
/* sidebar */
#subscribe-options{
	margin:10px 19px -7px 10px;
	padding:0;
	list-style:none;
}
#subscribe-list li{padding:0 0 22px;font-size: 12px; line-height: 1.4em; margin: 0 0 .5em 0;}
#subscribe-list li.email { padding: 0 0 0 22px; background: url("images/email.png") 0 0 no-repeat; font-size: 12px !important; }
#subscribe-list li.feed { padding: 0 0 0 0px; }
#subscribe-list li.feed img { padding: 0 6px 0 0; margin:0 0 -3px 0; }
#subscribe-list a{text-decoration:none;}
#subscribe-list a:hover{text-decoration:underline;}
.about-item{
	line-height:16px;
	margin:10px 0px 0px 5px;
	padding:0px 0px 6px 5px;
	
}

.about-item-small{
	line-height:16px;
	margin:10px 0px 0px;
	padding:0 0 6px 0px;
	
	font-size: 10px;
}

.about-item p{margin:0 0 13px;}
#myprofile {
	margin:0;
	padding:0;
}

.profile ul { margin:0;padding:0; }
.profile ul li { margin:0;padding:0; }
.popupar-list{
	margin:13px 10px 34px 17px;
	padding:0;
	width:132px;
	list-style:none;
}
.popupar-list li{padding:0 0 13px;}
.twitter-modal{
	margin:0 15px 23px 21px;
	padding:7px 0 0;
	width:123px;
}
#twitter_update_list ul{
	margin:0;
	padding:0;
	list-style:none;
}

#twitter_update_list li{
padding-bottom:1em;
}
.twitter-modal blockquote{margin:0;}
.twitter-modal blockquote p{margin:0 0 12px;}
.twitter-modal blockquote cite{font-style:normal;}
.facebook-modal{
	background:#d8dfea;
	border-color:#d8dfea;
	border-style:solid;
	margin:14px 23px 0 16px;
	padding:0px 16px 0 0px;
	font-size:11px;
	line-height:13px;
	width:99px;
}
.facebook-modal dl{margin:0;}
.facebook-modal dt{color:#8a8a8a;}
.facebook-modal dd{
	margin:0 0 2px;
	color:#141414;
}
/* footer */
#footer p{margin:0;}
.Sidebar-form {
	font-family: Arial;
	font-size: 12px;
	background-color: #dcebf4;
}

#comments { clear: both; margin:0; }

ul#comment_list { margin: 0 0 2em 0; padding:0; width: 100%; border-bottom: 2px solid #ccc;}
ul#comment_list li.comment { width: 505px; overflow: hidden; padding: 1em 0; border-top: 2px solid #ccc; border-collapse:collapse; }

ul#comment_list li .alt { background: #fff; border: none; }
ul#comment_list li.comment-author-admin { background: #3d4850; width: 505px; color: #999; border-top: 2px solid #ccc;  }
ul#comment_list li.comment-author-admin a { color: #999; }
ul#comment_list li.comment .comment_meta { float: left; width: 135px; padding: 0 0 0 5px; margin:0; }
ul#comment_list li.comment .comment_meta span { padding:0; margin:0; }
ul#comment_list li.comment .comment_entry { float: right; width: 350px; padding: 0; }
ul#comment_list li.comment .comment_entry p { padding-top:3px; padding-bottom:1em; margin-top:0; }
ul#comment_list li.comment-author-admin .comment_entry { float: right; width: 350px; padding: 0; color: #999; }
li.comment .entry blockquote { margin: 0 10px .5em 0; padding: 8px 5px 5px 33px; border: 1px solid #ccc; }
span.comment_author { font-size: 1.2em; line-height: 1.4em; font-weight: bold; }
li.comment-author-admin span.comment_author, li.alt span.comment_author a { font-weight: bold; color: #999; }
li.comment span.comment_author, li.alt span.comment_author a { font-weight: bold; }
li.author span.comment_author a, li.author span.comment_author { font-weight: bold; color: #64af1b; font-size: 1.4em; text-decoration: none; }
span.comment_time, span.quote { float: left;  display: block; font-size: 1.1em; color: #999; clear: both; line-height: 1.4em; }
li.author span.comment_time, li.author span.comment_time a { color: #64af1b; }
span.comment_time a { text-decoration: none; color: #aaa; }
        
input.text_input { border: 1px solid #ccc; padding: 3px; width: 200px; font-size: 14px; font-family: "helvetica", arial, sans-serif; }
textarea.text_input { border: 1px solid #ccc; font-size: 14px; font-family: "helvetica", arial, sans-serif; padding: 3px; width: 500px; }

.postdate { text-transform:uppercase; font-size:12px; }
.postedin { text-transform:uppercase; font-size:12px; }
.post h2 a {text-decoration:none;  }
.post h2 { padding-top:2px; margin-top:2px; margin-bottom:2px; 
    text-transform:none;
    background-color: #FFFF33;
    font-size:36px;
    font-weight: bold;
    line-height: normal;
	}
.post { margin-bottom:15px; }
.postmetadata { border: 1px solid #4a657a; background-color: #84a4b3; padding: 5px; margin-bottom:10px; display:block; width:25em; text-align:center; clear:both; }
.commentslinktop { text-align: left; clear:both; }
.commentslinktop a { text-decoration:none; text-align:left; }
.writtenby { float: left;margin-top:15px; margin-bottom:5px;}
.categories { float: right;margin-top:15px; margin-bottom:5px;}
.entry { clear:both; padding-top:5px; margin-top:5px; line-height:1.5em; }

#shareandrelated { background-color: #84a4b3; border-top: 2px solid #4a657a; border-bottom: 2px solid #4a657a; width:100%; padding-left:10px; padding-right:10px; clear:both; }
#share { float: left; width:48%; }
#related {float: right; width:48%;}
#respond { clear:both; }

#share ul { list-style:none; margin-left:0; padding-left:0; }
#share ul li { font-size: 12px; line-height: 1.4em; margin: 0 0 .5em 0; }
#share ul li.feed { padding: 0 0 0 22px; background: url("images/minifeed.png") 0 0 no-repeat; }
#share ul li.print { padding: 0 0 0 22px; background: url("images/print.png") 0 0 no-repeat; }
#share ul li.stumble { padding: 0 0 0 22px; background: url("http://www.stumbleupon.com/images/stumbleit.gif") 0 0 no-repeat; }
#share ul li.comment { padding: 0 0 0 22px; background: url("images/comment.png") 0 0 no-repeat; }
#share ul li.del { padding: 0 0 0 22px; background: url("images/del.png") 0 0 no-repeat; }
#share ul li.email { padding: 0 0 0 19px; background: url("images/email.png") 0 0 no-repeat; font-size: 12px !important; }
#share a img {display:none;}


#related ul { list-style:none; margin-left:0; padding-left:0; }
#related ul li { font-size: 12px; line-height: 1.4em; margin: 0 0 .5em 0; }

#popular-list { margin:10px 20px 0 5px;	padding:0 0 6px 5px; }
#popular-list ul { list-style:none; margin:0; padding:0; }
#popular-list ul li { font-size: 12px; line-height: 1.4em; margin: 0 0 .5em 0; }

#category-list { margin:10px 20px 0 5px;padding:0 0 6px 5px;}

#category-list li { font-size: 12px; line-height: 1.4em; margin: 0 0 .5em 0;}

#fbshare {float:left; margin:10px 40px 10px 0; }
#tweetmeme_button { float:left; margin:10px 40px 10px 40px; }
#digg {float:right; margin:10px 40px 10px 40px; }
#yahoo { float: right; margin:10px 0px 10px 40px; }

.postborder {  margin-bottom:15px; width:100%; }