* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    background-color: #dad9d9;
    text-align: center;
    font-family: Verdana,Arial,Sans-serif;
    font-size: 12px;

}
a {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    color: #114477;
}
#wrapper {
    width: 770px;
    margin: 0 auto;
    background-image: url('../../img/default/background.gif');
}
#header {
    width: 770px;
    height: 220px;
    background-image: url('../../img/default/header.jpg');
}
#header h1, #header .blogname {
    color: white;
    font-weight: bold;
    font-size: 52px;
    padding: 50px 0 0 0;    
}
#header h1 a, #header .blogname a {
    color: white;
    text-decoration: none;
}
#header .description {
    color: white;   
}
#footer {
    width: 770px;
    height: 60px;
    background-image: url('../../img/default/footer.jpg');
    background-position: 0 bottom;
    background-repeat: no-repeat;
    font-size: 9px;
    color: #808080;
}
#content {
    width: 690px;
    margin: 15px auto;
}
#content-center {
    width: 500px;
    margin: 0 auto;
    text-align: justify;
}
#content-full {
    width: 690px;
    text-align: justify;
}
#content-left {
    float: left;
    width: 500px;
    text-align: justify;
}
#content-right {
    float: right;
    width: 170px;
    text-align: justify;
}
#content-right h2 {
    font-size: 15px;
    color: #404040;
    margin: 0 0 15px 0;    
}
#content-right ul {
    font-size: 11px;
    margin: 0 0 11px 0;
    list-style-position: inside;
    list-style-type: circle;
}
#content-right ul li {
    margin: 0 0 0 10px;
}
#content h1 {
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px 0;
    color: #404040;
}
.post {
    margin: 0 0 20px 0;
}
#content .post h1, .post h2 {
    margin: 0;
    color: #404040;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}
#content .post h1 {
    margin: 0 0 40px 0;
}
    
#content .post h1 a, .post h2 a {
    color: #404040;
    text-decoration: none;
}
.post p {
    text-align: justify;
    line-height: 16px; 
    margin: 0 0 16px 0;
}
.post .center {
    text-align: center;
}
.post .published {
    font-size: 10px;
    color: #808080;
    margin: 0 0 20px 0;    
}
.post .more {
    text-align: right;
}
.post-info {
    margin: 0 0 20px 0;
    padding: 20px;
    font-size: 9px;
    background-color: #eeeeee;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;
    color: #404040;
    line-height: 13px;
}
.post ul {
    text-align: justify;
    line-height: 16px; 
    margin: 0 16px 16px 16px;
    list-style-type: square;
}
.post ul li {
    margin: 0 0 8px 0;
}

.clear {
    clear: both;
}
.center {
    text-align: center;
}
.image {
    text-align: center;
    margin: 0 0 20px 0;
}
.image img {
    border: 1px solid #808080;
}
.thumbs img {
    margin: 5px;
}
.video {
    text-align: center;
    margin: 0 0 20px 0;
}
.pager {
    text-align: center;
}
.post .out {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
.post .out a {
    text-decoration: underline;
}
object, embed {
    display: inline;
}
.search input#query {
    border: 1px solid #404040;
    margin: 0 0 20px 0;
    width: 100px;
    float: left;
}
.search input#submit {
    border: 1px solid #404040;
    padding: 1px;
}
a.flvPlayer, a.flowplayer {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto 20px auto;
    border: 1px solid #404040;
}
a.flvPlayer img.play, a.flowplayer img.play {
    border: 0px;
    position: absolute;
}
a.flvPlayer img.sshot, a.flowplayer img.sshot {
    position: absolute;
    top: 0; left: 0;    
}
form {
    margin: 0 0 16px 0;
}
form fieldset {
    border: 1px solid #b0b0b0;
    padding: 16px;
    margin: 0 0 8px 0;
}
form fieldset legend {
    font-weight: bold;
    padding: 0 8px;
}
form p {
    margin: 0 0 8px 0;
}
form p label span {
    display: block;
    float: left;
    width: 120px;
    font-size: 12px;
}
form input.text, form textarea {
    border: 1px solid #b0b0b0;
    padding: 1px;
    font-size: 12px;
}
input.button
{
    background-color: #303030;
    color: white;
    border: 1px solid #b0b0b0;
    padding: 3px;
}
.top_site {
    float: left;
    width: 160px;
    text-align: center;
    position: relative;
    margin: 0 5px 15px 5px;
}
.site {
    position: relative;
    height: 185px;
    margin: 0 0 20px 0;
}
.site img {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 180px;
    padding: 1px;
    border: 1px solid #e0e0e0;
}
.site .desc {
    width: 510px;
    position: absolute;
    right: 0;
    top: 0;
}
.site .desc h2 span {
    color: #c0c0c0;
}
.site .desc h2 a {
    text-decoration: underline;
}
.site .desc p {
    margin: 15px 0 0 0;
}

.w40 {
    width: 40px;
}
.w60 {
    width: 60px;
}
.w80 {
    width: 80px;
}
.w100 {
    width: 100px;
}
.w120 {
    width: 120px;
}
.w140 {
    width: 140px;
}
.w160 {
    width: 160px;
}
.w180 {
    width: 180px;
}
.w200 {
    width: 200px;
}
.w220 {
    width: 220px;
}
.w240 {
    width: 240px;
}
.w260 {
    width: 260px;
}
.w280 {
    width: 280px;
}
.w300 {
    width: 300px;
}