/****************************** BODY - CONTAINER ******************************/

*    {  margin: 0; padding: 0; }


body       { 	background: #FFFFFF url(http://tilakbera.info/images/bg.jpg) repeat-x;
	        color: #333;
	        font: 76%/1.6em Helvetica, verdana, sans-serif; 	        
                margin: 0px;}

#container {	background: url(http://tilakbera.info/images/gradient.jpg);
	        width: 949px; 	
	        position: relative; text-align: left; 
                margin: 0px auto;
                border: none;  }

/********************************************* LAYOUT *****/

p    {	margin: 0.7em 0; line-height: 1.6em; }

dt   {	font-weight: bold;}
dl   {	margin: 1em 0; }
dd   {	margin: 0.5em; padding: 0; }

.alignleft { float: left;  text-align: left; }
.alignright{ float: right; text-align:right; }

img  {	background: url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0; border-top:#eee 1px solid; border-left:#eee 1px solid; }

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

a:link img,
a:visited img,
a:hover img,
a:active img { background: none; border: none; padding: none;	
	       background: url(img/shadow.gif) no-repeat right bottom;
	       padding: 4px 10px 10px 4px;	
	       border-top: #eee 1px solid; border-left:#eee 1px solid; }

#wpstats,
img.wp-smiley, 
img.noborder, a img.noborder { background: none; border: 0; padding: 0; }

.clear { clear: both; height: 20px; }

blockquote    {  background: url(img/blockquote.gif) no-repeat left top;
        	 color: #666;
	         margin: 1em;
	         padding: 0 0 10px 50px; }

fieldset { border: 0; }

/****************************** HEADER ******************************/

#header      {	width: 40%;  
                float: left; clear: both; 	        
	        margin: 4px; 0px;}

#header h1   {	font-size: 3.0em; color: #FFFFFF; font-variant: none; letter-spacing: -1px;	
                font-style: italic; font-weight: bold; font-family: "Times New Roman";                
	        margin: 0px; }

#header h1 span { color: #999999;}

#header h1 a           { color: #FFFFFF; text-decoration: none; border: none; }
#header h1 a:hover     { color: #D59D69; text-decoration: none; border: none; }
#header h1 a:active    { color: #999999; text-decoration: none; border: none; }

#header #desc  { font-size: 1.4em; color: #FFFFFF; font-weight: bold; font-style: italic; letter-spacing: 0px;
	         font-family: "Times New Roman", Georgia, Verdana;	        
             	 margin: 20px 0 10px 60px;}

#headerimage   { background: #4A545B url(img/misty.jpg) no-repeat 0 0;
                 color: #FFFFFF; 
	         width: 949px; height: 224px; clear: both; 
	         margin: 0 auto; }

 html #headerimage { margin-top: 0;}

a             {  text-decoration: none; }
a:link        {	 color: #4A766E; font-weight: bold; }       
a:visited     {	 color: #333333; font-weight: bold;}
a:hover       {	 color: #B5A642; font-weight: bold;} 
a:active      {	 color: #B87333; font-weight: bold; border-bottom: 1px solid #963;}

h1, h2, h3,
h4, h5, h6    {  font-family: Georgia, Verdana, Arial, Serif;  }

/****************************** NAVIGATION ******************************/
#navigation { background: transparent; position: relative;              
	      width: 60%; overflow: auto; 
              font-family: Georgia, Verdana, Arial, Serif; text-align: left;
              margin: 12px 0 0; }

 html #navigation { height: 1%; }

#navigation ul li { float: left; list-style-type: none;	margin: 0 5px 0 0; }

#navigation ul li a {	background: #192832; display: block; padding: 2px 6px; 
                             color: #999999; font-weight: bold; text-decoration: none; border: none; }
#navigation ul li a:hover  { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#navigation ul li a:active { color: #D59D69; font-weight: bold; text-decoration: none; }

#navigation ul li.current_page_item a { color: #FFFFFF;	}

/****************************** FEEDAREA ******************************/

#feedarea       {	float: right; text-align: right; 
                        color: #FFFFFF;
                        padding: 10px 10px 0 0; }

#feedarea  a    {       color: #FFFFFF;} 

html #feedarea  {	padding-top: 10px;}

#feedarea dl dt {	height: 45px; display: inline; margin-right: 5px; }
#feedarea dl dd {	height: 45px; display: inline; margin-right: 5px; 	                
	                background:url(img/icon_feed.gif) no-repeat left center; padding-left: 16px; }

/****************************** CONTENT ******************************/

#content-main   { float: left; 
	          width: 70%; 
	          margin-right: 1%; }

#content        { margin: 10px 0px; }

#content .post       {	clear: both;
                        margin-bottom: 2em;
                        padding: 0 1em 2em 1em;
	                border: #CCCCCC 1px solid; }

 html #content  { height: 1%; }
 html #section-index #content-main { margin-right: 9px;}

#content h1  {	font-size: 2.4em; color: #265e15;                      margin: 0.8em 0; }
#content h2  {	font-size: 1.4em;                 font-weight: bold;   margin: 0.5em 0; }
#content h3  {	font-size: 1.2em; color: #265e15; font-weight: bold;   margin: 0.4em 0; }
#content h4  {	font-size: 1.1em; color: #265e15;                      margin: 0.3em 0; }
#content h5  {	font-size: 1.0em;                 font-weight: bold;   margin: 0.2em 0; }

#content h2 { font-size: 1.5em; font-weight: normal; line-height: 1.4em; letter-spacing:0px; margin: 1em 0 0; }
#content h3 { font-size: 1.5em; font-weight: normal; line-height: 1.4em; letter-spacing:0px; margin: 1em 0 0; }

#content .entry { margin: 1em 0; padding-right: 1em; }

#content .entry a:link,   { color: #333333; font-weight: bold; }    
#content .entry a:visited { color: #777777; font-weight: bold; }    
#content .entry a:hover,  { color: #367EA6; font-weight: bold; }  
#content .entry a:active  { color: #7A0000; font-weight: bold; border-bottom: #963 1px solid; }

#content-main ul        {  margin: 0 1em; padding: 0 1em;
                           list-style-image: url(img/bullet.png); }

#content-main ul.asides {  margin: 0; padding: 2em; border-bottom: #ddd 1px dashed; }
#content ol             {  margin: 1em; padding: 0 1em; list-style-type: decimal; }


#content .entry li { line-height: 1.6em; margin: 0 0 0.3em 0; padding: 0; }

#content p img.right {	float: right; margin: 10px 0 0 10px; }
#content p img.left  {	float: left;  margin: 0 10px 10px 0; }

#content .post-info , 
#content .postmetadata { font-size:0.9em; color:#999;
	                 clear: both;	
	                 margin: 0; padding: 0;	}

#content .post-info, 
#content h2.pagetitle {	padding-bottom: 15px; }

.postnav { width: 100%; display: block; margin: 10px 0px 60px 0px; }

/****************************** SIDEBAR ******************************/

#sidebar  { float: left; 
	    width: 29%;
	    font-size: 0.9em; font-family: Helvetica, verdana;}

#sidebar h2  {	font-size: 1.2em; color: #265e15; font-weight: bold; margin: 0.2em 0 0.8em ; }

#sidebar ul        {	list-style: none; margin: 0; padding: 0; }
#sidebar ul ul     {	list-style: none; margin: 0.2em 0 0 1em; }
#sidebar ul ul ul  {	                  margin: 0 0 0 1em;}

li#sidelinks ul  { margin: 0; padding: 0; }

#sidebar li      { margin-bottom: 4px; }

#sidebar li.sidebox { background: #FEFEFE;
	              margin: 0 0 1em 0; padding: 1px 10px; 
                      border: 1px solid #CCCCCC;}

#sidebar li.sidebox h3  { font-size: 1.4em; color: #265e15; font-weight: bold; margin: 0.2em 0 0.5em ; }


#sidebar li.sidebox p img { background: none;
	                    margin: 0; padding: 3px; border: #ccc 1px solid; }


/******************************* COMMENTS *****/

#comments, 
#respond       { margin: 0; padding: 1em 0 0 0; }

#commentform   { background:#f9fcfc;
	         margin: 10px 0; padding:10px;	
	         border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; }

.commentnum    { font-size: 1.5em; font-weight:bold;	
	         margin:0 5px 0 0; }

.nocomments    { font-size: 0.9em; color: #999; text-align: center; }

#container .commentlist    { margin: 1em 0; padding: 0; border-top: #ddd 1px solid; }
#container .commentlist li { background:#fff url(img/shadow_top.gif) repeat-x top;
	                     list-style:none;
	                     margin: 0;	padding: 0.5em 0.5em 2em;
	                     border-bottom: #ddd 1px solid; }


#container .commentlist li.alt            { background:#f9f9f9; }
#container .commentlist li.authorcomment  { border: #fc9 1px solid; }

#container .commentlist li cite        { font-style: normal; font-weight: bold; }
#container .commentlist li .cmtinfo    { font-size: 1em; }
#container .commentlist li .cmtinfo em { font-size: 0.9em; color: #999; font-style: normal;
	                                 float: right;
	                                 margin: 0; padding: 0; }

#container .commentlist .avatar { float: right;	}

#content .commentsfeed { background: url (img/icon_feed.gif) no-repeat left center; padding-left: 16px; }
#content .trackback    { background: url (img/link.gif) no-repeat left center;      padding-left: 20px; }

input.textbox, 
textarea         { background: #fff url(img/shadow_top.gif) repeat-x top;
                   width: 150px;
                   font: 1em Verdana, Arial, Serif;
	           padding: 2px;
	           border: #ccc 1px solid; }

textarea         { width: 90%; height: 20em;
	           line-height: 2em; 
                   padding: 10px; }

input.textbox:focus, 
textarea:focus   { background:#fff url(img/shadow_top.gif) repeat-x top;
	           border: #999 1px solid; }

#submit       { padding: 3px 5px; }

.post h4      { font-size: 1em; font-weight: normal; font-family: Verdana, Tahoma, Arial, Serif; }
.post h4 em   { color:#999999;  font-weight: normal; font-style: normal; float: right; }

#header, 
#content, 
#sidebar, 
#footer, 
.widget { overflow: hidden; }

/************************************ FOOTER ******************************/

#footer     {	background: #F1F1F1 url(http://www.tilakbera.info/images/gradientsm.jpg) repeat-x;
                width: 100%; text-align: left; clear: both; 
	        margin: 0 auto; }

 html #footer {	height: 1%; }

#footer p           {	width: 100%; float: left; 
                        line-height: 1.2em;
	                font-size: 0.9em; color: #333;  
	                margin: 1em auto; }

#footer p.right     {	width: 40%; float: right; 
	                line-height: 1.2em;
	                font-size: 0.9em; color: #333; text-align: right; 
                        margin: 1em 10em 2em 0; }