/* CSS Document */

/* 
Theme Name: Blueleaves
Theme URI: http://www.kaushalsheth.com/
Design Name: 
Description: Blue Leaves theme
Version: 1.0
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com


*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#banner1 { position:absolute; top:2px; left:82%; z-index:1;}

body {
	background: #333; /* Optional */
	font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; /* IE Fix */
	margin: 0px;
	color: #333;
	padding: 0px;
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: underline; font-weight: bold; color: #356689; }
a:hover { color: #152854; }
a:visited { color: #356689; }

/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:3px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#efefef;
font-size:0.9em;
color:#505050;
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {position:absolute; left:50%; 
	margin-left:-501px;
	background: #fffef2 url('../images/zopilote_header.gif') no-repeat 100% 0;
	width: 1000px;
	border: 0px ;
	}
	
#info-box {position:absolute; top:10px; left:0px; z-index:3;}
#info-box-langs {position: relative; top: -50px; left: 65px; z-index:4}
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	text-align: left; padding-left:15px; padding-right:15px; padding-top:100px; padding-bottom:0; z-index:2
	}	
		
	
#header h1 { 	
	margin: 0;
	color: #C6C4C5;
	font-size: 1.8em;
	font-weight: normal;
	cursor: default;
	}	
	
	
#header h1 a {color: #858f9E; }
#header h1 a:hover {color: #858f9E; }
#header h1 a:visited {color: #858f9E; border-bottom: 1px dashed #fff;}

#header h2 { 	
	margin: 0;
	color: #8D8E90;
	font-size: 1.2em;
	padding-left: 1px;
	cursor: default;
	}	
	
.codebox { background-color: #e3e3f6; border: 1px solid #333366; padding: 5px; margin-bottom: 5px; width: 570px; max-height: 400px; overflow: auto; text-align: left; }
.codebox pre { margin: 0px; padding: 0px; }

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	margin-top: -10px; margin-left: 0px; margin-bottom: 0px; 
	padding-left:0px; padding-right:15px; padding-top:5px; padding-bottom:0;
	height: 2.2em;
	}
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 40px;
	}		
#nav li a { 
	text-decoration: none; 
	color: #000;
	background-color: #fffef2;
	border-right: 0px solid #000; 
	border-bottom: 0px none;
	border-top: 0px none;
	font-size: 1.5em;
	float: left;
	padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px;
	margin: 0px;
	}
#nav li a:hover { background-color: #6B7687; }
#nav li a.on { background-color: #990000; color: #fff; }

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
	margin-top: 30px; margin-right:15px;
	float: right;
	width: 250px;
	position: relative;
	word-spacing: 2px;	
	padding-left:0px; 
	padding-top: 10px;
	background-color: #d0c3a1;
	color: #333;
	text-align: left; 
	}
	
#sidebar p.text {padding-left:8px; padding-top: 0px; padding-right:12px;}

/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3, #content h3 { 
	font-size: 1.1em; 
	color: #49515C; 
	margin: 0 10px 0 0; 
	cursor: default;
	}
	
#sidebar h1, #content h1, #post-left h1, #post-right h1{ 
	font-size: 1.5em; 
	color: #990000; 
	margin-top: 10px; 
	cursor: default;
	line-height: 20px; 
	}

#content div, #sidebar div { 
	padding: 1px 0 10px 0;  
    padding: 5px;
	}	
#content ul, #sidebar ul {
	list-style-type: none;
	}	



#post-left a, #post-right a { text-decoration: underline; font-weight: bold; color: #356689;}
#post-left a:hover, #post-right a:hover { color: #152854; }
#post-left a:visited, , #post-right a:visited { color: #356689; }

#content ul{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
	
#content ul li{
	background:transparent url("../images/bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	text-align: left; padding-left:15px; padding-right:30px; padding-top:10px; padding-bottom:0;
	float: left;
	width: 680px;
	position: relative;
	margin-left: 0px;
	word-spacing: 2px;	
	}	


p.small {
	text-align: left;	
	font-size: 90%;
	line-height: 16px;
	}
	
/*------------------------------------------------------------*
**  Posts
**------------------------------------------------------------*/
#post-left {
	margin-right:15px;
	float: left;
	width: 310px;
	position: relative;
	line-height: 15px; 
	word-spacing: 2px;	
	padding-left: 2px; 
	padding-top: 10px;
	}
	
#post-right {
	margin-right:15px;
	float: right;
	width: 310px;
	position: relative;
	line-height: 15px; 
	word-spacing: 2px;	
	padding-left: 2px; 
	padding-top: 10px;
	}	
	
#post-mid {
	margin-right:15px;
	margin-left:-10px;
	float: right;
	width: 620px;
	position: relative;
	line-height: 15px; 
	word-spacing: 2px;	
	padding-left: 2px; 
	padding-top: 10px;
	}	
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	border-bottom: 5px ;
	border-top: 10px;
	text-align: center;	
	color: #fff;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	}
	
#footer a { text-decoration: none; color: #356689; }
#footer a:hover {text-decoration: underline; color: #6B7687; }



	
	
	
	/* adding sidebar*/
	#sidebar ul {
	padding: 0 0 1em 5px;
	margin: 5px;	
}

/* added blockquote*/
blockquote {
	margin: 15px 30px 0 15px;
	padding-left: 20px;
	padding-right: 20px;

	border: 3px double #cecece;
	font-style: italic;
	}
	
	/* adding design box*/
	
ul#intro 
{
    margin:0px 0;
    padding:0;
    list-style:none;
    font-size:0.9em;      
}
#intro h2 
{
	border-bottom:#666 1px dotted;
}
#intro li 
{
    margin:0;
    padding:0;
    list-style: none;    
    display: inline;
}
#intro li .smallbox
{
    width:150px;
    float:left;
    margin:0px 5px;    
    margin-left:20px;
    padding:0 5px;
    background:#fafafa url('../images/sidebarul.jpg') no-repeat bottom; 
    color:#000;  
    border:1px solid #ddd;; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0;
}
#intro a:hover 
{
	background:none;
}

/* menu header*/
.menuheader {
        margin: 0;
        padding: 5px;
        height: 20px;
        background:transparent url('../images/full_sidetitle.gif') no-repeat top center;
}

.menuheader div
{
       margin:0;
       padding-left:.5em;
       font-size: .9em;
       color: #fff;
       font-weight: bold;
       float:left;
       height: .9em;
}

.menuheader a{
       float:right;
       margin:0;
       height: .9em;
}

.menuheader a images{
       width:15px;
       height:15px;
       border:none;
       padding: 0 .2em 0 0;
}


/* close menu header*/