/*
html {outline:1px solid red;}
body {outline:1px solid green;}
#wrap {outline:1px solid blue;}
#cell {outline:3px solid white;}
#comment_and_title {outline:1px solid gray;}
#photobox, #infobox {outline:1px solid pink;}
#header {outline:1px solid yellow; }*/





/*
@font-face {font-family: "foncik1"; src:url(fonts/ChemistRough.otf);}
@font-face {font-family: "foncik2"; src:url(fonts/LearningCurve_OT.otf);}
*/

#image-info {display:none;}
.hidden {opacity:0;}



html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, hr, form, input, fieldset, textarea, blockquote {margin:0; padding:0; border:none;}


html {
height:101%;
background:#262626;
}

body {height:100%; color:#7A7A7A; font-family: verdana; font-size:0.7em; text-transform: lowercase; text-shadow: 1px 1px 1px #000;  overflow:auto; margin:0 auto; display:table; /*outline:1px solid yellow;*/
background-color: transparent; width:672px;
}

#wrap {background-color:transparent;  position:relative; margin: auto; /*outline: 1px solid gray;*/ display:table-cell; vertical-align: middle;
}


#cell {}/*background:url('../images/cat.gif') no-repeat right 18px;*/

hr {clear: both; margin:2em 0;}



#styleswitcher {position: absolute; right:0; top:0; z-index: 50; }
#styleswitcher ul {}
#styleswitcher ul li {display: block; float: left;  line-height: 1; margin-right:5px;}
#styleswitcher ul li a {display:block; float: left; padding: 3px 6px;/* border-bottom-right-radius: 10px 10px; border-bottom-left-radius: 10px 10px; border-width: 0 1px 1px 1px; border-style:solid; border-color:#868686;*/ }

#styleswitcher p {display:none;}




#header {width:100%;  position:absolute; top:-70px; /*outline:1px dotted gray;*/
} /*wiadomo co to header, nie?*/
#header h1 {/*outline:1px dotted gray;*/  }
#header h1 sup {padding-left:134px; font-size: 8px; color: #4A4A4A;} /*beta*/
#header h1 a span {font-family: foncik1; font-size:50px; color:#FFF; text-shadow: 4px 4px 6px #000; letter-spacing: 0px;  /*margin-left:-3px;*/} /*tytu3 strony, ujemny margin dla IE*/

/*a teraz z obrazkiem czyli realnie*/
#header h1 a {display:block; background: url('../images/instantcat_logo_night.png') no-repeat; width:134px; height:46px; }
#header h1 a span {display:none;}

#header ul {}
#header ul li {list-style: none; display:inline;} /*menu g3򶭥*/
#header ul li a {margin:0 0.5em 0 0; font-size:1.2em; letter-spacing: 5px; color:#AAA;}
#header ul li a:hover {color:#FFF;}

/*alternatywne cieniowanie
#header h1 a {font-size:3em; color: rgba(50,50,50,0.1);
text-shadow: 4px 5px 6px #262626, 0 0 0 #000, 4px 5px 6px #262626;}
/*alternatywne cieniowanie*/



/*
#header ul #prev a {position: absolute; right: 240px;}
#header ul #next a {position: absolute; right: 210px;}
*/











#photobox {/*outline:1px solid pink;*/
position: relative;
float:left;
margin-top:100px;
/*
padding:3px;
background-color: #0E0E0E;
*/
min-height:444px; /*dla IE chyba trza zwykle height */

}



#photobox img#photo { box-shadow: 6px 6px 25px #111;  -webkit-box-shadow: 6px 6px 25px #111; }
#photobox img#photo {border:3px solid #0E0E0E;}
#photobox img#photo {background-image: url('../images/loading7.gif'); background-position: center; background-repeat: no-repeat;}

#notes { /*opis*/
clear: both;
padding:30px 0 0 0;
}


/*web kujcze dwa zero, nie*/
#social {position:absolute; right:0; bottom:0px;  width:100%; background-color: #1A1A1A; }
#social p { font-size:30px; margin: 0 0 -10px 2px; font-weight: bold; text-shadow: none; color:#1A1A1A;
position: absolute;
top:-28px;
/*
opacity: 0.90;
filter: alpha(opacity = 90);
*/
}

#social ul {text-align: center;   background-color: #1A1A1A; border:3px solid #0E0E0E; border-top:none; overflow: hidden;}
#social ul li {list-style: none; }
#social ul li a {text-shadow: none; padding: 10px 4px; font-size: 0.8em;  display:block; float:left;  background-color: #1A1A1A;}
#social ul li a:hover {color:#FFFBF0; background-color: #0E0E0E;}

/*#social ul li a {float:left; display: block; width:64px; height:64px; background-repeat: no-repeat; opacity:0.3;}*/
/*#social ul li a span {display: none;}*/
/*
#social ul li a:hover {
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
opacity:1;
}
*/
/*
#social ul li a#twitter_link {background-image: url('../images/twitter.png');}
#social ul li a#facebook_link {background-image: url('../images/facebook.png');}
#social ul li a#stumble_link {background-image: url('../images/stumbleupon.png');}
#social ul li a#delicious_link {background-image: url('../images/delicious.png');}
#social ul li a#myspace_link {background-image: url('../images/myspace.png');}*/








/*nawigacja-------------------------------------------------------------------------------------------------*/
#navi {height:100%; position:absolute; left:0; top:0; width:100%; display: block;}
#navi ul { position: absolute; left:0; top:0; width:100%; height:100%; display: block;}
#navi ul li {list-style: none; display: block; }
#navi ul li a {position:absolute; z-index: 20; width:50%; height:100%; display: block; background: url('IE ssie pałę'); opacity:0;

/*line-height: 200; overflow:hidden; to do chowania, jaby co */


}


#navi ul li#prev a {left:0; top:0;
background: -webkit-gradient(linear, left 0, right 0, from(black), to(transparent));
background: -moz-linear-gradient(left, black, transparent);
background: -o-linear-gradient(left, black, transparent);
/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=black, endColorstr=transparent);*/
background: gradient(linear, left 0, right 0, from(black), to(transparent)); /*to na pszyszłość ale czy dobrze?*/
}

#navi ul li#next a {right:0; top:0;
background: -webkit-gradient(linear, left 0, right 0, from(transparent), to(black));
background: -moz-linear-gradient(left, transparent, black);
background: -o-linear-gradient(left, transparent, black);
/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=transparent, endColorstr=black);*/
background: gradient(linear, left 0, right 0, from(transparent), to(black));/*to na przyszłość ale czy dobrze?*/
}

#navi ul li a:hover {background-color: #0E0E0E; opacity:0.3;  filter: alpha(opacity = 10);







-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;

-o-transition-property : opacity;
-o-transition-duration: 1s;
-o-transition-timing-function: ease;

transition: opacity 1s ease;/*to na przyszłość ale czy dobrze?*/

}

#navi ul li a span {display: none;}
#navi ul li a:hover span {display: block; position:absolute; top: 45%; font-size: 5em; letter-spacing: 5px; }
#navi ul li#prev a:hover span {left:30px;}
#navi ul li#next a:hover span {right:30px;}
/*nawigacja, tego...
;--------------------------------------------------------------------------------*/





#comment_and_title {
	position:absolute; right:0; bottom:-20px;
	clear:both;
/*	outline:1px solid #0E0E0E;*/
	width:100%;
	padding:3px 0;
	}


#comment_and_title li {list-style: none; display:inline; letter-spacing: 0;}
#comment_and_title li a {letter-spacing: 2px; color:#FFFBF0; padding:0 3px; text-shadow: 3px 3px 3px #000;}
#comment_and_title span {}


#comment_and_title #comment_link {float:right;}
#comment_and_title #date {position: absolute; left:0;}









#footer {/*position: absolute; bottom:-100px; left:0;*/ /*outline:1px solid gray;*/ width:100%;}
#footer ul {text-align: left; /*border-top:1px dotted #4A4A4A;*/ padding:5px 0; width:100%; margin:auto;}
#footer ul li {list-style: none; display:inline; letter-spacing:normal; padding:0 5px; color:#4A4A4A; font-size: 0.8em;}
#footer ul li a {color:#4A4A4A;}
/*#footer {border-top-left-radius: 35px 35px; border-top-right-radius: 35px 35px;  box-shadow: 0px 0px 30px 1px #000; border:1px dotted #444; word-spacing: 5px;}*/
/*#footer li:after, #footer li:before  { content: "|"; }*/








a {color:#7A7A7A;; text-decoration: none;}
a:focus {outline:none; border:none;}
a:hover {color:#FFFBF0;}
p {margin:1.5em 0;}
img {display: block;}
blockquote {font-style: italic; padding:1em;}





.left {float:left;}
.right {float:right;}
.center {float:none;}







/* poniżej formularz komentarzy */
#image-info {
position:absolute;
top: 0;
left:0;
width:100%;
height:100%;
background:#0E0E0E;
opacity: 0.90;
filter: alpha(opacity = 90);
z-index: 20;
padding:10 0px;


/* outline:1px solid red;  box-shadow: inset 5px 5px 10px  #1c1c1c; */ 	}

#image-info .inside {padding:3px;}
#addcomment {}

#addcomment textarea {
	width:50%;
	height:50px;
	font: inherit;
	padding:5px;
	overflow:hidden;


	}

.comment-button { /*to je przycisk do wysyłania*/
	margin:0;
	padding:8px;
	font:inherit;
}

#vcookie, #saveinfo { padding:10px;  margin:0 10px 0 0; } /*to je czekboks*(2 nazwy bo jeszcze nie wiadomo jaka zostanie w formie)*/

.input { /*to som te czy inputy*/
	width:30%;
	margin:0 10px 0 0;
	padding:5px;

	}
label span {color:green; margin-left:3px;}

#image_notes p a#close {display:block; padding:10px;  width:3em;  text-align:center; position:absolute; top:3px; right: 3px; text-shadow: none; }

#image_notes p a#close:hover {color:red; background-color: transparent;}
.comment-button:hover {color: green; background-color: transparent;}



.input:focus, #addcomment textarea:focus {border:1px solid #808080; border-bottom-left-radius: 0;}

#image_notes strong {font-weight: normal;}



/*kolorki formularza*/
#addcomment textarea, .comment-button, #vcookie, #saveinfo, .input, #image_notes p a#close {
border:1px solid #333;
/*background-color: #262626;*/
background-color: transparent;
color:#7A7A7A;
/*box-shadow: 10px 10px 17px #1c1c1c;
-moz-box-shadow: 10px 10px 17px #1c1c1c; */


border-top-right-radius: 15px 15px;
border-bottom-left-radius: 15px 15px;
-moz-border-top-right-radius: 15px 15px;
-moz-border-bottom-left-radius: 15px 15px;



/*border-radius: 10px 10px;*/

}
/*kolorki formularza*/













/*komentarze opublikowane*/
#image_comments {/*outline:1px solid green;*/   /*background: #1A1A1A; border:3px solid #0E0E0E;*/  /* width:100%; */ margin-top:50px; float: left; clear:both; }
/*#image_comments h2 {margin-bottom:1em; letter-spacing: 2px;  font-size: 1em; font-weight: normal;}*//*to byĹ” napis comments*/

#image_comments ul {}
#image_comments li {
font-size: 0.8em;
list-style:none;
padding:0.5em 0;
/*outline:1px solid red;*/


/*
border-bottom-right-radius: 100px 100px;
-moz-border-bottom-right-radius: 100px 100px;
*/
/*
box-shadow: 10px 10px 17px #1c1c1c;
-moz-box-shadow: 10px 10px 17px #1c1c1c;
*/
/*
border-right: 1px solid #000;
border-bottom: 1px solid #000;
*/
/*color:#4A4A4A;*/
}

#image_comment li {}
#image_comments p {padding:0; /*color:#AAA;*/ margin:0.5em 0;  }
#image_comments span {color:#4A4A4A;} /*data*/
#image_comments em  {font-style:normal; color:#4A4A4A;} /*autor komentarza*(www)*/
#image_comments a {color:#4A4A4A; text-decoration: underline;}
#image_comments a:hover {color:#6E6E6E;}
/*komentarze opublikowane*/





#contactform  input, #contactform textarea {margin:5px 0; width: 300px; background-color: transparent; border: 1px solid #4A4A4A; color:#808080;}







#thumbnails img {float: left; border:1px solid #000; margin: 0 5px 5px 0;}
#thumbnails img:hover {

border-color: #262626;
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
}





#tag_cloud {font-size:150%; /*outline:1px solid red;*/ clear: both; width:640px !important; overflow:hidden; padding:2em 0;}
#tag_cloud ul li {display:inline; }
#tag_cloud ul li a {color:#B6B6B6;}


.tags01 {font-size:100%; opacity:0.3;}
.tags02 {font-size:110%; opacity:0.3;}
.tags03 {font-size:130%; opacity:0.4;}
.tags04 {font-size:140%; opacity:0.4;}
.tags05 {font-size:150%; opacity:0.6;}
.tags06 {font-size:160%; opacity:0.6;}
.tags07 {font-size:170%; opacity:0.8;}
.tags08 {font-size:180%; opacity:0.8;}
.tags09 {font-size:190%; opacity:1.0;}
.tags10 {font-size:200%; opacity:1.0;}

#tag_cloud ul li a:hover {color:#DADADA; opacity:1;}



ul#monthlist {width:640px !important; overflow:hidden; padding:2em 0;}
ul#monthlist li { display:inline; margin-right:0.8em;}


.pagination {text-align: center; padding:2em 0;}