/*
    Theme Name: Simian Uprising
    Theme URI: http://simianuprising.com/
    Description: Screaming apes and religious fervor. Recently updated with responsiveness and improved typography.
    Version: 7.0
    Author: Jeremy Clarke
    Author URI: http://simianuprising.com/
*/

/*Google Font: Cabin*/
@import url(http://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic);
/*Google Font: Open Sans*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/*Google Font: Source Code Pro*/
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);

/*Google Font: Source Sans Pro*/
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic&subset=latin,latin-ext);*/



/*HTML TAGS*/


a {
	color: #A53629;
	text-decoration: none;
}

a img {
	border: none;
}

a:visited {
	color: #7B261C;
}

a:hover {
	color: #b50e00;
	/*
	text-decoration: underline overline;*/
	text-decoration: underline;
}
ul,
ol {
/*	margin: 5px 0 10px 0;
	padding: 0 0 0 20px; RTL*/
	}
ul {
/*	border-left: 2px solid #F0ECE0;
	list-style-type: none;
	margin: 0 0 0 3px;
	padding: 3px 0 2px 7px;*/
	}
li {
/*	margin: 0;
	padding: 0;
	padding-bottom: 3px;*/
	}
hr {
	clear: both;
	border-color: #AFB196;
	border-style: solid;
	border-width: 1px 0 0 0 ;
	}
acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}

blockquote,
code {
	/*font-family: courier,lucida grande, verdana, arial, serif, sans-serif;*/
	padding: 0 15px;
	margin: 20px 20px;
	color: #51523D;
	border-left: 2px solid #7E806C;
}	

cite {
	font-style: normal;
}

input {
/*	font-size: 14px;*/
	}
p {
	margin: 0;
	padding: 0;
	}
h1 {
	margin: 0;
	padding: 0;
	}
h2 {
	margin: 0;
	padding: 0;
	/*margin: 15px 0 10px 0;*/
	font-weight: normal;
	/*text-transform: lowercase;*/
}

h3 { 
	margin: 0;
	padding: 0 0px 0px 0px;
	font-weight: normal;
	}
/*IMAGE CAPTIONS*/
.wp-caption,
.entry .wp-caption,
.full-article img {
	max-width: 100%;
	}
.wp-caption p {
	margin-bottom: 0;
	}
.wp-caption img {
	width: 100%;
	height: auto;
	}	
.wp-caption img,
.entry .wp-caption img,
#full-article .entry .wp-caption img,
#full-article .entry .badges img {
	margin: 0;
	border: 0 none;
	padding: 0;
	display: block;
	}	
.clear {
	clear: both;
	line-height: 0;
	height: 0;
	}
body {
	background-color: #5E5F48 ;
	background-repeat: repeat-all;
	margin: 0;
	padding: 0;
	position: relative;
}
#full-page {
	clear: both;
	}
#content-container {
	float: left;
	width: 66.666%;
	overflow: hidden;
	}
#content {
	margin: 0;
	overflow: hidden;
}
#menu {
	overflow: hidden;
}
	

h3.date {
	font: .8em monaco, morocco, verdana, Times, serif;
	letter-spacing: 0.2em;
	margin: .2em 0 2px 0;
	}

 li, .feedback {
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.footer {
	clear: both;
	border-width: 2px 0 0 0 ;
	}
.footer,
.footer h2 {
	/*normal text in footer */
	color: #BFBAAB;
	text-shadow: 1px 1px 2px #2C3408;

	}
.footer ul {
	border-color: #BFBAAB;
	}
.footer a {
	color: #fff;
	}
.footer a:hover {
	color: #F9F7F1;

	}
.footer-widgets {
	}
.footer .widget {
	/*width: 21%;*/
	/*float: left;*/
	/*margin: 0 2%;*/
	}


.feedback {
	color: #ccc;
	text-align: left;
	clear: both;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.metainfo{
	background: #f3efe2;
	color: #000000; 
	padding: .3em;
	margin: -.3em 1em 1em 1em;
	border-top: solid #dcd8cc 1px;
	border-left: 1px solid #dcd8cc;
	border-right: 1px solid #a6a39a;
	border-bottom: 1px solid #a6a39a;
}

#commentform textarea {
	width: 95%;
	background-color: #fff;
}
#commentform p+p {
	text-indent: 0;
}

ol#commentlist {
	list-style: none;
	padding: 0;
/*	margin-right: 30px; */
}

ol#commentlist .comment {
	/*border-left: 2px solid #BFB9A2;
	padding-left: 10px;*/
	margin-bottom: 30px;
	}
#commentlist img.avatar {
	margin-right: 0;
	}


#respond p {
	margin: 5px 0;
	}
ol#commentlist p+p {
	text-indent: 0;	
	}

.comment-author {
	margin-bottom: 5px;
	}
.comment-meta {
	/*font-size: 11px;*/
	/*text-align: right;*/
	/*clear: both;*/
	/*margin: 5px 0 0 0 ;*/
	}
#commentlist li ul {
	border-left: 1px solid #ddd;
	list-style-type: none;
}
#header-container{
	text-align: right;
}
#header {
	max-width: 887px;
	float: right;	
	border-top: 1px solid #656058;
	position: relative;
	clear: both;
}
#header h1 {
	text-align: right;
	/*width: 99%;*/
	/*background: transparent url(pics/monkeybanner.png) right top no-repeat;*/
	background-size: contain;
	}
#header h1 img {
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	position: static;
}	
.site-description p {
	
	}
.site-description {
	position: absolute;
	bottom: 8%;
	right: 34%;
	font-size: 14px;
	text-transform: lowercase;
	}
	

#header a {
	color: #faf4ed;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#header a:hover {
	text-decoration: none;
}

#topsidebar .box .wordpress-badge {
	float: right;
}
#ICON-16-PX,
.feedicon img,
.icon-16-px {	
	width: 1em;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	}
h2#blogheader {
	padding-left: 0;
	position: relative;
	}

.screentitle,
.storytitle {
}
.screentitle a,
.screentitle a:visited,
.storytitle a, 
.storytitle a:visited {
	text-decoration: none;
}

.screentitle a:hover{
	color: #737455;
	text-decoration: none;
}

#post-archive .post-container {
	/*background-image: url(pics/logotiny.gif);
	background-repeat: no-repeat;
	background-position:  right 4px;*/
	margin-bottom: 30px;
	}
#content .storycontent {
	}

#content .post {
	/*replaced with general contentboxstyle*/
	/*padding: 5px 10px;*/
	}

/* for everyone */
html > body  #content .post {
	width: auto;
}

.post-container h3 {
	margin-top: 0;
	}

.post h4 {
	margin: 1em 0em 0em 0em;
	padding: 0px;
	font-size: 1.2em;
	text-transform: uppercase;
}

.post p+p {
	/*text-indent: 1.4em;*/
}

.post img
{
	padding: 8px;
}
.post .storycontent a {
	text-decoration: underline;
	}


h2#postcomment {
	font-size: 1em;
	font-weight: bold;
	padding-top: 1em;
}

.commentdetails {
	font-size: 80%;
}

.commentli {
	clear: both;
}
.post .button {
	position:relative;
	top:10px;
	margin:5px;
	height:37px;
	width:37px;
	padding: 0px;
	border:1px solid #000000;
	text-decoration:none;
}
#menu form {
	margin: 0 0 0 0px;
}



/* general style classes */


#menu ul li {
	border: 0;
	/*letter-spacing: +.1em;*/
}
#menu ul li a {
	/*color: #1D0D03;
	text-decoration: none;*/
}

#menu ul li a:hover {
	/*border-bottom: 1px solid #51523D;
	border-top: 1px solid #51523D;
	background: #f8f6ef;*/
}

#menu ul li  img {
	text-decoration: none;
	margin-top: .6em;
	margin-left: -8px;
}

#menu ul #search {
	padding-left: 0;
	margin-left: 0;
}
.searchform {
	padding-top: 0;
	line-height: 1;
	/*text-align: center;*/
	}
#searchinput {
	font-size: 16px;
	margin-top: 0;
	position: relative;
	top: -10px;
	width: 53%;
	}
input#searchimage {
	/* padding-top: 10px; */
	/*position: Relative;
	top: 5px;*/
	padding: 2px 5px;
}

#menu  #searchinput {
	/*width: 115px;*/
}
#menu  #searchinput {
}



#menu ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

#menu ul#fancy-archives-list, 
#menu ul#fancy-archives-list li {
	font-size: 9pt;
}
#menu ul#fancy-archives-list ul {
	font-size: 8pt;
}

.navigation {
	font-size: 14px;
	text-align: center;
	margin: 25px 0;
	}

.navigation .button {
	width: 30%;
	}
.navigation .previous {
	float: left;
	}
.navigation .next {
	float: right;
	}
.navigation .pagenumber {
	color: #999;
	float: left;
	margin: 0 auto;
	padding: 0 0 0 ;
	width: 39%;
	}

#rap .post p.edit {

}

#archives ul#fancy-archives-list ul li {
	font-size: .9em;
}

/* GRAVATARS! */

.avatar,
img.avatar {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	padding: 0;
}

.postgrav {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: #fff;
}

.personalportrait {
/*	padding: 5px;
	border-right: 1px solid #9d9776;
	border-bottom: 1px solid #9d9776;
	border-left: 1px solid #F0ECE0;
	border-top: 1px solid #F0ECE0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #FCFBF7;*/
}

.widget_recent_entries li+li {
	margin-top: 3px;
	padding-top: 4px;
	border-top: 1px solid #737458;
	}
img.preview {
	float: left;
	margin: 5px 10px 5px 0;
	border: 1px solid #737458;
	padding: 0 0 0 0;
	}

/* @group topsidebar */

.home-top-sidebar .widget+.widget {
	/*margin-left: 3%;*/
	}
.home-top-sidebar #status {
	/*letter-spacing: 1px;*/
	}
.home-top-sidebar .status-icons {
	display: block;
	float: right;
	position: relative;
	top: 0;
	font-size: 5px;

	}

.home-top-sidebar.status-icons a {
	margin: 0;
	padding: 0;
	width: 25px;
}
.home-top-sidebar.status-icons img {
	margin: 0;
	padding: 0;
	width: 25px;
	}

.twitter-timeline {
	/*Specifically intended for transparent twitter timeline*/
	position: relative;
	top: -12px; /*Neutralize unwanted 12px top padding on first tweet*/
}

/* @end */

.wpcf7 input, 
.wpcf7 textarea {
	width: 400px;
	}
.wpcf7 textarea {
	height: 300px;
	}
.wp-socializer-label {
	display: none;
	}


	h1.summary {
		font-size: 16px !important;
	}
	
/*FLICKR EMBEDS: Eliminate 8px padding on container (Feb 1 2016)*/	
.flickr-embed-frame {
	padding: 0 !important;
}	
	
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 #IMAGES-MAX-WIDTH,
img,
.wp-caption {
	max-width: 100%;
	height: auto;
	}
 #CLEAR:after,
 .header-container:after,
 .home-top-sidebar:after,
.clear:after {
	/*Clearfix for sections full
	of floats*/
	content: "";
	display: table;
	clear: both;
}
#FULL-SITE-WIDTH,	
#rap,
.full-site-width {
	min-width:200px;
	max-width:1200px;
	position: relative;
	margin: 0 auto;
	clear:both;
	overflow:hidden;
	padding-left: 1em;
	padding-right: 1em;
}
#BOX-ONE-THIRD,
#menu-container,
.home-top-sidebar .widget-container,
.box-one-third {
	width: 33.333%;
	float: left;
}
#BOX-ONE-QUARTER,
.footer .widget-container,
.box-one-quarter {
	width: 25%;
	float: left;
}

#LIGHT-GREEN-BOX-2px-ROUNDED,
/*.twitter-timeline,*/
p.edit {
	padding: 5px 15px;
	font-size: 13px;
	letter-spacing: +1px;
	margin-top: 10px;

	border: 2px solid #BDC2A3;
	background-color: #E8EBD9;
	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	

}
#BEIGE-BOX-2PX-ROUNDED,
ol#commentlist .comment,
#commentform,
.searchform {
	/* used prev. for nice beige boxes to go on white*/
	/*
	border: 2px solid #F0ECE0;
	background-color: #f9f7f1;
	margin-top: 10px;
	padding: 5px 15px;
	*/
	

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#DARKER-BOX-2PX-ROUNDED {
	padding: 5px 15px;
	font-size: 13px;
	letter-spacing: +1px;
	margin-bottom: .9em;
	margin-top: 10px;

	border: 2px solid #D7D2BF;
	
	background-color: #f9f7f1;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#WHITE-BOX,
textarea,
input   {
	padding: 5px;
	font-size: 13px;
	letter-spacing: +1px;
	border: 2px solid #817A5F;
	background-color: #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
#BEIGE-FORMS {
	padding: 5px 10px;
	font-size: 13px;
	letter-spacing: +1px;
	margin-top: 5px;

	border: 2px solid #817A5F;

	/*border-right: 1px solid #9d9776;
	border-bottom: 1px solid #9d9776;
	border-left: 1px solid #F0ECE0;
	border-top: 1px solid #F0ECE0;*/
	
	background-color: #fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
#PAPER-BACKGROUND,
#main,
.paper-background {
	background-image: url(pics/texture-paper-2.png);
	background-color: #efeae6;
	}	
#BOX-SHADOW-PAPER-BACKGROUND,
/*.twitter-timeline,*/
.paper-background-shadow {
	box-shadow: 1px 1px 4px #3A3529;
}
#DARK-GREEN-BACKGROUND,
body,
.dark-green-background {
	background-color: #5B5C46;
	background-image: url(pics/texture-green-background.gif);
	border: none;
}	
#BOX-SHADOW-DARK-GREEN-BACKGROUND,
#main {
  	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:0 6px 10px 5px;
	-webkit-box-shadow:0 6px 10px 5px;
	-box-shadow:0 6px 10px 5px;
	}
#DARK-BEIGE-BORDER-bottom,
/*.screentitle,*/
.dark-beige-border-bottom {
	border-color: #837E6D;
	border-width: 0 0 1px 0;
	border-style: solid;
}
#DARK-BROWN-TEXT,
body,
.screentitle a,
.screentitle a:visited,
.storytitle a, 
.storytitle a:visited,
.dark-brown-text {
	/*color: #3F412E;*/
	color: #4D4939;
	}
#MEDIUM-BROWN-TEXT {

}
#LIGHT-TEXT,
h3 span.archive-count,
.light-text {
	color: #69634B;
}
#PALE-TEXT,
.meta,
h2 span.archive-count,
h3 span.archive-count,
.pale-text {
	/*color: #837E6D;*/
	color: #7E7863;
}
	
	
#READABLE-FONT,
body,
.readable-font {
	/*font-family: Lucida Grande, Verdana, times, arial, sans-serif;*/
	font-family: 'Open Sans', 'Cabin', 'Source Sans Pro', Verdana, sans-serif;	
	font-size: 16px;
	}
#HEADING-FONT,
/*body,*/
h2,
h3,
h4,
#HEADING-FONT {
	font-family: 'Source Code Pro', monaco, Verdana, sans-serif;
	}
#MONOSPACE-FONT,
code,
pre,
.monospace-font {
	font-family: 'Source Code Pro', monaco, monospace;
}
#MONACO-FONT,
.site-description,
.monaco-font {
	font-family: monaco, monospace;
}

#SMALL-TEXT,
.meta,
.comment-meta,
h2 span.archive-count,
h3 span.archive-count,
.small-text {
	font-size: 14px;
}
#SMALL-TEXT-MARGIN-BOTTOM,
.small-text-margin-bottom {
	margin-bottom: 1.2em;
}
	
#LARGE-TEXT,
h3,
.widget .widgettitle,
.large-text {
	font-size: 1.25em;
	line-height: 1.5em;
}
#LARGE-TEXT-MARGIN-BOTTOM,
.large-text {
	margin-bottom: 1.2em;
}
#LARGE-TEXT-HALF-MARGIN-BOTTOM,
.widget .widgettitle,
.large-text {
	margin-bottom: 0.8em;
}

#X-LARGE-TEXT,
h2,
h3.storytitle,
.xxx-large-text {
	font-size: 1.5em;
}
#X-LARGE-TEXT-HALF-MARGIN-BOTTOM,
/*h2.widgettitle,*/
.x-large-text-half-margin-bottom {
	margin-bottom: 0.75em;
}
#XXX-LARGE-TEXT,
.pagetitle,
.screentitle,
.xxx-large-text {
	font-size: 2em;
	line-height: 1.25em;
	/*margin-bottom: 1em;*/	
}
#XX-LARGE-TEXT,
.xx-large-text {
	font-size: 24px;
	line-height: 2em;
	margin-bottom: 1em;
}

#LINE-HEIGHT-ONE-FIFTY,
body,
.line-height-one-fifty {
	line-height: 150%;
}
#LINE-HEIGHT-ONE-TWeNTYFIVE,
#topsidebar .widget,
/*
li,
blockquote,
code,
.screentitle,
.storytitle
*/
.line-height-one-twentyfive {
	line-height: 125%;
}
#PADDING-ONE-POINT-FIVE-EM,
.padding-one-point-five-em {
	padding: 1.5em 0 0 1.5em;

}
#PADDING-THREE-EM,
#main,
.padding-three-em {
	padding: 2em 0 0 3em;

}
#PADDING-ONE-POINT-FIVE-EM,
.footer,
.padding-one-point-five-em {
	padding: 1.5em 0 0 1.5em;

}
#PADDING-LEFT-TWO-EM,
ul,
ol,
.padding-left-two-em {
	padding-left: 2em;
}
#MARGIN-RIGHT-THREE-EM,
#content,
.widget,
.margin-right-three-em {
	margin-right: 3em;
}
#MARGIN-RIGHT-ONE-POINT-FIVE-EM,
.footer .widget,
.margin-right-one-point-five-em {
	margin-right: 1.5em;
}
#MARGIN-RIGHT-ONE-EM,
/*#content-container,*/
.margin-right-one-em {
	margin-right: 1em;
}
#MARGIN-BOTTOM-ONE-POINT-FIVE-EM,

/*#blogheader,*/
/*.screentitle,
.storytitle,*/
/*h2,*/
/*h3,*/
.margin-bottom-one-point-five-em {
	margin-bottom: 1.5em;
}
#MARGIN-BOTTOM-ONE-EM,
h3.comment-author,
p,
ul,
ol,
#menu,
.footer,
.widget,
.storycontent h3,s
.storycontent h4,
.meta-container,
.margin-bottom-one-em {
	margin-bottom: 1.5rem;
}
#MARGIN-BOTTOM-HALF-EM,
#blogheader,
.storytitle,
.twitter-timeline,
.margin-bottom-half-em {
	margin-bottom: .75rem;
}


#LIST-STYLE-DISC,
.menu li li,
.list-style-disc {
	list-style-type: disc ;
}
#LIST-STYLE-NONE,
.menu li,
.list-style-none {
	list-style-type: none;
}

#DISABLE-TEXT-SIZE-ADJUST,	
body,
.disable-text-size-adjust {
	/*Avoid text resizing on iphone
	Depends on sane meta viewport settings
	SHOUDL NEVER BE 'none'!*/
	-webkit-text-size-adjust:100%;
}
	
/*Anything smaller than 740*/
@media
only screen and (max-width: 900px) {
	.site-description {
		font-size: 12px;
	}
	#FULL-WIDTH,
	#content-container,
	#menu-container,
	.home-top-sidebar .widget-container:nth-of-type(3),
	.full-width {
		/*Undo all grid-box/container styles
		Useful when section's boxes are all
		full-width at this size*/
	 	width: auto;
	 	max-width: none; 
	 	float: none;
	 }
	#GRID-BOX-ONE-HALF,
	.home-top-sidebar .widget-container,
	.footer-widgets .widget-container,
	.menu-container .widget-container,
	.grid-box-one-half {
		float: left;
		width: 50%;
		overflow: hidden;
		position: relative;
	}
	#GRID-BOX-HALF-2ND-CLEARER,
	.home-top-sidebar .widget-container:nth-of-type(odd),
	.footer-widgets .widget-container:nth-of-type(odd),
	#menu-container .widget-container:nth-of-type(odd),
	.grid-box-half-2nd-clearer {
		clear: both;
	}
}
/*Anything smaller than 600*/
@media
only screen and (max-width: 600px) {
	.site-description {
		display: none;
	}
	body {
		/*font-size: .9em;*/
	}
	#PADDING-THREE-EM,
	#main,
	.footer,
	.padding-three-em {
		padding: 1.5em 0 0 1.5em;
	}
	#MARGIN-ONE-POINT-FIVE-EM,
	#content,
	.margin-right-three-em {
		margin-right: 1.5em;
	}
	.header {
		padding-left: 1em;
		padding-right: 1em;
	}
	#rap {
		padding: 0;
	}
	#main {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}
/*Anything smaller than 480*/
@media
only screen and (max-width: 480px) {
	#GRID-BOX-FULL,
	.home-top-sidebar .widget-container,
	.menu-container .widget-container,
	.footer .widget-container,
	.grid-box-full {
		float: none;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	#MARGIN-ONE-POINT-FIVE-EM,
	.widget,
	.margin-right-three-em {
		margin-right: 1.5em;
	}
	body {
		font-size: .9em;
	}
}