/* common parts */

@charset "UTF-8";

body {
	color:#666;
    font-family:Helvetica, sans-serif;
    margin-top: 40px;
}

h1, h2{
	color:#09F;
    margin-top: 0px;
    margin-bottom: 15px;
}
h3,h4,h5{
	color:#9C0;
    margin-bottom: 5px;
}

h1 {
    display:inline-block;
}

p{
	color:#333;
    margin-top: 0px;
    margin-bottom: 3px;
}

a{
	/*color:#09F;*/    
	color:#666;
}

hr{
	background-color:#09F;
	height:2px;
	border:none;
}

ul {
    padding-left: 0px;
    margin-top: 8px;
}

li {
    list-style-type: none;
    margin-bottom: 8px;
    margin-right: 10px;
}

.my_short {
    font-size: 130%;
	font-style:italic;
    padding-top: 10px;
}

.title {
	color:#9C0;
    margin-bottom: 3px;
}

.title a {
	color:#9C0;
}

.project .title {
    display: inline;
}

.project .project_desc {
/*
	white-space: nowrap;
	overflow: hidden;
*/
/*	text-overflow: ellipsis;    */
}

.project .project_desc:hover {
	white-space: normal;
	overflow: visible;
	text-overflow: ellipsis;    
}

.project .funding, .project .project_url {
    display: inline;
}

.project .funding:before {
    content: " (";
}
.project .funding:after {
    content: ")";
}

.project .my_activity:before, .project .my_technologies:before {
    content:"⇒ ";
}

.rounded {
    border-radius: 5px;
    background-color: #F9F9F9;
    border: 1px solid #C0C0C0;
    box-shadow: 5px 5px 5px #BBB;
}

a:hover {
    text-decoration: underline !important;
}

a:link, a:visited {
    text-decoration: none;
}

a:after {
    content: " ⇗";
}

a.toggle {
    width: 15em;
    text-decoration: none;
    xborder: 1px solid #87D0FF;
    box-shadow: none;
    display: block;
    text-align: center;
    margin: auto;
}

a.rounded.hide {
    xbox-shadow: inset 5px 5px 5px #BBB;
    box-shadow: none;
}

a.toggle.show:before {
    content: " ⇙ ";
}

a.toggle.show:after {
    content: " ⇘ ";
}

a.toggle.hide:before {
    content: " ⇗ ";
}

a.toggle.hide:after {
    content: " ⇖ ";
}

.nodecoration {
    text-decoration:none;
}



.nodecoration:after {
    content: "";
}

.contact {
    text-align: right;
    clear: none;
    float: right;
    display: block;
    padding: 3px 5px 0px 5px;
}
.photo {
    clear: both;
    float: left;
    margin-left: 0;
    width: 24.1758%;
    display: block;
    margin-bottom: 20px;
}

.photo img{
    max-height:110px;
    width: auto;
}

.hideFromScreen {
    display: none;
}

/* mobile layout */
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .photo img{
        max-height:110px;
        width: auto;
    }
    
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
    .gridContainer {
        width: 95%;
        max-width: 90%;
        padding-left: 0.4891%;
        padding-right: 0.4891%;
        margin: auto;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    .name {
        clear: none;
        float: left;
        margin-left: 1.0989%;
        width: 74%;
        display: block;
    }
    .photo img{
        max-height:150px;
        width: auto;
    }
    .section_title {
        clear: both;
        float: left;
        margin-left: 0;
        width: 24.1758%;
        display: block;
    }
    .section {
        clear: none;
        float: left;
        margin-left: 1.0989%;
        width: 74.7252%;
        display: block;
    }
    
    .skillset {
        clear: none;
        float: left;
        margin-left: 0px;
        width: 32%;
        display: block;
    }
    
}

.menu {
    float: right;
    position: relative;
    margin-top: -20px;
    margin-bottom: 30px;
    margin-right: -30px;
}

.menu a {
    margin-left: 10px;
}

.longtext {
    line-height: 1.4em;
}

.longtext p {
     margin-bottom: 10px;
}