/**
* CSS
* 
* @author Alex Nelson 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10.5px;
	font-family:"Droid Sans mono", "Helvetica Neue", Helvetica, Arial;
	line-height:1.35;
	color:#000000;
	background:#ffffff; /*F4F4F4*/
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

#topbar {border-top:7px solid #000000; width:974px; position:fixed; top:0px; left:15px;}

a:link { text-decoration: none; color:#828282; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:#828282; }
a:hover { text-decoration: none; color:#000000; }
a:focus { outline:none;}

a img { border: none; }
a#maintext {color:#000000; text-decoration:underline;}
a#subtext {color:#000000; text-decoration:none;}
#maintitle {float:left; position:absolute; top:-51px; left:-772px;}
#subtitle {float:left; position:absolute; top:-42px; margin-left:215px; width:220px;}
#flag {float:left; position:absolute; top:-26px;}

#menu {
    width: 200px;
    overflow: visible;
	float:right;
    top: 55px;
    bottom: 0;
	left: 787px;
    position: fixed;
    height: 100%;
	border-top:1px dotted #000000;
}

#menu .container {
	position:relative;
	top:8px;
}

#menu ul {
	list-style: none;
	/* margin-bottom:14px; */
	/* padding-top:4px; */
	/* border-top:1px dotted #000000; */
}

#menu ul li.section-title {float:left; padding-left:0px; text-transform:uppercase;}

#menu ul li {padding-left:52px;}

#menu ul li.active a{color:#000000;}

#content {
    height: 100%;
    margin: 55px 15px 0 15px;
    top: 0;
	width:760px;
}

#content .container {border-top:1px dotted #000000; padding-left: 0; padding-top:5px; width:760px; clear:left; }

#content p { width: 500px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

.blockquote {margin-left: 20px; width: 380px;}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#content #img-container	{ margin:0 0 0 0; padding: 0;  padding-top:3px }
#content #img-container p	{margin: 0 0 0 0; padding: 0 0 0 0; }

#content #img-container p img {margin: 20px 0 0 0; padding: 0 0 0 0; }

#content #img-container p span {font-style: italic; margin: 0 0 20px 0;}

#once { clear: left; }

#aboutFlag {top:10px; position:relative;}

.postnav {position:fixed; bottom:12px;}

.list-date {float:left;}
.list-title {color:#F00; margin-left:70px; float:left;}
.list-body {margin-left:360px; width: 400px;}
.list-info {margin-left:70px; float:left;}

.outer {display: table; height: 201px; overflow: hidden; float:left; text-align:center; width:200px; text-align:center; margin:5px 25px 15px 25px; border-bottom:1px dotted #fff; }
.outer:hover {border-bottom:1px dotted #000; }
.middle {display: table-cell; vertical-align: middle;}
.listing-container {}
.listing-container a {}
.listing-container a img {}