/* red: #EC3939 , orange: #eb863a */

/* mac hide \*/
html, body {
	height: 100%
}
/* end hide*/

body {
	height: 100%;
	font-family: Verdana, Tahoma, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 0;
	margin: 0;
	background: #888 url(bgFlower.jpg);
}

#container {
	min-height: 100%;
	margin: auto;
	margin-bottom: -55px;	/* wysokosc footera */
	height: auto;
	width: 735px;
	/* margin-left: 25px; */
	padding: 0 15px 0 15px;
	background-color: #fff;
	border-left: 2px solid #666;
	border-right: 3px solid #666;
	background: #fff url(bgline.gif) repeat-y top left;
}

* html #container {		
	height: 100%;
}

#container2 {	/* w kit */
}

/* top */

#header {
	background: #fff url(header.png) no-repeat top left;
	height: 85px;	/* obrazek 65 + margines u dolu */
}

#header h1 {
	display: none;
}

/* linki */

a:link, a:visited { 
	text-decoration: none; 
	color: #eb863a;
}

a:hover, a:active { 
	text-decoration: none; 
	border-bottom: 1px dotted;
}

/* nawigacja */

#links {
	font-size: 10px;
	padding: 47px 0 0 0;
	text-align: right;
}

#links ul {
	padding: 0;
	margin: 0;
}

#links li {
	display: inline;
}

#links a {
	font-weight: bold;
	border-bottom: 3px solid;
}
#links a:link, #links a:visited {
	color: #EC3939;
}

#links a:hover {
	color: #666;
}

/* lewa */

#left {
	width: 170px;
	padding-left: 15px;
	padding-bottom: 40px;
	float: left;
}

#left h3 {
	font-size: 13px;
	color: #666;
	margin: 0 15px 6px 0 ;
	font-variant: small-caps;
	border-bottom: 1px dotted #666;
}

/* galeria */

#left img {
	float: left;
	border: 1px solid #666;
	margin: 0 9px 9px 0;
	width: 70px;
	height: 70px;
	background: #fff url(cross_bg.png) no-repeat center;
}

#left img:hover {
	border: 1px solid #EC3939;
}

#left .current {
	border: 1px solid #EC3939
}

/* najnowsze */

.newest {
	clear: both;
	padding: 0 0 10px 0;
}

.newest h3 {
	margin-top: 0;
}

.newest .more {
	margin-top: 0;
	margin-right: 15px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	clear: both;
}

/* main */

#main {
	margin: 0;
	margin-left: 200px;
	margin-right: 10px;
}

#main h2 {
	font-size: 16px;
	color: #666;
	border-left: 9px solid #EC3939;
	padding-left: 5px;
	padding-bottom: 0;
	margin: 0 0 20px 0;
}

#main h3 {
	font-size: 13px;
	color: #666;
	border-left: 3px solid #EC3939;
	padding-left: 5px;
}

/* footer */

#clearfooter{
	clear: both;
	height: 55px; /* wys. footera */
}

#footer {
	width: 710px;
	height: 30px;
	padding: 25px 25px 0 30px;
	/* margin-left: 25px; */
	margin: auto;
	clear: both;
	text-align: center;
	font-size: 9px;
	line-height: 12px;
	color: #888;
	background: #fff;
	border-left: 2px solid #666;
	border-right: 3px solid #666;
}

#footer p {
	padding: 0;
	margin: 0;
}

#counter {
	float: left;
	line-height: 15px;
}

#copyright {
	line-height: 15px;
	border-top: 1px dashed #ccc;
	padding-top: 5px;
}

/* duzy obrazek */

.bigimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(cross_bg.png) no-repeat center;
}

/* tytul + nawigacja */

#sub {
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

#title {
	margin: 0 25px 0 25px;
}

#descr {
	margin-top: 10px;
	border-top: 1px dotted #ccc;
	padding: 7px 20px 7px 20px;
}

/* link do komentarzy */

#commentlink {
	border-top: 1px dotted #ccc;
	text-align: right;
	margin-top: 0;
}

/* komentarze */

#h_comments, #h_addcomment {
	border-top: 1px dotted #ccc;
}

#h_addcomment h3, #h_comments h3 {
	line-height: 17px;
	background: url(crossbullet17.png) no-repeat left;
	padding-left: 23px;
	border: none;
}

#comments {
}

.comment, .comment2 {
	position : relative;
	margin : 0 0 20px 0px;
	padding: 10px;
	text-align : justify;
}

.comment2 {
	background-color: #f3f3f3;
}


.msgid {
	font-size : 20px;
	font-weight : bold;
	font-family : "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #EC7777;
	z-index: 1;
	position: absolute;
	margin-left: 480px;
}

.signature {
	font-weight : bold;
	z-index: 2;
}

.ip {
	display: block;
	position : relative;
	padding : 0;
	margin : 0 0 2px 0;
	font-size: 10px;
	z-index: 2;
}

.emailwww {
	display: block;	
	position : relative;
	font-weight : normal;
	font-size: 10px;
	z-index: 2;
}

.content {
	padding : 0;
	border-top : 1px dotted #8f8f8f;
	color: #888;
	z-index: 2;
}

/* formularz */

#form {
	float: left;
	text-align: right;
	padding: 0 15px 0 10px;
	margin-right: 15px;
	border-right: 1px dotted #aaa;
}

#form label, input {
	margin : 0 0 5px 0;
}

#form label {
	vertical-align : top;
	margin : 0 5px 0 0;
}

#form input {
	font-family: Verdana, Tahoma, Geneva, Arial, helvetica, sans-serif;
	font-size : 11px;
	color : #666;
	border : 1px solid #999;
	width: 240px;
}

#form textarea {
	font-family: Verdana, Tahoma, Geneva, Arial, helvetica, sans-serif;
	font-size : 11px;
	color : #666;
	height : 120px;
	border : 1px solid #999;
	width: 240px;	

}

#form .submit {
	width: 90px;
	border : 1px solid #aaa;
	background-color: #eee;
	margin-top: 5px;
}

#formcom p {
	margin-top: 0;
	font-size: 10px;
	color: #aaa;
}

/* rozne */

.orange {
	color: #eb863a;
}
.red {
	color: #EC3939;
}

.bold {
	font-weight: bold;
}

/* about */

#bio {
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	padding: 8px 0 7px 0;
}

#bio img {
	float: left;
	padding-right: 10px;
	margin-bottom: 0px;
}

#bio p {
	margin-top: 0;
	margin-bottom: 8px;
}

#left_about {
	width: 170px;
	height: 475px;
	padding-left: 15px;
	padding-bottom: 15px;
	float: left;
	background: url(bezierpen.gif) no-repeat top left;
}

/* g(l)owna */

#welcome {
	background: url(joy.png) no-repeat center top;
	padding-top: 410px;
	margin-top: 20px;
}

#welcome p {
	width: 300px;
	margin: auto;
	text-align: center;
	padding-top: 15px;
}
#pig {
	margin-top: 15px;
	padding-top: 5px;
	width: 155px;
	text-align: center;
}
#pig img, #pig img:hover {
	border: none;
	width: 80px; height: 65px; margin:0; padding:0;
	display: inline;
	float: none;
}
#pig a {	color: #666666; }
#pig a:hover {border:none; color: #EC3939;}
