/*
client: 
company:
date:
author:
*/ 
#wpadminbar{
  display: none;
}
body{ 
 text-align: center; 
 color: #484848; 
 font: 100%/1.25em 'Merriweather',Arial, Helvetica, sans-serif; 
 background: #fff url('../img/bg2.jpg') 0 0 repeat;   
  /*background:#fff url('../img/bg.jpg') 0 0 repeat;  url('../img/bg2.jpg') 0 0 repeat */
}
body,html{
 height: 100%;
}
hr{ 
 display: none; 
} 
a:hover{
 text-decoration: underline;
}
a:active{
 text-decoration: underline; 
}
.clear{
 display: block;
 height: 10px; 
 clear: both;
}                         
#logo, #skipToContent{ 
 display: none;
} 
/* header */
header#mainHeader{
 text-align: left;   
 position: fixed; 
 top: 0;
 left: 22px; 
 bottom: 0;
 width: 180px;   
 padding: 12px;     
 color: #001423;  
 line-height: 1.75em; 
 /* background: #001423 url('../img/aisara.png') top right no-repeat; */     
 background: #6a0019 url('../img/bg.jpg') top right no-repeat;
 z-index: 99;  
 border-right: 1px dotted #f0f0f0;  
}
header#mainHeader h1{
 display: inline-block;   
 padding: 0;
 line-height: 1.25em;   
 margin: 0 0 12px;
}  
header#mainHeader h1 a{
 color: #001423; 
 text-decoration: none;
 font-size: 2em; 
 line-height: 1em;
} 
header#mainHeader h1 em{
 color: #001423; 
 text-decoration: none;
 font-size: .875em;
 line-height: 1.25em; 
 display: block; 
}
footer#mainFooter{
 text-align:left;   
 position: fixed; 
 top: 0;
 left: 0;  
 bottom: 0;  
 line-height: 1.25em;
 background: #001423 url('../img/aisara.png') 0 0 no-repeat;;  
 width: 22px; 
 text-indent: -9999px;
}  

/* navigation */
nav#primary{
 display: block; 
 margin-left: -12px;
}    
nav#primary li{
 display: inline;
}
nav#primary li a{
 display: block; 
 margin: 0 8px 0 0; 
 font-weight: 400;   
 color: #484848;  
 cursor: pointer; 
 text-decoration: none;
 padding-left: 16px; 
 background: transparent;
}
nav#primary li a strong{  
 color: #790018; 
 text-decoration: none;  
 font-weight: 200; 
 cursor: pointer; 
}
nav#primary li a:hover{
 text-decoration: underline;
 color: #484848;
} 
nav#primary li a.selected {
 background: transparent url('sprite.png') -8px -3px no-repeat; 
}  
nav#primary li a.selected strong{
 font-weight: 700; 
 color: #001423;   
}

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

/* posts */
.post{
 vertical-align: text-top;    
 display: inline-block;    
 width: 96%;   
 margin: 1%;   
 font-size: .875em;                
 min-height: 280px;
 background: #fff;
 border: 1px solid #ccc; 
/* box-shadow: 2px 2px 8px #ccc; 
*/ cursor: pointer; 
 position: relative;
} 
.post h2{
 margin: 0 12px 12px; 
 padding-bottom: 4px; 
 font-size: 1.5em;
 line-height: 1.25em;
 min-height: 2.5em;  
 font-weight: 400;
 border-bottom: 4px solid #ccc; 
 color: #790018;   
 padding: 12px 0; 
}    
.post .date{
 margin: 0 0 4px;
 font-size: .875em;   
 padding: 0 12px;
} 
.post .entryContent{
 margin: 0 0 4px;
 padding: 0 12px 24px;
} 
.post a{
 text-decoration: none;  
}  
.post a .date, .post:hover .date{
 color: #000; 
 font-style: italic; 
}  
.post a p, .post a div, .post a strong{
 color: #484848; 
} 
.post:hover {
 border: 1px solid #001423;
} 
.post footer{
 position: absolute; 
 bottom: 0;  
 left: 0; 
 right: 0; 
 padding: 0 12px;
 background: #f0f0f0;
}
.post footer div{
 padding: 4px 0;
}   
.post footer a{
 font-size: .75em; 
 font-weight: 600;
 position: absolute;
 top: 4px;   
 right: 12px;
 text-transform: uppercase;
 color: #001423;
}

/* cover */
#cover{
  
}
#cover img{
 width: 80px;
 margin: 0 0 16px;
 box-shadow: 2px 2px 12px #000; 
}  
#cover a img{
 cursor: pointer;     
 border: 1px solid #484848;
}
#cover a:hover img{
 cursor: pointer;     
 border: 1px solid #fff;
}
/* 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 #790018; 
 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;
}

/* sidebar */
#sidebar{
 position: fixed; 
 width: 160px;   
 right: 0;
 top: 0;
 bottom: 0;
 background: #f0f0f0;
 color: #484848 ;  
 text-align: left;
 font-size: .75em;
 padding: 0; 
 border-left: 1px dotted #790019;   
 overflow: hidden; 
 word-wrap: break-word; 
 z-index: 79;

} 
#scrollableArea{
 position: absolute; 
 width: 160px;   
 left: 0;
 top: 0;
 bottom: 0;
 z-index: 80;
}
/* sidebar */
#sidebar h1{
 background: #790019;
 color: #fff; 
 padding: 4px 8px;
 font-weight: 200;
 min-height: 20px;
}
#sidebar h1 a{
 color: #fff;
 text-decoration: none; 
}

/* promotional banner */
#banner{  
 position: fixed;
 top: 0;
 left: 227px;
 right: 161px; 
 z-index: 199;
 background: #ccc; 
 font-size: 1em; 
 min-height: 20px;
 background: #001423;
 background: rgba(0, 20, 35, 0.98);
 border-bottom: 1px solid #ccc; 
 cursor: pointer;  
}    
#banner h1{  
 font-weight: 200;
 color: #fff;
 font-size: .75em;
 background: transparent url('sprite.png') -8px -46px no-repeat; 
 padding: 4px 0 4px 60px;
  
} 
#banner h1 a{  
 font-weight: 200;
 color: #fff;
 text-decoration: none; 
 border-bottom: 1px dotted #666;
}
#banner h1 a strong{
 border-bottom: 1px dotted #fff;

}
 

.explanation a, .post .entryContent a{
 color: #001423; 
 border-bottom: 1px solid #790018;   
 text-decoration: none;
}