body    {background-color: #FFF;
       color: #1d2731;
       line-height: 130%;
       font-family: Verdana, Arial, sans-serif;}
header  {background-color: #EBEBEB;
       color: #000000;
       font-family: Georgia, serif;
       font-style: italic;
       text-align: center;}        
h1          {line-height: 200%;
        max-height: 72px;
        padding-left: 20px;
        margin-bottom: 0;}
a:link {color: #00008B;
        text-decoration: none;}
a:visited {color: #00008B;}
nav         {font-weight: bold;
        background-color: #d5deec;
        border: 1px solid #000000;
        text-align:center; }
nav ul      {list-style-type: none;}  
nav li      {display: inline;
        padding: 0 5px;
        border: 1px solid #000000;}      
aside     {float: left;
        background-color:#EBEBEB;
        width: 225px;
        padding: 1px;
        border: 1px solid #000000;}
section   {padding: 5px;
        border: 2px solid #000000;
        margin: 2px;}
section img {margin-left: +20px;
           margin-right: auto;
           padding: 20px;}        
section ul {list-style-type:circle;}

.extra   {padding: 5px;
         border: 2px solid #000000;
         margin: 2px;}
.goodreads
	<style>
#gr_updates_widget{
border-radius: 5px;
background-color:#fff;
border:solid #683205 10px;
-webkit-box-shadow: 0px 0px 4px 1px #595959,
inset 0px 0px 0px 1px #7D730B;
-moz-box-shadow: 0px 0px 4px 1px #595959,
inset 0px 0px 0px 1px #7D730B;
box-shadow: 0px 0px 4px 1px #595959,
inset 0px 0px 0px 1px #7D730B;
padding:15px 0 35px 15px;
width:220px;
height:330px;
}
#gr_footer{
margin-bottom:10px;
}
#gr_updates_widget p{
padding:0px;
margin:0;
font-size:14px;
}
#gr_footer img{
width:100px;
float:left;
}
#gr_updates_widget img{
	border-style:none;
}
</style>
#desktop {display: inline;}
#mobile {display: none;}         
h2          {color: #000000;
        font-family: Georgia, serif;
        font-size: large;}
p.resume{margin-left:auto;
        margin-right:auto;
        width: 15em;}
main   {background-color: #FFFFFF;
        margin-left: 225px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 1px;
        padding-bottom: 1px;}
main img {display:block;
        margin-left:auto;
        margin-right:auto;
        padding-top:20px;
        padding-bottom: 20px;}
main ul     {list-style-position: inside;}
.clear {clear: both;}
main code {font-family: Courier, New Lucida, monospace;
          font-size: small;
          color: #000000;}
table       {width: 90%;
        margin: auto;
        margin-top: 20px;
        border: 1px solid #000000;
        border-collapse: collapse;}
td, th      {border: 1px solid #000000;
         padding: 5px;}
td              {text-align: center;}
.skill           {width: 30%;}
.tothetop   {font-size: small;
            font-style: none;}
footer      {background-color: #d5deec;
         line-height: .80em;
         font-style: italic;
         font-size: x-small;
         text-align: center;
         padding: 10px;
         border: 2px solid #000000;
         margin-top: 3px;}        
#wrapper{background-color: #FFFFFF;
         min-width: 700px;
         max-width: 1024px;
         margin-left: auto;
         margin-right: auto;
         width: 80%;}
#wrapper2{border: 1px solid #000000;}
header, nav, main, footer {display: block;}
@media only screen and (max-width: 1024px){
        body        {margin:0;
                 padding:0;
                 background-image: none;}
        #wrapper{width:auto;
                 min-width:0;
                 margin:0;
                 box-shadow:none;}
        h1             {margin:0;}
        nav           {float:none;
                 width:auto;
                 padding:.5em;}
        nav li        {display: inline-block;
                 padding: .5em;}
        nav a        {padding: 1em;}
        aside       {float: none;
                 width: auto;
                 padding: .5em;}
        section     {float: none;
                 padding: 0;
                 border: 0;
                 margin: 0;}
        section li {display: inline-block;}
        section a  {padding: 1em;}
        main        {padding: 1em;
                margin-left: 0;
                font-size: 90%;}
        footer      {margin: 0;}
}
@media only all and (max-width: 768px){
        header  {background-color: #d5deec;
                background-image: none;
                color: #000000;
                font-family: Georgia, serif;
                text-align: center;
                font-style: italic;
                text-indent: 10px;} 
        h1          {height: 100%;
                font-size: 1.5em;
                padding-left: .3em;}
        nav         {padding: 0;}
        nav a      {display: block;
                padding: .2em;
                font-size: 1.3em;
                border-bottom: 1px solid #000000;}
        nav ul      {margin: 0;
                padding: 0;}
        nav li       {display: block;
                margin: 0;
                padding: 0;}
        section ul{margin: 0;
                padding: 0;}
        section li {display: block;
                 margin: 0;
                 padding: 0;}
        main        {padding: .1em 0 .1em .4em;}
        main img {padding-right: 0;}
        main ul     {list-style-position: outside;}
        #gallery a:hover span {display: none;}
        footer      {padding: .5em;}
        #desktop{display: none;}
        #mobile {display: inline;}
}