@charset "utf-8";
/*
Theme Name: New Vivee Skin
Theme URI: http://vivee.info
Description: Blog o webmasteringu, grafice i fotografii
Version: 3.0
Author: Maciej Palmowski & Agnieszka Bednarek
Author URI: http://vivee.info
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* Begin Typography & Colors */
@font-face { 
	font-family: "Tw Cen MT Condensed"; 
	src: url('font.ttf'); 
}

* {
	padding:0;
	margin:0;
}

body {
	background:url(img/body_bg.jpg) repeat-x top #e9e9e9;
	text-align:center;
}

.end {
	clear:both;
}

#container {
	text-align:left;
	width:980px;
	margin:0 auto;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
}

img {
	border:0;
}

#menu {
	height:50px;
}

#head {
	height:106px;
}

.left {
	float:left;
}

.right {
	float:right;
}

#logo {
	height:106px;
	width:434px;
	text-align:left;
}

.icons {
	background:url(img/icons_bg.jpg) no-repeat; 
	width:546px;
	height:81px; /* 106px */
	padding:25px 0 0 0;
}

.icons ul {
	list-style-type:none;
	text-align:right;
}

.icons ul li {
	display:inline;
}

#tutoriale {
	width:980px;
	clear:both;
	padding:11px 0 0 0;
	margin:0 0 25px 0;
}

#tutoriale h2 {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#acacac;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	padding:0 5px 0 0;
}

#tutoriale ul {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0px;
	list-style-type:none;
}

#tutoriale ul li {
	display:inline;
	padding:0 6px;
}

#tutoriale ul li a {
	color:#3b372c;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

#tutoriale ul li a:hover,#tutoriale ul li a.hover  {
	color:#ca0018;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

#content {
	width:980px;
}

.content_left {
	width:660px;
	padding:0 0 20px 0;
}

.entries {
	list-style-type:none
}

.entries li {
	background:#f7f6f5;
	width:628px;
	padding:15px;
	border:1px solid #dbdbd8;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d4b46;
	margin:0 0 15px 0;
}

span.date {
	color:#918e89;
	display:block;	
	width:300px;
	font-size:11px;
}

span.date small {
	color:#464139;
	font-size:11px;
}

span.komentarze {
	background:url(img/komentarz.jpg) no-repeat;
	display:block;
	text-align:center;
	width:38px;
	height:35px;
	padding:4px 0 0 0;
	font-size:15px;
	font-weight:bold;
	color:#5e5e5e;
}

span.komentarze a {
	color:#5e5e5e;
}

span.komentarze a:hover {
	color:#d60019;
}

h2.title {
	clear:both;
	font:30px "Tw Cen MT Condensed", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:1px dotted #d9d9d8;
	padding:0 0 2px 0;
	margin:0 0 5px 0;
}

h2.title2 {
	clear:both;
	font:30px "Tw Cen MT Condensed", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:1px dotted #d9d9d8;
	padding:18px 0 2px 0;
	margin:0px 0 5px 0;
}

h2.title3 {
	clear:both;
	font:30px "Tw Cen MT Condensed", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:none;
	color:#4a4741;
}

h2.title3 span {
	color:#b8001a;		
}

h2.title a,
h2.title2 a{
	color:#b8001a;	
}

h2.title a:hover,
h2.title2 a:hover{
	color:#494336;
}

span.about {
	padding:0 12px 0 0;
	display:block;
	color:#8a8680;
	font-size:11px;
}

span.about a {
	color:#5e5952;
}

span.about a:hover {
	color:#b8001a;		
}

.zawartosc {
	clear:both;
	padding:10px 0 0 0;
}

img.top_pic {
	padding:5px;
	background:#f9f9f8;
	border:1px solid #eaeaea;
}

.zawartosc p {
	padding:5px 0;
	line-height:150%;
}

.zawartosc a,
.box a {
	color:#c30f24;
}

.zawartosc a:hover, 
.box a:hover {
	color:#2d2920;
	text-decoration:underline;
}

.similar a {
	color:#2d2920;
}

.similar a:hover {
	color:#c30f24;	
	text-decoration:underline;
}

.zawartosc h2 {
	color:#3e3a30;
	font:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:10px 0;
	border-bottom:1px dashed #cecece;
	}
	
.zawartosc h3 {
	color:#c30f24;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:7px 0;
	border:none;
	}	
	
.zawartosc ul,
.similar ul {
	list-style-type:none;
	margin:10px auto;	
}

.zawartosc ul li,
.similar li {
	border:0;
	margin:8px auto;
	width:90%;
	background:transparent url(img/pkt.png) no-repeat 0 5px;
	padding:0px 0 0px 13px;	
}

.zawartosc ul#autorzy li {
	border:0;
	margin:8px auto;
	width:100%;
	background:none;
	border-bottom:1px dashed #ebebeb;
	padding:5px 0;
}

ul#autorzy li a {
	color:#4a4537;
	font-weight:bold;
}

ul#autorzy li img {
	border:1px solid #ffffff;
	margin:0 5px 0 0;
}

.zawartosc ol {
	margin:10px auto;
}

.zawartosc ol li {
	border:0;
	margin:8px auto;
	background:none;
	padding:0px;
	width:88%;	
}
	
.zawartosc ul li img {
	vertical-align:middle;
}
	
.zawartosc code {
	font-weight:bold!important;
	color:#807a6e;
	font:12px "Courier New", Courier, monospace;
	background:#eeeeee;
}
	
p.picture,
p.insp,
div.picture {
	vertical-align:middle;
	text-align:center;
	padding:8px 0;
	margin:10px 0;
	border:1px solid #eaeaea;
	line-height:normal;
}

p.picture img,
p.insp img,
div.picture img {
	vertical-align:middle;
	border:1px solid #ffffff;
}

.insp a.button,
.insp a.button img {
	display:inline!important;
	padding:0 0 5px 0;
}

a.more-link {
	display:block;
	float:right;
	clear:both;
	padding:5px 10px;
	background:#d20019;
	color:#FFF;
	font-weight:bold;
	margin:10px 0 0 0;
}

a.more-link:hover {
	background:#3a362c;
	color:white;
	text-decoration:none;
}

a.more-link span.moretext {
	display:block;
	float:right;
	padding:0px;
	background:#d20019;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.more-link:hover span.moretext {
	background:#3a362c;
	color:white;
	text-decoration:none;
}

.naglowek {
	font:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 0;
	border-bottom:1px dashed #cecece;
	}
	
h2.red {
	color:#b8001a;		
}

h2.brown {
	color:#3e3a30;		
}

ul.lista, .polecane ul {
	list-style:none;
	padding:0 2px;
}

ul.lista a, .polecane ul a {
	text-decoration:none;
	color:#504847;
}

ul.lista a:hover, .polecane ul a:hover {
	color:#d60019;	
}

ul.lista li, .polecane ul li {
	border-bottom:1px dotted #f2f2f2;
	background:url(img/pkt.png) no-repeat 0 8px;
	padding:3px 0 3px 13px;
}

.tagi {
	vertical-align:middle;
	text-align:left;
	padding:6px;
	margin:6px 0 4px 0;
	border:1px solid #eaeaea;
	line-height:normal;
	color:#5d5b57;
}

.tagi a {
	padding:0 4px;
	color:#888581;
	font-weight:bold;
}

.tagi a:hover {
	text-decoration:none;
}

#naviation {
	/*background:#f7f6f5;*/
	background:none;
	width:658px;
	padding:0px;
	/*border:1px solid #dbdbd8;*/
	border:0;
	margin:0;
}

.prev a {
	float:left;
}

.next a {
	float:right;
}

.prev a,
.next a {
	padding:5px 10px;
	display:block;
	color:#FFF;
	font-weight:bold;
	background:#3a362c;
	margin:0 0 0 1px;
	
}

.prev a:hover,
.next a:hover {
	background:#d20019;
}

.ad {
	background:#f7f6f5;
	width:44%;
	padding:10px 15px;
	border:1px solid #dbdbd8;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d4b46;
	margin:0 0 15px 0;
	text-align:center;
}

.ad img {
	vertical-align:middle;
	padding:3px 5px 0 5px;
}

.ad a,
.long_ad a {
	color:#a7a49f;
}

.ad a:hover,
.long_ad a:hover {
	color:#c60017;
}

.content_right {
	width:300px;
	padding:0 0 20px 0;	
}

#zakladki {
	width:280px;
	margin:0 auto 10px auto;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#f7f6f5;
	padding:10px;
	border:1px solid #dbdbd8;		
}

#zakladki div {
	clear:both;
	color:#706d66;
	padding:3px 0 0 0;
}

#zakladki div div {
	list-style:none;
}

#zakladki h2 {
	display:block;
	float:left;
	width:33%;
	text-align:center;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px 0px 3px 0;
}

#zakladki h2 a {
	color:#312725;
	padding:5px 0px;
	border:1px solid #ededec;	
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
}

#zakladki h2 a:hover, #zakladki h2 a.active {
	color:#ffffff;
	background:#d60019;
}

#zakladki ul {
	list-style:none;
	padding:0 2px;
}

#zakladki ul a {
	text-decoration:none;
	color:#504847;
}

#zakladki ul a:hover {
	color:#d60019;	
}

#zakladki ul li {
	border-bottom:1px dotted #d0d0cb;
	background:url(img/pkt.png) no-repeat 0 8px;
	padding:3px 0 3px 13px;
}

#zakladki ul li img {
	vertical-align:middle;
	border:1px solid #fff;
}

ul.kategorie {
	list-style-type:none;
}

ul.kategorie li,
ul.komentarze li {
	background:none!important;
	padding:3px 0!important;
	color:#9f9f9f;
}

ul.kategorie li {
	font-size:10px;
}

ul.komentarze li {
	font-size:11px;
}

ul.kategorie a {
	display:block;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#312725;
}

#szukaj {
	width:280px;
	margin:0 auto 10px auto;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#f7f6f5;
	padding:5px 10px;
	border:1px solid #dbdbd8;			
}

#szukaj form input.ok {
	background:url(img/szukaj.jpg) no-repeat!important;
	width:30px!important;
	height:31px!important;
	border:none!important;
	cursor:pointer;
}

#szukaj form input {
	border:none;
	background:none;
	font-size:11px;
	font-weight:bold;
	color:#635653;
	width:245px;
	vertical-align:middle;
}

.box {
	width:280px;
	margin:0 auto 10px auto;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#f7f6f5;
	padding:10px;
	color:#4d4b46;	
	border:1px solid #dbdbd8;			
}

.box h2 {
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 4px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #e3e3df;
}

.box p {
	padding:3px 0;
}

.box h2 span {
	color:#c30017;
}

ul.reklama {
	list-style-type:none;
}

ul.reklama li {
	display:block;
	float:left;
	padding:7px 7px 0 7px;
}

.news {
	padding:5px 0;
}

.news h2 {
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:1px dotted #d9d9d8;
	padding:0 0 2px 0;
	margin:5px 0 0px 0;
	font-weight:bold;
}

.news h2 a {
	color:#b8001a;
}

.news h2 a:hover {
	color:#494336;
}

.news a.more-link {
	margin:10px 0;
}

.bannery {

	width:960px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#f7f6f5;
	padding:15px 10px;
	border:1px solid #dbdbd8;
	text-align:center;
	margin:0 auto 10px auto;
}

.bannery ul {
	list-style-type:none;
	text-align:center;
}

.bannery ul li {
	display:inline;
	padding:0 3px;
}

#footer {
	background:#2d2a23;
	padding:10px 0;
	text-align:center;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;	
	border-bottom:1px solid #36322b;
}

.footer_content {
	width:960px;
	margin:0 auto;
	text-align:left;
}

.kolumna {
	width:280px;
	float:left;
	color:#b4b1a8;
	padding:0 20px;
	font-size:12px;
}

.kolumna h2 {
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#eeeeee;
	margin:0 0 10px 0;
	font-weight:bold;
	padding:0 3px 2px 3px;
	border-bottom:1px dashed #514f4a;
}

.kolumna ul {
	list-style-type:none;
}

.kolumna ul li a {
	text-decoration:none;
	color:#b4b1a8;
	padding:6px 10px;
	display:block;
	line-height:normal;
	background:#282520;
	margin:0 0 1px 0;
	}

.kolumna ul li a:hover {
	text-decoration:none;
	color:#cfcfcf;
	padding:6px 10px;
	display:block;
	line-height:normal;
	background:#3b372f;
	margin:0 0 1px 0;
	}
	
.kolumna p {
	padding:3px 0;
	text-align:justify;
}

#footer2 {
	background:#282520;
	padding:10px 0;
	text-align:center;
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.footer_content2 {
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#716d62;
}

.footer_content2 a {
	text-decoration:none;
	color:#716d62;
}

.footer_content2 a:hover {
	text-decoration:none;
	color:#9a9894;
}

#monitor {
	width:300px;
	height:297px;
	background:url(img/monitor.jpg) no-repeat top right;
	margin:0 0 10px 0;
}

pre, .dean_ch {
	padding:10px;
	width:90%!important;
	overflow:auto;
	margin:10px auto;
	color:#555;
	font:1em "courier new", fixed;
	line-height:1.5em;
	border-top:2px double #ccc;
	border-bottom:2px double #ccc;
	white-space:normal!important;
}

pre.console {
	padding:10px;
	margin:10px 0;
	color:#fff;
	background:black;
	font:1em "courier new", fixed;
	font-weight:150;
	line-height:1.5em;
	border-top:2px double #ccc;
	border-bottom:2px double #ccc;
	overflow:auto;
}

ol.commentlist { list-style:none; margin:0  1em; padding:0; text-indent:0; }
ol.commentlist li { width:100%!important; float:none!important; }
ol.commentlist li.alt {width:100%!important;}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { padding:1em;}
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard {font:14px Arial, Tahoma, sans-serif; font-weight:bold;}
ol.commentlist li div.vcard cite.fn {font:14px Arial, Tahoma, sans-serif; font-weight:bold;}
ol.commentlist li div.vcard cite.fn a.url { color:#a7be0d; font:14px Arial, Tahoma, sans-serif; font-weight:bold;}
ol.commentlist li div.vcard img.avatar { border:2px solid #dcdcdc; float:left; margin:0px 15px 7px 0px; width:auto!important; height:auto!important; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {display:none;}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:10px; text-transform: uppercase; font-family: tahoma; font-weight: bold; line-height: 1.5em;}
ol.commentlist li div.comment-meta a { color:#a7a7a7; }
ol.commentlist li p { font-size:12px; margin:1em 0em 0em 0em; }
ol.commentlist li p a {font-weight:normal; color:#98ad0a; text-decoration:underline; }
ol.commentlist li p a:hover {font-weight:normal; color:#98ad0a; text-decoration:none; }
ol.commentlist li ul { font-size:12px; list-style:square; margin:1em 0em 0em 0em; }
ol.commentlist li div.reply { font-size:11px; margin:1em 0em 1em 0em; }
ol.commentlist li div.reply a { font-weight:bold; color:#656565; }
ol.commentlist li div.reply a:hover { font-weight:bold; color:#7c7c7c; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #dfded8; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #dfded8; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #dfded8; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {border-left:5px solid #dfded8; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f9f9f9; }
ol.commentlist li.parent { border-left:5px solid #dfded8; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em;}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#respond textarea, #respond input {
	width:550px;
	border:1px solid #dfded8;
	padding:5px;
	font:11px Arial, Tahoma, Verdana, sans-serif;
}

#respond input#submit {
	width:auto;
	padding:5px 6px;
	background:#db0707;
	border:1px solid #ed0e0e;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}

#respond small {
	font-size:11px;
	color:#545454;
}

.long_ad {
	background:#f7f6f5;
	width:648px;
	padding:5px;
	border:1px solid #dbdbd8;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d4b46;
	margin:0 0 15px 0;
	clear:both;
	text-align:center;
}