/*
Theme Name: loco
Theme URI: youfriendlyrobot.net
Description: A minimalist WordPress template theme built with HTML 5.
Version: 1.0
Author: robot
Author URI: yourfriendlyrobot.net
Tags: minimalist, template, html5

	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/


/* == BASICS == */

html
{
	height: 100%;
	font-size: 62.5%;
}

header, footer, section, article, aside, nav
{
	display: block;
}

body
{
	margin: 0 auto;
	width: 960px;
	color: rgb(95, 95, 95);
	font: 1.4em/1.625 'century gothic', arial, sans-serif;
}

ul, li, dl, dt, dd
{
list-style: none;
margin: 0;
padding: 0;
}
img
{

border-style: none;
}

nav+section
{
	overflow: hidden;
	width: 600px;
	float: left;
	clear: none;
}

section#posts article[id*=post-] img,
section#pages article[id*=post-] img
{
	border-left: 1px solid rgb(160, 160, 160);
	border-right: 1px solid rgb(160, 160, 160);
	padding: 0 10px;
}


fieldset
{
	border: none;
	padding: 0;
	margin: 0;
}

label
{
	font-size: 13px;
	display: block;
}

input:not([type=radio]),textarea
{
	border: none;
	background: #eaeaea;
	border: 1px solid rgb(255, 255, 255);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	-webkit-transition: border, -webkit-box-shadow;
	-webkit-transition-duration: .15s, .15s
}

input:not([type=submit]):focus, textarea:focus
{
	background: #eaeaea;
	border: 1px solid rgb(223, 27, 164);
}

input:not([type=submit]):hover, textarea:hover
{
	-webkit-box-shadow: 0 0 2px rgb(223, 27, 164);
	-moz-box-shadow: 0 0 2px rgb(223, 27, 164);
	box-shadow: 0 0 2px rgb(223, 27, 164);
	border: 1px solid rgb(223, 27, 164);
}

input[type=radio]
{
	float: left;
	margin-right: 5px;
}

button, input[type=submit]
{
	background: #eaeaea;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: 1px;
	margin: auto;
	padding: 4px 25px;
}

	button:focus, input[type=submit]:focus
	{
		outline: none;
		background: #1e2506;
		color: #eaeaea;
		cursor: pointer;
	}

	button:hover, input[type=submit]:hover
	{
		background: #1e2506;
		color: #eaeaea;
		cursor: pointer;
	}

object
{
	display:block;
	margin:0 auto;
}



/* == LINKS == */

a:link, a:visited
{
	text-decoration: none;
	color: #df1ba4;
}

a:hover, a:active
{
	text-decoration: underline;
	color: rgb(223, 27, 164);
}

/* == NAVIGATION == */

body>#show_nav
{
	height: 90px;
	width: 77px;
	left:50%;
	margin-left:-170px;
	position:fixed;
	background: transparent url('images/klecks.jpg') no-repeat;
}

body>#show_nav h1
{
	text-indent: -9999px;
}

body>#show_nav:hover
{
	cursor: pointer;
}

/* == SIDEBAR == */

aside
{
	float: right;
}
aside>nav
{
	padding: 10px 0;
	text-align: center;	
}

	aside>nav ul
	{
		margin: 0;
	}

		aside>nav li
		{
			margin-right: 20px;
		}

		aside>nav#main .nav_block
		{
			text-align: left;
			float: left;
			width: 200px;
			margin: 0 30px 30px 0;
		}

		aside>nav#main .nav_block+.last
		{
			margin-right: 0;
		}

		aside>nav#main #tag_cloud
		{
			clear: both;
		}

/* == POSTS / PAGES == */

body>section#posts,
body>section#pages,
body>section#attachment
{
	width: 480px;
	float: right;
	margin-top: 100px;
}

article[id*=post-]
{
	padding: 10px 0;
}

article>header p, article>footer p
{
	font-size: .8em;
}

article>header h1
{
	font-family: stencil, impact, 'arial black', 'century gothic', arial, sans-serif;
	font-weight:bold;
	font-size: 1.8em;
}

body>section#pages ul#page-children
{
	margin-top: 20px;
}

/* == COMMENTS == */

article[id*=comment-], blockquote
{
	margin: 25px 0;
	padding: 10px;
	border-left: 1px solid rgb(223, 27, 164);
}
	article[id*=comment-] h4
	{
		margin: 0;
	}

	article[id*=comment-]>header p
	{
		text-transform: none;
		color: rgb(223, 27, 164);
	}

.comment-meta
{
	float: right;
}

#comments, #comment-form
{
	border-top: 1px solid rgb(160, 160, 160);
}

form#comment ol
{
	padding: 0;
}

form#comment ol li
{
	list-style: none;
	padding: 5px 0px;
	margin-bottom: 2px;
}

form#comment input:not([type=radio]),form#comment textarea
{
	width: 470px;
}

/* == FOOTER == */

body>footer {
	padding-top: 100px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	clear: both;
	}

/* == ATTACHMENT == */

.attachment-thumbnail
{
	border: none;
	padding: 0;
}

/* == GALERY == */

section#pages div[id*="gallery-"],
section#pages div[id*="gallery-"]
{
	border: none;
	margin: auto;
	overflow: hidden;
	width: 100%;
}

section#posts div[id*="gallery-"] img,
section#pages div[id*="gallery-"] img
{
	border: none;
	padding: 0;
	margin: 0;
}

.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
}

.gallery .gallery-caption {
    margin-left: 0;
}

.gallery br { clear: both }
 
/* available Columns */
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }


/* == MODAL == */

#overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:9000;
}

#modal
{  
	position:fixed;
	top:50%;
	left:50%;
	width: 700px;
	height: 500px;
	margin-left: -350px;
	margin-top: -250px;
	padding: 20px;
	z-index:9999;
	background-color: rgb(255,255,255);
	border: 2px solid rgb(95, 95, 95);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto;
	-moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 0 10px;
	-khtml-box-shadow: rgba(0,0,0,1) 0 0 10px;
	box-shadow: rgba(0,0,0,1) 0 0 10px;

}

.loggedin
{
	bottom:10px;
	left:10px;
	position:fixed;
}