@charset "UTF-8";

section, article, nav, aside, footer, header{
display:block;
}
body{
font:1.1em Tahoma, Geneva, Kalimati, sans-serif ;
margin:0;
padding:0;
margin-top:2%;
background:#ececec;
line-height:1.5;
}
a{
color:black;
}
h1{
font-size:1.25em;
}
h2{
font-size:1.125em;
}
#wrapper{
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:95%;
min-width:768px;
max-width:900px;
padding:1%;
background:#fff;

margin:0 auto;
 
}
header{
width:95%;
max-width:900px;
padding:1%;
margin:0 auto;
background:#ececec;
line-height:1;
}
header h1 a{
margin:0;
padding:0;
}
header h1 img{
float:left;
border:none;
margin-right:1%;
}
#section{
 
float:left;
width:60%;

overflow: hidden;
margin:0 auto;
}
nav{
margin:2% 0 2% 0;
}
article{


}
nav a{
margin:0;
display:block;
padding:3%;
border-bottom:1px solid #fff;
width:80%;
background:#444;
color:#ffffff;
text-decoration:none;
}
nav a span{
float:right;
color:#fff;
}
aside{

width:30%;
float:right;
 margin:0 auto;
}

.clear{clear:both;}
.qrzik{
color:#ca3434;
}
strong{
color:#444444;
}
.int{
background:#ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center;
margin-left:1%;
margin-right:1%;
color:#774444;
}
footer{
padding-top:5%;
}
form{
margin-left:2%;
margin-bottom:8%;
border-left:2px dashed #efefef;

padding-left:2%;

}
input, textarea{
border:2px solid #994444;
-moz-box-shadow:3px 3px 10px silver;
-moz-border-radius:4px;
vertical-align:middle;
}
textarea{
margin-left:2%;
}
input, input[type=submit]{
height:2.5em;
line-height:2.5em;
vertical-align:middle;
margin-left:2%;

}
input[type=submit]:hover{
font-weight:bold;
-moz-box-shadow: -1px -1px 10px silver;
}
label{
display:block;
}

@media handheld, only screen and (max-width: 650px), only screen and (max-device-width: 480px) {
body{
font-size:1.5em;
}
#wrapper{
width:auto;
max-width:650px;
min-width:320px;
}

aside, #section{ 
	width: auto;
	float: none;
	margin:0;
	min-width: 320px;
	max-width: 480px;;

	
}




}