/*

Theme Name: BlueHabit

Theme URI: http://sergeek.com/

Description: BlueHabit WP 2.x Theme 

Version: 0.9

Author: alan-kun

Author URI: http://sergeek.com/

======================================================================================

August / 08

	CSS Table of contents
	
		--- 1.- General structure
	
		---	2.- Typograpgy
		
		--- 3.- Extra / 3rd party

	(C) alan-kun All rights reserved
	
	Please note that you ARE NOT allowed to remove the copyright notice from the
	
	footer unless you've got my written permission or have purchased the branding
	
	free edition of this theme. I'm sorry for that, but 1 link won't hort you ;)
	
*/


/*

1.- General structure
=======================================================================================

*/

body {
	
	background: url(images/bg.png) repeat-x

}

div#wrapper {

	width: 960px;
	
	margin: 0 auto;
	
}

div#header {
	
	background: url(images/header.png);
	
	width: 955px;
	
	height: 210px;
	
	margin-top: 40px;
	
}

img#logo {
	
	margin-top: 10px;
	
	margin-left: 10px;
	
	border: none;
	
	outline: none;
	
        float: left;
	
}

ul.menu {
    
    position: relative;
    
    height: 29px; width: 421px;
    
    padding: 15px; 
    
    margin: 0px 20px 0 0;
    
    overflow: hidden;
    
    float:right;

}

ul.menu li {

	float: left;
    
    list-style: none;
    
}

ul.menu li.back {
	
	border-bottom: 3px solid #2383c7;
	
	width: 9px;
    
    height: 0px;
    
    z-index: 8;
    
    position: absolute;

}

ul.menu li.back .left {
	
	height: 30px;
	
	margin-right: 9px;

}

ul.menu li a {
    
    top: 7px;
    
    z-index: 10;
    
    display: block;
    
    float: left;
    
    height: 30px;
    
    position: relative;
    
    overflow: hidden;
    
    margin: auto 10px;
        
}

ul.menu li a:hover, ul.menu li a:active, ul.menu li a:visited {
	
	border: none;
}                     


div#content {
	
	width: 620px;
	
	float: left;
	
	margin-top: -30px;
	
}

div#content div.post {
	
	padding: 0 20px 20px 40px;
	
}

div#sidebar {
	
	float:right;
	
	width: 320px;
	
	margin-right: 20px;
	
	margin-top: -20px;
	
}

div#sidebar h2 {

	margin-left: 15px;
	
}


div#sidebar .ads {
	
	width: 95%;
	
	margin: 0 auto;
	
	text-align: center;
	
}

div#sidebar .ads a img {

	margin: 7px;
	
	border: none;
	
	outline: none;
	
}

div#sidebar p {
	
	padding: 0 15px;
	
	font-size: 12px;
	
	line-height: 18px;
	
}

div#sidebar p a {
	
	color: #2383c7;
	
}

div#sidebar .left {
	
	width: 50%;
	
	float: left;
	
}

div#sidebar .right {
	
	width: 50%;
	
	float: right;
	
}

div#footer {

	clear: both;	
	
	padding-top: 50px;
	
}

div.post img.left {
	
	float: left;
	
	margin: 0 10px 0 0;
	
}

div.post img.right {
	
	float: right;
	
	margin: 0 0 0 10px;
	
}

div.post a img {
	
	border: none;
	
	outline: none;
	
}

div.post .meta {
	
	margin-top: -15px;
	
}

div.info {
	
	background-color: #eff7fd;
	
}

div.navigation {
	
	width: 560px;
	
	margin-left: 40px;
	
}

div.navigation .alignleft {
	
	float: left;
	
	width: 50%;
	
	text-align: center;

}

div.navigation .alignright {
	
	float: right;
	
	width: 50%;
	
	text-align: center;
}

blockquote {
	
	width: 400px;
	
	margin: 0px auto;
	
	padding: 10px;
		
}

blockquote:before {

	content: open-quote;

	height:0px;

}

blockquote:after {
	
	content: close-quote;
	
	height:50px;
	
	margin:-50px 0px 0px 350px;
	
}

blockquote p {
	
	padding-left:25px;
	
	padding-right:25px;
	
}


div#sidebar .left h2, div#sidebar .right h2  {
	
	width: 85%;
	
	padding: 5px;
		
}


div#sidebar ul {
	
	margin-left: -30px;
	
}

div#sidebar ul li {

	list-style: none;
	
	margin-left: 15px;
	
}

div#sidebar ul li a {
	
	display: block;
	
	overflow: hidden;
	
	width: 100%;
	
	border-bottom: 1px solid #f6f6f6;
	
	padding: 10px 0;
	
}

#comments_container {
	
	width: 540px;
	
	margin-left: 40px;
	
	overflow: hidden;
	
}

ol.commentlist {
	
	list-style-type: none;
	
}

ol.commentlist li {
	
	list-style: none;
	
	margin-left: -50px;
	
	width: 500px;
	
	margin-bottom: 15px;
	
}

ol.commentlist li img.avatar {
	
	float: left;
	
	margin: 10px;
	
	border: 1px solid #eee;
	
	padding: 5px;
	
}

ol.commentlist li div.cmmt {
	
	width: 430px;
	
	margin-left: 65px;
	
	margin-top: -5px;
	
}

ol.commentlist li div.meta_comment {
	
	text-align: right;
	
	padding: 10px;
	
}


form#commentform {
	
	margin-left: 15px;
	
	padding: 20px;
	
	width: 460px;	
}

form#commentform #author, 
form#commentform #email,
form#commentform #url {
	
	width: 250px;	
	
	padding: 5px;
	
}  

form#commentform #comment {
	
	width: 440px;
	
	padding: 10px;
	
}


form#commentform #submit {
	
	padding: 10px;
	
}

/*

2.- Typography
=======================================================================================

*/

.description {
	
	text-indent: -3000px;
	
	margin-bottom: -30px;
	
}

ul.menu li a {
        
   	font: bold 14px arial;
    
    text-decoration: none;
    
    color: #676767;
    
    outline: none;
    
    text-align: center;
    
    text-transform: uppercase;
    
    letter-spacing: 0;
    
}

div.post h2, div.post h2 a {
	
	font-family: "Tahoma";
	
	color: #2383c7;
	
	text-decoration: none;
	
	font-weight: normal;
	
	font-size: 21px;	
}

div.post .meta {
	
	color: #a8a8a8;
	
	font-family: "Century Gothic";
	
	font-size: 11px;
	
}

div.post .meta a {
	
	text-decoration: none;
	
	color: #7c7c7c;
	
}

div.post .meta a:hover {
	
	text-decoration: underline;
	
}

div.post .entry {
	
	font-family: "Tahoma";
	
	font-size: 15px;
	
	line-height: 25px;
	
	color: #757575;
	
}

div.post .entry a {

	color: #2383c7;
	
	text-decoration: underline;

}

div.info p {
	
	padding: 5px 5px 10px 10px;
	
	font-family: "Tahoma";
	
	font-size: 12px;
	
	color: #59a2d5;
	
}

div.info p a {
	
	text-decoration: none;
	
	color: #8c8c8c;
	
}

div.info p a:hover {
	
	text-decoration:underline;
	
}

div.navigation, div.navigation .alignleft, div.navigation .alignright {
	
	font-family: "Tahoma";
	
	font-size: 14px;
	
}


div.navigation .alignleft a {
	
	color: #757575;
	
	text-decoration: none;

}

div.navigation .alignright a {

	color: #757575;	
	
	text-decoration: none;

}

blockquote {
	
	background-color: #eff7fd;
	
	font-family: "Palatino";
	
	font-size: 14px;
	
}

div#sidebar {
	
	font-family: "Tahoma";
	
	color: #757575;
	
}

div#sidebar h2 {
	
	font-size: 14px;
	
	font-family: "Century Gothic";
	
}

div#sidebar .left h2, div#sidebar .right h2  {
	
	background-color: #ffffeb;
		
	text-align: center;
	
	text-transform: uppercase;;
	
}

div#sidebar li a {
	
	text-decoration: none;
	
	font-family: "Century Gothic";
	
	font-size: 14px;
	
	color: #737373;
	
	padding: 10px 0;
	
}

div#sidebar li a:hover {

	color: #9e9e9e;
	
}

h3#comments, h3#respond {
	
	font-family: "Century Gothic";
	
	font-size: 15px;
	
}

#comments_container {
	
	font-family: "Tahoma";	
	
	font-size: 12px;
	
}


ol.commentlist li {
	
	background-color: #f9f9f9;
	
	border: 1px solid #eee;	
	
}

ol.commentlist li div.cmmt {
		
	background-color: #fafaf9;
	
}

ol.commentlist li div.cmmt {
	
	font-family: "Century Gothic";
	
	font-size: 12px;
	
	line-height: 21px;
	
	color: #7a7a7a;
	
}

ol.commentlist li div.meta_comment {
	
	font-family: "Tahoma";
	
	font-size: 10px;
	
	color: #7a7a7a;
	
}

ol.commentlist li div.meta_comment a {
	
	color: #000;
	
}

form#commentform {
		
	background-color: #f9f9f9;
	
	border: 1px solid #eee;	
	
	font-family: "Tahoma";
	
}

form#commentform a {
	
	color: #000;
	
}

form#commentform #author, 
form#commentform #email,
form#commentform #url,
form#commentform #comment,
form#commentform #submit {
	
	background-color: #fff;
	
	border: 1px solid #ccc;	
	
	font-family: "Century Gothic";
	
	font-size: 13px;
	
}  


#footer {

	line-height: 2px;

}

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

#footer p {
	
	font-family: "Tahoma";
	
	font-size: 12px;
	
	margin-left: 40px;
	
	color: #7a7a7a;
	
}

h2.pagetitle {
	
	text-align: center;
	
	font-family: "Tahoma";
	
	font-size: 16px;
	
	margin: 50px 0;
	
}