ÿþ@charset "utf-8"



body {

    padding: 0px;

    margin: 0px;

    font-family: "Helvetica Neue", "DejaVu Sans", Tahoma;

    font-size: 14px;

    line-height: 21px;

    background-image: url("image/bg.jpg");

}



a:link, a:visited, a:active {

    color: #1c7fdb;

    text-decoration: none;

}

a:hover {

    color: #1785eb;

    text-decoration: underline;

}



a img {

    border: 0;

}



hr {

    clear: both;

    width: 100%;

    height: 1px;

    border: none;

    border-top: 1px solid #ddd;

}



h1 {

    clear: both;

    margin: 10px auto;

    padding: 5px 10px;

    font-size: 1.1em;

    background-color: rgb(242, 242, 242);

    color: #444;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    border-radius: 6px;

}

h1 .icon {

    height: 20px;

    vertical-align: middle;

    padding-bottom: 4px;

}



/* IDs */



#wrapper {

    width: 800px;

    margin: 30px auto 5px auto;

    padding: 12px 24px 12px 18px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    border: 2px solid rgba(0,0,0,0.05);

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);

    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);

}



#top {}

    #title {

        float: left;

        margin-bottom: 5px;

    }

    #nav {

        float: right;

        text-align: right;

        margin-bottom: 5px;

    }

    #nav ul {

        margin: 0px;

        padding: 0px;

        list-style: none;

    }

    #nav ul li {

        list-style: none;

        float: left;

        margin-left: 10px;

    }



#side {

    width: 236px;

    float: left;

    text-align: right;

    margin-right: 20px;

}



#main {

    width: 514px;

    float: right;

}

    #main #map {

        height: 360px;

    }



#map {

    margin: 10px auto;

}



#footer {

    width: 800px;

    margin: 0 auto 20px auto;

    font-size: 10px;

    color: #fff;

    padding: 5px 0 0 10px;

    text-align: right;

}

#footer a {

    color: #b9f3ff;

}



/* CLASSes */

.clear {

    clear: both;

}



.placebox {

    border-radius: 0px;

    border: 1px solid rgb(210, 210, 210);

    float: left;

    margin: auto auto 6px 6px;

    padding: 5px 4px 2px 4px;

    text-align: center;

}

.placebox:hover {

    border: 1px solid rgba(82, 168, 236, 0.75);

    -moz-box-shadow: rgba(82, 168, 236, 0.5) 0px 0px 5px;

    -webkit-box-shadow: rgba(82, 168, 236, 0.5) 0px 0px 5px;

}

.placebox span {

    display: block;

}

.placebox img {

    width: 100px;

    height: 100px;

}

.placebox .icon {

    height: 16px;

    width: 16px;

    vertical-align: middle;

    padding-bottom: 4px;

}

.placebox_a:link, .placebox_a:visited, .placebox_a:hover {

    color: #444;

}

.placebox_a:hover {

    text-decoration: none;

}



.comment_item .avatar {

    float: left;

    margin-right: 10px;

}

.comment_meta {

    margin-bottom: 6px;

}

    .comment_time {

        display: block;

        color: #444;

        font-size: 0.8em;

    }

.comment_text {

    margin: 0 auto 3px auto;

}



.comment_form textarea {

    width: 410px;

    height: 52px;

    float: left;

    margin-right: 6px;

    border: 1px solid #ccc;

}

.comment_form textarea:focus {

    border: 1px solid rgba(82, 168, 236, 0.75) !important;

    -moz-box-shadow: rgba(82, 168, 236, 0.5) 0px 0px 5px;

    -webkit-box-shadow: rgba(82, 168, 236, 0.5) 0px 0px 5px;

    outline: none;

}

.comment_form button {

    width: 85px;

    height: 30px;

}