/*
Theme Name:	LM
Theme URI: http://fabapps.com/wordpress/nearnothing 
Description: loosely based on Near Nothing, a bare bones theme with minimal markup and no images. It's made from scratch and consists of fewer than 500 lines of commented code. 
Version: 1.0
Author: Near Nothing author, Christian MacAuley
Author URI: http://fabapps.com
Tags: white, black, light, two-columns, left-sidebar, fixed-width, custom-menu, threaded-comments, sticky-post 
*/

/* basic reset */
	* { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, cite, table { margin-bottom: 0.8em; }
	ul, ol, li { //margin-left: 0.5em; 
	}
	
	p {
		
		line-height:1.4em;
    margin-bottom: 1.4em;
	}

.pagecontent p + ul {
        margin-top: -1.4em;
}

.pagecontent ul {
    padding-left: 1.2em;
    line-height: 1.4em;
}
	
	em {
		//font-family: 'Noto Serif', serif;
	}

	
	label {
		font-size:0.9em;
		width:50px;
		margin:6px 0 10px 0;
		display:block;
		float:left;
		clear:left;
	}
	
	input {
		font-size:0.9em;
		margin:2px 10px 10px 0;
		padding:2px 1px;
		float:left;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		width:200px;
	}
	
	#submitbutton {
		font-size:0.9em;
		width:100px;
	}
	
	.footnote {
		font-size:.7em;
	}
	


/* page wrappers */
	body {
		text-align: center;
		font-family:"Arial","Helvetica",sans-serif;
		//font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color: #333;
		padding:0;
		margin:0;
		width:100%;
	}
	
	#wrapper {
		display: block;  	
		//width:980px;
		max-width: 980px;
		margin:0px auto;
	}
	#wrapper2 {
		text-align: left; 
	}

/* common tags */

/* links */
	a:link {
		color: #333;	
		text-decoration:none;
	}
	a:visited {
		//color: #222;
		color:#999;
		text-decoration: line-through;	
	}
	a:hover {
		color:#00ff00;
	}
	/* prettier images */
	img { border: 1px solid #efefef;
	margin-TOP:20px;
	display: block;
    width: 100% !important;
    height: auto !important;
	clear:both; }
	/* blockquote */
	blockquote, cite {
		font-size: 0.9em;
		padding-left: 20px;
		padding-right: 20px;
	}

/* main contents */
	#main { 

	background-color: rgba(255,255,255,0.9);
	}
	#content {
		padding: 0px;
		margin: 20px;
	}

/* variation in padding for home */
.home #content {
margin-top:0;
}
.home .pagecontent {
padding-top: 20px;
}

	.postcontents {
	}
	
	
	h1 {
		font-size:1em;
		margin-bottom:0;
	}
	
	#show {
		//float:right;
	}
	
	#show_nav {
		padding-top:5px;
	}
	
	#show_nav a {
		padding:1px 3px;
	}
	
	.activeSlide {
		background:black;
		color:white!important;
	}
	
	
	.postmeta {
		clear: both;	
	}

/* header */
	#header {
		margin: 20px 0 20px 0px;
		//width: 68%;
		//float: right;
		font-size:.9em;
		display:none;
	}
	
	
	/* posts */
	.postmeta, .postnavigation {
		font-size: 0.9em;
	}
	body.blog .post .postmeta, body.archive .post .postmeta, body.search .post {
		border-bottom: 1px solid #eee;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
		border-bottom: none;
	}

/* sidebar */
	#sidebar {

		padding: 0px;
		margin:20px;
		line-height:1.3em;
		margin-bottom: 0;
	}
	
	#sidebar ul { 
		list-style-type: none;
		margin: 0;
		text-align:left;
	}
	#sidebar li {
		list-style-type: none;
		margin-left: 0;
		padding-bottom:1px;
		
	}
	#sidebar .year {
		color:#00FF00 !important;
	}
	#sidebar li li {
		list-style-type: disc;
		margin-left: 18px;
	}
	#sidebar ul {
		padding-bottom:20px;
	}
	#sidebar li ul ul {
		margin-left: 0;
	}
	#sidebar h1 {
		//font-style:italic;
		font-weight:normal;
		//font-family: 'Noto Serif', serif;
		color:#333;
		text-transform:uppercase;
		padding-bottom: 0.2em;
		margin: 0;
	}
	#sidebar h2 {
		padding-bottom: 0.1em;
		margin: 0;
	}
	#sidebar .widget {
		margin-bottom: 20px;	
	}
	
	/* flex code */
	
	#workwrapper {
				display:flex;
		flex-wrap: wrap;
	}
	
	.workcol {
		height:300px;
		width: 25%;
	}
	
	.pages, #worklabel {
		text-transform:uppercase;
		font-weight:bold;
		width: 100%;
	}

/* footer */
	#footer {
		display: none;
		clear: both;
		padding: 10px 0 10px 0;
	}
	#footer p {
		text-align: center;	
		font-size: 0.9em;
	}

/* topnav and footer nav */
	#topnav ul, #footer ul {
		list-style-type: none; 
		text-align: left;
		margin: 0;
		padding-left:15px;
	}
	#topnav li, #footer li {
		list-style-type: none; 
		display: inline; 
		padding-right: 0.5em;
	}
	#topnav li ul, #footer li ul {
		display: inline;
		padding: 0;
	}
	#bottomnav {
		padding-bottom: 20px;
	}


/* wordpress classes */
	.alignleft {
		float: left; 
		padding: 2px 8px 8px 2px;
	}
	.alignright {
		float: right;
		padding: 2px 2px 8px 8px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption-text, .gallery-caption { 
		color: #666; 
		font-size: 0.8em; 
		padding: 3px 0; 
	}
	.gallery {
		padding: 10px 10px 25px 10px;
	}

/* for tablets and phones */
	@media screen and (max-width: 800px) { 
		#content {
			float: none;
			width: 93%;
			margin:3%;
			border-bottom:5px solid black;
		}
		#sidebar {
			float: none;
			width: 93%;
			margin:3%;
			
		}
		.pages {
			width:100%;
		}
		#sidebar .year {
			clear:both;
			padding-top:10px;
		}
		#sidebarmain li {
			float:left;
			padding-right:5px;
		}
		#sidebarmain li:after {
			content:" / ";
		}
		
			.workcol {
		height:auto;
		width: 50%;
	}
		
	}

	/* twitter list */
	#twitter_update_list {
		list-style:none;
	}
	#twitter_update_list li {
		font-size:0.9em;
		padding-bottom:20px;
	}