/*  
Theme Name: ars ludi monolith
Description: <p>ARS LUDI SECURE modified</p>
Version: 2024
Author: Ben Robbins
*/
/*	HEADER		*/
body {
	background-attachment: fixed;
	background: #333333;
	color: #ffffff;
	font-size: 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 .logo {
	width: 200px;
	}
@media screen and (orientation: portrait) {
	body {
		font-size: 1.5em;
		}
	#banner .logo {
		width: 300px;
		}
	}
/*
#banner .badge {
	position: absolute;
	height: 30px;
	width: 30px;
	top: 12px;
	left: -40px;
	}
#banner h1 {
	font-size: 250%;
	margin-top: 20px;
	margin-bottom: 0px;
	}
#banner h1 a {
	color: #ffffff;
	text-decoration: none;
	}
*/
#banner .description {
	font-size: 80%;
	margin-top: 2px;
	color: #cccccc;
	}
#side {
	position: relative;
	}
#side1 {
	position: absolute;
	top: 5px;
	right: -100px;
	height: 80px;
	width: 80px;
	}
#side2 {
	position: absolute;
	top: 100px;
	right: -100px;
	height: 80px;
	width: 80px;
	}
#side3 {
	position: absolute;
	top: 195px;
	right: -100px;
	height: 80px;
	width: 80px;
	}
#side4 {
	position: absolute;
	top: 290px;
	right: -100px;
	height: 80px;
	width: 80px;
	}
#side5 {
	position: absolute;
	top: 385px;
	right: -100px;
	height: 80px;
	width: 80px;
	}
#side6 {
	position: absolute;
	top: 480px;
	right: -100px;
	height: 80px;
	width: 80px;
	}
#side7 {
	position: absolute;
	top: 575px;
	right: -100px;
	height: 80px;
	width: 80px;
	}


/*	put kickstarter icon 80x100 on top, use modified kick css for all lower icons   */
/*
#side1kick {
	position: absolute;
	top: 5px;
	right: -100px;
	}
#side2kick {
	position: absolute;
	top: 100px;
	right: -100px;
	}
#side3kick {
	position: absolute;
	top: 205px;
	right: -100px;
	}
#side4kick {
	position: absolute;
	top: 300px;
	right: -100px;
	}
#side5kick {
	position: absolute;
	top: 395px;
	right: -100px;
	}
*/

/*	INDEX-SINGLE-ETC	*/
.post {
	}
.post h2 {
	font-size: 180%;
	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: 100%;
	line-height: 160%;
	margin-left: 0;
	margin-right:0;
	margin-top: .4em;
	margin-bottom: 1em;
	text-align: justify;
	}
.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: 80%;
	line-height: 1.3em;
	margin-bottom: 0em;
	}

/*	SEARCH RESULTS, TAG RESULTS */

.scanner {
	}
.scanner h2 {
	font-size: 140%;
	font-family: "Trebuchet MS", sans-serif;
	color: #33aa33;
	margin-top: 0;
	margin-bottom: 0;
	}
.scanner h2 a {	
	color: #33aa33;
	text-decoration: none;
	}
.scanner h2 a:hover {
	color: #888888;
	}
.scanner .excerpt p {
	font-size: 80%;
	line-height: 1.4em;
	margin-top: .2em;
	margin-bottom: .2em;
	}
.scanner postmetadata {
	padding-top: 0em;
	font-size: 0.8em;
	text-align: right;
	color: #aaaaaa;
	display: block;
	}
.scanner postmetadata  a {
	color: #aaaaaa;
	}


/* ALL POSTS PAGE */
.greener {
	font-size: 180%;
	font-family: "Trebuchet MS", sans-serif;
	color: #33aa33;
	margin-top: 1em;
	margin-bottom: 0;
	}

	/* better recent comments plugin override*/
.recentcomments {
	/* padding-left: 50px; */
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: .8em;
	}



/*	IN-POST FORMATTING aka html I can use within posts	*/
.post h3 {
	/* replaces deprecated ars-subtopic */
	font-size: 160%;
	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;
	text-align: justify;
	}
.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: 85%;
	}
.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;
	}
.post .center {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.post .caption {
	float: none;
	display: block;
	font-size: 85%;
	font-style: italic;
	line-height: 1.4em;
	padding-left: 80px;
	padding-right: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	text-align: center;
	}
.post ul {
	margin-left: 28px;
	line-height: 1.7em;
	list-style-type: square;
	}
.post ol {
	margin-left: 0px;
	line-height: 1.7em;
	}
.post li {
	margin-bottom: .9em;
	text-align: justify;
	}
/*
.post ul a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	}
.post ul a:hover {
	border: none;
	}
*/
/* DEPRECATED */
.ars-subtopic {
	/* DEPRECATED -- should use H3 instead */
	font-size: 160%;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 1.4em;
	margin-bottom: .3em;
	}
.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: 80%;
	text-align: right;
	color: #AAAAAA;
	display: block;
	}
postmetadata  a {
	color: #AAAAAA;
	}
	
	
	
/*	COMMENTS	*/
.hidden {
	display: none;
	}
.unhidden {
	display: inline;
	}
#commentsection {
	text-align: left;
	padding-top: 1em;
	font-size: 80%;
	}
.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: 80%;
	color: #AAAAAA;
	padding-top:0em;
	}
.navbar a {
	color: #AAAAAA;
	text-decoration: none;
	}
.alignleft {
	float: left;
	text-align: left;
	width: 50%;
	}
.alignright {
	float: right;
	text-align: right;
	width: 50%;
	}
#navone {
	font-size: 80%;
	color: #AAAAAA;
	padding-top:4em;
	text-align: center;
	clear: both;
	}
#navone a {
	color: #AAAAAA;
	text-decoration: none;
	}



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




/*	ARCHIVE pages - list all posts	*/
.ars-tight {
	font-size: 80%;
	padding-left: 30px;
	margin-bottom: 3px;
	margin-top: 3px;
	}
.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;
	}
*/