/* header */
header#mainHeader{
 text-align: left;   
 position: relative; 
 top: 1.7em;
 left: 0; 
 bottom: 0;
 width: auto;   
 padding: 12px;     
 color: #fff;  
 line-height: 1.75em; 
 /* background: #001423 url('../img/aisara.png') top right no-repeat; */     
 background: #6a0019;
 z-index: 99;  
 border-bottom: 1px dotted #f0f0f0;  
}  
header#mainHeader h1 a{
  color: #fff;
}
header#mainHeader h1 em{
  color: #fff;
}
footer#mainFooter{
 display: none;
}  

/* navigation */
nav#primary{
 margin-left: 0;   
}    
nav#primary li{
 display: inline;
}
nav#primary li a{
 display: inline; 
 margin: 0; 
 padding: 0 8px;
 color: #fff ; 
} 
nav#primary li a strong{
 display: inline;
 color: #fff;
}  
nav#primary li a.selected{
 display: inline;
 color: #fff;  
 padding: 0;
}

/* main content container */  
#mainContent{ 
 text-align: left;
 padding: 38px 12px 12px; 
 margin: 4px;  
 position: static;
 left: 0;  
 top: 0;    
 right: 0;    
 bottom: 0;    
 background: transparent;
}


/* cover */
#cover{
 display: none; 
}

/* main title */
h1.mainTitle{
 padding: 12px; 
 font-size: 1.375em; 
 font-weight: 400;
 font-style: italic;
 margin: 20px 0 12px; 
 border-bottom: 1px solid #ccc;
 width: 94.8%;
}  

/* explanation section */
.explanation{
 vertical-align: text-top;    
 display: inline-block;    
 margin: 1% 4.8% 1% 1%;   
 font-size: .975em;                
 background: #fff;
 border: 1px solid #ccc; 
 box-shadow: 2px 2px 8px #ccc; 
 position: relative;
 padding: 12px;
 line-height: 1.75em; 
}  
.explanation h1.mainTitle{  
 margin-top: 0;
}
/* explanation section */
.explanation .button{
 vertical-align: text-top;    
 display: inline-block; 
 background: #790018; 
 color: #fff;  
 text-decoration: none; 
 margin: 12px 0 0;
 cursor: pointer; 
 border-radius: 4px; 
 line-height: 2.125em; 
 padding: 0 8px;
 text-shadow: -1px -1px 0px #000;
}
.explanation h1{
 font-size: 1.5em;
 line-height: 1.25em;
 font-weight: 400;
 color: #790018;    
 padding: 0;
}   
.explanation strong{
 border-bottom: 1px dotted #790018;
} 
 
/* author section */
#author{
 vertical-align: text-top;    
 display: inline-block;    
 margin: 1%;   
 font-size: .975em;                
 background: #fff;
 border: 1px solid #790018; 
 box-shadow: 2px 2px 8px #ccc; 
 position: relative;
 padding: 12px 12px 12px 18%;
 line-height: 1.75em;
 margin: 40px 4.8% 40px 1%;
}
#author h1{
 position: absolute;  
 top: -9999px; 
 left: -9999px;   
} 
#author img{
 position: absolute;  
 top: -12px; 
 left: -12px;
 width: 16%;
 height: auto ;
 box-shadow: 2px 2px 8px #484848; 
 -webkit-transform: rotate(-6deg);	
 -moz-transform: rotate(-6deg);
 -ms-transform: rotate(-6deg);
 -o-transform: rotate(-6deg);
 transform: rotate(-6deg);            
}  
/* single post section */ 
#single h2{
 font-size: 1.5em; 
 padding-bottom: 8px;
 border-bottom: 4px solid #ccc; 
 margin-bottom: 16px;
}
.post{
 margin-bottom: 12px;
}

/* sidebar */
#sidebar{
 position: relative; 
 width: auto;   
 right: 0;
 top: 0;
 bottom: 0;
 background: #f0f0f0;
 color: #484848 ;  
 text-align: left;
 font-size: .75em;
 padding: 0; 
 border-left: 1px dotted #790019;   
 overflow: auto;
}     
#banner, #mainContent{
 right: 0;
}
#sidebar{
 border-right: 1px solid #790019;
}

/* promotional banner */
#banner{  
 position: fixed;
 top: 0;
 left: 0;
 right: 0; 
 font-size: .75em;
}