/*
THEME NAME: .line
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: a line-based, monochrome, imageless WordPress theme based on Sandbox.
VERSION: 1.6
AUTHOR: <a href="http://yud1.csui04.net">yud1</a>, based on <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>'s Sandbox
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer

*/

@font-face {
    font-family: 'CantarellRegular';
    src: url('Cantarell/Cantarell-Regular-webfont.eot');
    src: url('Cantarell/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Cantarell/Cantarell-Regular-webfont.woff') format('woff'),
         url('Cantarell/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('Cantarell/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansRegular';
    src: url('Perspective-Sans/persans-webfont.eot');
    src: url('Perspective-Sans/persans-webfont.eot?#iefix') format('embedded-opentype'),
         url('Perspective-Sans/persans-webfont.woff') format('woff'),
         url('Perspective-Sans/persans-webfont.ttf') format('truetype'),
         url('Perspective-Sans/persans-webfont.svg#PerspectiveSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'PerspectiveSansRegular', Geneva, Kalimati, Arial, sans-serif;
	
	font-smooth: always;
	/*font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	*/
	font-size:0.8em;
	line-height: 150%;
	text-align:center;
}

h1, h2 {
	font-weight:normal;
	
}

h3 {
	font-weight:normal;
	margin: 10px 0 10px 0;
}

p {
	/* font-size:0.8em; */
	
}

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

blockquote {
	border-left:solid #BBBBBB 2px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0 0 0 15px;
}

ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
}

ol {
	margin: 0 0 15px 0;
}

li {
	margin: 0 0 0 10px;
}

input, textarea, select {
	font-family:PerspectiveSansRegular, Tahoma,Verdana;
	font-size:1em;
}

.entry-content li {
	margin: 5px 0 5px 25px;
}

/* first things first */

div#wrapper {
	width:950px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
div#header {
	background-color:white;
	padding:20px 0 20px 5px;
	border:solid #BBBBBB 1px;
}

h1#blog-title {
	font-family:CantarellRegular,Tahoma,Arial,sans-serif;
	display:inline;
	font-size:2em;
}

div#blog-description {
	font-family:CantarellRegular,Tahoma,Arial,sans-serif;
	display:inline;
	font-size:2em;
}

div.post {
	background-color:white;
	margin: 15px 0px 20px 0;
	padding: 5px 20px 5px 10px;
	border:solid #BBBBBB 1px;
}

div.page {
	background-color:white;
	margin: 15px 0px 20px 0;
	padding: 5px 5px 5px 10px;
	border:solid #BBBBBB 1px;
}

div.sidebar {
	background-color:white;
	margin: 15px 0 15px 0;
	padding: 20px 0 0 0;
	border:solid #BBBBBB 1px;
	float:right;
	overflow:hidden;
	width:20%;
}

.comments li {
	background-color:white;
	margin: 15px 0 0 0;
	padding: 5px;
	list-style:none;
	border:solid #BBBBBB 1px;
}

.comments#comments-list {
	display:block;
	margin: 20px 0 0 0;
}

#respond {
	background-color:white;
	display:block;
	margin: 0 0 15px 0;
	padding: 20px 0 0 10px ;
	border:solid #BBBBBB 1px;
}

.comment-meta {
	font-size:0.9em;
	border-bottom:solid #BBBBBB 1px;
	padding: 5px 0 5px 0;
}

.entry-content, .formcontainer {
	border-top:solid #BBBBBB 1px;
	padding: 10px 0 0 0;
}

.entry-meta {
	font-size:0.9em;
	margin: 20px 0 0 0;
	border-top:solid #BBBBBB 1px;
	padding: 10px 0 10px 0;
}

.entry-date {
	font-size:0.9em;
	padding: 0 0 20px 0;
}

div.sidebar li {
	margin: 0 0 5px 10px;
	list-style:none;
}

.navigation {
	background-color:white;
	margin: 0 0 20px 0;
	border:solid #BBBBBB 1px;
	padding: 10px 0 10px 10px;
	clear:both;
}

.nav-previous {
	margin:0 15px 0 0;
	display:inline;
}
.nav-next {
	margin:0 0 0 15px;
	display:inline;
}

/* misc */

input.text#s {
	width:60%;
}

input.button#submit {
	margin: 0 0 30px 0;
}


.widget {
	border-top: solid #BBBBBB 1px;
	padding: 10px 10px 10px 0;
}

.widget_search {
	border-top:none;
}

.widget_calendar {
	margin-bottom: 30px;
}
.widget_calendar a {
	text-decoration:none;
	font-weight:bold;
}

div#container {
float:left;
margin:0 -220px 0 0;
width:100%;
}

div#content {
margin:0 220px 0 0;
}


div#footer {
	background-color:white;
	margin: 20px 0 0 0;
	border:solid #BBBBBB 1px;
	padding: 10px 0 10px 10px;
	clear:both;
	width:950px;
}


/* not to be displayed */

div#access {
	display:none;
}
div#nav-above {
	display:none;
}
div#secondary {
	display:none;
	clear:right;
}

@media only screen and (max-device-width: 600px) {
	html {
		width: 100%;
		
	}
	
	body {
		font-size: 0.8em;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden; 
	}
	
	img {
		max-width:90%;
		max-height: 90%;
		width: auto;
		height: auto;
	}
	
	blockquote {
		border-left:solid #BBBBBB 2px;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 20px;
		padding: 0 0 0 10px;
	}
	
	div {
	  	box-sizing: border-box;
	}
	
	div#wrapper {
		width:95%;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	div#header {
		width: 95%;
		margin-top: 10px;
		padding:20px 0 20px 5px;
		border:solid #BBBBBB 1px;
	}
	
	div#content {
		width: 100%;
	}
	
	div.comment-meta {
		
		border-bottom:solid #BBBBBB 1px;
		padding: 5px 0 5px 0;
	}
	
	div.sidebar  {
		width: 95%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float:none;
		
	}
	
	div#container {
		float:left;
		margin:0 0 0 0;
		width:95%;
	}
	
	div#footer {
		margin:10px 0 0 0;
		width:95%;
	}
	
	textarea#comment {
		width: 90%;
	}
	
	
	
}