html { 
  background: url(images/old_car.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
color: #000044;
font-family: Handlee;
font-size: 16px;
line-height:250%;
margin:10px;
z-index:1;
position:relative;
}



.block{
background-color: #CCCCFF;
border: 7px ridge #808080;
padding: 1%;
border-radius:15px;
}









td{padding:5px;}

h1{
color: black;
font-family: Changa;
text-transform: uppercase;
line-height: 150%;
}

h2{
color: #000;
	font-size:100%;
}

h3{
font-size:20px;
color: white;
line-height: 120%;
margin-top:0px;
}

stab{
float: left;
padding: 5px;
margin: 0 50px 200px 0;
width: 250px;
}



a:link,a:visited{
color: #0000ff;
text-decoration: none;
}

a:hover{
color: #ff0000;
text-decoration: none;
}


.guestbook_post{
  background-color:#F1F1FF;
  padding:2%;
  border:#000 1px solid;
  border-radius:5px;
  margin-bottom:25px;
}

.guestbook_post_date{
  font-size:70%; float:right; margin:0 0 5% 5%;
}









input[type=text], input[type=password]{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

input[type=text]:focus, input[type=password]:focus {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
  background-color:lightyellow;
}

textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

textarea:focus{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
  background-color:lightyellow;
}





.myButton {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.myButton:active {
	position:relative;
	top:1px;
}


@media (min-width: 1600px) and (max-width: 1000000px){
  #main{max-width:1580px;text-align:left; }
  #head{max-width:1600px;}
  #menu_vertical{width:15%; float:left; margin:50px 5% 0 0; text-align:left; text-transform: capitalize;}
  #menu_horizontal{display:none;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:40%; float:left; min-height: 700px; text-align:left; margin-top:50px;}
  h1{font-size: 24px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 7px ridge #808080; border-radius:50%; width:350px; height:350px; float:right; margin:-70px -150px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;}
  
.postit_size{width:150px; min-height:150px; float:left; margin: 0 2% 0 0;}
  
  .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.75%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }
} 




@media (min-width: 1280px) and (max-width: 1599px){
  #main{width: 100%; text-align:left; }
  #head{max-width:100%;}
  #menu_vertical{width:20%; float:left; margin:50px 5% 0 0; text-align:left; text-transform: capitalize;}
  #menu_horizontal{display:none;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:47%; float:left; min-height: 700px; text-align:left; margin-top:50px;}
  h1{font-size: 24px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 7px ridge #808080; border-radius:50%; width:250px; height:250px; float:right; margin:-70px -100px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;} 
  
  .postit_size{ width:150px; min-height:150px; float:left; margin: 0 2% 0 0; }
  
 .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.5%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }
  
} 




@media (min-width: 1024px) and (max-width: 1279px){
   #main{width: 100%; text-align:left; }
  #head{max-width:100%;}
  #menu_vertical{width:25%; float:left; margin:50px 5% 0 0; text-align:left; text-transform: capitalize;}
  #menu_horizontal{display:none;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:55%; float:left; min-height: 700px; text-align:left; margin-top:50px;}
  h1{font-size: 24px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 7px ridge #808080; border-radius:50%; width:250px; height:250px; float:right; margin:-70px -100px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;} 
    .postit_size{ width:140px; min-height:140px; float:left; margin: 0 2% 0 0; }

 .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.0%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }  
} 














@media (min-width: 768px) and (max-width: 1023px){
   #main{width: 100%; text-align:left; }
  #head{max-width:100%;}
  #menu_vertical{width:28%; float:left; margin:50px 2% 0 0; text-align:left; text-transform: capitalize;}
  #menu_horizontal{display:none;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:62%; float:left; min-height: 700px; text-align:left; margin-top:50px;}
  h1{font-size: 24px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 7px ridge #808080; border-radius:50%; width:250px; height:250px; float:right; margin:-70px -80px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;}  
    .postit_size{ width:180px; min-height:180px; margin: 0 0 10% 2%; }
  
 .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.0%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }  
  
} 

















@media (min-width: 600px) and (max-width: 767px){
    #main{width: 100%; text-align:left; }
  #head{max-width:100%;}
  #menu_vertical{display:none;}
  #menu_horizontal{width:60%;  margin:25px 2% 0 0; text-align:left; text-transform: capitalize;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:95%;  min-height: 700px; text-align:left; margin-top:25px;}
  h1{font-size: 24px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 7px ridge #808080; border-radius:50%; width:200px; height:200px; float:right; margin:-120px -23px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;}  
    .postit_size{ width:180px; min-height:180px; margin: 0 0 10% 2%; }
  
  
   .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.0%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }  
  
  
} 














@media (min-width: 480px) and (max-width: 599px){
     #main{width: 100%; text-align:left; }
  #head{max-width:100%;}
  #menu_vertical{display:none;}
  #menu_horizontal{width:60%;  margin:25px 2% 0 0; text-align:left; text-transform: capitalize;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:95%;  min-height: 700px; text-align:left; margin-top:25px;}
  h1{font-size: 24px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 7px ridge #808080; border-radius:50%; width:250px; height:250px; float:right; margin:-70px -60px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;}  
    .postit_size{ width:180px; min-height:180px; margin: 0 0 10% 2%; }

  
   .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.0%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }  
  
} 






















@media (min-width: 1px) and (max-width: 479px){
     #main{width: 100%; text-align:left; }
  #head{max-width:100%;}
  #menu_vertical{display:none;}
  #menu_horizontal{width:95%;  margin:25px 2% 0 0; text-align:left; text-transform: capitalize;}
  
  .menue_line{
    font-size:26px; 
    text-transform: uppercase; 
    font-family: Changa; 
    line-height:150%;
    background-color: #93FCFD;
    padding:1%;
    display:block;
    margin-bottom:5px;
  } 
  
  #if{width:95%;  min-height: 700px; text-align:left; margin-top:25px;}
  h1{font-size: 18px;} h2{font-size: 20px;}
  .wolf_round{background-color: #ffffff; border: 5px ridge #808080; border-radius:50%; width:200px; height:200px; float:right; margin:-25px -15px 20px 20px; }
  #fot{margin:100px 0 50px 0; border-top:#000 2px solid; padding:25px; font-size:120%;}  
    .postit_size{ width:180px; min-height:180px; margin: 0 0 10% 2%; }
  
   .sponsor_block{
    font-family:verdana;
    font-size:12px;
    line-height:100%;
    background-color:#fff;
    text-align:center;
    height:200px;
    width:28.0%; 
    float:left; 
    margin-right:1%; 
    border: 5px ridge #ff0000;
    border-radius:15px;  
    margin-top:8px;
    padding:1%;
  }
  .sponsor_image{
    width:75%;
    max-height:125px;
  }  
  
  
}