body {
 background-image: url("images/bg.gif");   
}

#container {
display:inline-block; 
}

#wrapper{
width:850px;
background-image: url("images/background.jpg");
display:inline-block; 
float:left;
}

#left {
width:301px;
float:left;
margin-right:50px;
}

#right {
width:301px;
float:right;
margin-left:50px;
}
#zik {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}
#zak {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}

#header{
background-color:black;
border-top:5px solid white;
border-left:5px solid;
border-right:5px solid;
border-bottom:5px solid white;
color:lightgray;
font-family: Impact, fantasy;
}

h1{
font-size: 40px;
 line-height: 40px;
 font-weight:bold;
 padding-left: 8px;
padding-right: 8px;
font-family: Rockwell;
color: white;
text-shadow: -1px -1px 1px black;

}
  
#headline {
margin-top:0px;    
background-color:#25F;
font-size:28px;
text-align:center;
font-weight:bold;
color: white;
}

h2 {
margin-top:0px;
background-color:#25F;
color: white;
font-size:28px;
display:block;
padding: 3px;
}
#blank p {
    font-family: sans-serif;  
    font-size:18px;
    text-align:left;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 15px;

}

p {
font-size:19px;
 text-align:left;	
	
}
#blank {
margin-top:25px;
background-color:white;
font-weight:bold;
border-top:		2px solid lightgray;
border-left:	2px solid #4f6267;
border-right:   2px solid #4f6267;
border-bottom:  2px solid #4f6267;
width:99%;
color:black;
display: inline-block;
}

#block {	
background-color:white;
font-weight:bold;
color:black;
font-size:19px;
width:100%;
height:auto;
float:left;
display: inline-block;

}

#codeField {
background-color: #7A8294;
color: white;
font-weight:bold;
}

#duo{
float:left;
margin-left:1px;
margin-right:1px;
display: inline-block;
background-color:white;
width:49%;
height:auto;
}

#duo p {
text-align:center;
	
}
.code {
background-color:white;
border-style:groove;
font-weight:bold;
font-size:16px;
text-align:left;
padding-left:10px;	
padding-right:1px;	
}
#oko {
width:100%;
float:left;
text-align:center;
border-top:		2px solid lightgray;
border-left:		2px solid #4f6267;
border-right:   2px solid #4f6267;
border-bottom:  2px solid #4f6267;
margin-left:1px;
margin-right:1px;
}
#adsense {
  width:99%;
  height:auto;
  margin-top:10px;
  margin-bottom: 10px;
  display:inline-block;
 
}

#similar {
background-color:#F0F8FF;
border:6px ridge lightgray;
}
#similar p {
font-size:18px;
  text-align:left;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
}
#similar h2{
font-family: fantasy, cursive, Serif;
font-size: 30px;
  -webkit-text-fill-color:#646464;
  -webkit-text-stroke: 1px lightgray;  
}
#similar a{
width:99%; 
padding-left:30px;
padding-right:15px;
font-size: 21px;
color:#2d525d;
}
#similar a:hover {  
background:#28597a;
color:white;
text-decoration:underline;
   }

#content {
width:100%;
height:auto;
background-color:white;
display:inline-block;
}

#link {

width:99%;
border-style:groove;
border-width:2px;
}
.link {
    background-color:black;
    border:2px solid white;
	display:inline-block;
	color:white;
	font-size:17px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	margin:2px;

border-top:		    9px solid #F0F0F0;
border-left:		9px solid lightgray;
border-right:		9px solid lightgray;
border-bottom:		9px solid #4f6267;


}

.link:hover {
border-top:	     	9px solid #4f6267;
border-left:		9px solid lightgray;
border-right:		9px solid lightgray;
border-bottom:		9px solid #F0F0F0;
      
}


table {
width:80%;    
font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
}
table th {
	background-color:#68898E;
	border-width: 2px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table tr {
	background-color:#d4e3e5;
}
table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
.frame {
    width:560px;
    height:315px;
}



a {
    text-decoration:none;
}
#logo {
	border-bottom: 45px solid blue;
	border-left: 50px solid;
	border-right: 50px solid;
	height:0px;
	color:white;
        -webkit-text-fill-color:#3b4251;
        -webkit-text-stroke: 1px white;
	font-size:45px;
	background-color:white;
	text-align:center;

}


#nav{
background-color:black;

}
	
.black {
        background-color:black;
        border:2px solid white;
	display:inline-block;
	color:white;
	font-size:15px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	margin:2px;

border-top:		3px solid white;
border-left:		3px solid lightgray;
border-right:		3px solid lightgray;
border-bottom:		3px solid #4f6267;


}

.black:hover {
border-top:		3px solid #7a7a7a;
border-left:		3px solid #7a7a7a;
border-right:		3px solid #7a7a7a;
border-bottom:		3px solid white;
      
}
.red {
color:red;
}

#footer{
width:100%;
display:inline-block;
height:60px;
background-color:#25F;
color:white;
font-size:25px;
}
#footer img {
height:40px;
width:40px;
margin-top:5px;
border:3px ridge lightgray;
border-radius:5px;
}
#footer img:hover {
height:40px;
width:40px;
border:3px solid white;
border-radius:5px;
}
#f{
width:100%;
height:30px;
background-color:#3b4251;
color:white;
font-size:25px;
}
#f a {
color:white;
text-decoration:none;
margin-left:10px;
margin-right:10px;
}
#f a:hover {
color: #4e4e4e;
background-color:white;
}