/*
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

Installation Instructions & Update Information: 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--

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

/*SKIN COLOR SETTINGS for Different Backgrounds
To switch the skin background, replace the default (gray) background image  code (bg.jpg) 
in the body.custom declaration with the code for the background you want to use:

Blue - (bg-blue.jpg)
Aqua - (bg-aqua.jpg)
Purple - (bg-purple.jpg)
Red - (bg-red.jpg)
Green - (bg-green.jpg)
Brown - (bg-brown.jpg)
Orange - (bg-orange.jpg)
Pink - (bg-pink.jpg)
*/
body.custom {background: #222 url(bg.jpg) repeat-x;}
/*Edit the Above Line of Code with the background image code referenced above to modify your site's background*/

.custom #container {margin-top: 0; margin-bottom: 0em; border-left: 1em solid #000; border-right: 1em solid #000;}

/***HEADER***/
.custom #header_area .page {background: none;}
.custom #header #logo a { display: block; height: 55px; width: 800px; background: url('http://www.jusmates5.com/wp-content/themes/thesis_16/custom/jus-mate-5-logo.png') no-repeat; outline: none; }
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/***HEADER END***/

/***NAV MENU***/
.custom .menu {background: none; border:none; height: 20px;}

/*SKIN COLOR SETTINGS for Nav Menu Background Colors
If you're using a skin background color other than the default, replace the background hover code in 
the .custom ul.menu li a:hover declaration (with the code for the background you want to use:

Default (Gray) - #666
Blue, Purple - #354662
Red - #850504
Brown, Orange - #754827
Aqua - #326B5C
Pink - #D6009C
Green - #446A31
*/
.custom ul.menu li a:hover {background: #0198C9;}
/*Edit the Above Line of Code with the background colors referenced above to modify the background color when hovering over a menu item*/

.custom ul.menu li a:hover {color: #fff; text-decoration: none; margin-bottom:0; padding-bottom:0.6em;}
.custom ul.menu li.current a, .custom ul.menu li.current-cat a {color: #fff; border:none; padding-bottom:0.6em;}
.custom .menu li {padding: 0; margin: 0px 0px 0px 0px; text-decoration:none; border-bottom:none;}
.custom .menu a {background: none; border:none; padding-bottom: 0.6em; padding-top: 0.3em; margin-top: 0.2em; margin-bottom:0em; margin-right:1em; color:#eee; text-decoration:none; border-bottom:none;}
.custom .menu .rss { float: right; }
.custom .menu .rss a, .menu .rss a:hover { padding-bottom:0.6em; padding-right:0.6em; border: none; }
.custom .menu .rss a:hover { text-decoration: none; }
/***NAV MENU END***/

/***SIDEBAR AND WIDGETS***/
.custom li.widget {list-style: none; text-indent: 0; margin-bottom:0; margin-top:0; padding-left:0; margin-left:1em;}
li.widget h3 {color:#666; font-size:21px; font-family: georgia; margin-bottom:0; margin-top:0;}
.custom #multimedia_box {margin-bottom:0;}
.custom .sidebar ul.sidebar_list {position:relative; padding:0; margin:0;}

.custom div.subscriber {text-indent:0; background: #FFF0DA url(subscribe-bg.png) no-repeat; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; padding:1em; margin-left:-1em; margin-right:1em;}
.custom div.subscriber h3{text-indent: 0; }

.custom div.bluefader {text-indent: 0; padding:1em; background: #E5F2FF url(blue-bg.gif) repeat-x; border-bottom: 1px solid #bbb; margin-left:-1em; margin-right:1em;}
.custom div.bluefader h3{text-indent: 0; }

.custom div.grayfader {text-indent:0; padding:1em; background: #fff url(fade.gif) repeat-x; border-bottom: 1px solid #bbb; margin-left:-1em; margin-right:1em;}
.custom div.grayfader h3{text-indent:0;}

.custom div.sblist1 a {display: block; color:#000000; margin-left:-0.9em; margin-right:-0.9em; padding-left: 1em; padding-top: 0.3em; padding-bottom: 0.3em; font-family:georgia; text-decoration: none; font-size: 14px;}
.custom div.sblist1 a:hover {background-color: #eee; color: #000; text-decoration: underline;}
/***SIDEBAR AND WIDGETS END***/

/***CONTENT AREA MODS***/
.custom .entry-title {color: #0188B3; font-family: calibri; font-size: 28px; font-weight:bold;}
.custom .entry-title a{text-align: left !important; color: #0188B3; font-family: calibri; font-size: 28px; font-weight:bold;}
.custom .entry-title a:hover {color: #990000; }
.custom .headline_meta {text-align:left;}
.custom .headline_area {text-align:left;}
.custom #archive_info {text-align:left;}

.custom .post_box{margin-left:0; padding-left:2em; background: #fff;}
.custom .format_text h3 a {color: #000; text-decoration:none; border-bottom: 1px dotted #ccc;}
.custom .format_text h3 a:hover {color: #990000;}
.custom .format_text .code1 {color:#990000;}

.custom div.welcome_box { border: 2px solid #ddd; background: #E5F2FF url(blue-bg.gif) repeat-x; margin:0; padding: 0.4em; padding-bottom:0;margin-left:0.5em; margin-top:1em; margin-bottom: 0em; margin-right: 0.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/***CONTENT AREA MODS END***/

/***OTHERS MODS***/
.custom #adblock img {margin:1px;}
.custom div.adblock a:hover img {border:3px solid #bebebe;}
.custom div.adblock a img {border:3px solid #ddd;}
.custom div.adblock img {padding: 1px; }

.custom #image-block img {background: #eee; padding: 0.8em; border:1px solid #ddd;}
.custom div.image-block a:hover img {background: #ddd; border:1px solid #bebebe;}
.custom div.image-block a img {background: #eee; border:1px solid #ddd;}
.custom div.image-block img {background: #eee; padding: 0.8em; border:1px solid #ddd;}
/***OTHERS MODS END***/


/***FOOTER***/
.custom #footer_area, #footer_area .page{background: #222;} 
.custom #footer_area {color: #ccc; padding-top: 0em; text-align:center; border-top: 7px solid #BE3401;} 
.custom #footer {border-top:none; text-align:center;} 
.custom #footer a:hover {color: #fff; text-decoration: none; } 
.custom #footer_1 {text-align:left; border-bottom: 1px solid #333; }
.custom #footer_1 ul.sidebar_list li.widget {text-indent:0; color: #eee; width:23%; margin-right:0%; float:left;}
.custom #footer_1 ul.sidebar_list li.widget h3 {text-indent:0; padding-top:0.2em; color:#ccc; font-size:22px; font-family:georgia;}
.custom #footer_1 ul.sidebar_list li.widget a {color: #fff; border-bottom:0; padding:0.2em;}
.custom #footer_1 ul.sidebar_list li.widget a:hover {color:#ccc; padding:0.2em;}
/***FOOTER END***/


/* SAVE THIS IN CUSTOM.CSS FILE */
.custom #feedback {background: transparent; width: 3.2em; position: fixed; top: 35%; left: 0.55%;}
.custom #feedback a {display: block; text-indent: -9999px; height: 3.2em;}
.custom #feedback #twitter {background: url('http://www.serradinho.com/images/thumb_twitter3.png')}
.custom #feedback #rss {background: url('http://www.serradinho.com/Blog/wp-content/uploads/2009/08/RSS_32.png')}
.custom #feedback #email {background: url('http://www.serradinho.com/Blog/wp-content/uploads/2009/08/contact-new.png')}
.custom #feedback #linkin {background: url('http://www.serradinho.com/Blog/wp-content/uploads/2009/08/thumb_linkedin1.png')}
.custom #feedback #skype {background: url('http://www.serradinho.com/images/thumb_skype.png')}
.custom #feedback #login {background: url('http://www.serradinho.com/Blog/wp-content/uploads/2009/08/login_user.png')}

/*Stay-Connected and Share-This-Post Box*/
.box { margin: 0; padding: 0; background: #222222; border: 1px solid #222222;}
.box h3 { margin-top: 0; }
.box p { margin-bottom: 0; }
.box .stayintheloop {float:right; width:50%; }
.box .social_icons {float:left; width:50%; }
.box .social_icons a, .box .social_icons a:hover {border:none;}
.box .social_icons img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; }
.box .social_icons img:hover {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0;}
.advert {background-color:#FFFFA0; color:#000; border: 1px solid #0262A5; border-top: 0; padding: 0.3em; text-align: center; font-size:14px;}

.custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #E7F8FB none repeat scroll 0 0; padding-top:20px;}

.custom dl#comment_list dd p.reply { margin: 1em 0 1.5em 0; }
.custom dl#comment_list dd p.reply a {background: #2f2c28; color: #FFF;font-size: 11px;font-weight: normal;padding: 4px 6px;text-transform: uppercase;}
.custom dl#comment_list dd p.reply a:hover {background:#46382d; border: 0;}

/*post sub-tittle color*/
.custom .format_text h2{background-color: #FAD400;
padding: 0.2em 0.2em 0.2em 0.5em; color:#333;}

/* Feature Box Styling */
.custom #feature_box {
	background:#fff;
	border-bottom:1px dotted #fff;
	border-top:1px dotted #fff;
	height:120px;
	border-left:6px solid #fff;
	border-right:6px solid #fff;
	margin-top:10px;
}
#my-feature-box {
	width:100%;
	height:120px;
	color:#fff;
	font-size:14px;
}
#my-feature-box h2 {
	color:#fff;
	font-size:20px;
	letter-spacing:1px;
	margin-bottom:3px;
}
#feature-box-column-left {
	width:33%;
	float:left;
	height:120px;
	margin-left:1px;
}
#feature-box-column-middle {
	width:33%;
	float:left;
	height:120px;
}
#feature-box-column-right {
	width:33%;
	float:left;
	height:120px;
	margin-left:3px;
}

.custom .archive h3 {margin-top: 0;}
.custom .archive ul {font-size: 1em; }
.custom .archivel { float: left; width: 40%;}
.custom .archiver { float: right; width: 60%;}

#archive_info {display:none;}

/*
-------- pagenavi-----------------------------------
*/
.wp-pagenavi { margin: 15px 0px 15px 0px; }
.wp-pagenavi a, .wp-pagenavi a:link { font-size:12px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi a:visited { font-size:12px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi a:hover { font-size:12px; border: 1px solid #608e7a; color: #FFF; background-color: #2ab7d9; }
.wp-pagenavi a:active { font-size:12px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi span.pages { font-size:12px; padding: 5px 9px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi span.current { font-size:12px; padding: 5px 9px; margin: 2px; font-weight: bold; border: 1px solid #608e7a; color: #FFF; background-color: #2ab7d9; }
.wp-pagenavi span.extend { font-size:12px; padding: 5px 9px; margin: 2px; border: 1px solid #608e7a; color: #FFF; background-color: #2ab7d9; }

.custom .comments_closed p {display: none ;}

/*remove border from blockquote*/
.custom blockquote { border: none ;  }

/*move nav bar to right*/
.custom ul#tabs { float: right;}

.custom .title-avatar {float:left; width:5em; margin-right:1em;}

.blue { background: #e0ffff; padding: 12px 3px 12px 20px; clear: both; width: 90%; margin-top: 5px; margin-bottom: 5px;
border: 2px dotted #add8e6; font-size: 12px; line-height: 17px; color: #272727; font-weight: 500; }

.green { background: #C0F6A9; padding: 12px 3px 12px 20px; clear: both; width: 90%; margin-top: 5px; margin-bottom: 5px;
border: 2px dotted #46A01E; font-size: 12px; line-height: 17px; color: #272727; font-weight: 500; }

custom .my-highlight {background: #fefdaa ;}