/* Desktop */
@media screen and (min-width: 481px){
    div.mobile {display:none}
    
    body {
    font-family: "Arial", Helvetiva, sans-serif;
    font-size: 100%;
	color:#2a3845;
	margin:0;
	padding:0;
	background:#FFFFFF;
    }
        
    #wrapper {
	margin:0 auto;
	width:80%;
	border-left:1px solid #f0e9eb;
	border-right:1px solid #f0e9eb;
    }
        
    #footer {
	background:#f7f7f7;
	border-top:1px solid #f0e9eb;
	padding:10px 15px;
	clear:both;
    }
    
    nav {
    font-family: "Verdana", Helvetiva, sans-serif;
	font-size:0.8em;
	background:#06a;
	padding:1% 1%;
	text-align:center;
	color:#f6dde3;
    }

    #nav {
    font-family: "Verdana", Helvetiva, sans-serif;
	font-size:1em;
	background:#06a;
	padding:1% 1%;
	text-align:center;
	color:#f6dde3;
    }

    nav a {
	margin: 0 10px;
    }

    #nav a {
	margin: 0 10px;
    }
    
    #header {
	font-size:0.8em
	margin:0 1%;
    }
    
    .indented {
    padding-left:5.9em;
    }
    
    /* Hide the link that should open and close the topnav on small screens */
    .topnav .icon {
    display: none;
    }
    
    .mephoto{
        width:20%;
        float:right;
    }
    
    .bio{
        width:78%;
        clear:left;
        float:left;   
    }
    
    .resphoto{
        padding-top:2%;
        float:left;
    }
    
    .resphoto-r{
        padding-top:2%;
        float:right;
    }
    
    .resdesc{
        width:100%;
        clear:right;
        /*float:right;*/
    }

    .resdesc-l{
        width:100%;
        clear:left;
        /*float:right;*/
    }
    
    .ad-label {
    width:5em;
    float:left;
    clear:left;
    }

    .ad-icon {
    width:3em;
    padding-bottom:0.2em;
    float:left;
    clear:left;
    }
    
    .ad-entry {
    width:17em;
    float:left;
    }
    
    .icon {
    padding-right:1em;
    margin-top:0.3em;
    float:left;
    }

    .scv {
	clear: both;
	width: 100%;
    }
    
    .sdate {
    width:17%;
    min-width:4em;
    clear:left;
    float:left;
    }

    .sentry_data{
    float: left;
    clear:right;
    width:70%;
    min-width: 13em;
    }
    
    .p-icon {
    padding-right:1em;
    margin-top:0.3em;
    float:left;
    }

 } 

/* Smartphone */
@media screen and (max-width: 480px){
    
    /*img {
        width: auto;
        max-width: 60%;
        height: auto;
    }*/
    
    div.mobile {display:block}
    div.desktop {display:none}
    
    body {
    font-family: "Arial", Helvetiva, sans-serif;
    font-size: 100%;
	color:#2a3845;
	margin:0;
	padding:0;
	background:#FFFFFF;
    }
        
    #wrapper {
	margin:0 auto;
	width:100%;
	border-left:1px solid #f0e9eb;
	border-right:1px solid #f0e9eb;
    }
        
    #footer {
	background:#f7f7f7;
	border-top:1px solid #f0e9eb;
	padding:10px 15px;
	clear:both;
    }
    
    nav {
    font-family: "Verdana", Helvetiva, sans-serif;
	font-size:1em;
	background:#06a;
	padding:1% 1%;
	text-align:center;
	color:#f6dde3;
    }

    #nav {
    font-family: "Verdana", Helvetiva, sans-serif;
	font-size:1em;
	background:#06a;
	padding:1% 1%;
	text-align:center;
	color:#f6dde3;
    }

    nav a {
	margin: 0 1px;
    }

    #nav a {
	margin: 0 1px;
    }
    
    #header {
	font-size:0.8em
	margin:0 1%;
    }
    
    .indented {
    padding-left:0em;
    }
    
    .topnav a:not(:first-child) {display: none;}
    
    .topnav a.icon {
    float: right;
    display: block;
    }
    
    .topnav.responsive {position: relative;}
    
    .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
    }
    
    .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    }
    
    .mephoto{
        width:100%;
        clear:both;
        float:center;
    }
    
    .bio{
        width:100%;
        clear:left;  
    }
    
    .resphoto{
        padding-top:2%;
        float:center;
    }
    
    .resdesc{
        width:100%;
    }    

    .ad-label {
    width:4.5em;
    float:left;
    clear:left;
    }

    .ad-icon {
    width:3em;
    float:left;
    clear:left;
    }
    
    .ad-entry {
    width:70%;
    float:left;
    }

    .p-icon {
    padding-right:1em;
    margin-top:0.3em;
    float:left;
    }
    
    .scv {
	clear: both;
	width: 100%;
    }

    .sdate {
    width:10%;
    min-width:6em;
    clear:left;
    float:left;
    }

    .sentry_data{
    float: left;
    clear:right;
    width:70%;
    min-width: 13em;
    }
    
    .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

    .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

/* Layout */

p {
	font-size:0.9em; 
	line-height:1.5;
	margin:0;
	padding:0.15em;
}

li {
	line-height:1.5;
	font-size:0.9em;
	padding: 0;
}

li li {
line-height:1.5;
font-size:1em;
padding: 0;
}

figcaption {
	font-size:0.8em;
    line-height:1.5;
    margin:0;
    padding:0.15em;
}

#right-column {
	width:270px;
	float:right;
}

#bg {
	height:2em;
}

#main-content {
	margin:0 auto;
}

#main-image {
	text-align:center;
}

#main-content {
    padding:0.6em 1em;
}

#main {
    padding:0.6em 0px;
}

#contact {
    padding:0.6em 0px;
    clear:both;
}

.sidebar {
	width:218px;
	margin:0 auto;
	padding:10px 25px;
	/*background:url('http://img404.imageshack.us/img404/3092/shadowh.jpg') no-repeat top;*/
}

/* Global Styling */

a:visited, a:link {
	color:#05a;
	text-decoration:underline;
	background:none;
}

a:hover {
	color:#06a;
	text-decoration:none;
	background:none;
}

h1 {
	color:#06a;
	margin:0 0 1%;
	padding-bottom:1%;
	font:bold 1.6em Georgia, sans-serif;
	border-bottom:1px solid #efece7;
}

h2 {
	color:#06a;
	margin:2% 0 0%;
    padding-bottom:0.5%;
	font:bold 1.1em Georgia, serif;
	border-bottom:0.1% solid #efece7;
    clear:both;
}

h3 {
	color:#06a;
	margin:10px 0;
	padding-bottom:10px;
	font:bold 1em Arial, Helvetica, sans-serif;
	border-bottom:1px solid #efece7;
}

ul {
	padding-left: 0.15em;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
	/*list-style:square url('http://img525.imageshack.us/img525/1890/bulletr.gif');*/
}

.box {
	background:#f7f7f7;
	border:1px solid #f0e9eb;
	padding:15px;
}

#nav a:visited, #nav a:link {
	text-decoration:none;
	color:#f6dde3;
}

nav a:visited, nav a:link {
	text-decoration:none;
	color:#f6dde3;
}

#nav a:hover {
	text-decoration:underline;
	color:#f6dde3;
}

nav a:hover {
	text-decoration:underline;
	color:#f6dde3;
}

#logo {
	margin-bottom:20px;
	font:normal 18px Georgia, serif;
	color:#fa7393;
}

 /* Add a black background color to the top navigation */
.topnav {
  background-color: #06a;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 0.9em;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}