/* ------------------------------------------------------------------ */
/* layout.css                                                         */
/* autor HTML a CSS - Michal Pr�hoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- nastaveni pro body */
		body {
			font-size: 76%;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0; padding: 0;
			background: #343436 url(../img/bg/body.gif) 0 0;
			text-align: center;
			color: #d2d2d2;
		}
	/* end. nastaveni pro body */
	form *, input {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
	
	
	#page {
		width: 960px;
		text-align: left;
		margin: 0 auto;
	}
	#page #logo {
		float: left;
		margin: 30px 0 0 0;
	}
	#content {
		background-color: #232323;
		clear: both;
	}
	#content {
		padding: 30px;
	}
	#footer {
		margin: 25px 0;
	}
	
	/* ----- sideContainer */
		#sideContainer {
			width: 250px;
			float: left;
			color: #fff;
			margin: -15px 0 0 0;
		}
	/* end. sideContainer */
	
	/* ----- contentContainer */
		#contentContainer {
			width: 630px;
			float: right;
		}
		#whereAmI {
			background: #303033 url(/2010/img/bg/h1.gif) 0 0 no-repeat;
			color: #c7c7c7;
			padding: 10px 20px;
			font-size: 100%;
			margin: 0;
		}
		#whereAmI2 {
			background: #303033 url(/2010/img/bg/h1.gif) 0 0 no-repeat;
			color: #c7c7c7;
			padding: 10px 20px;
			font-size: 100%;
			margin: 0;
			margin: -20px -20px 20px -20px;
		}
		#whereAmI a {
			color: #7a7a7a;
		}

		#contentBox h2 {
			color: #fff;
			margin: 2em 0 1em 0; padding: 0;
			font-size: 150%;
			line-height: 1.3em;
		}
		#contentBox h3 {
			color: #fff;
			margin: 1em 0 0.5em 0; padding: 0;
			font-size: 140%;
			font-weight: normal;
		}
		#contentBox {
			background-color: #3c3c3e;
			padding: 20px 20px 20px 20px;
		}
	/* end. contentContainer */
	
	/* ---- odkazy */
		a {
			color: #dc3131;
		}
		a:hover{
			color: #fff;
		}
	/* end. odkazy */
}