Arkusze CSS - http://127.0.0.1/marek/

/* Start of CMSMS style sheet 'Colourise : Default' */
/* ----------------------------------------------
	Template Name : Colourise
	Template Code : S-0022
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : March 07, 2008	
 ------------------------------------------------ */
/*--------------------------------------------------
   Ported to CMS MadeSimple 
   AUTHOR:  Goran Ilic 
   WEBSITE: http://www.i-arts.eu
   EMAIL: g.ilic@i-arts.eu
   TEMPLATE NAME: Colourise for CMSMS
   VERSION: 1.0
-------------------------------------------------*/ 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B; 	
	margin: 0; padding: 0;
	background: #68858F url(/cmstrans/uploads/Colourise/bg.jpg) no-repeat center top;
	text-align: center;
}

/* Links */
a, a:active, a:link {
	text-decoration: none;
	color: #006193;			
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #fff;
	border-bottom: 1px dotted #438800;
}

/* headers */
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;
}
h1 {
	font-size: 3.4em;	
	font-weight: normal;
	letter-spacing: -2px;
	padding: 15px 10px 5px 10px;	
}
h2 {
	font-size: 2em;
	color: #895F30;
	padding: 20px 10px 5px 10px;	
}
h3 {
	font-family: 'Trebuchet MS';
	font-size: 1.7em;	
	font-weight: normal;
	padding: 20px 10px 5px 10px;	
}
h4 {
	font-family: 'Trebuchet MS';
	font-size: 1.2em;	
	font-weight: normal;
	padding: 20px 10px 5px 40px;	
}

p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; }

dt {
  font-weight: bold;
  color: #fff;
}
dd {
  padding-left: 25px; 
}

/* images */
img {
	background: #1B1B1B;
   border: 1px solid #1B1B1B;
	padding: 0px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ;
  	/* white-space: pre; */
  	background: #111;  
}
acronym {
  	cursor: help;
  	border-bottom: 1px dotted #5B5B5B;
}
blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;  
   background: #111 url(quote.jpg) no-repeat 10px 10px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: #808080;	
}

/* start - table */
table {
	margin: 15px 10px; 
	border-collapse: collapse;			
}
th {
	background: #000;
	color: #fff;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20; 
	border-top: 1px solid #48780E;
}
tr {
	color: #5b5b5b;
	height: 34px;	
}
td {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #111;	
}
/* end - table */

/* form elements */
form {
	margin: 20px 10px; padding: 5px 10px 20px 10px;
	border: 1px solid #111; 
	background: #070707; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}
input, select, textarea {
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #48780E;
	background: #000;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 20px 0 15px 8px;	
	width: 270px;	
}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox { 
	width: 185px;
	height: 18px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {
	position: relative;
	width: 900px;	
	margin: 0 auto;
	text-align: left;		
}
#content-wrap {
	position: relative;
	clear: both;
	width: 900px;	
	padding: 0; 		
	margin-left: 5px;	
	background: transparent;
	float: left;	
	display: inline;
	background-color:#3E3E3E;
	/* border-top: 1px solid #1A1A1A; */
	border: 2px solid #333333;
}
#header {
	position: relative;
	width: 900px;	
	height: 300px;	
	margin: 0; padding: 0;		
	background: transparent;
}

/* header search */
#quick-search form {
	position: absolute;
	top: 38px; right: 0;
	padding: 0; margin: 0;
	border: none;
	width: 262px; height: 30px;
	background: url(/cmstrans/uploads/Colourise/header-search.jpg) no-repeat;	
	z-index: 999999;
}
#quick-search p {
	margin: 0; padding: 0;		
}
#quick-search .tbox {
	margin: 2px 0 0 5px; 
	width: 210px;
	background: none;
	border: none;
}
#quick-search label,
 #quick-search .btn {
	display: none;	
}

/*  Navigation  */
#nav {
	position: absolute;
	margin: 0; 
	background-color:#720000;		/*#660000;*/
	color: #FFFA5F;

	height: 40px;
	width: 900px;	
	left: 0;	
	top: 30px;	
	
	text-align: right;
	padding: 5px, 5px, 5px, 5px;
	border-bottom: 1px solid #1A1A1A;
}

.slide{
font: bold 14px Verdana;
width:880px;
}

.slide ul{
margin: 0;
padding: 0;
height:40px;
margin: 0; padding: 0;	
list-style-type: none;
display: inline;
}

/*Top level list items*/
.slide ul li{
position: relative;
display: inline;
line-height:40px;
float: left;
}

/*Top level menu link items style*/
.slide ul li a{
display: block;
background: transparent;
color: #FFFA5F;
padding: 0 8px;
border:none;
text-decoration: none;
}

* html .slide ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
border:none;
}

.slide ul li a:link, .slide ul li a:visited{ /* DARK PINK */
color: #F1E67F;	
border:none;
}


.slide ul li a:hover{
background:transparent;
color: #eee;
}

.slide ul li a.active{ /* selected menu item */
color: #A0C75E;
}
	
/*1st sub level menu*/
.slide ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.slide ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.slide ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.slide ul li ul li a:link, .slide ul li ul li a:visited{
font: normal 13px Verdana;
background:#000;
color:#B0335D;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
}

.slide ul li ul li a:hover{ /*sub menus hover style*/
background: #1a1a1a;
color: #fff;
}


/* Header */

#header h1#logo-img a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 64px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #fff;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 80px; left: 10px;	
}
#header h1#logo-img a:hover {
	background: none;	border: none;
}


#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 64px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #fff;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 90px; left: 200px;	
}
#header h1#logo-text a:hover {
	background: none;	border: none;
}
#header p#intro {
	position: absolute;
	margin: 200; padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #F1E294;		/* #cd9857; */
	width: 500px;
	text-align: right;
	
	/* change the values of top and left to adjust the position */
	top: 250px; left: 400px;		
}


/* Main Column */
#main {
	float: left;
	width: 610px;
	background-color:#3E3E3E;
	height:auto;
	padding: 0; margin: 0;
	
	display: inline;

	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	text-transform: none;
	color: #4F0719;		/*white;*/
}
#main h2 {
	padding-bottom: 3px;
	margin-top: 15px;
	font: normal 3.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;	
	color: #fff; 
	letter-spacing: -2px;	
	text-transform: none;	
}
#main h2 a {
	color: #fff;
	text-decoration: none;		
	border: none;	
}
#main ul li {
	list-style-image: url(/cmstrans/uploads/Colourise/bullet.gif);
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 290px;
	padding: 0; margin: 0;		
	display: inline;
	background-color:#3E3E3E;		/*#660000;*/
	color: #8bfbf9;		/* #08fbf2; */

	height:auto;

	
}	
#sidebar h3 {
	margin-top: 10px;
	padding: 15px 5px 10px 5px; 
	font: normal 1.8em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
	background: url(/cmstrans/uploads/Colourise/footer-top.jpg) no-repeat center bottom;
	color: #fefefe;
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;				
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 8px 10px;
	margin: 0;
	font: normal 1.6em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
	border-bottom: 1px solid #111;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	border: none;
	color: #5d5d5d; 	
		
	font-weight: bold;		
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 14px;	
	/* letter-spacing: .5px;  */
}
#sidebar ul.sidemenu li a span {
	color: #444;	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
#sidebar ul.sidemenu li a:hover,
#sidebar ul.sidemenu li a:hover span {	
	color: #fff;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	padding: 0em 0 0em 5;
	margin-top: 10px;
	font: normal 1.5em 'Trebuchet MS', Tahoma, sans-serif;	
	background: #161616 url(/cmstrans/uploads/Colourise/footer-top.jpg) no-repeat center top;
	color: #ffcc00;
	width: 915px;
	float: left;	
	display: inline;
	border-bottom: 0px solid #720000;		
}
#footer-wrap h3 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
	color: #ABABAB;	
}
#footer-content {	
	margin: 0 auto;
	padding: 0em 0 10 5;
	width: 900px;
	text-align: left;		
}
#footer-content ul.col-list {
	border-top: 1px solid #111;
	list-style: none;
	margin: 5px 0 0 5px; padding: 0;	
	width: 98%;
}
#footer-content ul.col-list li {
	border-bottom: 1px solid #111;
}
#footer-content ul.col-list li a {
	display: block;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	width: 98%;	
	color: #555;
	border: none;
}
#footer-content ul.col-list li a span {
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-content ul.col-list li a:hover,
#footer-content ul.col-list li a:hover span {
	color: #fff;
	text-decoration: none;
}

#footer-content .col {
	width: 910px;
	margin-top:17px;
	padding: 0 0 20px 15px;			
	display: inline;
}
#footer-content .col2 {
	width: 285px;
	padding: 0 0 30px 0;	
	display: inline;	
}
#footer-content .space-sep {
	margin-right: 0px;
}

/* postmeta */
.postmeta {	
	padding: 7px 5px; margin: 20px 10px 15px 10px;	
	font-size: 1em;	
	color: #545454;
	border: 1px solid #111;
	background: #111;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
.post-info a { color: #BD4200; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }

.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

img.top {border:none;padding:0;}
img.top a {border:none;padding:0;}

/* Tooltip */
#tooltip{
	position:absolute;
	border:2px solid #005d8d;
	background:#393939;
	padding:2px 5px;
	color:#fff;
	display:none;
	}

/* End of 'Colourise : Default' */

/* Start of CMSMS style sheet 'Colourise : Accessibility and cross-browser tools' */
/* accessibility */



/* 

menu links accesskeys 

*/

span.accesskey {

   text-decoration:none;

}



/* 

accessibility divs are hidden by default 

text, screenreaders and such will show these 

*/

.accessibility, hr {

   position: absolute;

   top: -999em;

   left: -999em;

}



/* 

definition tags are also hidden 

these are also used for menu links    

*/

dfn {

   position: absolute;

   left: -1000px;

   top: -1000px;

   width: 0;

   height: 0;

   overflow: hidden;

   display: inline;

}

/* end accessibility */





/* wiki style external links */

/* external links will have "(external link)" text added, lets hide it */

a.external span {

  position: absolute;

  left: -5000px;

  width: 4000px;

}



/* make some room for the image */

a.external {

/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */

  padding: 0 12px 0 0;

}

/* colors for external links */

a.external:link {

  color: #18507C;

/* background image for the link to show wiki style arrow */

  background: url(/cmstrans/uploads/Colourise/external.gif) no-repeat 100% 0;

}

a.external:visited {

  color: #18507C; /* a different color can be used for visited external links */



/* 

Set the last 0 to -100px to use that part of the external.gif image for different color for active links 

external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.

*/

  background: url(/cmstrans/uploads/Colourise/external.gif) no-repeat 100% 0; 

}



a.external:hover {

  color: #18507C;

/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */

  background: url(/cmstrans/uploads/Colourise/external.gif) no-repeat 100% 0; 

  background-color: #C3D4DF;

}

/* end wiki style external links */





/* clearing */

/* 

clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.

We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.

Do not edit if you dont know what you are doing

*/

	.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	* html>body .clearfix {

		display: inline-block; 

		width: 100%;

	}

	

	* html .clearfix {

		/* Hides from IE-mac \*/

		height: 1%;

		/* End hide from IE-mac */

	}



/* end clearing */
/* End of 'Colourise : Accessibility and cross-browser tools' */