/*
Theme Name: Kameleon Sklep
Theme URI: http://www.appetit.pl
Version: 1.0
Author: Appetit (www.appetit.pl)
*/

/*	***************************************************************************************
	Kameleon Sklep Zoologiczny /Blog/
	Cooked and served by Appetit - www.appetit.pl
	---------------------------------------------------------------------------------------
	Opis:		Base style
	Plik:		style.css
	Wersja:		1.0
	Data:		Lipiec 30, 2007
	***************************************************************************************	*/


/*	---------------------------------------------------------------------------------------
	Global
	---------------------------------------------------------------------------------------	*/	
*		{
		margin: 0;
		padding: 0;
}

body 	{
		background: #ffffff;
		text-align: center;
		color: #373c3e;
		font: 11px Arial, Helvetica, sans-serif;
}

img 	{
		border: none;
}

ol, form {
		margin: 0;
		padding: 0;
}

a:hover	{
		color: #f50001;
		text-decoration: none;
}

a		{
		color: #f50001;
		text-decoration: underline;
}

blockquote {

}

p 		{
		line-height: 1.7em;
		text-align: justify;
}

small 	{
		font-size: 10px;
}

br.clear {
		clear: both;
}

h1, h1 a {
		font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #373c3e;
		text-decoration: none;
}

h1 a:hover {
		text-decoration: none;
		color: #f50001;

}

h1 a, h1.title {
		background:url(images/kameleonek.gif) left center no-repeat;
		padding: 0 0 0 30px;
}

p.error {
		margin: 10px 0 10px 0;
		padding: 10px 5px 10px 5px;
		border: 2px solid #f5f5f5;
		line-height: 14px;
}

h4		{
		border-bottom: 2px solid #f5f5f5;
		font: 14px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 3px 0 20px 0;
}


/*	---------------------------------------------------------------------------------------
	Top
	---------------------------------------------------------------------------------------	*/

#top 	{
		background: url(images/bg_header.gif) top repeat-x;
		height: 261px;
		text-align: center;
}

#top .header {
		background: url(images/header.gif) no-repeat;
		width: 800px;
		height: 231px;
		margin: 0 auto;
		padding: 30px 0 0 0;
		text-align: left;
}

#top .logo {
		background: url(images/logo.gif) center center no-repeat;
		display: block;
		width: 172px;
		height: 172px;
}

/*	---------------------------------------------------------------------------------------
	Body
	---------------------------------------------------------------------------------------	*/
#wrapper {
		float: left;
		margin: 0 0 20px 0;
		padding: 0;
}	

#page	 {
		background: transparent;
        margin: 0 auto;
		padding: 0;
		text-align: left;
		width: 800px;
}

#content {
		color: #373c3e;
		float: left;
		margin: 0 0 20px 0;
		padding: 0 40px 0 0 !important;
		padding: 0 35px 0 0;
        text-align: left;
		width: 500px;
		overflow: hidden;
}

#content .post {
		margin: 0 0 30px 0;
}

#content .entry {
		padding: 2px 0 0 0;
}

#content a.more-link:hover {
		text-decoration: none;
		color: #f50001;
}

#content a.more-link {
		color: #373c3e;
		text-decoration: none;
		font-weight: bold;
}

#content .metadata {
		border-top: #eeeeee 1px solid;
		margin: 5px 0 0 0;
		font: 10px/20px Arial, Helvetica, sans-serif;
		color: #c0c0c0;
}

#content .metadata a:hover {
		color: #f50001;
}

#content .metainfo, #content .metadata a {
		font-weight: bold;
		color: #787878;
		text-decoration: none;
}

#content .commentsinfo {
		background: url(images/comments.gif) left top no-repeat;
		padding: 0 0 0 20px;
}

#content img {
		margin: 3px 0 3px 0;
		border: 1px solid #c0c0c0;
        padding: 5px;
}

#content a:hover img { 
        border: 1px solid #f50001; 
        background: transparent;
}

#content ul { 
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

#content ul li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}

#content .pagenavigation {
		clear: both;
}

#content .pagenavigation .alignleft {
		float: left;
		width: 250px;
}

#content .pagenavigation .alignright {
		text-align: right;

}

#content .postmetadata {
		padding: 5px;
		background: #f5f5f5;
		color: #6e6e6e;
		font: 10px Arial, Helvetica, sans-serif;
}

#content .postmetadata a:hover {
		text-decoration: underline;
}

#content .postmetadata a {
		text-decoration: none;
}

#responses {
		margin: 0 0 30px 0;
}

#responses .commentheader, #content .respondheader {
		border-bottom: 2px solid #f5f5f5;
		font: 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0 10px 0;
		font-weight: bold;
		color: #6e6e6e;
}

#responses ol.commentlist {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #6e6e6e;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#responses li.commentbody {
		background: #f5f5f5;
		margin: 10px 0 10px 0;
		padding: 5px;
}

#responses li.alt {
		background: #ffffff;
		border: 2px solid #f5f5f5;
}

#responses li.commentbody .date {
		padding: 0 0 5px 0;
}

#responses li.commentbody .date a:hover {
		color: #373c3e;
		text-decoration: none;
}

#responses li.commentbody .date a {
		color: #b4b4b4;
		text-decoration: none;
		font: 10px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#responses li.commentbody .autor a:hover {
		color: #f50001;
		text-decoration: underline;
}

#responses li.commentbody .autor a {
		color: #6e6e6e;
		text-decoration: underline;
		font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#responses li.commentbody .autor {
		color: #6e6e6e;
		font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#responses input {
		border: 2px solid #f5f5f5;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #515151;
		width: 200px;
		padding: 3px;
		margin:0 0 10px 0;
		vertical-align: middle;
}

#responses input#submit {
		width: 150px;
		margin: 5px 0 0 0;
}

#responses textarea {
		border: 2px solid #f5f5f5;
		width: 100%;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #515151;
}

#responses small {
		font: 11px/30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #c0c0c0;
}

/*	---------------------------------------------------------------------------------------
	Side Column
	---------------------------------------------------------------------------------------	*/
#sidebar {
        width: 260px;
        text-align: left;
        float: left;
        margin: 0px 0px 20px 0px;
        padding: 0;
        color: #515151;
        }
		
#sidebar h2.pages {
		background: url(images/pages.gif) no-repeat;
		height: 26px;
		margin: 5px 0 5px 0;
}

#sidebar h2.categories {
		background: url(images/categories.gif) no-repeat;
		height: 26px;
		margin: 5px 0 5px 0;
}

#sidebar h2.archives {
		background: url(images/archive.gif) no-repeat;
		height: 26px;
		margin: 5px 0 5px 0;
}

#sidebar h2.search {
		background: url(images/search.gif) no-repeat;
		height: 26px;
		margin: 0;
}

#sidebar .sidelist {
        margin: 0 0 25px 0;
        padding: 0;
}

#sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}

#sidebar li {
        border-bottom: 1px solid #f5f5f5;
		margin: 0;
        padding: 0;
        display: block;
}

#sidebar li a {
        display: block;
        color: #515151;
		padding: 8px 5px 2px 5px;
		text-decoration: none;
        border-bottom: 0;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#sidebar li a:hover {
        color: #373c3e;
		background-color: #f5f5f5;
        text-decoration: none;
}

#sidebar .feeds {
		background: url(images/bg_rss_ovr.gif) no-repeat;
		width: 241px;
		height: 52px;
		padding: 5px 0 0 20px;
}

#sidebar a.feed:hover {
		color: #ffffff;
		text-decoration: none;
		background: url(images/rss_ico.gif) left center no-repeat; 
}


#sidebar a.feed {
		background: url(images/rss_ico_ovr.gif) left center no-repeat;
		color: #ffffff;
		text-decoration: none;
		display: block;
		line-height: 20px;
		padding: 0 0 0 20px;
}

#sidebar input {
		width: 250px;
		border: 2px solid #ffffff;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #515151;
}

#sidebar form {
		border: 2px solid #f5f5f5;
		width: 255px;
		padding: 3px;
		margin: 5px 0 0 0;
}
	
/*	---------------------------------------------------------------------------------------
	Bottom
	---------------------------------------------------------------------------------------	*/	
#bottom {
		clear: both;
		background: url(images/bg_bottom.gif) left top no-repeat;
		height: 221px;
		width: 840px;
		margin: 0 -35px 10px 0;
}
#bottom ul {
		list-style: none;
		margin:0 -35px 0 0;
		padding: 20px 0 0 2px;
}

#bottom h2.widgettitle {
		font: 14px/40px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #515151;
}

#bottom li.widget ul {
		padding: 0;
		margin: 0;
		color: #515151;
}

#bottom li.widget li {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #ebebeb;
		line-height: 20px;
}

#bottom li.widget {
		width: 245px;
		float: left;
		margin: 0;
		display: block;
		padding: 0 30px 0 0px;
}

#bottom li.widget li a:hover {
		text-decoration: none;
		background: #ebebeb;
}

#bottom li.widget li a {
		color: #515151;
		text-decoration: none;
		display: block;
		width: 245px;
}

	
/*	---------------------------------------------------------------------------------------
	Footer
	---------------------------------------------------------------------------------------	*/
#footer {
       	clear: both;
		color: #9b9b9b;
       	margin: 20px 0 0 0;
       	text-align: center;
       	overflow:hidden;
		font: 10px Arial, Helvetica, sans-serif;
}

#footer .content {
		width: 800px;
		margin: 0 auto;
}

#footer a.go_top {
		background: url(images/top.gif) no-repeat;
		display: block;
		width: 54px;
		height: 47px;
		float: left;
}

#footer .copyrights {
		text-align: right;
		padding: 15px 0 0 0;
}

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

#footer a 	{
       	color: #515151;
       	text-decoration: none;
		font-weight: bold;		
}

#footer a.valid {
		color: #f33131;
}