/*  
Theme Name: ars ludi monolith
Description: <p>ARS LUDI SECURE modified</p>
Version: 2016a
Author: Ben Robbins
*/

/*	HEADER		*/
body {
	background-attachment: fixed;
	background: #333333;
	color: #ffffff;
	font-size: 100%/1em;
	font-family: Tahoma, Geneva, sans-serif;
	}
#pillar {
	width: 650px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	min-height: 100px;
	margin-top: 10px;
	}
#banner {
	text-align: left;
	margin: 0 auto;
	margin-bottom: 30px;
	}
#banner .badge {
	position: absolute;
	top: 12px;
	left: -40px;
	}
#banner h1 {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 2.5em;
	}
#banner h1 a {
	color: #ffffff;
	text-decoration: none;
	}
#banner .description {
	margin-top: 2px;
	color: #cccccc;
	font-size: .8em;
	}
#side {
	position: relative;
	}
#side1 {
	position: absolute;
	top: 5px;
	right: -100px;
	}
#side2 {
	position: absolute;
	top: 105px;
	right: -100px;
	}
#side3 {
	position: absolute;
	top: 205px;
	right: -100px;
	}
#side4 {
	position: absolute;
	top: 305px;
	right: -100px;
	}
#kickside1 {
	position: absolute;
	top: 5px;
	right: -100px;
	}
#kickside2 {
	position: absolute;
	top: 115px;
	right: -100px;
	}
#kickside3 {
	position: absolute;
	top: 215px;
	right: -100px;
	}
#kickside4 {
	position: absolute;
	top: 315px;
	right: -100px;
	}

/*	INDEX-SINGLE-ETC	*/
.post {
	}
.post h2 {
	font-size: 1.8em;
	font-family: "Trebuchet MS", sans-serif;
	color: #33aa33;
	margin-top: 0;
	margin-bottom: 0;
	}
.post h2 a {	
	color: #33aa33;
	text-decoration: none;
	}
.post h2 a:hover {
	color: #888888;
	}
.post p {
	font-size: 1em;
	line-height: 1.6em;
	margin-left: 0;
	margin-right:0;
	margin-top: .4em;
	margin-bottom: 1.3em;
	}
.post p a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	}
.post p a:hover {
	border: none;
	}
.post img {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	}
.post .inline {
	/* for rows of images */
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	}
.post .excerpt p {
	font-size: .8em;
	line-height: 1.3em;
	margin-bottom: 0em;
	}


/*	IN-POST FORMATTING aka html I can use within posts	*/
.post h3 {
	/* should match deprecated ars-subtopic */
	font-size: 1.6em;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 1.4em;
	margin-bottom: .3em;
	}
.ars-subtopic {
	/* DEPRECATED -- should use H3 instead */
	font-size: 1.6em;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 1.4em;
	margin-bottom: .3em;
	}
blockquote {
	background: url(images/blockquote.gif) no-repeat left top;
	margin: 1em;
	padding: 0 0 0px 50px;
	font-style: italic;
	}
.ars-indent {
	/* P or SPAN */
	padding-left: 62px;
	}
.ars-inlinehead {
	/* SPAN, use for bold headers at start of paragraphs*/
	font-weight: bold;
	font-style: italic;
	font-size: .85em;
	}
.post ul {
	margin-left: 28px;
	line-height: 1.7em;
	list-style-type: square;
	}
.post ul a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	}
.post ul a:hover {
	border: none;
	}
.post li {
	margin-bottom: .9em;
	}
.post .center {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.ars-commentquote {
	/* for when I want to quote a comment, in the comments P */
	padding-left: 30px;
	font-style: italic;
	}
kickstarter {
	/* no idea what this was for */
	margin-left: 25px;
	}
/* DEPRECATED */
.ars-center {
	/* DEPRECATED -- new IMG tag should do this automatically within posts */
	/* center images -- removed float left in original graphite img tag*/
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	}



/*	post METADATA - date, author, etc	*/
postmetadata {
	padding-top: 0em;
	font-size: 0.8em;
	text-align: right;
	color: #AAAAAA;
	display: block;
	}
postmetadata  a {
	color: #AAAAAA;
	}
	
	
	
/*	COMMENTS	*/
.hidden {
	display: none;
	}
.unhidden {
	display: inline;
	}
#commentsection {
	align-text: left;
	padding-top: 1em;
	font-size: 0.8em;
	}
.comment, .pingback {
/*	background: #222222; */
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	}
#commentsection ol {
	padding-left: 0px;
	}
#commentsection li {
	padding: 15px;
	padding-top: 20px;
	}
#commentsection .avatar {
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
	}
#commentsection .bypostauthor {
	/* colorize my comments */
	background-color: #335533;
	background:  #335533;
	}
#commentsection .alt {
	/* colorize odd comments */
	/* background: #616161; */
	}
#commentsection p a {
	text-decoration: none;
	color: #FFFFFF;
	}

/*
.toggletext {
	text-align: right;
	color: #AAAAAA;
	}
.toggletext a {
	color: #AAAAAA;
	}
*/

	
/*	NAV - prev/next article	*/
.navbar {
	font-size: 0.8em;
	color: #AAAAAA;
	padding-top: 2em;
	}
.navbar a {
	color: #AAAAAA;
	text-decoration: none;
	}
.alignleft {
	float: left;
	text-align: left;
	width: 50%;
	}
.alignright {
	float: right;
	text-align: right;
	width: 50%;
	}


/*	FOOTER	*/
.endspacer {
	height: 80px;
	}
.midspacer {
	height: 20px;
	}
#footer {
	padding-top: 2em;
	font-size: 0.8em;
	color: #AAAAAA;
	text-align: center;
	clear: both;
	}
	



/*	ARCHIVE pages - list all posts	*/
.ars-tight {
	padding-left: 30px;
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: .8em;
	}
.ars-tight img {
	margin-right: 5px;
	}
.ars-tight a {
	text-decoration: none;
	}
.ars-tight a:visited {
	color: #AAAAAA;
	}
.ars-tight a:hover {
	color: #666666;
	}


/*	LINKS	*/
a {
	text-decoration: none;
	color: #FFFFFF;
	}

	

br.clear {
	clear: both;
	}



/*
.rss {
	background: url(images/feed-icon-10x10.png) left center no-repeat;
	padding-left: 12px;
	}
*/