body{
margin:0;
padding:10px;
background:#f7f7f7;
color:#111111;
font-family:sans-serif;
font-size:14px;
line-height:1.4;
text-align:center;
}

.wrap{
max-width:320px;
margin:0 auto;
padding:10px 8px;
border:1px solid #222222;
background:#ffffff;
}

h1{
margin:0 0 8px 0;
font-size:22px;
line-height:1.2;
letter-spacing:1px;
}

h2{
margin:14px 0 8px 0;
font-size:16px;
line-height:1.2;
}

p{
margin:0 0 8px 0;
}

.subtitle{
margin-bottom:12px;
font-size:13px;
color:#444444;
}

.menu{
margin:0;
padding:0;
list-style:none;
}

.menu li{
margin:0 0 8px 0;
}

.menu a{
display:block;
padding:8px;
border:1px solid #222222;
background:#fcfcfc;
text-decoration:none;
color:#0033aa;
font-weight:bold;
}

.menu a:active{
background:#e9e9e9;
}

.footer{
margin-top:14px;
padding-top:8px;
border-top:1px dotted #999999;
font-size:12px;
color:#666666;
}

img{
max-width:100%;
height:auto;
border:0;
}