/*
File:			custom.css
Description:	Custom styles for the Thesis Sharp Skin
Author URI:	http://www.thesistheme.net/thesis-sharp

///////////////////////////////////////////////////
ThesisTheme.net  - Thesis news, tutorials, skins, site showcase

Get This Skin for Free at: http://www.thesistheme.net/thesis-sharp

This skin is still a work in process. Get updated when new
versions of Thesis Sharp are available. Grab the RSS
Feed or Follow me on Twitter @thesistheme.net

--PLEASE LEAVE THE ABOVE TEXT IN YOUR CUSTOM.CSS FILE
SO I RECEIVE CREDIT FORM MY WORK AND SO OTHERS CAN
FIND THIS SKIN--

///////////////////////////////////////////////////
*/

body.custom {background: #ffffff url(images/bckbody-blue.jpg) repeat-x top;}
.custom #container {margin-top: 0; margin-bottom: 0em; border-left: 0.3em solid #ddd; border-right: 0.3em solid #ddd;}

/***HEADER***/
.custom #header_area .page {background:none; height: 206px;}
.custom #header_widget_1 {}
.custom #header_widget_1 ul.sidebar_list li.widget {position:absolute; display: block; top:0px; left:525px; width:400px; }

.custom #header-adblock img {margin:1px; align:center;}
.custom div.header-adblock a:hover img {border:3px solid #666;}
.custom div.header-adblock a img {border:3px solid #333;}
.custom div.header-adblock img {padding: 1px;}

.custom #header {height:166px;}	

}
 	
}
/***HEADER END***/




/* CommentLuv last blog post settings*/
.cluv {display:block; padding:8px;border: 1px solid #000000; background: #F5F5F5 url(images/bg-light-gray.jpg) repeat-x; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}
.custom #comments abbr {display:block; padding:8px;border: 1px solid #000000; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}
/***Commentluv End***/

/***CUSTOM WIDGET BACKGROUND HEADER***/
.custom li.widget h3 {font-weight: bold; color: #FFFFFF; font-size: 1.3em; height: 40px; background: url('images/sidebar-title-bg.jpg') repeat-x; padding:5px 20px 5px;}
/***CUSTOM WIDGET BACKGROUND HEADER***/

/***COMMENT BRACKET COLOR***/
.custom .format_text .to_comments span.bracket {color: #ffffff;}
/***COMMENT BRACKET END***/

/***SIDEBAR BG COLOR***/
.custom #content_box {background-color:#d8d8d8;}
.custom #content {background-color:#fff;}
/***SIDEBAR BG END***/

/* Featured Post Formatting */
.custom #my-feature-box { color: #ffffff; width: 630px;  background:none; padding: 10px 10px 10px 15px; }
.custom #my-feature-box h2 { font-size: 2.2em; margin: 0 0 15px 0; text-align: center }
.custom #my-feature-box h2 a { color: #ffffff; text-decoration: none; }
.custom #my-feature-box h2 a:hover { color: #ff0000; }
.custom #my-feature-box p { font-size: 1.4em; line-height:1.571em; text-align: justify;}
.custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; }
.custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; }

/* Feature post Container */
.custom #feature_box {background: #000000 url(images/feature-bg.jpg) ;padding: 0;margin:0;}

/***Previous Next Links***/
div.post_nav p {color: #000000; display:block; padding:8px;border: 1px solid #000000; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}
.post_nav a {text-decoration: none;}
/***Previous Next END***/

.custom #comments {display:block; padding:8px;border: 1px solid #000000; background: #ffffff; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}

/***Teaser Box Image Display**/
.custom .teasers_box {
	background: #FFF url(images/bg-light-gray2.jpg) repeat-x;
	border-top: 1px solid #000000;
	margin: 0;
	padding: 0;
	width: 100%;
}
/***Teaser Box Img END***/
/***Header Desc***/
.desc {
	position: absolute;
	padding:83px 0px 0px 255px;
	width: 375px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/***OPENING COMMENTS UPPERCASE***/
.custom .comments_intro { background: #FFFFFF url(images/bg-light-gray2.jpg) repeat-x; margin: 0; padding: 1.5em; }
.custom .comments_intro p, .custom .comments_intro span { color: #000000; font-size: 1.7em; text-transform: uppercase; }
/***OPENING COMMENTS UPPER END***/

/***WIDGET HEADER COLOR BG***/
/***.custom #sidebars ul.sidebar_list, .quotes { background: url(images/bg-red-black2.jpg) repeat-x; padding-top: 2em; }***/
/***WIDGET HEADER BG END***/

/***REPLY FIELD HEADER IMAGE***/
.custom #respond_intro { margin: 0; }

	#respond_intro p { color: #B82626; font-size: 2em; line-height: 2.9em; }

.custom #respond { background: #FFF url(images/bg-light-gray3.jpg) repeat-x; border-top: 1px solid #F8BBBB; padding: 0 1.5em 1.5em; }
/***REPLY FIELD HEADER IMAGE END***/

/********Before Comment Info Box************/
/* AUTHOR BOX */
.custom #comments { clear: both; }
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; padding-bottom:20px; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }
.postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
.postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }

/* BOXES */
#rightcol h3 { color: #FFFFFF; font-size: 1.8em; letter-spacing: normal; padding-top: 15px; }
#custom h3 { color: #32CD32; font-size: 1.8em; letter-spacing: normal; padding-top: 15px; }
#subscribe h3 { color: #FF3D0D; font-size: 1.8em; letter-spacing: normal; padding-top: 15px; }
#similar { width: 50%;width: 650px; padding: 10px 2.5em 10px 10px; }
#similar p { margin-bottom: 15px;  }
#similar a { font-size: 1.4em; }
#similar a:hover { border: 0; }
#similar span.date { color: #000000; letter-spacing: 1px; text-transform: uppercase; }
#rightcol { width: 650px; margin:20px 0px 20px 0px; }
#rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0;  }
#rightcol h3 { padding: 0; }
#rightcol ul { list-style-position: inside;  list-style-type: square; margin-left: 1em; }
#rightcol ul a { border-bottom: 1px solid #CB3131; font-size: 14px; }
#rightcol ul a:hover { border: 0; }
#rightcol li { margin-bottom: 10px; }
#similar h3 { background: #FFFFFF; border: 1px solid #000000; margin: 15px 15px 0 15px; padding: 9px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#subscribe { background: #FFFFFF; border: 1px solid #d8d8d8; width: 650px; padding: 15px 10px 5px 10px;  margin-bottom: 15px; }
#custom { background: #FFFFFF url(images/share-bg.jpg) repeat-x; border: 1px solid #d8d8d8; float: right;   -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 297px; padding: 15px 10px 5px 10px; height: 159px; margin-bottom: 15px; }

/********Before Comment Info Box END************/

/*** Custome Notes Display ***/
.custom .format_text p.note {background: #A9D0F5 url(images/note.png) center no-repeat; border: 1px solid #66CCCC; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 45px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}
/*** Custome Notes Display END ***/

/*** Custom Alert Display ***/
.custom .format_text p.alert {background: #ffffa0 url(images/alert.png) center no-repeat; border: 1px solid #E6DB55; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 45px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}
/*** Custom Alert Display END***/

/** Custom connect Area **/
.custom #connect-ej {background: url(images/connect.jpg) center no-repeat; height:49px; width:247px;}
.custom a.rss-small {background: url(images/rss-search.gif) center no-repeat; height:49px; width:41px; float:right; display:block;}
.custom a.twitter-small {background: url(images/twitter-small.jpg) center no-repeat; height:49px; width:41px; float:right; display:block;}
.custom a.fb-small {background: url(images/facebook-small.jpg) center no-repeat; height:49px; width:41px; float:right; display:block;}
.custom #connect-spacer {width:113px;height:49px; float:left;}
/** Custom Connect Area END **/

/** SearchBox **/
.custom #searchbox {background: url(images/searchbox.jpg) center no-repeat; height:84px; width:247px;}
/** SearchBox END **/

/** Twitter Message**/
.custom #twitter-message {font-weight: normal;font-size: 16px; color: #ffffff; overflow: hidden; background: no-repeat url(images/tweet-bg.jpg);width: 247px; height: 155px; margin-top:8px;}
.custom #twitter-content {width: 200px; height: 125px; padding-left:20px; padding-top:15px; }
.custom a.tweet-blinker {background: no-repeat center url(images/blinker-tweet.gif); height:66px; width:247px; display:block;}
/** Twitter Message END**/

/** stylize Classic**/
.custom .lpbcWidget { background: none;}
.custom .lpbcWidget h2 { background: url(images/classic-posts.jpg) top no-repeat; width:226px; height: 51px; text-indent: -9999px;}
.custom .lpbcWidget h1 ( height: 30px; text-align: center; )
.custom .lpbcWidget h4 { text-indent: -99999px;}
/** stylize Classic END**/

/** Google Custom Search **/
.google.load("search", "1", {style: google.loader.themes.BUBBLEGUM});
/** END GOOGLE CUSTOM SEARCH **/

/*** popular post **/
.custom .clear { clear: both }
.custom #pop-post {width:225px;	height:95px;border-bottom:thin #999999 dashed; margin:0px 0px 5px 0px; padding-top: 3px;}
.custom #pop-thumb {background:#999999 url(images/extremejohn-no-preview-image.jpg) no-repeat; height:66px; width:66px; float:left; margin:3px 4px 5px 0px;}
.custom #pop-link {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FF0000; float:right; width:155px;}
.custom #pop-link a:link  {text-decoration:none;}
.custom #pop-link a:hover  {text-decoration:underline;}
.custom #pop-author {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#161616; font-weight: bold;}
.custom #pop-comment {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color:#333333;}
.custom .pop-category a { padding:0px 5px 0px 5px; text-transform:uppercase; font-size:11px; color:#FFFFFF; background: #a09f9f; margin-bottom: 4px;}
.custom .pop-category a:link { color:#FFFFFF; text-decoration: none;}
.custom .pop-category a:hover { color:#FFFFFF; text-decoration: none; background: #c6c6c6; }
.custom .pop-category a:visited { color:#FFFFFF; text-decoration: none;}
.custom #hot-right-now {background: url(images/hot-right-now.jpg) no-repeat; height: 29px; width: 224px;}

/** sidebar titles **/

.custom #wpp-3 h3 {background: url(images/hot-right-now.jpg) no-repeat; height: 29px; width: 224px;}
.custom #wpp-3 li {vertical-align:text-top; width: 224px; height:80px; border-bottom:thin #999999 dashed; }
.custom #top-commentators h3 {background: url(http://www.extremejohn.com/images/big-mouths.jpg) no-repeat; height: 29px; width: 224px;}
.custom #ngg-images-362991711 h3 {background: url(http://www.extremejohn.com/images/random-pictures.jpg) no-repeat; height: 29px; width: 224px;}
.custom #focal-4 h3 {background: url(http://www.extremejohn.com/images/categories.jpg) no-repeat; height: 29px; width: 224px;}
.custom #text-397295224 h3 {background: url(images/fan-page.jpg) no-repeat; height: 43px; width: 224px;}
.custom #pages-2 h3 {background: url(images/pages.jpg) no-repeat; height: 37px; width: 224px;}
.custom #linkcat-2 h3 {background: url(images/blog-roll.jpg) no-repeat; height: 33px; width: 224px; text-indent: -9999em;}
.custom #linkcat-1343 h3 {background: url(images/daily-spots.jpg) no-repeat; height: 38px; width: 224px; text-indent: -9999em; }
.custom #meta-2 h3 {background: url(images/meta.jpg) no-repeat; height: 36px; width: 224px; text-indent: -9999em; }
.custom #text-397295222 h3 {background: url(images/random-crap.jpg) no-repeat; height: 42px; width: 224px; text-indent: -9999em;}





/* WP-Thumbie */

#wp_thumbie {background:#FFFFFF; font-family:verdana,arila,serif; font-size:12px; font-style:normal; color:#4E4848;margin-top:30px;margin-bottom:10px; width: 650px; padding: 0px 0px 0px 40px;}
#wp_thumbie_image { float:left; margin: 2px 10px 5px 7px; padding: 2px 2px 2px 2px; border:1px solid #EBDDE2;}
#wp_thumbie_title {padding:2px 2px 2px 0px;}
#wp_thumbie_title a{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#333333;}
#wp_thumbie_title a:hover{color:#ff0000; text-decoration:none; }
#wp_thumbie_thumb, #description {margin-left:0px;}
#wp_thumbie_li {border-bottom:1px solid #EBDDE2; padding: 5px 5px 10px 0px;}
#wp_thumbie_li:hover{background:#fafafa;}
#wp_thumbie_rl1 {color:#333333; font-family:Georgia,Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold;line-height:1.4em;margin:0 0 8px;}
#wp_thumbie_rl2 {font-size:10px;font-family:arial,helvetica,sans-serif;}


/**
.custom .wpp-thumbnail { float:left ; background:#999999 url(images/extremejohn-no-preview-image.jpg) no-repeat; height:66px; width:66px; float:left; margin:3px 4px 5px 0px;}
.custom .widget popular-posts { height: 70px;}

.custom .wpp-post-title {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FF0000; float:right; width:155px;}
.custtom .post-stats {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#161616; font-weight: bold; float:right; }
**/

/*** twitter test **/
.custom #twitter_div { background: none; font-family:Arial, Helvetica, sans-serif;}
.custom #twitter_div a { font-family:Arial, Helvetica, sans-serif; font-size: 11px;  }
     .custom #twitter_div a:hover { text-decoration: none; color: #ffffff;  }
.custom #twitter_div li { border-bottom: 1px solid #616161; padding: 10px 0px 0px 0px; font-size: 11px; }
.custom #twitter_update_list { width: 228px; }
.custom #twitter_widget-3 { padding: 0px 0px 0px 0px; align: left;}

/**FB test**/
.custom #fan_box-temp { background: url(http://www.extremejohn.com/images/ej-fb-bg.jpg); }