html{
	margin: 0px;
	padding: 0px;	
}

body{
	font: small/1.5em "georgia", "Arial", "Helvetica", "sans-serif";	
	color: #666;	
	margin: 0px;
	padding: 0px;
}

.canvas{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	overflow:none;	
	background-color: #E0E1E5;	
}

.leftPanel{
	width:88%;
	height:100%;
	float:left;
	left:0;
	margin:0;
	padding:0;	
	overflow: none;
	background: transparent  url(../img/lotus.jpg) bottom left no-repeat;	
}

.rightPanel{
	position: relative;
	width:12%;
	height:100%;
	float:left;
	margin: 0;
	padding:0;
	left: 0;
	overflow: none;
	background: transparent url(../img/poem.gif) top right no-repeat;
}

#linkPanel {
	margin-top:150px;
	position:relative;			
	margin-left: 2px;
	margin-right: auto;	
	width: auto;
	height: auto;
	/*border: 1px solid blue;*/
	text-align:center;
      vertical-align:middle;
      font-color:black;
	overflow: auto;	      
}

#linkPanel ul{
	margin: 0;	
}

#linkPanel li{
	list-style-type: none;     
}

#linkPanel a{
	color: #000;
      font-weight:bold;
	text-decoration: none;	
	text-transform: lowercase;	
}	

#linkPanel a:hover{
	color: #000;
	font-weight: bold;
	text-decoration: none;	
	background-color: #ccc;
}

#bodyPanel {
	position: relative;
	height: 90%;	
	width: auto;
	margin-left: 20%;	
	margin-right: auto;
	padding: auto;	
	overflow: auto;		
	background-color: transparent;		
}

#bodyPanel a{
	color: #666;	
	border-bottom: 1px dotted #000;	
	text-decoration: none;			
}

#bodyPanel a:hover{
	color: #666;	
	border-bottom: 1px solid #B7A5DF;
	text-decoration: none;
}

#footerPanel {
	position: relative;
	height: 10%;
	width: auto;
	margin-left: 20%;
	margin-right: auto;	
	border-top: 1px solid #ccc;
	overflow: none;
	background-color: transparent;
        bottom: 0;
}

#footerPanel .link{
	float: left;		
	vertical-align: middle;	
	overflow: auto;		
	padding: 5px 6em 5px 3px;	
	margin: 0;	
        top:0;		
}

#footerPanel a{
	color: #000;
	text-decoration: none;
	font-weight: 550;		
	letter-spacing: 1;
	font-variant: small-caps;
	font-family:"Tw Cen MT", "Arial", "Monotype Corsiva";
	}

#footerPanel a:hover{
	text-decoration: underline;
}

#footerPanel .footer{
	clear: both;	
	text-align: center;
	font-size: 80%;
	margin-top: 0;
	padding: 0;
	overflow: none;	
	position: absolute;
	bottom: 0;
	top: auto;
	width: 100%;
}

.signature {
	text-align: right;	
}

/************Home**************/
.section {
	background-color: transparent;	
	border: 1px solid #ccc;		
	background-repeat: no-repeat;		
	vertical-align: top;		
	height: 76px;	
	background-position: top right;
	text-align: left;	
	margin-bottom: 2px;
}

#homecanvas {
	background: #E0E1E5 url(../img/linelotus.jpg) right bottom no-repeat;
}

#aboutsection {	
	background-image: url(../img/linelotus1.jpg);
}

#worksection {
	background-image: url(../img/linelotus2.jpg);
}

#diarysection {	
	background-image: url(../img/linelotus3.jpg);
}

#albumsection {
	background-image: url(../img/linelotus4.jpg);
}

#pageTitle {
	background-color: transparent;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
	padding-top: 4px;	
	font-weight: 100;		
	font-size: 20;	
	letter-spacing: 1;
	color: black;
}

.diaryTitle {
	margin-top: 20;
	margin-bottom: 20;
	letter-spacing: 1.5;
        font-weight: 250;
	font-size: 120%;	        
        color: #000;
        text-align: center;
}

.subTitle {
        margin-top: 20;
	font-style: italic;	
	letter-spacing: 1;
        margin-bottom: 20;
}

.subTitle2 {
	font-variant: small-caps;
	letter-spacing: 1;	
}

.center {
	text-align: center;	
}

.capital {
	font-variant: small-caps;	
	font-weight: bold;
	font-size: 160%;
	font-style: italic;
}


div.topic{
	float: left;			
	vertical-align: top;		
	border-width: 0;
	width: 85%;
	height: auto;		
	margin-bottom: 20px;
}

div.picture {
	width: 100px;	
	height: auto;
	text-align: center;	
	vertical-align: middle;
	margin-right: 2;
}

.right {
      text-align: right;
}

fullWidth {
      width: 100%;
}

div.block {				
	width: 100%;		
	height: auto;		
	
	vertical-align: middle;
	clear: both;	
	padding-bottom: 20px;
}

div ul {
	margin-top: 0;	
	margin-bottom: 0;
}
/**********About**************/
#aboutcanvas {
	background: #E0E1E5 url(../img/linelotusleft_about.jpg) right bottom no-repeat;	
}

.aboutPanel{
	/*background: transparent url(../img/linelotusleft_about.jpg) right top no-repeat;		*/
}