/*
Theme Name: Młoda Gdynia Theme
Theme URI: http://wordpress.org/
Description: WordPress theme designed for Stowarzyszenie Młoda Gdynia.
Version: 1.1
Author: Bartosz Cytrowski
Author URI: http://www.firenet.pl/
Tags: -

*/

*{
	margin: 0;
	padding: 0;
}
img{
	border: 0;
}
body{
	background: #369 url("./img/background.jpg") repeat-x top;
}
hr{
	clear: both;
	height: 0;
}
.page{
	margin: 40px auto 0 auto;
	width: 820px;
	position: relative;
}

textarea#comment{
	width: 550px;
	display: block;
}

h1{
	width: 200px;
	height: 200px;
	background: url("./img/logo.png") no-repeat;
	font: 15px/22px "Arial";
	overflow: hidden;
}
	h1 a{
		text-indent: -200px;
		display: block;
		width: 200px;
		height: 200px;
	}
.sidebar{
	background: #ec7c00;
	padding: 10px 0 30px 0;
	position: relative;
	
}
	.sidebar h2{
		text-indent: -9999px;
		height: 10px;
		font: 8px/10px "Trebuchet Ms";
	}
	.sidebar ul{
		background-position: -2px center;
		background-repeat: no-repeat;
		padding: 0 0 0 23px;
		min-height: 110px;
	}
		/*\*/
	* html .sidebar ul{
		height: 110px;
	}
	/**/
	.o_nas{
		background-image: url("./img/o_nas.png");
	}
	.akcje{
		background-image: url("./img/akcje.png");
	}
	.partnerzy{
		background-image: url("./img/partnerzy.png");
	}
	.polecamy{
		background-image: url("./img/polecamy.png");
	}
	.archiwum{
		background-image: url("./img/archiwum.png");
	}
	

	.sidebar li{
		border-bottom: 1px solid #ff9c2f;
		list-style: none outside none;
		font: 11px/15px "Lucida Sans Unicode";
		padding: 2px 5px;
	}
	.sidebar li a{
		display: block;
		text-decoration: none;
		color: #ffce8c;
	}
	.sidebar li a:hover{
		color: #fff;
	}
	
.content{
	position: absolute;
	top: -20px;
	right: 20px;
	width: 590px;
}
.white_sheet{
	background: #fff;
	min-height: 670px;
	padding: 10px 20px 40px 20px;
}
/*\*/
* html .white_sheet{
	height: 670px;
}
/**/
 .content h2{
		font: bold 12px/22px "Trebuchet Ms";
		text-transform: uppercase;
		text-align: center;
		color: #bbb;
		border-bottom: 1px solid #bbb;
	}
	.main_menu{
		border-bottom: 1px solid #000;
		text-align: center;
	}
	.main_menu li{
		display: inline;
		padding: 0 0 0 0;
		font: bold 14px/22px "Trebuchet Ms";
		text-transform: uppercase;
		letter-spacing: 0px;
	}
	.main_menu a{
		padding: 3px 20px 3px 20px;
		color: #000;
		text-decoration: none;
	}
	.main_menu a:hover, .main_menu a.selected{
		background: #000;
		color: #fff;
	}
	h3{
		font: bold 30px/35px "Arial";
		padding: 40px 120px 5px 0;
		color: #000;
		letter-spacing: -2px;
		border-bottom: 1px solid #ddd;
		text-decoration: none;
		clear: both;
	}
	 h3 a{
		color: #000;
		text-decoration: none;
	}
	p.metadata{
		float: right;
		position: relative;
		top: -35px;
		background: #fff;
		padding: 10px;
		width: 100px;
		border-left: 1px solid #ddd;
		margin: 0 0 5px 5px;
	}
		p.metadata strong{
			display: block;
			font: 10px "Trebuchet Ms";
			color: #777;
		}
	p, ul{
		font: 12px/18px "Arial";
		padding: 5px 0;
	}
li{list-style-position: inside;}


	a.more{
		font: bold 12px/22px "Arial";
		color: #000;
		text-transform: uppercase;		
	}
	
	address{
		font: 14px/22px "Tahoma";
		letter-spacing: 1px;
		background: #eee;
		color: #555;
		padding: 20px;
		margin: 10px;
		border: 1px solid #ddd;
	}
	
	h4{
		font: bold 18px/27px "Arial";
		padding: 20px 0 5px 0;
		color: #000;
		letter-spacing: -1px;
		border-bottom: 1px dashed #ddd;
		text-decoration: none;
	}
	.comment{
		border: 1px solid #ccc;
		padding: 10px;
		margin: 5px 0;
	}
		.comment h5{
			font: bold 16px/22px "Arial";
			padding: 0 0 10px 0;
		}
		.comment h5 span{
			font: bold 10px "Arial";
			display: block;
			padding: 2px 0;
		}
		.comment h5 img{
			float: left;
			display: inline;
			margin: 0 10px 10px 0;
		}
	
	.content .footer{
		/* background: #369; */
		margin: 20px;
		padding: 10px 0 30px 0;
		text-align: center;
		color: #fff;
	}
	.footer a{
		color: #fff;
	}
.navigation{
font: 12px/18px "Arial";

clear: both;
}