/* Smartphone */
@media screen and (max-width: 480px){
    p.mobile {display:block}
    p.desktop {display:none}
    
    .date {
	clear: left;
	float: left;
	padding-top: 1%;/*0.43em;*/
    margin-top: 0px;
    width:10%;
	min-width: 5em;
    }

    .entry {
	clear: both;
	width: 100%;
    }
    
    .entry_data {
	float: left;
    padding-top: 1%;
    width:70%;
	min-width: 13em;
    }

    .entry_data dt {
    width: 5.0em;
    margin-bottom:-0.3em;
    float: left;
    clear: left;
    }

    .entry_data dd {
    margin-left: 5.2em;
    padding: 0 0 0 0;  
    margin-bottom:-0.3em;
    }

    .entry_data dl {
    margin-top: -0.3em;
    margin-bottom: 0em;
    }
    
    h2 {
    padding-top:3%;
    margin-bottom:0%;
    clear:both;
    }
}

@media screen and (min-width: 481px){
    p.mobile {display:none}
    
.date {
	clear: left;
	float: left; 
	padding-top: 0.3em;
    width: 17%;
}
.entry {
	clear: both;
	width: 100%;
}
.entry_data {
	float: left;
    padding-top: 0.3em;
	width: 82%;
}

.entry_data dt {
    width: 5.0em;/*10%;*/
    margin-bottom:-0.3em;
    padding: 0 0 0 0;
    float: left;
    clear: left;
}

.entry_data dd {
    margin-left: 5.2em;/*12%;*/
    margin-top:-0.3em;
    margin-bottom:-0.3em;
    padding: 0 0 0 0;  
}

.entry_data dl {
    margin-top: 0em;
    margin-bottom:0.2em;
}

h2 {
    padding-top:1.5%;
    margin-bottom:-0.1%;
    margin-top:2%;
    clear:both;
}

}
h3 {
	color:#06a;
	margin-top:0%;
    margin-bottom:0;
    padding-top:1%;
	padding-bottom:0;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	border-bottom:0px solid #efece7;
    clear:both;
}
#bio_left {
	font-size: 75%;
	float: left;
	width: 350px;
}
#bio_right {
	font-size: 75%;
	float: left;
	text-align: right;
	width: 350px;
}
.company {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}
.data {
	padding-left: 125px;
}

.location {
	clear: right;
	float: left;
	text-align: right;
	width: 125px;
}
.position {
	font-style: italic;
	margin: 0 0 5px 0;
}
#references {
	margin-top: 20px;
}
#meta {
	margin-top: 30px;
}