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

@font-face {
    font-family: 'codexRegular';
    src: url('codex-regular-webfont.eot');
    src: url('codex-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('codex-regular-webfont.woff') format('woff'),
         url('codex-regular-webfont.ttf') format('truetype'),
         url('codex-regular-webfont.svg#codexRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AdobeGaramondProRegular';
    src: url('agaramondpro-regular-webfont.eot');
    src: url('agaramondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('agaramondpro-regular-webfont.woff') format('woff'),
         url('agaramondpro-regular-webfont.ttf') format('truetype'),
         url('agaramondpro-regular-webfont.svg#AdobeGaramondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font:62.5% "AdobeGaramondProRegular","Georgia","Times New Roman", "bitstream vera serif", Times, serif; background:#fff;}
* {padding:0;margin:0;}
ul {list-style:none;}

#bod {position:relative; float:left; width:100%; background:#fff;}

.rounder {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

#kickstart {margin:10px 0;padding:4px;background:#eee;float:left;clear:both;font-family:Helvetica,Arial,sans-serif;cursor:pointer; }
#k-inner { padding:5px;border:1px solid #ddd;background:#fff;float:left;width:920px; }
#k-inner p.checkit { float:right;font-size:200px;color:#eee;padding:0 20px;height:150px;line-height:111px; }

#k-inner p.image,
#k-inner p.image img,
#k-inner p.descrip { float:left; }
#k-inner p.descrip { font-size:14px;color:#999;padding:18px 0 0 20px;width:300px;line-height:1.6em; }
#k-inner p.descrip strong {display:block;color:#55A4F2;}
#k-inner p.descrip a {display:block;color:#55A4F2;text-decoration:none;}

#mucash {position:absolute; right:0; bottom:15px;}

#navi, #cont, #head, #foot {font-size:1.3em;}

#wrap {width:940px; position:relative; left:50%; margin-left:-470px; float:left;}

.date {text-align: center;margin-bottom: 15px;color:#999;padding-bottom:10px;font-size:1.3em}
.date span {font-size:0.7em;}
h4 {font-weight:bold;font-size:16px;margin:20px 0}

#cont {position:relative;float:left;width:600px;text-align:justify;text-justify:newspaper;
	padding-right:25px;border-right:1px solid #ccc;}
#cont p {line-height:1.6em;margin:0;text-indent:20px;font-size:1.1em}
#cont p:first-child {text-indent:0px;}
#cont p span.uno {
	font-family:'codexRegular',"Georgia","Times New Roman", Times, serif;
	font-size:5.3em;
	float:left;
	display:block;
	padding-right:4px;
	height:50px;
	color:#a34054;
}

ul#menu {clear:both;text-align:center;border-bottom:1px solid #cecece;border-top:1px solid #cecece;padding:10px;} 
ul#menu a {margin:0 auto;text-decoration:none;color:#999;font-size:1.2em;padding:10px 30px;}
ul#menu li {display:inline;}

#head h2 {height:200px;margin:0;padding:0;position:relative;text-align:center}
#head h2 a.logo {
	background:url(../img/sd-logo.jpg) 0 0 no-repeat; 
	display:block;
	margin:0 auto;
	height:200px; width:200px;
	text-indent:-10000px;}

#cont h3 {margin:10px 0}

#foot {height:100px; width:940px; clear:both; margin:30px auto; padding-top:20px;border-top:1px solid #ccc;}

#navi ul {line-height:1.2em; text-align:right; width:200px;}
#navi li {margin:0;}

#navi a:active, #navi a:focus {outline:none;}

#copy {text-align:center;color:#999;padding-top:40px;clear:both;}

#navi a:visited {color:#999;}
#navi a:hover {text-decoration:underline;}

.entry {color:#222;}
.title {color:#777;font-weight:normal;font-size:40px;margin-top:20px;text-align:center;padding-bottom:8px}
p.pip {
	margin:0 auto;
	padding:0;
	width:75px;
	height:75px;
	top:-10px;
	background:transparent url(../img/icon-set.png) 0 0 no-repeat;
	text-indent:-10000em;
	position:relative;
	float:left;
	clear:both;
	margin-left:265px;
	margin-bottom:50px;
}

blockquote {margin: 10px 40px;}

sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}

sup a.footnote {
	text-decoration:none;
}

sup a.footnote,
sup a.footnote:link,
sup a.footnote:visited,
div#footnotes a,
div#footnotes a:link,
div#footnotes a:visited {
	color:#c00;
}

div#footnotes {
	visibility:hidden;
	width:300px;
	float:right;
	position: relative;
	font-size:11px;
}
div#footnotes p {
	padding-top:5px;
	position:absolute;
	text-indent:0;
	margin:0 0 0 15px;
}
div#footnotes a.numeral {
	text-decoration:none;
	position:absolute;
	left:-20px;
	display:block;
	width:15px;
	text-align:right;
}

ul#essay-menu {
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #cecece;
	float:left;
	clear:both;
	display:none;
}
ul#essay-menu li {
	padding:3px 4px;
	width:304px;
	float:left;
}
ul#essay-menu li a:visited,
ul#essay-menu li a:link,
ul#essay-menu li a {
	color:#a34054;
	text-decoration:none;
}
ul#essay-menu li a:hover {
	text-decoration:underline;
}
ul#essay-menu li#close-menu {
	cursor:pointer;
	clear:both;
	float:left;
	width:920px;
	padding:20px 10px 10px;
	color:#999;
	font-size:1.3em;
	text-align:center;
}
ul#essay-menu li#close-menu:hover {
	color:#222;
}

p.static {
	margin: 20px 300px;
	font-size:1.4em;
}


div#essay-list ul {
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
}
div#essay-list ul li {
	margin:10px 0;
}
div#essay-list ul li a:link,
div#essay-list ul li a {
	color:#a34054;
	text-decoration:none;
}
div#essay-list ul li a:visited {
	color:#999;
}
div#essay-list ul li a:hover {
	text-decoration:underline;
}

div.floater {
	float:left;
}

ol {
	margin:25px 0 20px 20px;
}

