html * { font-family: 'Jura', sans-serif; font-size: 14px; line-height:14px; vertical-align:baseline; margin:0px; padding:0px; }
/*
Light Green #1DEFC5;
Dark Green #1abc9c
*/

/*
Light Orange #f8c586;
Dark Orange #d78620;	

*/

body { background:#222222; color:#FFFFFF; }

a { color:#d78620; text-decoration:none; }
a:hover { color:#f8c586; }

.container { width:80%; margin:0 auto; padding:10px; }
.maincontainer { margin: 50px auto; }
.topnav { float:left; width:100%; list-style:none; }
.topnav li { float:left; padding:10px 0px; font-size:16px; }
.topnav li a { float:left; font-size:16px; }

.lettersnav { text-align:center; list-style:none; }
.lettersnav li { display:inline-table; }
.lettersnav li a { float:left; font-size:16px; padding:5px; }


.listings { display:block; width:80%; margin:0 auto; text-align:center; }
.messages { display:block; width:60%; margin:0 auto; text-align:center; }

.greybar { float:left; width:100%; margin:20px 0px; height:0px; border:2px solid #373737; border-right: 0px; border-left:0px;  }

ul.msg { color:green; text-align:center; margin:10px auto; list-style:none; }
ul.err { color:red; text-align:center; margin:10px auto; list-style:none; }

.clearfix { clear:both; width:100%; float:left; margin-bottom:10px; }

.topics { width:80%; margin:10px auto;}
.subtopic { float:left; width:50%; }
.subtopic a { display:block; margin:5px; border:5px solid #d78620; padding:15px 5px; text-transform:capitalize; border-radius:5px; }
.subtopic a:hover { color:#f8c586; border-color:#f8c586; }

.capitalize { text-transform:capitalize; }

.pagination { float:left; width:100%; padding:0; margin:0 auto;}
.pagination a { display:inline-block; padding:10px 20px; font-size:16px; }

.footer { width:80%; margin:10px auto; padding:10px; }

.footernav { float:left; list-style:none; }
.footernav li { display:inline-table; }
.footernav li a { font-size:16px; }

.container { width:80%; margin:0 auto; display:block; width:80%; margin:0 auto; text-align:center; }
.sidebar { float:left; max-width:35%;}
.content { float:right; max-width:65%; }
.sidebar h1,.sidebar h2, .sidebar h3 { margin-bottom:10px; }

.post { float:left;  margin:5px 8px; }
.post-a { display:block; padding:0; border:3px solid #d78620; }
.post-image { width:150px; height:150px; }
.post-title { width:150px; font-size:14px; line-height:14px; overflow:hidden; height:14px; }

@media (min-width: 300px) and (max-width: 980px) {
	.sidebar { float:left; min-width:100%; }
	.content { float:right; min-width:100%; }
	.post-image { width:100%; height:auto; }
	.post { width:100%; }
}

@media (min-width: 980px) and (max-width: 1080px) {
	.post-image { width:180px; height:180px; }
}

@media (min-width: 1080px)  {
	.sidebar { float:left; min-width:35%; }
	.content { float:right; min-width:65%; }
}

.hnav li { display:inline-table; }
.hnav li a { font-size:16px; }

.sidebar h1 { font-size:18px; font-weight:bolder; }
.sidebar h2 { font-size:16px; font-weight:bolder; }
.sidebar h3 { font-size:14px; font-weight:bolder; }

.toplinks { list-style:none; }
.toplinks li { display:block; margin:5px auto; text-align:left; }
.toplinks a { font-size:16px; padding:5px; }

.extra { padding:10px; }

.textcontent { display:block; margin:10px auto; width:70%; text-align:left; color:#d78620; }
.textcontent h1,.textcontent h2,.textcontent h3 { display:block; padding:10px; text-align:center; color:#FFFFFF; text-decoration:underline; }
.textcontent h1 { font-size:22px; }
.textcontent h2 { font-size:20px; }
.textcontent h3 { font-size:18px; }
.textcontent strong { font-weight:bolder; text-decoration:underline; }
.textcontent .link-title { text-align:left; text-decoration:none; }
.textcontent .link-a { display:block; padding:10px; text-align:left; }