@import url("reset.css");


/*general tags*/
body {
	background: #fff url('background.gif');
	font: normal 13px Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color: #4e4e50;
}
a {
    color: #c53721;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

/*headings*/
h1 {
    color: #4e4e50;
    font-size: 24px;
    width: 100%;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: 2px solid #4e4e50;
}
h1 a{
    color: #4e4e50;
    text-decoration: none;
}
h2 {
    font-size: 17px;
    margin-bottom: 10px;
}
p {
    font-size: 13px;
    padding: 0 0 10px 9px;
}

/*header tag*/
#header {
    width: 857px;
    margin: 0 auto;
    border-bottom: 4px solid #e7d2ad;
    /*height: 100px;*/
}
.header_link {
    color: #c53721;
    font-size: 20px;
    text-decoration: none;
    display: block;
    margin: 50px 0 10px 0;
}

/*container tag*/
#page {
    width: 857px;
    margin: 0 auto;
    background: #f7f7f7;
    border: 1px solid #b7b7b7;
    border-top: none;
}
.content {
    float: left;
    width: 516px;
    padding: 13px;
}
.special_container {
    border: 1px solid #e7b994;
    background: #fffeaf;
    overflow: auto;
    float: left;
    padding: 5px;
    width: 506px;
}
.special_subcontainer {
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 150px;
}
.special_container a.thumb {
    
}


/*sidebar settings*/
.sidebar {
    float: left;
    width: 308px;
    overflow: hidden;
}
.author{
    background: #e1e6e8;
    border: 1px solid #b2d4e2;
    border-left: none;
    padding: 8px;
    text-align: center;
}
.sidebar_item {
    clear: both;
}
.sidebar_item a.sidebar_img{
    margin: 10px 0 0 10px;
    display: block;
    float: left;
}
.sidebar_item p {
    padding: 10px 0 0 10px;
    float: left;
    width: 105px;
}
.articles {
    padding: 30px 0 30px 10px;
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/*post section*/
.post_item img {
    border: 8px solid #e7d2ad;
}
strong {
    font-weight: bold;
}


.related_container {
    float: left;
    height: 140px;
    margin: 10px 10px 0 0;
    width: 115px;
    overflow: visible;
}
.related_container a img {
    width: 120px;
}


/*footer*/
#footer {
    clear: both;
    margin: 0 auto 10px auto;
    width: 800px;
    padding-top: 20px;
    text-align: center;
}


#browse_button {
    display: block;
    background: url('browse_button.jpg') no-repeat;
    width: 238px;
    height: 26px;
    padding: 13px 0 0 38px;
    color: #4e4e50;
}
#browse_div {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}