body {
margin: 0px;
font-family: sans-serif;
background: #3b3c40;
color: #ffffff;
font-size: 9pt;
text-align:center;
}


/* ////// header /////// */
.head {
background-image: url('head.jpg');
background-position: top left;
width: 750px;
padding-top: 100px;
margin: auto;
text-align: left;
}
.ht {
line-height: 40pt;
margin-left: 50%;
font-size: 50pt;
font-weight: bold;
font-family: 'Trebuchet MS', sans-serif;
color: #ffffff;
}
.hd {
padding-bottom: 20px;
margin-left: 55%;
font-size: 10pt;
font-weight: bold;
font-family: 'Trebuchet MS', sans-serif;
color: #ffffff;
}
/* ///////////// */


.con {
padding-bottom: 50px;
border-top: 1px solid #666a73;
background: #666a73;
width: 750px;
margin: auto;
text-align: left;
}
a {
color: #BCA4A5;
}
a:hover {
color: #ffffff;
}
.date, .note, .rname {
font-size: 7pt;
color: #BCA4A5;
}
.rname {
padding-left: 15px;
}
form {
margin: 0px;
}
.galro {
clear: both;
}
.galpic {
float: left;
}
.pli {
text-align: center;
padding-top: 70px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
clear: both;
}
.title, .lt, .abti, .edtitle {
font-size: 12pt;
font-weight: bold;
font-family: 'Trebuchet MS', sans-serif;
}
.title, .edtitle {
float: left;
}
.edtitle {
color: #E0DB76;
}
.date {

}
.blt {
margin-top: 10px;
margin-bottom: 10px;
}
.pcom,  .blop {
clear: both;
}
.repswit {
float: left;
}
.vreps {
float: right;
}
.rname {
float: left;
}
.mis {
border-bottom: 1px solid #000000;
height: 1px;
width: 50px;
}
img {
border: none;
}
.del {
float: left;
}

.pic {
margin: auto;
padding-bottom: 15px;
padding-top: 15px;
}

.say {
padding-top: 30px;
}

.adcon {
padding-top: 30px;
margin-left: 20px;
margin-right: 20px;
}

/* form container */
.fcon {
clear: both;
}

/* hidden form container */
.hfcon, .fcon {
margin-left: 125px;
width: 500px;
background: #7d7f86;
color: #C8BBBC;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #666a73;
}

/* inputs on hidden form */
.fin input, .fin textarea {
background: #5B4344;
color: #E0D4D4;
border: none;
margin-bottom: 10px;
}

/* buttons on hidden form */
.fbut input {
background: #8d7c6d;
color: #C8BBBC;
border: none;
padding: 3px;
margin-top: 10px;
margin-bottom: 10px;
}
.fbut input:hover {
background: #AB9E9F;
cursor: pointer;
}

/* # views text on pic page */
.vino {
clear: both;
width: 500px;
margin-left: 125px;
margin-top: 20px;
background: #7d7f86;
font-size: 8pt;
color: #BCA4A5;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

/* blog container (whole blog page content) */
.bcon {
}

/* blog (single) entry as whole */
.blo {
width: 750px;
}

/* blog reply (single) entry as whole */
.blor {
color: #C8BBBC;
}

/* blog posts */
.thol {
margin-left: 20px;
margin-right: 20px;
padding-top: 60px;
margin-bottom: 5px;
}
.blop {
margin-top: 20px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;

}
.rcon {
width: 500px;
margin-left: 125px;
clear: both;
padding-bottom: 10px;
background: #7d7f86;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
} 

.rcon a {
cursor: pointer;
text-decoration: underline;
}

.thol a {
cursor: pointer;
text-decoration: underline;
}

.rthol a {
cursor: pointer;
text-decoration: underline;
}

/* blog replies */
.rthol {
width: 500px;
margin-left: 125px;
background: #7d7f86;
padding-left: 5px;
padding-right: 5px;
padding-top: 20px;
padding-bottom: 5px;
}
.rthol .title {
font-size: 10pt;
}
.rlop {
width: 500px;
margin-left: 125px;
background: #7d7f86;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #666a73;
clear: both;
}

/* ** menu stuff ** */
.mis {
display: none;
}
#me {
background: #8d7c6d;
width: 750px;
height: 30px;
margin: auto;
overflow: hidden;
}
#mi {
width: 70px;
border-left: 1px solid #897C7D;
margin-right: -1px;
text-align: center;
padding-top: 6px;
cursor: pointer;
float: left;
height: 30px;
text-decoration: none;
font-weight: bold;
}
#mi:hover {
background: #666a73;
}

/* gallery */

.galcon {
width: 750px;
padding-top: 30px;
}
.galro {
height: 142px;
margin-left: 20px;
}
.galpic, .blt {
height: 142px;
width: 142px;
overflow: hidden;
text-align: center;
}

/* about text */
.abcon {
margin-top: 50px;
float: left;
width: 380px;
padding-left: 30px;
}


/* latest n things on front page */
.lcon {
margin-top: 50px;
margin-left: 450px;
padding-left: 50px;
margin-right: 30px;
border-left: 1px solid #BCA4A5;
}
.ll {
padding-bottom: 15px;
}