/*
Theme Name: Portfolio
Description: Graficzna nakładka na portfolio Grzegorza Kozaka.
Version: 0.9
Author: Grzegorz Kozak
Author URI: http://grzegorzkozak.pl/
*/

@charset "UTF-8";

/* RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
/*koniec resetu */

body, html {background: black; margin:0px;}
/* glowne zalozenia */
#wrapper {width:100%; min-width:960px; height:100%; margin:0 auto; background: url(img/gwiazdki_tlo.jpg) repeat-x top center; overflow-y:hidden; }
#naglowek {width:960px; height:599px; margin:0 auto; background:url(img/naglowek.jpg) top center no-repeat}
#container {width:100%; min-width:960px; margin:0 auto; background:url(img/tlo_niebo_przejscie.jpg) scroll 0px 0px repeat-x #89cac7; float:left;}
#content {width: 960px; margin:0 auto; background:url(img/latarnia_tile.jpg) repeat-y scroll 152px -25px; padding-bottom:100px}
#tlo_dol {width:100%; min-width:960px; height:100%; background:url(img/stopka_tlo.jpg) bottom center repeat-x; float:left;}
#chmura {width: 429px; height:169px; position:relative; left:25px; top:-150px; background: url(img/chmura.png) no-repeat}
#stopka {width:960px; height:700px; margin:0 auto; background: url(img/stopka.jpg) no-repeat bottom center}
.kontakt {width: 300px; height:210px; position:relative; top:160px; left: 450px; display: block;text-indent:-99999em}
#informacje {width:400px; height:90px; text-shadow:0px 1px 0px #734825; position: relative; left:250px; top:217px; color:#2e1501; text-align:center;}
#informacje h3 {font-size:16px;  margin-top:20px}

/* atrybuty dla menu na gorze */
.menu_naglowek {height:400px;width:520px;display:block; float:right;  margin:10px 20px 0 0; list-style-type:none;}
.menu_naglowek a {display:block; font-size:10px}
.menu_naglowek li {line-height:13px}
.item1 {height:120px; width: 173px; left:66px; margin:26px 0 0 60px;background:url(img/menu_pol.jpg) scroll 0 -120px no-repeat;}
.item2 {height:128px; width:342px;margin:10px 0 0 178px;background:url(img/menu_pol.jpg) scroll -173px -128px no-repeat;}
.item3 {height:91px; width:296px; margin: 28px 0 0 -2px;background:url(img/menu_pol.jpg) scroll 0 -256px no-repeat;}
h1, h2, .menu_naglowek {text-indent:-9999em}
h1 {position:absolute; top:0px;left:0px}
.item1 span.hover {height:120px; width:173px; background:url(img/menu_pol.jpg) scroll 0 0 no-repeat;display:block; margin-top:-13px}
.item2 span.hover {height:128px; width:342px;background:url(img/menu_pol.jpg) scroll -173px 0 no-repeat;display:block; margin-top:-13px}
.item3 span.hover {height:91px; width:296px;background:url(img/menu_pol.jpg) scroll -296px -256px no-repeat;display:block; margin-top:-13px}

/*atrybuty dla wyboru wersji jezytkowej*/
.jezyk {width:280px;position: absolute; top: 110px; margin-left: 160px;list-style-type: none; text-indent:-9999em}
.jezyk li {float:left; display:inline;}
.jezyk li a {display: block; height: 50px; width: 130px; margin-left: 10px;}

/*atrybut dla o_mnie */
.rakieta {display:block; width: 588px; height:159px; background:url(img/rakieta.png) no-repeat; margin:0px 0px 50px -30px; position:relative;}

/* atrybuty dla formularza kontaktowego */
#formularz_kontaktowy {width:600px; height:455px; margin:-370px auto 0; background:#F2F2F2; position:relative; opacity:0; padding:15px; overflow:hidden; 
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;} 

/* atrybuty dla informacji/menu w stopce strony */
#informacje ul li {list-style-type:none; display:inline; margin:0 15px; font-size:15px;}
#informacje ul li a { color:#2E1501}
#napis_kontakt {display: block; width: 89px; height:35px;position:absolute; margin-left:629px; margin-top:238px; background:url(img/kontakt_pol.png) no-repeat}

/* dla chmur portfolio */
#portfolio_navi {width:545px; height:233px; background:url(img/chmura_portfolio.png) no-repeat; display:block;margin:0px 0px 90px 284px}
#portfolio_navi ul {padding:189px 0px 0px 80px}
#portfolio_navi ul li {float:left; font-size:16px; list-style-type:none}
#portfolio_navi ul li a {height:40px; display:block; text-indent:-9999em}
.portfolio_www {width:80px}
.portfolio_id {width:50px}
.portfolio_dtp {width:60px}
.portfolio_www:hover {background:url(img/chmura_portfolio_hover.png) no-repeat  scroll  5px -1px}
.portfolio_id:hover {background:url(img/chmura_portfolio_hover.png) no-repeat  scroll  -75px -1px}
.portfolio_dtp:hover {background:url(img/chmura_portfolio_hover.png) no-repeat  scroll -125px -1px}

.chmura_portfolio {background:transparent url(img/chmura.png) no-repeat scroll 0 0;height:169px;left:-60px;position:relative;top:-80px;width:429px;display:block;}
.cien_pod_chmura {width:157px; height:77px; display:block; background:url(img/cien_pod_chmura_port.png) no-repeat; position:relative; left:151px; top:130px}

/* dla malych chmur kategorii portfolio */
.chmura_mala_www, .chmura_mala_id, .chmura_mala_dtp {width:226px; height:102px;display:block;margin:0 0 30px 324px}
.chmura_mala_www { background:url(img/chmura_mala_www.png) no-repeat; }
.chmura_mala_id { background:url(img/chmura_mala_id.png) no-repeat; }
.chmura_mala_dtp { background:url(img/chmura_mala_dtp.png) no-repeat; }

/* okno na latarni "do gory" */
.okno_do_gory a {width:100px; height:281px; display:block; position: relative; background:url(img/okno.png) no-repeat; left: 208px; margin-top: -281px}

/* ustawienia dla pol tresci*/
.projekt, .o_mnie {width:525px; margin:0px 0px 35px 374px}

/*WSPOLNA TYPOGRAFIA*/
body, textarea { font-family: Verdana, "Trebuchet MS", Helvetica, Arial}
p, li {font-size:12px; line-height:21px}
p+p {text-indent:15px}
a {text-decoration:none;}
#informacje ul li a:hover, .o_mnie a:hover,  .email:hover, #menu_boczne a:hover { border-bottom:1px dotted;}
.o_mnie li, .projekt li {list-style-position:inside; list-style-type:circle;}
.o_mnie ul, .o_mnie ol, .projekt ul, .projekt ol {margin:10px auto}
#content a, #menu_boczne a {color:#1d70b9}

/*typografia dla projektow*/
strong {font-weight:normal; font-variant:small-caps;letter-spacing:1px}
.projekt h3 {color:#326f8b; font-size: 30px; text-shadow:0px 1px 0px #bcefed; margin-bottom:10px}
.projekt p, .projekt li {color:#205167;}
.projekt img { border: 6px solid #3C2517;}

/*typografia dla o mnie*/
.o_mnie {color:#ffffff}
.o_mnie h3 {font-size:22px;letter-spacing:1px; margin-top:20px}

/*PROBNE do formularza kontaktowego */
#formularz_kontaktowy, .guzik {color:#42576a;}
#formularz_kontaktowy input, #formularz_kontaktowy textarea, .guzik  {font-size:13px;border:1px solid #b9c8d6; }
.guzik {padding:2px; background-color:white; cursor: pointer}
.guzik:hover {color:white;background-color:#6989a5}
.email {color:#1d70b9; font-size:15px}
#formularz_kontaktowy p {margin-top:8px}
#formularz_kontaktowy p+p {text-indent:0px} 
#formularz_kontaktowy h2 {border-bottom:1px solid #C5C4B9; text-indent:0em; font-size:35px; color:#939393; margin:0px;text-shadow:0px 1px 0px #FFFFFF;}
.formularz_lewy {width:230px; float:left;}
.formularz_prawy {width:345px; float:right; }
.cleaner {float:none; clear:both;}
.krzyzyk {display: block; width:15px; height:15px; position:absolute; top:27px; cursor:pointer; left:595px; background:url(img/krzyzyk.png) no-repeat left}
.krzyzyk:hover {background:url(img/krzyzyk.png) right no-repeat}
/*atrybuty dla menu bocznego */
#menu_boczne {width:150px; height:138px; background:url(img/menu_boczne.png) no-repeat; position:fixed; top:40%;left:-150px; padding-top:14px;z-index:20 }
#menu_boczne ul {margin-top:0px; margin-right:10px; padding:0px}
#menu_boczne li {text-align:center; padding:0px; margin: 4px 0px; list-style-type:none;font-variant:small-caps;letter-spacing:1px;}


.projekt p a:hover {color:white}
.duze {display:block; width:512px; height:319px; margin:0px 8px 10px 0px;}
.male {display:inline-block; width:162px; height:110px; margin:0px 13px 10px 0px;}

/*etykieta nowosc */
.etykieta_nowosc {width:91px; height:101px; background: url(img/nowosc.png); z-index:100; position:absolute;display:block; margin:-319px 0 0 422px}

/*poprawka emoticona */
.wp-smiley { vertical-align:middle;}

textarea {resize:none;overflow: auto;}