body { background-image: url(svlaka_400sw.jpg); font: .74em courier, monospace; letter-spacing: 0px; text-align: center; line-height: 1.6em; margin: 2.5em 0; }
a { font: 1.1em courier; font-weight: bolder; color: red; background: inherit; }
a:hover { color: yellow; background: inherit; }
h2 {font-size: 1.2em; }
ul { margin: .6em 0; padding: 0; }
.clear { clear: both; margin: 0 0 .5em 5; }

#wrapper { width: 700px; margin: 20px auto; text-align: left; }

#logo h1 {
        clear: both;
	color: #FF0000;
	background: blue;
 	padding: 25px 15px;
        margin-right: 80px;
        font-size: 4.4em;
        border-color: yellow;        
        border-left-style: solid;  
        border-left-width: 10px;  
        border-bottom-style: solid; 
        border-bottom-width: 25px;
        border-right-style: solid; 
        border-right-width: 20px;
        border-top-style: solid; 
        border-top-width: 5px;
}
	
#top {
        clear: both;
        color: yellow;
        font-size: 1.6em; 
        font-weight: bolder;
        text-decoration: blink;
        margin-right: 250px;
        border-left-style: solid;  
        border-color: blue;  
        border-left-width: 15px;  
        border-bottom-style: solid; 
        border-bottom-width: 25px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        background-color: red;
}
			
#menu { clear: both; margin: 0 2% 1em 1%; padding: 7px 0 7px 0; }
#menu li { display: inline; }
#menu a { font-variant: small-caps; font-weight: bolder; padding: 3px 15px; margin: 0 3px 0 0; text-decoration: none; color: blue; background-image: url(yellow.png); }
#menu li.current_page_item a { background-image: url(blue.png); color: #FF0000; }
#menu a:hover { background-color: yellow; color: #FF00FF;}

.column {
	float: left;
	width: 25%;
	margin: .3em 1.1%;
	color: blue;
        background-image: url(krk_400_big.jpg);
        backgroundposition: center;
	padding: 1% 1%;
        border-color: yellow;
        border-top-style: solid;  
        border-top-width: 10px;     
}	

.column h3 {
	margin: 1% 0;
	padding: 0;
	color: blue;
	font-size: 9.5em;
}

.column li {
	list-style:none;
}
		
.number {
	background: #ccc;
	padding: .6% 3%;
	color: #FF0000;
}
		
.half {
	float: left;
	width: 43%;
	margin: 1em 1.1%;
        padding: .5% 1%;
	border-color: yellow;
        border-left-style: solid;  
        border-left-width: 10px;   
        border-top-style: solid;  
        border-top-width: 10px;   
        color: blue;
        background-image: url(krk_400_big.jpg);
}


.navigation {
	float: left;
	width: 95.4%;
	margin: 1em 1.1%;
	color: #303030;
	padding: .5% 1%;
}


.full {
	float: left;
	width: 95.4%;
	margin: 1em 1.1%;
	background-color: white;
	color: blue;
	padding: .5% 1%;
        border-color: #00FF00;
        border-left-style: groove;  
        border-left-width: 15px;  
        border-bottom-style: ridge; 
        border-bottom-width: 25px;
        border-top-style: groove; 
        border-top-width: 25px;
}

.date { border-top: 5px outset; padding: 5px 0;}
			
.news { background: #fff; color: #FF00FF; padding: .7em 1em; margin: 0 1%; }

.float-left   { float: left;}

.float-right  { float: right; }

img.avatar {float:left; margin-right:5px;}

#footer { padding-left: 10px; text-align: left; color: blue; letter-spacing: -2px; background-color: yellow; }