@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'MidoMedium';
	src: url('../fonts/Mido.eot');
	src: local('Mido'), local('Mido-Medium'), url('../fonts/Mido.woff') format('woff'), url('../fonts/Mido.ttf') format('truetype'), url('../fonts/Mido.svg#Mido-Medium') format('svg');
}

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
}

h1 {font-family:"MidoMedium", Georgia, Times New Roman, Times, serif;font-weight:normal;display:block;font-size:2em;letter-spacing:-1px}
h1 a span {color:#999}

h2 {font-family:"MidoMedium", Georgia, Times New Roman, Times, serif;font-weight:normal;display:block;font-size:1.8em;letter-spacing:-1px;color:#333}


p {font-size:1.1em}

#intro,  #footer {color:#666;}
#intro a, #footer a{color:#666;text-decoration:none;border-bottom:1px #999 dotted;}
h1 a {border-bottom:0;color:#333;text-decoration:none}
/* if using jquery fade 
#intro a {color:inherit !important;}
*/
#intro a:hover, #footer a:hover { color:#333;border-bottom:1px #666 solid;}
nav li {font-size:1.2em}

#footer {padding:8px 25px;text-align:left;}


/* ///////////////////////  Blog */
#blog a {color:#333;}
#blog a:hover {color:#666}
#blog p {line-height:150%}
.note {color:#999;font-size:1em}