
body {
background-color: #D2B5B6;
}

/* text formatting*/
p, h1, h3, li {margin: 0px 10px 18px 10px;}
ul {margin: 0px 10px 15px -40px;}
h2{margin: 20px 10px 10px -80px;}
.lastpara {margin: 30px 10px 15px 10px;text-align: center;font-weight: bold;color: #52552b;}
.questions{
	margin: 0px 190px 10px 90px;
	padding: 13px 0px 3px 0px;
	border: 2px solid #d5c0a6;}
.intro{
	margin: 0px 190px 10px 90px;
	padding: 13px 0px 3px 0px;}	
.questionspara{	font: 13px/13px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #460047;}
	
.widetext{margin: 0px 0px 10px 0px;padding: 13px 0px 3px 0px;}
h2{font: 26px Georgia, "Times New Roman", Times, serif; line-height:20px; color: #756d57;}
h3 {font: 18px Georgia, "Times New Roman", Times, serif; line-height:22px; color: #333;}
p, li{font: 13px Georgia, "Times New Roman", Times, serif; line-height:18px;}
#leftcol p, #rightcol p{font: 10px Georgia, "Times New Roman", Times, serif; line-height:16px;}
#titlerightblock p{font: 9px Georgia, "Times New Roman", Times, serif; line-height:12px;}
li {list-style: url(http://www.celestegabriele.com/images/swash.jpg) none inside;}
.special{ font: 12px Georgia, "Times New Roman", Times, serif;font-weight: bold; color: #466d47  }
a{ font-weight: normal;color: #9a5a09; text-decoration: none;  }
a:link{ font-weight: normal;color: #8b3626; text-decoration: none; }
a:visited{ font-weight: normal;color: #d2b48c; text-decoration: underline; }
a:hover{ font-weight: normal;color: #FF6347; text-decoration: underline; }
a:active{ font-weight: normal;color: #cd853f; text-decoration: underline; }
.endswash {text-align:center;margin: 0px 0px 55px 0px;}
.firstpara {margin: 40px 10px 0px 10px;text-align: left;font-weight: normal;color: #52552b;}

.dropcap { float:left; color:#8B5A2B; font-size:44px; 
line-height:32px; padding:3px 2px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; }
.firstwords {color:#8B5A2B; font-size:18px; 
line-height:18px; padding:3px 2px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; }

.quotation{margin: 0px 10px 0px 10px;padding: 0px 10px 0px 180px;text-align: right;font-weight: bold;font: 15px Georgia, "Times New Roman", Times, serif; line-height:25px;color: #333;}
.attribution {
	margin: 0px 20px 0px 0px;
	text-align: right;
	color: #887755;
	font: italic normal 15px/15px Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
}
.work {
	margin: 0px 0px 0px 40px;
	text-align: left;
	color: #8B5A2B;
	font: italic normal 14px/19px Georgia, "Times New Roman", Times, serif;
}
span[class="quotation"] {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
	color: #52552b;
	font: 13px Georgia, "Times New Roman", Times, serif;
	line-height:19px;
	font-style: italic;
}
.favorites {
	margin: 15px 10px 10px 10px;
}
.favoritesbottom {
	margin: 15px 10px 40px 10px;
}
.digressiontop{margin: 30px 70px 10px 50px;padding-top: 10px;font: 12px/18px Georgia, "Times New Roman", Times, serif;color: #787;border-top: 1px solid #cdb38b;}
.digression{margin: 0px 70px 0px 50px;font: 12px/18px Georgia, "Times New Roman", Times, serif;color: #787;}
.digressionbottom{margin: 10px 70px 30px 50px;padding-bottom: 10px;font: 12px/18px Georgia, "Times New Roman", Times, serif;color: #787;border-bottom: 1px solid #cdb38b;}


/* principal containing blocks in order of containment */
#firstcontainer {background-color: #fff;
background-image: url(http://www.celestegabriele.com/images/CelesteBanner1.jpg);
background-repeat: no-repeat;
	width: 800px;
	position: absolute;left: -400px;top: 5px;
	margin: 0px 50% 0px 50%;
	border: 2px solid #999999;}
	
#ashikdidit {
	width: 800px;
	position: relative;
	left: 0px;
	top: 23px;
	color: #A87B7D;
	background: no-repeat;
	text-align: center;
	font: normal 11px  Arial, Helvetica, Verdana,  sans-serif;
	letter-spacing: 4px;
	margin: -24px 0px 0px 0px;
	font-weight: 100;
}


#secondcontainer{  background-color:transparent;  position:relative;top: 0px;left:0px;  margin:170px 0px 0px 0px;}

/* column components of the main (text) block */
#midcol{position: relative;top: 0px;left:0px; margin: 0px 0px 0px 0px;}
#leftcol{width: 100px;position: absolute;top: 0px;left:0px;}
#rightcol{width: 100px; position: absolute;top: 0px;left:660px; }

/* inner, text-holding parts of the three columns */
#leftcolinner, #midcolinner,#rightcolinner {position: relative;top: 0px;left:0px;}

#leftcolinner{position: relative;top: 0px;left:0px; margin: 0px 0px 0px 0px;  width: 144px;  }
#midcolinner{margin: 0px 75px 10px 85px; text-align: left;}
#rightcolinner{margin: 5px 5px 5px 5px;}



#leftnavbar{position: relative; top: 15px; left:-3px; margin: 0px 0px 50px 0px;}

.leftnavbutton, .leftnavbuttonhere {z-index: 5; font: 500 15px Georgia, "Times New Roman", Times, serif;text-align: right;margin: 0px 0px 7px 0px;}

/* shift background-position to effect rollover */
.leftnavbutton a { font-weight: normal;color: #52552b; text-decoration: none; padding: 4px 8px 4px 0px;border-right: 2px solid #d5c0a6;}
.leftnavbuttonhere a { font-weight: normal;color: #888; text-decoration: none; padding: 4px 8px 4px 0px;border-right: 2px solid #cd853f;}

.leftnavbutton a:hover { font-weight: normal; color: #cf9839;  border-right: 2px solid #fc0202; padding: 4px 8px 4px 0px;}
#contact p {margin: 0px 0px 0px 0px;padding: 0px 3px 0px 3px;}


