/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:

If you have enabled the custom stylesheet in the Thesis options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to override *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }				<--- This makes links blue when you mouse over them

WHY THIS WORKS:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/

/*Custom Header Image*/
.custom #header { border-bottom:none;
height:150px;
width:860px;
padding-top:0em;
padding-bottom:2em;
background:url(images/msn6.jpg)
center left no-repeat; }

.custom #header #logo { display:none; }

.custom #header #tagline { display:none; }

/*Changes Nav Colors*/
.custom ul#tabs li {background:#909090;}
.custom ul#tabs li.rss {background:none;}
.custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#797979;}
.custom ul#tabs li.rss a:hover {
text-decoration: underline;
background: url(http://mattscottnelson.com/wp-content/themes/thesis/images/icon-rss.gif) no-repeat;
background-position: right;}

.custom ul#tabs li a:hover {text-decoration:none; background:#eaf0f4;}
.custom ul#tabs li.current_page_item a:hover {text-decoration:none; background:#eaf0f4;}
.custom ul#tabs li.current-cat a:hover {text-decoration:none; background:#eaf0f4;}

/*boarder definition*/
    body.custom {
    background: #fff;
    }

    .custom #container {
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 0.1em;
    /*background: #33332f;*/
    border: 0.2em solid #1f1a17;
    }

    .custom #page {
    background: #fff;
    }

/*colors sidebar headlines*/
.custom .sidebar h3 {font-weight: bold; color: #1f1a17; padding: 0px 5px; background: #909090;}

/*Code to add social media icons to header have not tried yet
<div id="about_stammy">
		<p>Paul is a 20-something web developer, tech addict and car nut living in Atlanta. <a href="http://paulstamatiou.com/about" rel="me" title="About Paul Stamatiou"><strong>More &raquo;</strong></a></p>
		<br/>
		<span class="bubbleInfo">
			<a href="http://twitter.com/stammy" title="Paul Stamatiou on Twitter">
				<img src="http://turbo.paulstamatiou.com/social/twitter.png"
				alt="" class="trigger social_icon"/>

			</a>
			<div class="popup">
				<p>Follow Paul on Twitter</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://friendfeed.com/stammy" title="Paul Stamatiou on FriendFeed">
				<img src="http://turbo.paulstamatiou.com/social/ffeed.png"
				alt="Follow Paul on FriendFeed" class="trigger social_icon"/>
			</a>

			<div class="popup">
				<p>Follow Paul on FriendFeed</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://stammy.com" title="Paul Stamatiou Tumblr">
				<img src="http://turbo.paulstamatiou.com/social/tumblr_icon.png"
				alt="Follow Paul on Tumblr"  class="trigger social_icon"/>
			</a>
			<div class="popup">

				<p>Follow Paul on Tumblr</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://www.facebook.com/profile.php?id=12800105" title="Paul Stamatiou on Facebook">
				<img src="http://turbo.paulstamatiou.com/social/facebook.png"
				alt="Add Paul on Facebook" class="trigger social_icon"/>
			</a>
			<div class="popup">
				<p>Friend Paul on Facebook</p>

			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://linkedin.com/in/pauls" title="Paul Stamatiou on LinkedIn">
				<img src="http://turbo.paulstamatiou.com/social/linkedin.png"
				alt="Connect with Paul on LinkedIn" class="trigger social_icon"/>	
			</a>
			<div class="popup">
				<p>Connect with Paul on LinkedIn</p>
			</div>		
		</span>

		
		<span class="bubbleInfo">
			<a href="http://flickr.com/photos/pauls" title="Paul Stamatiou Flickr">
				<img src="http://turbo.paulstamatiou.com/social/flickr.png"
				alt="Friend Paul on Flickr" class="trigger social_icon"/>
			</a>
			<div class="popup">
				<p>Friend Paul on Flickr</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">

			<a href="http://youtube.com/PStamatiou86" title="Paul Stamatiou on Youtube">
				<img src="http://turbo.paulstamatiou.com/social/youtube.png"
				alt="Add Paul on Youtube" class="trigger social_icon"/>
			</a>
			<div class="popup">
				<p>Add Paul on Youtube</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://del.icio.us/PStamatiou" title="Paul Stamatiou on Delicious">

				<img src="http://turbo.paulstamatiou.com/social/delicious.png"
				alt="See Paul's Delicious links" class="trigger social_icon"/>
			</a>
			<div class="popup">
				<p>See Paul's Delicious links</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://hypem.com/stammy" title="Paul Stamatiou on Hype Machine">
				<img src="http://turbo.paulstamatiou.com/social/hypem.png"
				alt="Hype Machine" class="trigger social_icon"/>

			</a>
			<div class="popup">
				<p>Fave songs on Hype M</p>
			</div>		
		</span>
		
		<span class="bubbleInfo">
			<a href="http://thesixtyone.com/stammy" title="Paul Stamatiou on The Sixtyone">
				<img src="http://turbo.paulstamatiou.com/social/61.png"
				alt="The Sixtyone" class="trigger social_icon"/>
			</a>

			<div class="popup">
				<p>Paul on The 61</p>
			</div>		
		</span>
	</div>
	<div class="clear"></div>
	</div>
	<div id="content_box">
		<div id="content" class="hfeed">
*/

.custom #widget_content {
background: #fff;
color: #111;
padding-left: 1em;
/*-moz-border-radius:5px;
-webkit-border-radius:5px ;*/
border-radius:5px ;
padding: 1em 0em 1em 1em;
border: 2px solid #777777;
}

.custom #widget_content .widget_icon {
float: left;
margin-right: 0.5em;}

.custom li.widget .my_widget_header {
background: #fff;
/*-moz-border-radius:5px;
-webkit-border-radius:5px ;*/
border-radius:5px ;
}

.custom li.widget .my_widget_header h3 {
color: #111111;
font-size: 1.5em;
text-align: center;
}

/*twitter landing page*/
.twitterlanding #header { padding: 0; border-bottom: 0em; }
.twitterlanding #footer { padding-bottom: 0; border-top: 0em; }
.twitterlanding #footer { display: none; }
.twitterlanding #sidebars { display: none; border: none; }
.twitterlanding #tabs {display:none;}
.twitterlanding #content_box { background:none; }
.twitterlanding .comments_closed { display: none; }
.twitterlanding #header #logo { display: none; }
.twitterlanding #header #tagline { display: none; }
.twitterlanding #content { margin: 0 auto; float: none; }

.twitterlanding #content h2, .sale #content h1 { font-size:30pt; text-align:center; font-weight:bold; }
.twitterlanding #container { width:900px; margin-top: 1em; border: 0.2em solid #000; }
.twitterlanding a { color: #111; }
.twitterlanding a:hover { color: ; background: #eaf0f4; }
.twitterlanding #page { background: #fff; }
body.twitterlanding { background-image:url('images/watercolor.jpg'); background-repeat:no-repeat; background-attachment:fixed}


.custom #footer_area {background:#BEC7D3; padding:0.5em 0; border-top:1px solid #bbd;}
	.custom #footer {border-top:0;}




