* {
list-style: none;
border: none;
text-decoration: none;
outline: none;
margin: 0 auto;
padding: 0;
}
body {
background: #3399ff url(../images/aged.png);
font-family: Palitino, Futura, sans-serif;
background-attachment: fixed;
color: #f0F;
padding: 1px;
}
#container {
width: 723px;
height: 100%;
margin-top: -8px;
padding: 22px;
background: #FFF;
color: #34322B ;
overflow: hidden;
text-align: left;
}
.crunch {
max-width: 717px;
height: 298px;
text-align: center;
}
.nav {
max-width: 711px;
top: 0;
height: 333px;
padding: 0 0 0 57px;
}
.nav li {
float: left;
width: 128px;
border: 1px solid transparent;
margin-left: 17px;
margin-bottom: 111px;
}
.nav li a {
display:block;
position: relative;
padding-right: 10px;
background:transparent;
color:#fff;
}
.nav li a:hover, .nav li a:active { 
background: transparent;
padding-right: 10px;
border: none;
}
.nav li div { 
padding: 3px 7px;
display:none;
}
.bloggy {
clear: both;
margin: 23px 0;
padding: 3px 7px;
}
p {
padding: 2px 3px;
color: #889BAA;
}
p.small {
font-size: 9px;
color: #252525;
}
p.b {
color: #228BD7;
}
h1.first {
font-size: 43px;
font-weight: bold;
letter-spacing: -1px;
color: #228BD7;
}
h2.sp {
font-size: 22px;
letter-spacing: -1px;
}
h1, h2, h3, h4, h5, h6 {
color: #889BAA;
margin-left: 11px;
}
a {
padding: 2px;
color: #228BD7;
border-bottom: 0.02em dotted transparent;
}
a:hover {
color: red;
border-bottom: 0.02em dotted #808080;
}
img, a img {
border: none;
text-decoration: none;
}
a:hover img {
border: none;
text-decoration: none;
}
a.space {
display: inline;
padding: 2px;
margin-left: 4px;
color: #228BD7;
}
.boxed {
clear: both;
bottom: 0;
background: transparent;
width: 577px;
padding: 0 2% 2% 2%;
margin-left: 11px;
outline: none;
overflow: hidden;
}