/*
$Id: style.css, v 1.0  for: 12 komiks internetowy
*/

BODY            { margin: 0px; padding: 0px; background-image: url('gify/tlo.jpg');

 background-attachment: fixed;


    SCROLLBAR-FACE-COLOR: #dddddd;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #777777;
    SCROLLBAR-3DLIGHT-COLOR: #888888;
    SCROLLBAR-ARROW-COLOR: #171717;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff}

A               { font-family: Arial; font-weight: bold; text-decoration: none; color: #222;}
A:hover         { font-family: Arial; font-weight: bold; text-decoration: underline; color: #FFF;}
A:visited       { font-family: Arial; font-weight: bold; text-decoration: underline; color: #222; }

A img
 {
 border: none; 
}

img
 {
 border: none; 
}

/*
-------------------------------------------------- style elementow roznych---------------------
*/





.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px dashed #888;
        background-color: #ffffff;
        background-position : bottom;
        cursor: hand;
        }
        

.textinput {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px dashed #888;
        background-position : bottom;
        }
        
        .textinput:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #888;
        background-color: #ffffff;
        background-position : bottom;
        }

.nawigacja {
margin-left: 50px;
font-family: Arial;
font-weight: bold;
text-decoration: none; color: #000;
}


.prawypanel {
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none; color: #6c8067;
padding-top: 50px;

}

.banner {
margin: 5px;
}

		.banner:hover {
		margin: 3px;
		border: 2px dashed #444;
		}

.komunikat {
color: #333;
font-size: 28px;
font-weight: normal;
letter-spacing: -.05em;
margin-top: 10px;
margin-bottom: 10px;
line-height: 100%;
text-align: center;
font-family: Arial;
}

h3 {
font-size: 14px;
font-family: Verdana;
text-decoration: none;
color: #333; 
}

h4 {
color: #000000;
font-size: 14px;
}

h5 {
font-size: 14px;
font-family: Verdana;
text-decoration: none;
color: #333; 
text-align: left;
}

.content {
       background-image: url(gify/papier.jpg);
       background-repeat: repeat;
       align: middle;
       background-position: left top;
       margin: 0 0 0 0px;
      
}

.ramka {
border: 1px dashed #444;
padding: 5px;
}

.blogentry {
border: 1px dashed #444;
padding: 5px;
font-size: 12px;
font-weight: normal;
font-family: Arial;
}


.wpis {
border: 1px dashed #444;
margin-left: 10px;
padding: 5px;
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Arial;
}

.kto {
margin-left: 10px;
padding: 5px;
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Arial;
}

.topcontent {
       background-image: url(gify/papier_top.jpg);
       background-repeat: repeat;
       align: middle;
       background-position: left top;
       margin: 0 0 0 0px;
      
}

.botcontent {
       background-image: url(gify/papier_bot.jpg);
       background-repeat: repeat;
       align: middle;
       height: 21px;
       background-position: left top;
       margin: 0 0 0 0px;
      
}

.tlo {
       background-image: url(gify/okno.jpg);
       background-repeat: no-repeat;
       align: left;
       text-vertical-align: top;
       background-position: left top;
       margin: 0 0 0 0px;
       background-attachment: fixed;
}

.text{
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Arial;
}


.margin
{
       margin: 0 15px 0 15px;
}


.credit {
       clear:both;
       color: #666;
       font-size: 10px;
       padding-top:0px;
       text-align: center;
       font-family: Arial;
}

.credit a:link, .credit a:visited {
       color: #666;
        font: Verdana;
        font-weight: normal;
}

.credit a:hover {
   text-decoration: underline;
    color: #fff;
    font: Verdana;
    font-weight: normal;

}



.z_tlem {
       background-image: url(gify/tlozdj.jpg);
       background-repeat: no-repeat;
       background-position: right bottom;
       margin: 0 0 0 10px;
       padding: 11px 20px 20px 10px;
       }
       
   .menu{
    font-size: 14px;
	font-family: Verdana;
	text-decoration: none;
	text-align: center;
	color: #bbb; 
	background-color:#222;
	height: 24px;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	border-bottom: 1px dashed #666;
	border-top: 2px solid #444;
	}  
     
     .menu a:link, .menu a:visited{
     padding-top: 3px;
     font-weight: bold;
     text-decoration: none;
     color: #bbb;
     }
     
     .menu a:hover{
     padding-top: 3px;
     font-weight: bold;
     text-decoration: underline;
     color: #fff;
     }
     
     
     

/*
-------------------------------------- elementy skryptu lightbox

*/



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gify/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(gify/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gify/overlay.png", sizingMethod="scale");
	}
	
	
/*
-------------------------------------- elementy skryptu komiksowego

*/
	
	
	

	.comic 				    { width: 660px; margin: 0 auto; text-align: center; }
	#cg_nav1, #cg_nav2 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
	#cg_nav1 a, #cg_nav2 a 	{ text-decoration: none; }
	#cg_nav1 a:hover, #cg_nav2 a:hover { text-decoration: underline; }
	#cg_credits 			{ font-family:"Courier New", Courier, mono; font-size: 11px; color:#999; }
	#cg_credits a 			{ color:#666; text-decoration: none; }
	#cg_credits a:hover		{ text-decoration: underline; }
	.cg_arrow1, .cg_arrow2	{ font-weight: bold; }