/*#############################################################
Name: Nowy
Date: 2008-03-16
Description: new.
Author: zama
URL: http://webmark.shost.pl

#############################################################*/

/*---------------------------------------------------------------------------------------

	struktura warstw i reset(lepiej skorzystać ze sposobu Erica Mayera)

---------------------------------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}
body {
	padding:0;
	margin:0;
	font:.83em/1.3em verdana, tahoma, arial, sans-serif;
	text-align:center;
	background:url(images/bg.jpg) #212121;
}
#podstawa {
	width:778px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background:url(images/podstawa.jpg);
	position:relative;
}
#lewa {
	float:left;
	width:448px;
}
#menu{
	height:70px;
	background:#212121 url(images/menu.jpg);
	overflow:hidden;
}
#content{
	background:#fff url(images/content.jpg) repeat-x;
	padding:60px 20px 30px 20px;
	color:#4d4d4d;
}

/*prawa strona*/
#prawa {
	float:right;
	width:330px;
	background:#212121 url(images/on.jpg);
}
#kolka{
	height:187px;
	background:#212121 url(images/kolka.jpg);
}

#top{height:283px; background:#212121 url(images/top.jpg)}
#css{height:283px; background:#212121 url(images/css.jpg)}
#tutki{height:283px; background:#212121 url(images/tutki.jpg)}
#takietam{height:283px; background:#212121 url(images/takietam.jpg)}
#wordpress{height:283px; background:#212121 url(images/wordpress.jpg)}

#stopka{
	background:#212121 url(images/stopka.jpg) no-repeat;
	padding:50px 10px 20px 10px;
	color:#7c7c7c;
	text-align:center;
}
#stopka a, #stopka a:link, #stopka a:visited{
	font-weight:normal;
	color:#aab0a2;
	text-decoration:none
}
#clear{
	background:#212121 url(images/clear.jpg);
	clear:both;
	height:38px;
}


/*---------------------------------------------------------------------------------------

	content

---------------------------------------------------------------------------------------*/
#podstawa h1 a{
	text-indent:-5000px;
	display:block;
	height:60px;
	width:110px;
	top:111px;
	right:110px;
	position:absolute;
}

#content h2 a, #content h2 a:visited, #content h2{
	color:#536B38; 
	display:block; 
	text-transform:uppercase; 
	font-size:1.3em; 
	text-align:center; 
	font-family:georgia, "times new roman", times, serif; 
	letter-spacing:1px;
}

#content h2 a:hover{
	color:#d76a01; 
	text-decoration:none
}

p.data{
	border-bottom:1px solid #ddd; 
	color:#aaa; 
	text-align:center; 
	padding-bottom:9px; 
	margin-bottom:9px;
}

p.separator{
	padding:10px 0;
	color:#ddd;
	text-align:center;
}

.image_menu{
	text-align:right;
	margin-top:10px;
}



/*---------------------------------------------------------------------------------------

	obrazki

---------------------------------------------------------------------------------------*/
.obrazek img, .szablon img{
	background:#ebebeb url(images/loading.gif) no-repeat 50% 50%;
	padding:15px;
	display:block;
	margin:1em auto;
	}
.obrazek:hover img, .szablon:hover img{
	border:1px solid #536B38;
	padding:14px;
	}



/*---------------------------------------------------------------------------------------

	globalne

---------------------------------------------------------------------------------------*/
hr { 
	width:100%; 
        height:0;
	border:0; 
        border-top:1px solid #ddd;
	background-color:#fff; 
} 

p{
	margin:4px 0;
}

ul, ol {
	list-style-type:none;
}
	

h1, h2, h3{
	font-size:1.1em;
}

.right{
float:right;
}

.left{
float:left;
}

img {
	border:none;
}

a, a:link, a:visited{
	font-weight:bold;
	color:#282828;
	text-decoration:none
}

a:hover {
	color: #640000;
	text-decoration: underline
}

a:active {
	color: #333
}

p.center{
	text-align:center;
	padding-bottom:14px;
}



/*---------------------------------------------------------------------------------------

	tabbed - miniblog, komentarze, admin. tresc

---------------------------------------------------------------------------------------*/
#miniblog li a{
	text-decoration:none;
	color:#ABAA94;
}
#miniblog li :hover{
	color:#f6f6f4;
}
.message li{
	padding:5px 10px;
}
.message {
	padding:20px 10px;
	color:#d3d1cb; 
}
#admin a, #admin a.link{
         color:#ddd;
         }

#miniblog li{
	padding:10px; 
	background:#202020 url(images/on.jpg); 
	margin-bottom:10px; 
	border:1px solid #323232
}

#archiwum li a, #komentarze li a, #admin li a{
	color:#ced3cc; 
	padding:5px 0; 
	font-weight:normal; 
	text-decoration:none
}

#archiwum li :hover, #komentarze li :hover, #admin li :hover{
	color:#aab0a2
}

#archiwum li, #komentarze li, #admin li{
	border-bottom:1px solid #2a2a2a
}

#komentarze span{
	color:#83826e; 
	font-weight:bold
}

#archiwum p, #admin p{
	padding:10px; 
	margin-bottom:10px; 
	background:url(images/bg.jpg) #212121; 
	border:1px solid #111; 
	color:#aab0a2;
}

/*kolorowanie listy*/
.li1{
	background-color:transparent;
}
.li2{
	background-color:#1b1b1b;
}
/*lista w miniblogu*/
.mini li b{float: left; font-weight: normal; color:red;
}
.mini li i{float:right; font-style: normal; color:#8b8b8b;
}
.mini li{overflow:hidden; padding:5px 10px; background-color:#fff; margin-bottom:6px;
}
.mini li p{
	clear:both;
}
.kom{
	padding:2px 6px;
	background-color:#212121;
	border:1px dotted #545454;
	color:#528909;
}

/*---------------------------------------------------------------------------------------

	gorne menu

---------------------------------------------------------------------------------------*/
#menu ul{
	list-style:none; 
	white-space:nowrap;	
}

#menu li{
	float:left;
	background:transparent url(images/kropki.gif) 100% 50% no-repeat; 
}

#menu li a{
	display:block; 
	padding:0 8px; 
	text-decoration:none; 
 	color:#aab0a2; 
 	text-align:center;
	float:left;
	height:70px;
	line-height:70px;
	font-size:.75em;
	text-transform:uppercase;
}
#menu li a:hover, #menu li a:active, #menu li.current-cat{
	cursor:pointer;
	background:#000 url(images/active.jpg);
	color:#fff;
} 




/*---------------------------------------------------------------------------------------

	warstwa ukrywana infopanel

---------------------------------------------------------------------------------------*/
.hidden { 
	display: none;
  }
	.panel {
	cursor: pointer;
	font-weight:bold; 
}




/*---------------------------------------------------------------------------------------

	tabbed menu
---------------------------------------------------------------------------------------*/
ul.tabs{
	background:#212121 url(images/tabbed.jpg) repeat-x;
	overflow:hidden;
}

ul.tabs-nav li{
	float:left;
	white-space:nowrap;
}

ul.tabs-nav li a{
	display:block;
	height:40px;
	line-height:40px;
	text-decoration:none;  
	color:#666;
	font-size:.83em;
	padding:0 10px;
	border-right:1px solid #3f3f3f;
	border-left:1px solid #000;
}

@media projection, screen {
    .tabs-hide {
        display: none;
    }
}


.tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {
	cursor:text;
	color:#ABAA93;
	background:#000 url(images/on.jpg);
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	cursor:pointer;
	color:#fff;
	background:#000 url(images/on.jpg);
}