/* michno.org - wersja 1.5,
autor: Mateusz "michno" Michnowicz
e-mail: mateusz.michnowicz@gmail.com */

body {
background: url(gfx/bg.png) repeat-x #161515;
font-family: 'Trebuchet MS', 'Arial', sans-serif;
font-size: 14px;
}

/* Główne ustawienia */

div#container {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
text-align: center;
}

	/* Góra strony - początek */


div#container div#top div#logo {
float: left;
margin-left: 50px;
width: 300px;
}
	
div#container div#top div#logo a {
background: url(gfx/logo.png) no-repeat;
display: block;
height: 82px;
width: 310px;
}

div#container div#top div#menu {
float: left;
margin-top: 5px;
margin-left: 20px;
width: 480px;
}

div#container div#top div#menu div.l_menu {
background: url(gfx/l_menu.png) no-repeat;
height: 48px;
width: 15px;
float: left;
}

div#container div#top div#menu div.c_menu {
background: url(gfx/c_menu.png) repeat-x;
float: left;
height: 48px;
width: 445px;
margin-top: 1px;
}

		/* Menu - zawartość - początek */

div#container div#top div#menu div.c_menu ul {
display: inline;
}

div#container div#top div#menu div.c_menu ul li {
margin-left: 0px;
float: left;
list-style-type: none;
}
		
div#container div#top div#menu div.c_menu ul li a.home {
display: block;
background: url(gfx/glowna_menu.png) no-repeat;
width: 85px;
height: 46px;
}

div#container div#top div#menu div.c_menu ul li a.home:hover {
background-position: 0 -46px;
}

		
div#container div#top div#menu div.c_menu ul li a.about {
display: block;
background: url(gfx/about_menu.png) no-repeat;
width: 78px;
height: 46px;
}

div#container div#top div#menu div.c_menu ul li a.about:hover {
background-position: 0 -46px;
}

div#container div#top div#menu div.c_menu ul li a.projects {
display: block;
background: url(gfx/projects_menu.png) no-repeat;
width: 102px;
height: 46px;
}

div#container div#top div#menu div.c_menu ul li a.projects:hover {
background-position: 0 -46px;
}

div#container div#top div#menu div.c_menu ul li a.portfolio {
display: block;
background: url(gfx/portfolio_menu.png) no-repeat;
width: 108px;
height: 46px;
}

div#container div#top div#menu div.c_menu ul li a.portfolio:hover {
background-position: 0 -46px;
}

div#container div#top div#menu div.c_menu ul li a.contact {
display: block;
background: url(gfx/contact_menu.png) no-repeat;
width: 72px;
height: 46px;
float: left;
}

div#container div#top div#menu div.c_menu ul li a.contact:hover {
background-position: 0 -46px;
}

		/* Menu zawartość - koniec */

div#container div#top div#menu div.r_menu {
background: url(gfx/r_menu.png) no-repeat;
height: 48px;
width: 15px;
float: left;
}

/* Góra strony - koniec */

div#container div#middle {
width: 100%;
float: left;
margin-top: 0px;
margin-left: 50px;
text-align: left;
}

div#container div#middle div#cloud {
background: url(gfx/cloud.png) no-repeat;
display: block;
height: 177px;
width: 413px;
margin-top: 38px;
float: left;
}

div#container div#middle div#cloud h2 {
margin-left: 10px;
}

div#container div#middle div#cloud p {
width: 395px;
margin-left: 10px;
margin-top: 10px;

}

div#container div#middle div#big_me {
background: url(gfx/big_me.png) no-repeat;
display: block;
height: 247px;
width:390px;
float: left;
}

div#container div#content {
width: 800px;
float: left;
text-align: left;
}

div#container div#content div#t_cont {
background: url(gfx/t_content1.png) no-repeat;
width: 801px;
height: 48px;
margin-left: 54px;
}

div#container div#content div#t_cont h2 {
margin: 0px;
padding: 10px;
}

div#container div#content div#f_cont {
background: url(gfx/f_cont.png) repeat-x center bottom #FFF;
width: 800px;
min-height: 144px;
margin-left: 55px;
overflow: hidden;
}

div#container div#content div#f_cont h2 {
margin-left: 8px;
}

div#container div#content div#f_cont p {
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
}

div#container div#content div#f_cont p img {
margin-right: 5px;
border: 3px solid #70B1D0;
}

div#container div#content div#f_cont a {
padding: 2px;
background: #70B1D0;
text-decoration: none;
color: #000;
}

div#container div#content div#f_cont a img {
margin-bottom: -2px;
margin-left: 2px;
border: none;
margin-right: 0px;
}

div#container div#content div#f_cont ul {
margin-top: -8px;
}

div#container div#content div#f_cont ul li {
list-style-type: none;
padding-top: 3px;
}


div#container div#content div#f_cont ul li img {
padding-top: 3px;
margin-top: -3px;
margin-right: 3px;
}
div#container div#content div#f_cont ul {
padding-top: 0px;
}

div#container div#content div#f_cont div#webpages {
float: left;
margin-left: auto;
margin-right: auto;
width: 790px;
}

div#container div#content div#f_cont div#graphics {
float: left;
}

div#container div#content div#f_cont div#webpages div.page {
padding: 20px 0px;
float: left;
}

div#container div#content div#f_cont div#webpages div.page img.image {
float: left;
display: block;
border: 3px solid #70B1D0;
margin-top: 0px;
margin-right: 20px;
margin-left: 40px;
}

div#container div#content div#f_cont div#webpages div.page ul.description{
float: right;
display: block;
width: 400px;
}

div#container div#content div#f_cont div#webpages div.page ul.description li {
list-style-type: none;
padding: 2px;
}

div#container div#content div#f_cont div#webpages div.page ul.description li img {
margin-right: 3px;
margin-bottom: -3px;
}

div#footer {
width: 102%;
float: left;
height: 172px;
background: url(gfx/f_bg.png) repeat-x;
display: block;
margin-left: -10px;
}

div#footer p {
margin-top: 145px;
font-size: 11px;
float: right;
margin-right: 10px;
color: #161515;
}

div#footer a {
color: #000;
text-decoration: none;
}

/* IE6sux */

div#ie6sux {
width: 800px;
margin-left: auto;
margin-right: auto;
background: #fff;
padding: 3px;
border: 3px solid #9C2210;
text-align: left;
}