/* CSS for Shima's Web Site, by Ramanan Sivaranjan */

body {
	font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align:center;
	background: #FFFFFF;      
	margin:3em; padding:0;
}	

/* Header Style */

#header {        
	font-size: 75%;
    line-height: 120%;
	margin:2.5em auto;
	width:28em;
	padding-left: 90px; /* space for image */          
	padding-right:225px;
	text-align:left;
	background:#FFFFFF url(images/shima_small.gif) no-repeat top left;
}    

#header-text {
	padding:1em;
	background:#F7DFDD;
}

#header h1, #header p {
	display:inline;
}


/* Body Styles */

.speechbubble, #bottom {
	font-size: 75%;
	line-height: 140%;
	margin:1.5em auto;
	width:35em;
	padding-right:225px;
	text-align:left;
}    
       
.speechbubble {
	background:#FFFFFF url(images/shima_happy.gif) no-repeat top right;
}      
   

.text {
	padding:1em 2.5em;
	background:#F7DFDD;
}	
             
.postmeta {                
	font-size: 75%;
	color:gray;
}

.link-post p, .link-post h2 {
	display: inline;
	margin-right:0.3em;
}	

/* Comments */

ol.comments {
	list-style: none;
	padding:0; 
	margin:0 0 1em 0;
}               

ol.comments li {
	border-bottom:1px dashed gray;
}                 

.comment-instructions           
{
	font-size: 75%;
	line-height: 140%;
	color: gray;
}

/* Recent Comments */

ul.rsx_recent_comments {
	list-style:none;
	margin:0px;padding:0px;
}

ul.rsx_recent_comments > li {
	margin-top:10px;
	padding:5px;
	border-bottom:1px dashed gray;
}

   
/* The footer for a page contains links to the next and previous page
 * if there is a need for such links.  I may add other links here.
 */
 
#bottom {
	position:relative;
	text-align:center;
	margin-top:10px;
	padding-top : 10px;
}
#bottom p.bottom-nav {
   margin:0;padding:0;
}
.link_to_prev,
.link_to_next {
	font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Other Styles */

a { 
	color: #D15873;
	text-decoration: none;
}

a:hover {
	color:#000;
	background-color: #D15873;
}


/* Useful classes */
.clear { clear : both; }
.float_right { float:right; }
.float_left { float:left; }
.inline { display:inline; }


/* Rounded Box Styles */

.l1, .l2, .l3 { font-size: 0px; /* hack for ie...yay ie! */ }
.l1 {
border-left: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
background:#F7DFDD;
height: 1px;
}
.l2 {
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
background:#F7DFDD;
height: 1px;
}
.l3 {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background:#F7DFDD;
height: 2px;
}