html, body {font-size: 1em; margin:0; padding:0; width:100%; height:100%; }

body { 
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; 
	width:100%; height:100%; 
}
/*body { font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif; }*/

p { margin-bottom: 15px;  }

pre,
code,
kbd,
samp,
tt{
	
	/* font-family:monospace, monospace; */
	margin-bottom: 15px; 
	/* font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; */
	/* font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", "Droid Sans Mono", monospace; */

	/* font-family:"Courier New", Courier, monospace, serif; */
	/* font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace, serif; */
	font-family: "Courier New", monospace, serif;
	font-variant-numeric: tabular-nums;

	font-size: 75%; 
	line-height:1em;
	font-weight:500;

}

h1, h2, h3, h4 { margin-top:40px; margin-bottom:20px; }
h1 { font-size:1.6em; font-weight: bold;}
h2 { font-size:1.5em; font-weight: bold;}
h3 { font-size:1.1em; font-weight: bold;}
h4 { font-size:1.1em; font-weight: bold;}

h1, h2, h3, h4 {color: #333;}

strong { font-weight:bold; }

ul {padding:0; list-style-type: none;}
li {margin-left: 0px;}
 
img {}
img {
	display: block;
	margin: 1.7em auto;
	max-width: 400px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}


/* Links */
a, a:visited { color:#999; text-decoration: none; }

/* Main title (AND titles that are links) */
.title, a.title {color:black;} 

/* Separators  */
.divider {text-align:center; color:#ddd;  height: 2.1em;}
.spacer {text-align:center; color:#ddd; height: 1.1em;}

a.return-to-top-link { color:#33a; }

.outer-wrapper {}

#header {
	background:#f9f9f9;
	margin:0px 0 20px 0;
	padding:0px;
	width:100%;
}

#main-content {
	max-width:600px;
	padding:0px;
	margin:0px auto 20px auto;
	line-height: 1.6em;
	/* Note: the horizontal padding here  matches that of .main-content*/
	padding: 0 20px 0 20px;
}

#footer {
	background:#f9f9f9;
	margin:0px 0 20px 0;
	padding: 10px;
	width:100%;	
	font-size:80%;
}

#main-menu {
	
	/* Note: the horizontal padding here  matches that of .main-content*/
	padding: 0.7em 20px 0.7em 20px;

	/*Use this to left-align with the content:*/
	width:600px;
	margin: 0 auto;	
	
	font-size: 1.4em;
	
	/*Use this to center the menu items in a fill width menu:*/
	/*text-align: center;
	margin-right: 50px;*/
}

#main-menu li { margin:0;}
#main-menu li a:hover { color:#999; }
#main-menu li .current-menu-item  { color:#33a; }

.feed-post-date {
	color:#ccc; font-style: italic; font-weight: 100;
}

.horizontal-menu {
	/* padding-left:20px; */
	
}

ul.horizontal-menu {
	width:100%;
	padding:0px;
	margin:0px;
}

.horizontal-menu li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	font-size:80%;
}

/* Style for contact page */

#page_contact {
	background-color: #fff;
	color: #ddd;
	height:100%;
}
#page_contact #main-menu li { margin:0; }
#page_contact #main-menu li a:hover { color:#999; }
#page_contact #main-menu li .current-menu-item  { color:#dddddf; }
#page_contact #header { background:#fff; color: #333; }
#page_contact .title { color: #ccc; }


/* .mt_circle:before {
	content: ' \25CF';
	font-size: 300%;
	padding-top: 300px;
} */