body, html {
    margin-top:1;
    margin-bottom:1;
    //margin-left: 0.5em;
    //margin-right: 0.5em;
    padding:0;
    font-size: 15px;
    font-family: sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;    
}

div.content {
    float: left;
    disply: block-inline;
    width: 85%;
    text-align: justify;
    margin-left: 0.5em;
}

a.social {
	font-style: normal;
}

div.social {
	margin-top: 2em;
	text-align: right;
	font-style: italic;
	color: #bbbbbb;
}

div.footer {
    font-size: 15px;
    font-style: italic;
    text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin: 2em 1em 1em 1em;
}

div.sidebar {
    margin-top: 1em;
    float: right;
    width: 14%;
    max-width: 11em;
}

img.sidebar {
    width: 10em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

ul.sidebar {
    margin-left:0;
    padding-left:0;
    list-style-type: none;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

tt:before{ content: "\2308\FEFF"; display: inline; }
tt:after{ content: "\FEFF\230b"; display: inline; }

A:after{ content: "\FEFF\2197"; display: inline; }
A:link { color: #000000; }
A:visited { color: #000000; }
A:active { color: #000000; }
A:hover { color: #000000; }

A.sidebar {
    text-decoration: none
}

A.sidebar:before {
    content: "";
    display: inline;
}

A.sidebar:after {
    content: "";
    display: inline;
}

A.noarrow {
    text-decoration: none
}

A.noarrow:before {
    content: "";
    display: inline;
}

A.noarrow:after {
    content: "";
    display: inline;
}

A.download:after{ content: "\FEFF\2198"; display: inline; }

h1{
    font-variant: small-caps;
    text-align: left;
    color: #FF6600;
    font-family: sans-serif;
}

h2{
    font-variant: small-caps;
    text-align: left;
    color: #FF6600;
    font-family: sans-serif;
}

h2.header{
    font-variant: small-caps;
    text-align: center;
    color: #FF6600;
    font-family: sans-serif;
}

h3{
    font-variant: small-caps;
    text-align: left;
    color: #FF6600;
    font-family: sans-serif;
}

h4{
    text-align: left;
    text-transform: uppercase;
    color: #FF6600;
    font-family: sans-serif;
}

h4.abstract{
    text-align: center;
    text-transform: none;
    font-style: italic;
    color: #FF6600;
    font-family: sans-serif;
}


pre.code{
    font-size: 15px;
    border: solid;
    border-width: 0;
    width: 100%;
    font-family: Courier, monospace;
    color: #000000;
    background: #C0C0C0;
}

pre.shell{
    font-size: 15px;
    border: solid;
    border-width: 0;
    width: 100%;
    font-family: Courier, monospace;
    color: #00FF00;
    background: #000000;
}

pre.dos{
    font-size: 15px;
    border: solid;
    border-width: 0;
    width: 100%;
    font-family: Courier, monospace;
	/* almost white on black... */
    color: #C0C0C0;
    background: #000000;
}

pre.unix{
    font-size: 15px;
    border: solid;
    border-width: 0;
    width: 100%;
    font-family: Courier, monospace;
	/* very Solaris */
    color: #000000;
    background: #FFF7E9;
}

div.abstract:before { content: "\2329\FEFF"; display: inline; }
div.abstract:after { content: "\FEFF\232A"; display: inline; }
div.abstract {
    padding-left: 4em;
    padding-right: 4em;
    font-style: italic;
    font-weight: normal;
}

span.nsection {
    font-size: medium;
    font-style: italic;
}

span.linktype {
    font-size: 18px;
}

p.caveat:before { content: "CAVEAT:\00A0"; display: inline; }
p.caveat {
    text-align: center;
    padding: 0.2em;
    margin: 0.8em 0.8em 0.8em 0.8em;
    // border-top: 2px solid #FF6600;
    // border-bottom: 2px solid #FF6600;
    font-weight: normal;
}

span.quote:before { font-size: 20px; content: "\275D\00A0"; display: inline; }
span.quote:after { font-size: 20px; content: "\00A0\275E"; display: inline; }
span.quote {
    float:right;
    display: inline;
    width: 13.5em;
    font-size: 20px;
    text-align: center;
    color: #FF6600;
    padding: 0.2em;
    margin: 0.4em 0.4em 0.4em 0.8em;
    border-left: 2px solid #FF6600;
    border-bottom: 2px;
    border-top: 2px;
    border-right: 2px;
}

img.icon:before { font-size: 14px; content: "\00A0"; display: inline; }
img.icon{
    border: solid;
    border-width: 0;
    padding-left: 0.2em;
    height: 16px;
    width:  16px;
}

img.inline{
    border: solid;
    border-width: 0;
    padding-left: 0.2em;
    height: 16px;
}

img.picture{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

div.author {
    float:left;
    color: #0A0A0A;
    font-style: italic;
}

div.date {
    float:right;
    color: #0A0A0A;
    font-style: italic;
}

ul.index {
    padding-left: 1em;
    font-style: italic;
    color: #0A0A0A;
    list-style-type:none;
}

table {
    padding-right: 11em;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px 0px;
    border-style: solid solid solid solid;
    border-color: #FF6600;
    border-collapse: collapse;
    background-color: white;
}

table.plain {
    padding-right: 11em;
    border-width: 0px 0px 0px 0px;
    border-spacing: 0px 0px;
    border-style: solid solid solid solid;
    border-color: #FFFFFF;
    border-collapse: collapse;
    background-color: white;
}


table th {
    padding-right: 11em;      
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: #FF6600;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

table.plain th {
    padding-right: 11em;      
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: #FFFFFF;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

table td {
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: #FF6600;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

table.plain td {
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: #FFFFFF;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

div.weblog {
    border-left: 2px dotted #cd853f;
    border-bottom: 2px dotted #cd853f;
    border-top: 2px dotted #cd853f;
    border-right: 2px dotted #cd853f;
    margin: 0em 1em 0em 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.note {
  z-index: 1;
  visibility: hidden;
  position: absolute;
  text-align: left;
  padding: 4px;
  width: 400px;
  overflow: auto;
  background: #FF6600;// gold;
}

::-moz-selection {
    background: none repeat scroll 0% 0% #FF6600;
    color: #FFFFFF;
    text-shadow: none;
}

::selection {
    background: none repeat scroll 0% 0% #FF6600;
    color: #FFFFFF;
    text-shadow: none;
}

@media only screen and (max-device-width: 481px) {
	
	body, html {
		font-size: 15px;
		font-size: 100%;
		font-family: sans-serif;
		width: 100% !important;
		max-width: 100% !important; 
		margin-left: 0%;
		margin-right: 0%;
	}
	
	div.content {
	   clear:both!important;
	   font-size: 15px !important;
	   float: none;
       text-align: justify;
	   margin-left: 0;
	   margin-right: 0;
	   display:block!important;
       width:100%!important;
	}
	
	ul {
	   clear:both!important;
	   font-size: 15px !important;
	   float: none;
       text-align: justify;
	   margin-left: 0;
	   margin-right: 0;
	   display:block!important;
       width:100%!important;
	}
	
	ol {
	   clear:both!important;
	   font-size: 15px !important;
	   float: none;
       text-align: justify;
	   margin-left: 0;
	   margin-right: 0;
	   display:inline-block!important;
       width:100%!important;
	}

   div.sidebar {
	   font-size: 15px;
	   float: none;
       margin-top: 1em;
	   display:block!important;
       width:100%!important;
	   max-width: 100%!important;
   }
   
    img.sidebar {
		width: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	ul.sidebar {
		font-size: 15px !important;
		text-align: center;
		line-height: 200%;
		margin-left:0;
		padding-left:0;
		list-style-type: none;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	
	div.footer {
	   display:block!important;
       width:100%!important;
	   max-width: 100%!important;
	}
	
	code {
	   clear:both!important;
	   font-size: 15px;
	   overflow:auto;
	   display:block!important;
       width:100%!important;
	   max-width: 100%!important;
	} 
	
	img.picture {
		width:100%;
		max-width:100%;
        height:auto;
	}
}