/*
Theme Name: Lighthouse Studio Blog
Theme URI: http://blog.lighthousestudio.pl/
Description: LHS Blog
Version: 1.0
Author: Snowdog
*/


* {margin:0;padding:0;border:0;border:none;outline:none}
html {
	min-height: 100%;
	height: auto;
}

body {
	font:62.5% Arial, Helvetica, sans-serif;
	min-width:960px;
	text-align:center;
}

a {
	text-decoration:none;
}
a:hover {
	border-bottom:1px dashed #5F0000;
	color:#5F0000;
}

ul.nav li {
		float:left;
		list-style:none;
		margin-left:10px;
}

#logo a {
	border:none;
	display:block;
	height:180px;
	text-indent:-9999px;
	width:100%;
}

#lang-nav {
	background:#666;
	border-bottom:1px solid #333;
	color:#ccc;
	font-size:1em;
	left:0;
	line-height:20px;
	padding-right:20px;
	position:absolute;
	right:0;
	text-transform:uppercase;
	text-align:right;
	top:0;
}
#lang-nav a {
	margin:0 5px;
}
	
#wrapper {
	font-size: 1em;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
}

	#topNav {
		left:30px;
		position:absolute;
		right:30px;
		top:15px;
		text-transform:uppercase;
	}
	#topNav a {
		padding-top:8px;
	}
	#topNav ul {
		display:block;
		float:right;
	} 
	#secNav {
		bottom:-17px;
		position:absolute;
		right:30px;
		z-index:20;
	}
	#secNav a {
		padding-bottom:8px;
	}
	#content {
		left:0px;
		min-height:301px;
		padding:0 30px;
		position:absolute;
		right:0px;
		top:34px;
	}
	
		#content .inner {
			background-color:#111;
			border-bottom:1px solid #111;
			color:#cfcfcf;
			font-size:1.2em;
			line-height:1.6em;
			overflow:hidden;
			padding:20px;
			}
			
			label {
				color:#666;
				display:block;
			}
	
			input ,
			select,
			textarea {
				background:#222;
				border:1px solid #333;
				color:#777;
				font:1.6em monospace;
				padding:1px;
				width:500px;
			}
			input#submit  {
				cursor:pointer;
				width:auto;
			}
			input#submit:hover  {
				background-color:#5F0000;
				border-color:#3F0000;
				color:#fff;
			}
			
			
			#content .inner .main {
				float:left;
				margin-right:20px;
				width:635px;
				overflow:hidden;
			}
			#content .inner p {
				margin-bottom:10px;
			}
			#content .sidebar {
				float:left;
				width:200px;
				overflow:hidden;
			}
			#content .inner h2 {
				font-size:25px;
				margin-bottom:20px;
				text-transform:uppercase;
				letter-spacing:-1px;
			}
			#content .sidebar .widget {
				margin-bottom:20px;
			}
			
			/* POST */
			
			#content .main h2.storytitle {
				font-size:35px;
				line-height:1em;
				margin-bottom:5px;
			}
			#content .post img {
				border:15px solid #ccc;
				max-width:600px;
			}
			#content .meta {
				margin-bottom:10px;
			}
			#content .post {
				padding-bottom:50px;
			}
			#commentlist li ul {
				border-left: 1px solid #ddd;
				list-style-type: none;
			}
			
			#commentlist li {
				background:#222;
				margin-bottom:20px;
				padding:5px 10px;
			}
			#commentlist li ul li {
				margin:0;
				padding:0;
			}

			#commentlist li .avatar {
				float: right;
				border: 1px dotted #ccc;
				padding: 2px;
			}
			#content .sociable a,
			#content .sociable img {
				border:none;
			}
			#content .sociable img {
				border:3px solid #ccc;
			}
			
	#foot {
		clear:both;
		font-size:10px;
		padding-top:30px;
		text-transform:uppercase;
	}
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left;
		}
	/* End Images */
	/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none ! important;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	/* End captions */