/* COLORS */
a {
	color: #455f7b;
}
.dark-primary {
	background-color:#163350; 
	color:  #fff;
}
.medium-primary,
.medium-primary a,
.medium-primary h2 {
	background-color:#455f7b; 
	color: #fff;
}
.dark-primary-gradient {
	background-color:#163350; 
	background: -webkit-gradient(linear, left top, left bottom,
	from(#163350), to(#000), color-stop(0.9, #000));
   	background: -moz-linear-gradient(top, #163350, #000 100%);
	color: #fff;
}
.light-primary {
	background-color:#8fa6bd; 
	color: #fff;
}
.light-primary-gradient {
	color: #fff;
	background-color:#8fa6bd; 
	background: -webkit-gradient(linear, left top, left bottom,
	from(#8fa6bd), to(#455f7b), color-stop(0.9, #455f7b));
   	background: -moz-linear-gradient(top, #8fa6bd, #455f7b 90%);
}

.light-secondary-a {
	background-color:#ded1a4;
	color: #000;
}
.light-secondary-a h2 {
	color: #fff;
}
.light-secondary-a h1,
.light-secondary-a h1 a,
.light-secondary-a span.papertitle {
	color: #7b3f20;
}

.light-secondary-a-gradient {
	background-color:#ded1a4;
    color: #000;
	background: -webkit-gradient(linear, left top, left bottom,
	from(#ded1a4), to(#decc8f), color-stop(0.5, #decc8f));
   	background: -moz-linear-gradient(bottom, #ded1a4, #decc8f 50%);
}
.light-secondary-b {
	background-color: #deb7a4;
	color: #333;
}
.dark-secondary-b {
	background-color: #7f5f55;
	color: #fff;
}
.dark-secondary-b-gradient {
	background-color: #7f5f55;
	background: -webkit-gradient(linear, left top, left bottom,
	from(#57250b), to(#321507), color-stop(0.5, #321507));
   	background: -moz-linear-gradient(bottom, #321507, #51250b 20%);
   	color: #fff;
}
.black-gradient {
	background-color: #222; 
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#222), color-stop(0.8, #303030));
	background: -moz-linear-gradient(bottom, #222, #303030 20%);
	color:  #fff;
}


h3 {
	color: #000;
}
#menu ul li a {
	color: #fff;
}
.aboutme a:hover {
	color: #fff;
}

/* LAYOUT */
.onecol {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 2em;
	margin-bottom: 5em;
}
div.myinfo {
	width: 100%;
	overflow: hidden;
	position: relative;
}
div.identity {
	float: left;
	padding-left: 1em;
	padding-top: 1em;
}
span.mynameen {
	font-family: Helvetica, Calibri, sans-serif;
	font-size: 300%;
	font-weight: bold;
	letter-spacing: -0.06em;
    text-shadow: #000 0px 0px 10px;
/*	margin: 0;*/
	
}
span.mynamech {
	font-family: Myriad Pro, Helvetica, Calibri, sans-serif;
	font-size: 150%;
/*		margin: 0;*/
	
}
span.mytitle, span.myaddress {
	font-family:  Lucida Grande, Calibri, sans-serif;
	font-size: medium;
}
a {
	font-weight: bold;
} 
a.paperlink {
	font-weight: bold;
}
img.myphoto {
	float: left;
	margin: 1em;
	margin-right:  0;
	margin-left:  7%;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 

	bottom: 0;
	box-shadow: 5px 0 5px #000;
}
div.myaddress {
	float:  right;
	text-align:  right;
	padding: 1em;	
}
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
    margin-left: 0%;
}
a {
	text-decoration: none;
}
h3 {
	font-family:  Lucida Grande, Calibri, sans-serif;
	font-weight: bold;
	margin:.8em 0 0 0;
	padding:0;
}

/* -- BODY TEXT -- */
p, li, dt, dd {
	margin: .8em 0em 0em 0em;
	padding:0;
	font-family:  Lucida Grande, Calibri, sans-serif; 
	line-height: 1.5em;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:2em 0 2em 2em;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
/* | 7 26 2 | 2 26 2 | 2 26 7 | */
/* | 10 24 2 | 2 24 2 | 2 24 10 | */

.threecol .colmid {
	right:36%;			/* width of the right column */
}
.threecol .colleft {
	right:28%;			/* width of the middle column */
}
.threecol .col1 {
	width:24%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:24%;			/* Width of left column content (column width minus padding on either side) */
	left:50%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	/* 2 + 24 + 10 + 2 + 2 + 10 */
}
.threecol .col3 {
	width:24%;			/* Width of right column content (column width minus padding on either side) */
	left:82%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	/* 100 - 10 - 24 - 2 + 2 + 2 + 10 + 2 + 2 */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
/*	border-top:1px solid #000;*/
}
#footer p {
	padding:10px;
	margin:0;
}
span.stdloc {
	font-size: x-small;
}
p.fineprint {
	font-size: x-small;
}

#menu {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 1em;
    margin-left: 0;
	overflow: hidden;
}
#menu ul {
	list-style: none;
    padding:0px;
}
#menu ul li {
   display: inline; 
   text-shadow: #000 0px 0px 5px;
   float: left;
   border-radius-topleft: 10px;
   border-radius-topright: 10px;
   -moz-border-radius-topleft: 10px; 
   -webkit-border-top-left-radius: 10px; 
   -moz-border-radius-topright: 10px; 
   -webkit-border-top-right-radius: 10px; 

   box-shadow: -5px 1px 5px rgba(0, 0, 0, .25); 
   -moz-box-shadow: -5px 1px 5px rgba(0, 0, 0, .25); 
   -webkit-box-shadow: -5px 1px 5px rgba(0, 0, 0, .25); 

   overflow: hidden;
   
   padding: 20px;
   margin-left: 5px;
   margin-right: -7px;
   margin-bottom: 0px;

   z-index: 1;
   
   /*
   width: 7%;
   min-width: 60px;
   */
}
#menu ul li a {
   text-decoration: none;
}
#menu ul a:hover {
   text-shadow: #fff 0px 0px 10px;
}


 .menuname {
   font-family: Helvetica, Calibri, sans-serif;
   font-size: 150%;
   font-weight: bold;
   letter-spacing: -0.01em;
   
}
 .menudescription {
   font-family: Helvetica, Calibri, sans-serif;
   font-size: small;   
}

span.name {
	font-weight: bold;
	font-size: 100%;
}

ul.plain {
	list-style: none;
	padding: 0;
	margin: 0;
}
p.main, h1 {
	font-size: 200%;
	font-family: helvetica;
	margin-left: 0pt;
	margin-top: .4em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-family:  Helvetica, Calibri, sans-serif;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: -0.05em;
	margin:.5em 0 0 0;
	padding: 2em 0 0 0;
	text-transform: uppercase;
    letter-spacing: -0.04em;
}
.round-box,
.aboutme {
	margin-top: 2em;
	padding: 2em;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
}

.aboutme h2, 
.aboutme h2 a {
	font-family:  Helvetica, Calibri, sans-serif;
	font-size: normal;
	font-weight: normal;
	letter-spacing: -0.05em;
	margin:.5em 0 0 0;
	padding: .5em 0 0 0;
	text-transform: uppercase;
}
.aboutme p, 
#twitter_update_list li {
	color: #fff;
	font-family: Lucida Grande, Arial, Sans-serif;
	line-height: 1.5em;
}
.dopplr-badge p.d-status { 
	color: #333;
}
div.dopplr-badge { 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

.aboutme a {
	color: #b7c2c8;
	font-family: Lucida Grande, Arial, Sans-serif;
	text-decoration: none;
}
span.papertitle {
	text-align: left;
	font-weight: bold;
	display: block;
	padding-top: 12pt;
	padding-bottom: 3pt;
	font-size: 150%;
	line-height: 130%;
}
span.paperauthor {
	text-align: left;
	font-weight: normal;
}
span.paperaddr {
	text-align: left;
	font-style: italic;
}
span.brag {
	display: none;
}
img.cover {
	float: left;
	margin: 10px;
	border-radius: 10px; 
	/* -moz-border-radius: 10px;  */
	-webkit-border-radius: 10px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .25); 
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .25); 
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .25); 
}
div.talk {
	margin-left: 5px;
	float: left;
	vertical-align: top;
	text-align: left;
}
.numbox {
	float: left;
	text-align: center;
	padding: .5em;
	margin: 1em .5em 1em 0;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
.numbox span.number {
	font-size: 200%;
	font-family: Helvetica;
	font-weight: bold;
}
.numbox span.title {
	font-size: 80%;
	font-family: Helvetica;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}