/* =========== */
/* = Common  = */
/* =========== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
}

header, section, footer, aside, nav, article, figure { 
  display: block;
}

body {
  font-size: 14px;
  line-height: 1.5;
  font-family: 'Droid Serif', Georgia, serif;
  text-align:justify
}

h1 {
  font-family: 'Vollkorn', Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 200%;
}

h2 {
  font-family: 'Vollkorn', Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 160%;
}

h3 {
  font-family: 'Vollkorn', Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 125%;
}

p, ul, ol, dl, pre, blockquote, table, form {
  margin: 20px 0;
}
/*original value is 60px*/
ul, ol {
  padding-left: 10px;
}

a, 
a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}

a:hover {
  text-decoration: none;
  border-bottom: 1px solid #333;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

/* =========== */
/* = Welcome = */
/* =========== */

#welcome { 
  background-color: #63ABAD;
  background-image:url('../images/bg3.png'); 
  /* custom background-position */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: auto;
  height: auto;
  color: #244448;
  /*text-shadow: 0 1px 0 #A1B6BA;*/
  font-size: 18px;
}
#welcome table { 
  border-collapse:collapse; border-spacing:0; empty-cells:show
}
#welcome td, th {
 vertical-align:top; font-size:12pt;
}
#welcome li {
 list-style: none; margin:0; padding:0;
}
#welcome li span. {
 clear: both; line-height:0; width:0; height:0; margin:0; padding:0; 
}
#welcome span.footnodeNumber {
 padding-right:1em; 
}
#welcome span.annotation_style_by_filter {
 font-size:95%; font-family:Arial; background-color:#fff000;  margin:0; border:0; padding:0;
}
#welcome .P1 {
 font-size:12pt; font-family:Liberation Serif; writing-mode:page; text-align:justify ! important; 
}
#welcome .Standard {
 font-size:12pt; font-family:Liberation Serif; writing-mode:page; 
}
#welcome .Table1 {
 width:6.925in; float:none; 
}
#welcome .Table1_A1 {
 padding:0.0382in; border-style:none; 
}
#welcome .Table1_A {
 width:6.925in; 
}
#welcome a, 
#welcome a:visited {
  color: #333;
  border-color: #333;
}

#welcome h1 {
  margin: 50px auto 20px;
  text-align: center;
  font-size: 450%;
  /*text-shadow: 3px 3px 0 #2E545A;*/
  color: #f5f5f5;
}

#welcome h2 {
  margin: 50px auto 20px;
  font-size: 200%;
  /*text-shadow: 2px 2px 0 #2E545A;*/
  color: #f5f5f5;
}

#welcome section {
  text-align: center;
  width: 675px;
  margin: 20px auto;
}

#welcome #about {
  margin-top: 0;
  text-align: left;
  display: table;
  background-color: #61AAAB;
  background-image:url('../images/pbg.jpg'); 
  background-size: cover;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
  border: 1px solid #000000;
  /*box-shadow: 10px 10px 5px #888888;
  border-radius: 20px ;*/
}

#welcome #about #mugshot {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  padding: 10px;
}

#welcome #about img {
  height: 130px;
  width: 90px;
  float: left;
  border: 2px dashed #62868E;
  padding:1px;
 
}

#welcome #about p {
  display: table-cell;
  vertical-align: middle;
}

#welcome #about em {
  font-style: normal  ;
  font-family: 'Reenie Beanie';
  font-size: 170%;
  border-bottom: 1px dashed #62868E;
  text-shadow: none;
  padding: 1px 5px 0;
}
/*-----------------------------*/
#welcome #pabout {
  margin-top: 0;
  text-align: left;
  display: table;
  background-color: #61AAAB;
  background-image:url('../images/pbg.jpg'); 
  background-size: cover;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
  border: 1px solid #000000;
  /*box-shadow: 10px 10px 5px #888888;
  border-radius: 20px ;*/
}

#welcome #pabout #mugshot {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  padding: 10px;
}

#welcome #pabout img {
  height: 90px;
  width: 90px;
  float: left;
  padding:1px;
 
}
#welcome #pabout p {
  display: table-cell;
  vertical-align: middle;
}
/*---------------------*/
#welcome #links {
  margin: 40px auto;
}

#welcome #writings ul {
  text-align: left;
  list-style-type: none;
  padding: 0;
}

#welcome li.post p {
  display: table-cell;
  width: 150px;
  text-align: right;
  vertical-align: middle;
  padding: 10px;
  font-size: 16px;
  color: #407981;
  text-shadow: 0 1px 0 #99ADB1;
}

#welcome li.post h3 {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
  
#welcome footer {
  color: #000000;
  font-size: 80%;
  text-align: center;
  border-top: 4px solid #5498A2;
  width: 300px;
  margin: 20px auto;
  /*text-shadow: 0 1px 0 #96AAAD;*/
}
/* my list style */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}
/* ======== */
/* = Post = */
/* ======== */

#post {
  background-color: #63ABAD;
  background-image:url('../images/bg3.png'); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
}

#post .content {
	width: 850px;
	height: 850px;
	margin: 0 auto;
        background-image:url('../images/pbg.jpg'); 
        background-size: cover;
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
        border: 1px solid #000000;
	padding: 50px;
}


#post article .content {
	background-color: #ECF2D9;
	color: #2A2522;
	padding: 0;
	width: 700px;
        border-radius: 20px ;
}

#post header {
	text-align: left;
	padding: 10px 40px 10px;
}

#post header p {
  margin: 10;
}

#post section {
  padding: 10px 50px 50px;
}

#post div.highlight {
  overflow: auto;
  background-color: #F4F9EC;
  line-height: 1.2em;
  margin: 20px 0;
  border: 1px dashed #9CAE64;
}

#post code {
  font-family: consolas, 'lucida console', 'bitstream vera sans mono', 'courier new', monospace;
  font-size: 10px;
}

#post blockquote {
  margin: auto 20px;
  font-family: proxima-nova-1, proxima-nova-2, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #2A361F;
}

#post h1 {
  font-size: 150%;
}

#post h2 {
  border-top: 5px solid rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  margin-top: 30px;
}

#post h3 {
  margin-top: 12px;
}

#post aside {
  width: 930px;
  margin: 0 auto;
  padding: 10px;
  border-top: 1px solid #281F0D;
  background-color: #281F0D;
  color: #CBC7BB;
  /*border-radius: 20px ;*/
}

#post aside .content {
  background-color: #3B3127;
  padding: 00px;
}

#post aside a {
  color: #CBC7BB;
  border-bottom: 1px dotted #CBC7BB;
}

#post aside a:hover {
  border-bottom: 1px solid #CBC7BB;
}
/* ======== */
/* = Frame= */
/* ======== */

#frame {
  background-color: #63ABAD;
  background-image:url('../images/bg3.png'); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
}

#frame .content {
	width: 850px;
	margin: 0 auto;
        background-image:url('../images/pbg.jpg'); 
        background-size: cover;
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);   
        border: 1px solid #000000;     
        text-align: center;
	padding: 50px;
}



#frame article .content {
	background-color: #ECF2D9;
	color: #2A2522;
	padding: 0;
	width: 950px;
        border-radius: 20px ;
}

#frame header {
	text-align: left;
	padding: 10px 40px 10px;
}

#frame header p {
  margin: 10;
}

#frame section {
  padding: 10px 50px 50px;
}

#frame div.highlight {
  overflow: auto;
  background-color: #F4F9EC;
  line-height: 1.2em;
  margin: 20px 0;
  border: 1px dashed #9CAE64;
}

#frame code {
  font-family: consolas, 'lucida console', 'bitstream vera sans mono', 'courier new', monospace;
  font-size: 10px;
}

#frame blockquote {
  margin: auto 20px;
  font-family: proxima-nova-1, proxima-nova-2, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #2A361F;
}

#frame h1 {
  font-size: 150%;
}

#frame h2 {
  border-top: 5px solid rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  margin-top: 30px;
}

#frame h3 {
  margin-top: 12px;
}

#frame aside {
  width: 930px;
  margin: 0 auto;
  padding: 10px;
  border-top: 1px solid #281F0D;
  background-color: #281F0D;
  color: #CBC7BB;
  /*border-radius: 20px ;*/
}

#frame aside .content {
  background-color: #3B3127;
  padding: 00px;
}

#frame aside a {
  color: #CBC7BB;
  border-bottom: 1px dotted #CBC7BB;
}

#frame aside a:hover {
  border-bottom: 1px solid #CBC7BB;
}

/* ============ */
/* = Comments = */
/* ============ */


#footer {
  background-color: #d6e4e2;
}

#footer .content {
	width: 50px;
}

#footer div .highlight {
  overflow: auto;
  background-color: #F4eeEC;
  line-height: 1.2em;
  margin: 20px 0;
  border: 1px dashed #9CAE64;
}