/* JoeyTrimmer.com Stylesheet */

/***************************************************************************//* WHITESPACE RESET */

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:1.5em;}
fieldset { padding: .5em; }

body {
background:#0e1215 /*url(./themes/site_themes/default/images/bg.png) repeat-x 0 0*/;
padding:0;
margin:0;
font: 62.5% Arial, Helvetica, sans-serif;
}

blockquote {
background:#232628;
color:#fff;
padding:10px;
border:1px dashed #37515f;
clear:both;
}

p {margin-bottom:1em;}

a img {border:none;}

acronym {
border:1px dotted #ccc;
border-width:0 0 1px 0;
}

acronym:hover {
color:#fff;
border-color:#fff;
}

#home h2.h2_featuredblog {
        background: url(./themes/site_themes/default/images/h2_featuredblog.png) no-repeat 0 0;
	width:100%;
	height:42px;
	text-indent:-9999px;
margin-left:25px;
}

#profile h2.profile {
        background: url(./themes/site_themes/default/images/h2_profile.png) no-repeat 0 0;
	width:100%;
	height:42px;
	text-indent:-9999px;
}

#resume h2.resume {
        background: url(./themes/site_themes/default/images/h2_resume.png) no-repeat 0 0;
	width:100%;
	height:42px;
	text-indent:-9999px;
}

#blog h2.h2_blog {
        background: url(./themes/site_themes/default/images/h2_blog.png) no-repeat 0 0;
	width:100%;
	height:42px;
	text-indent:-9999px;
margin-left:25px;
}

#podcast h2.podcast {
        background: url(./themes/site_themes/default/images/h2_podcast.png) no-repeat 0 0;
	width:100%;
	height:42px;
	text-indent:-9999px;
}

#contact h2.contact {
        background: url(./themes/site_themes/default/images/h2_contact.png) no-repeat 0 0;
	width:100%;
	height:42px;
	text-indent:-9999px;
}

/***************************************************************************//* WRAP */

#wrap {
	background:#1f262a;
	/*background:#1b2024;*/
	width:900px;
	margin:0 auto;
	padding-bottom:12em;
}

/***************************************************************************//* HEADER */

#home #header {
	background:#0e1215 url(./themes/site_themes/default/images/bg_header02.png) repeat-x 0 0;
	width:900px;
	height:161px;
	text-indent:-9999px;
	/*border:1px solid #ccc;
	border-width:0 0 1px 0;*/
}

#header {
	background:#0e1215 url(./themes/site_themes/default/images/bg_header_inside.png) repeat-x 0 0;
	width:900px;
	height:161px;
	text-indent:-9999px;
	/*border:1px solid #ccc;
	border-width:0 0 1px 0;*/
}

#headerlink {
	background:url(./themes/site_themes/default/images/logo.png) no-repeat 0 0;
	width:400px;
	height:76px;
	display:block;
	float:left;
	margin:38px 0 0 25px;
}

/***************************************************************************//* NAVIGATION */

#nav {
background:transparent url(./themes/site_themes/default/images/nav.png) no-repeat 0 0;
height:29px;
border:0px solid #000;
width:440px;
float:right;
margin-top:60px;
}

#nav li {
margin-left:0;
text-indent:-9999px;
}

#buttons {
height:29px;
position:relative;
}

#buttons li {list-style: none; position:absolute;}
#buttons li, #buttons a {height:29px; display:block; top:0;}

#button1 {left: 0; width: 70px;}
#button2 {left: 70px; width: 75px;}
#button3 {left: 145px; width: 75px;}
#button4 {left: 220px; width: 73px;}
#button5 {left: 293px; width: 75px;}
#button6 {left: 368px; width: 72px;}

#button1 a:hover {background: transparent url(./themes/site_themes/default/images/nav.png) 0 -29px no-repeat;}
#button2 a:hover {background: transparent url(./themes/site_themes/default/images/nav.png) -70px -29px no-repeat;}
#button3 a:hover {background: transparent url(./themes/site_themes/default/images/nav.png) -145px -29px no-repeat;}
#button4 a:hover {background: transparent url(./themes/site_themes/default/images/nav.png) -220px -29px no-repeat;}
#button5 a:hover {background: transparent url(./themes/site_themes/default/images/nav.png) -293px -29px no-repeat;}
#button6 a:hover {background: transparent url(./themes/site_themes/default/images/nav.png) -368px -29px no-repeat;}

#button1 a#on {background: transparent url(./themes/site_themes/default/images/nav.png) 0 -29px no-repeat;}
#button2 a#on {background: transparent url(./themes/site_themes/default/images/nav.png) -70px -29px no-repeat;}
#button3 a#on {background: transparent url(./themes/site_themes/default/images/nav.png) -145px -29px no-repeat;}
#button4 a#on {background: transparent url(./themes/site_themes/default/images/nav.png) -220px -29px no-repeat;}
#button5 a#on {background: transparent url(./themes/site_themes/default/images/nav.png) -293px -29px no-repeat;}
#button6 a#on {background: transparent url(./themes/site_themes/default/images/nav.png) -368px -29px no-repeat;}


/***************************************************************************//* MESSAGE */

#message {
	background:#2a3338;
	width:900px;
	padding:20px 0 0 0;
}

.messagebox {
	background:#1b2124;
	width:860px;
	margin:0 auto;
}

.messagebody {
	font-size:13px;
	color:#ccc;
        line-height:140%;
}

.messagebody a {
	color:#b75043;
	text-decoration:none;
}

.messagebody a:hover {
	color:#ebe176;
}

.messagebody h2 {
	background:#171c1f url(./themes/site_themes/default/images/h2_twitter.png) no-repeat 0 0;
	width:100%;
	height:21px;
	text-indent:-9999px;
}

.messagebody p.avatar{
  float:left;
  margin:15px 0 0 30px;
}

.messagebody p.meta {
  font-weight:bold;
  float:left;
  margin:15px 0 0 15px;
}

.messagebody p.text {
  margin:15px 0 0 25px;
  float:left;
  width:500px;
}



/***************************************************************************//* INTRO */

#intro {
	background:url(./themes/site_themes/default/images/bg_intro.png) no-repeat 0 0;
	width:900px;
	height:271px;
}

#introbubble {
	background:url(./themes/site_themes/default/images/bg_introbubble.png) no-repeat 0 0;
	float:left;
	font:22px/180% Arial, Helvetica, sans-serif;
	color:#5e6b74;
	width:408px;
	height:239px;
	/*padding:40px 14px 0 14px;*/
	padding:14px 14px;
	margin:10px 0 0 20px;
}

#introbubble p {
	width:390px;
	margin-top:28px;
}

#introbubble a {
	color:#319fd6;        
	text-decoration:none;
}

#introbubble a:hover {
	background:#cee4f0;
}

#introheadshot {
	/*background:url(./themes/site_themes/default/images/ninja_joey.jpg) no-repeat 0 0;*/
	float:right;
	width:406px;
	height:232px;
	margin:10px 20px 0 0;
	border:6px solid #fff;
}

/***************************************************************************//* BLOG */

#featured {
	background:#2a3338;
	width:900px;
	padding:20px 0 20px 0;
}

#featuredcontent {
	background:#1b2124;
	width:860px;
	margin:0 auto 18px auto;
	padding:25px 0;
}

#featuredthumb {
	border:8px solid #494f53;
	float:left;
	/*width:247px;*/
	/*height:198px;*/
	margin:0 25px 25px 25px;
}

#largethumb {
	border:8px solid #494f53;
	float:right;
	margin:0 25px 25px 25px;
}

#featuredpost {
	margin:0 25px;
	font:normal 14px/150% Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
}

.archive_item {
	margin:0 25px 15px 25px;
	font:normal 16px/165% Arial, Helvetica, sans-serif;
	color:#ccc;
        border:1px solid #666;
        border-width:0 0 1px 0;
}

#inside #featuredpost {
	width:520px;
	margin:0 25px;
	font:normal 16px/150% Arial, Helvetica, sans-serif;
	color:#ccc;
}

#featuredpost h1 a, .archive_item h1 a {
	font:35px/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ebe176;
	text-decoration:none;
}

#featuredpost h1 a:hover, .archive_item h1 a:hover {/*background:#111;*/color:#b75043;}

#featuredpost span.date, .archive_item span.date {
	color:#999;
	font:normal 12px/100% Arial, Helvetica, sans-serif;
        font-style:italic;
}

#featuredpost a, .archive_item a {color:#7ac0ea;font-style:italic;}
#featuredpost a:hover, archive_item a:hover {color:#fff;}

#featuredprevious {
	background:#1f262a;
	width:860px;
	margin:0 auto;

}

#featuredprevious h2 {
	background:#171c1f url(./themes/site_themes/default/images/h2_previously.png) no-repeat 0 0;
	width:39px;
	height:126px;
	text-indent:-9999px;
	float:left;
}

.previouspost {
	background:#191e22;
	float:left;
	width:255px;
	height:100px;
	margin:13px 0 0 14px;
}

.previouscontent {
	margin:20px 14px 0 14px;
}

.commentbubble {
	background:url(./themes/site_themes/default/images/bg_commentbubble.png) no-repeat 0 0;
	width:40px;
	height:48px;
	float:left;
	font:25px/160% "Trebuchet MS", Tahoma, sans-serif;
	text-align:center;
	color:#ccc;
	margin-right:10px;
}

#featuredprevious span.date {
	font-size:12px;
	color:#ccc;
}

#featuredprevious a {
	color:#74b5dd;
	font-size:14px;
	line-height:140%;
	text-decoration:none;
}

#featuredprevious a:hover {
	color:#ebe176;
}

.pagination {
float:right;
margin-right:25px;
color:#ccc;
}

.pagination a {color:#7ac0ea;text-decoration:none;}
.pagination a:hover {text-decoration:underline;}

.error404 {margin-left:25px;font-size:12px;color:#ccc;font-style:italic;}

/***************************************************************************//* COMMENTS */

#comments {
	width:860px;
	margin:0 auto 20px auto;
}

#comments a {
	color:#7ac0ea;
	text-decoration:none;
}

#comments a:hover {
	color:#ebe176;
}

#comments h2 {
	background:#171c1f url(./themes/site_themes/default/images/h2_comments.png) no-repeat 0 0;
	width:860px;
	height:42px;
	text-indent:-9999px;
}

.commentwrap {
	background:#1b2124;
	width:860px;
	padding:20px 0;
	margin:0 auto 0 auto;
}

.commentwrap2 {
	background:#222b30;
	width:860px;
	padding:20px 0;
	margin:0 auto 0 auto;
}

.comment {
	width:500px;
	font-size:14px;
	color:#ccc;
	float:left;
	line-height:140%;
}

.commentmeta {
	color:#fff;
	width:120px;
	float:left;
	margin:0 25px 0 0;
}

.commentmeta h3 {
	font-size:14px;
	padding-bottom:4px;
}

.gravatar {
	border:6px solid #2c3c45;
	width:80px;
	height:80px;
	float:left;
	margin:0 25px;
}

.comment_form_wrap {
background:#171c1f;
}

.comment_form {
padding:15px;
color:#ccc;
font-size:12px;
}

.comment_form input.comment_input,.comment_form textarea.comment_input {
background:#1b2024;
color:#ccc;
border:1px solid #0e1113;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
}

/***************************************************************************//* RESUME */

#resume {
	margin:0 25px;
	font:normal 16px/165% Arial, Helvetica, sans-serif;
	color:#ccc;
}

.resumeintro {
	border:4px solid #2a3338;
	border-width:0 0 4px 0;
height:150px;
}

#resume h1 {
	font:35px/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ebe176;
	text-decoration:none;
}

#resume h1 img {
	border:4px solid #fff;
	float:left;
	margin:0 15px 15px 0;
}

#resume a {color:#7ac0ea;font-style:italic;}
#resume a:hover {color:#fff;}

#resumelist {
	list-style-type:none;
}

#resumelist li {margin-left:0;}

li.title {
	font-size:20px;
	font-style:italic;
	color:#fff;
	border:4px solid #2a3338;
	border-width:0 0 4px 0;
	line-height:200%;
	color:#ebe176;
	text-transform:uppercase;
}

span.production,span.character,span.venue {
	width:270px;
	display:block;
	float:left;
	border:1px solid #2a3338;
	border-width:0 0 1px 0;
	padding:2px 0;
	line-height:160%;
}

span.production {}
span.character {}
span.venue {}

/***************************************************************************//* WIDGETS */

#widgets {
	/*background:#1b2024;*/
}

.widgetwrap {
        padding:19px 0 0 19px;
        width:275px;
        float:left;
        padding-bottom:1em;
}

.widget {
	background:#1b2024;
	font:14px/140% Arial, Helvetica, sans-serif;
	color:#ccc;
}

.widget h1 {
	width:275px;
	height:42px;
	text-indent:-9999px;
	padding-bottom:.5em;
}

h1.h1_categories {background:url(./themes/site_themes/default/images/h1_categories.png) no-repeat 0 0;}
h1.h1_delicious {background:url(./themes/site_themes/default/images/h1_delicious.png) no-repeat 0 0;}
h1.h1_music {background:url(./themes/site_themes/default/images/h1_music.png) no-repeat 0 0;}

.widget ul {
	list-style-type:none;
	width:260px;
}

.widget ul li {
	padding:0 0 15px 25px;
	margin-left:12px;
}

.widget ul li a {
	color:#74b5dd;
	text-decoration:none;
}

.widget ul li a:hover {color:#ebe176;}

ul#categories li {background:url(./themes/site_themes/default/images/li_category.png) no-repeat 0 1px; float:left; width:75px;}
ul#delicious li {background:url(./themes/site_themes/default/images/li_delicious.png) no-repeat 0 1px;}
ul#music li {background:url(./themes/site_themes/default/images/li_music.png) no-repeat 0 0;}

/***************************************************************************//* FOOTER */

#footer {
	background:#010101;
	width:100%;
	color:#678595;
	text-align:center;
	font-size:14px;
}

#footer a {
	color:#678595;
	text-decoration:none;
}

#footer a:hover {
	color:#ebe176;
}

#footer a.feed:link,#footer a.feed:visited,#footer a.feed:active {
	background:url(./themes/site_themes/default/images/rss.png) no-repeat 0 right;
	padding-right:22px;
}

#footercontent {
        background:url(./themes/site_themes/default/images/bg_footer.png) no-repeat left 0;
	padding-top:30px;
        width:850px;
        height:350px;
        margin:0 auto;
}

#footercontent h1.footer {
        background: url(./themes/site_themes/default/images/h1_footer.png) no-repeat 0 0;
	width:100%;
	height:64px;
	text-indent:-9999px;
margin-left:10px;
}

a#subscribe {
background:transparent url(./themes/site_themes/default/images/footer_subscribe.png) no-repeat 0 0;
height:40px;
border:0px solid #000;
width:283px;
float:left;
margin-bottom:20px;
text-indent:-9999px;
}

a#subscribe:hover {
background:transparent url(./themes/site_themes/default/images/footer_subscribe.png) no-repeat 0 -40px;
}

/***************************************************************************//* FOOTER NAVIGATION */

#footernav {
background:transparent url(./themes/site_themes/default/images/footernav.png) no-repeat 0 0;
height:40px;
border:0px solid #000;
width:529px;
float:left;
margin-bottom:20px;
margin-left:10px;
}

#footernav li {
margin-left:0;
text-indent:-9999px;
}

#footerbuttons {
height:40px;
position:relative;
}

#footerbuttons li {list-style: none; position:absolute;}
#footerbuttons li, #footerbuttons a {height:40px; display:block; top:0;}

#footerbutton1 {left: 0; width: 114px;}
#footerbutton2 {left: 114px; width: 145px;}
#footerbutton3 {left: 259px; width: 135px;}
#footerbutton4 {left: 394px; width: 135px;}

#footerbutton1 a:hover {background: transparent url(./themes/site_themes/default/images/footernav.png) 0 0 no-repeat;}
#footerbutton2 a:hover {background: transparent url(./themes/site_themes/default/images/footernav.png) -114px 0 no-repeat;}
#footerbutton3 a:hover {background: transparent url(./themes/site_themes/default/images/footernav.png) -259px 0 no-repeat;}
#footerbutton4 a:hover {background: transparent url(./themes/site_themes/default/images/footernav.png) -394px 0 no-repeat;}

#footercontent #copy {
width:850px;
margin:40px auto;
}

/*Float Patch*/	
.floatcontainer:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}

/* Mark Hadley's fix for IE Mac */  
.floatcontainer { display: inline-table;}

/* Hides from IE Mac \*/ 
* html .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}
/* End Patch */