/*
Theme Name: Motyw Wordpressa dla blogu Outlet Polska Group
Description: Motyw graficzny skonstruowany specjalnie dla blogu Outlet Polska Group.
Version: 0.1
Author: Grzegorz Kozak
Author URI: http://grzegorzkozak.pl/
*/
@import "style/css/reset.css";

body {background:url(style/images/tlo_gora.jpg) top center no-repeat #f50254;}
#wrapper_dla_tla_dol {margin:0 auto; background:url(style/images/tlo_dol.jpg) bottom center no-repeat}
#wrapper_naglowek{width:902px; height:9px; margin:20px auto 0px auto; _margin-bottom:-10px; background:url(style/images/wrapper_gora.png) no-repeat;}
#wrapper {width:880px; margin:0px auto; padding:0px 10px 10px 10px; background: url(style/images/tlo_wrappera.jpg) repeat-x bottom #FFFFFF; 
border-left:1px double #767676; border-right:1px double #767676; font-family:  "Microsoft Sans Serif", "Trebuchet MS", Arial, sans-serif; color:#555555 }
#footer {width:902px; height:30px; margin:0px auto;  background:url(style/images/stopka_wrapper.png) no-repeat; padding-bottom:20px}
#naglowek {width:880px; height: 267px; background: url(style/images/naglowek_tlo.jpg) no-repeat; margin-bottom:5px;}


/*menu na gorze- w naglowku*/
#menu {width:235px; height:100%; float:right;}
#menu h1 {width:218px; height:76px; margin-top:15px; display:block; background:url(style/images/logo_outlet.png) no-repeat; text-indent:-999999px}
#menu li {margin-top:20px;}

.guzik_blog a {width:75px; height:18px; display:block; text-indent:-99999px; background:url(style/images/guzik_blog.png) no-repeat -75px;}
.guzik_blog a:hover {background:url(style/images/guzik_blog.png) no-repeat }

.guzik_firma a {width:106px; height:18px; display:block; text-indent:-99999px; background:url(style/images/guzik_o_firmie.png) no-repeat -106px;} 
.guzik_firma a:hover {background:url(style/images/guzik_o_firmie.png) no-repeat }

.guzik_kontakt a {width:106px; height:18px; display:block; text-indent:-99999px; background:url(style/images/guzik_kontakt.png) no-repeat -106px;} 
.guzik_kontakt a:hover {background:url(style/images/guzik_kontakt.png) no-repeat }
#post-2 {}

/*sidebar*/
.sidebar {width:264px; float:right;}
#sidebar ul ul, .textwidget, #sidebar ul li div { background:url(style/images/okno_uniwersalne.gif) no-repeat bottom; margin-bottom:10px; padding:2px 7px 7px;}
#sidebar ul ul li { margin-top:4px}
#sidebar h2 {background:url(style/images/okno_uniwersalne_gora.gif) no-repeat bottom; text-align:center; font-size: 20pt; margin-bottom:0px}
#sidebar a, .archiwum h2, .podstrona a, .podstrona h2 {color:#0080b4}
.textwidget p {font-size:10pt; margin:7px; line-height:14pt}
#rss a {display:block; height:41px; width:41px; background:url(style/images/rss.gif) no-repeat; margin-top:13px;}
#rss a:hover {display:block; height:41px; width:41px; background:url(style/images/rss_hover.gif) no-repeat;margin-top:13px;}
hr {margin:20px 10px 20px 0px; background-color:#999999; color:#999999; height:1px; border:none}

/*sekcja dla postow*/
#pole_posty_naglowek {width:606px; height:7px; float:left; margin-top:13px; _margin-bottom:-14px; background:url(style/images/pole_wpisy_naglowek.gif) no-repeat; }
#pole_posty_srodek {width:606px; height:100%; float:left; background:url(style/images/pole_wpisy_srodek.gif) repeat-y; }
#pole_posty_stopka {width:606px; height:9px; float:left; background: url(style/images/pole_wpisy_stopka.gif) no-repeat;}
.nawigacja {width:502px; height:100%; float:left; font-size:10pt;color:#0080B4; margin:12px 0px; padding-bottom:12px; display:block; border-bottom:1px double #767676;}
.nawigacja a {color:#0080B4;}
.nawigacjaindex {width:606px; height:100%; float:left; font-size:10pt;color:#0080B4; margin-top:7px;}
.post {width:603px; height:100%; min-height:230px; _height:230px; float:right; background:url(style/images/post_tlo.gif) no-repeat ; margin:0px 2px 0px 1px;}
.tresc_posta {width:514px; height:100%; margin:0px 7px 2px 7px; float:right; _margin: 0px 7px 7px 7px}
.tresc_posta p, .podstrona p {margin-bottom:9px}
.stopka_posta {width:606px; height:15px; float:right; background: url(style/images/linia.gif) no-repeat center; margin-bottom:11px}
.data {width:44px; height:44px; margin:0px 0px 7px 7px; float:left; background:url(style/images/data.gif) no-repeat; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; text-align:center; color:#FFFFFF; #margin:0px 0px 7px 7px}
.podstrona {width: 540px; margin:0px 0px 0px 51px}
.podstrona h2 {font-size:24pt; margin-bottom:9px}


#cleaner {float: none;clear:both}

/*komentarze*/
#comments {margin-bottom:10px;}
.komentarz_autor, .komentarz_autor a {color:#0080B4}
.komentarz_data a {font-size:8pt}
.komentarz {margin-bottom:20px}
.pola_komentarze label {font-size:10pt}

/* Typografia */
.do_lewej {float:left; text-align:right}
.do_prawej {float:right; text-align:left}
#footer p {text-align:center; font-size:8pt; padding-top:5px; color:#737373;}
.miesiac_i_rok {font-size:8pt; line-height:8pt;} 
a {text-decoration:none; color:#737373}
.tresc_posta p a, .tresc_posta ol a, .tresc_posta ul a {text-decoration:none; color:#0080B4; font-weight:bold}
a:hover {text-decoration:underline;}
h2 {font-size:21pt; line-height:23pt; color:#737373; margin-bottom:7pt}
.tresc_posta p, .podstrona p {line-height:15pt; margin-bottom:4pt; font-size:11pt}
.archiwum {text-align:center; margin:7px 0px; padding-bottom:10px; border-bottom:1px double #767676; }
.stopka_posta li, .nawigacja li{display:inline; width:160pt}
.stopka_posta a {font-size:8pt; color:#FFFFFF; background: url(style/images/komentarze.gif) no-repeat -100px; width:100px; height:15px; display:block; float:right; margin-right:10px; text-align:center; }
.stopka_posta a:hover {background:url(style/images/komentarze.gif) no-repeat; text-decoration:none; color:#FFFFFF}
.czytaj_dalej a {font-size:8pt; color:#FFFFFF; background: url(style/images/czytaj_dalej.gif) no-repeat -100px; width:100px; height:15px; display:block; float:right; margin-right:10px; text-align:center; }
.czytaj_dalej a:hover {background: url(style/images/czytaj_dalej.gif); text-decoration:none; color:#FFFFFF}
blockquote {padding: 0pt 40pt; background:url(style/images/cytat.gif) no-repeat left top scroll; font-style:italic}