Dynastie/sites/blog.soutade.fr/css/blog.css

html
{
    height:100%;
}

body
{
    /* margin: 0 auto; */
    padding: 0;
    background-color: #ffffe2;
    margin-left: 20%;
    margin-right: 20%;
    height:100%;
}

div.body
{
    position:relative;
    top:-315px;
    display:table;
    width:100%;
    height:100%;
    background-color:white;
    border-style:solid;
    border-color:black;
    border-width:3px;
    margin-top:150px;
}

#logo
{
    z-index:2;
    display:inline;
    position:relative;
    /* top:-135px; */
    top: 33px;
    left:-27px;
}

#title a
{
    z-index:12;
    display:inline;
    color:black;
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 50px;
    padding-left:180px;
}

#header
{
    padding-top:50px;
    padding-bottom:50px;
}

#recents_title
{
    font-weight:bold;
}

div.table {display:table;}
div.table-row {display:table-row;}
div.table-cell {display:table-cell;}

div.content
{
    display:table-cell;
    padding-left:3%;
    padding-right:2%;
    /* margin-top:2%; */
    width:75%;
}

div.menu
{
    display:table-cell;
    width:20%;
    margin:8px;
}

#menu_main
{
    padding:10px;
}

div.menu > div.menu_content
{
    background-color: #edeee7;
    border-style : solid ridge ridge solid;
    border-color:#d4d6c6;
    border-width:2px;
    border-bottom-width:4px;
    border-right-width:4px;
    padding:6px;
    margin :10px;
}

div.menu > div.menu_content > div.menu_content_header
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    font-size: 17px;
    background-image: url("/images/BlockHeaderIcon.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #475028;
}

div.menu > div.menu_content > div.menu_content_content
{
    color: #5e6a34;
}

div.menu_content_content a
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu > div.menu_content > div.menu_content_content a:link
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu > div.menu_content > div.menu_content_content a:hover
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu > div.menu_content > div.menu_content_content ul
{
    padding-left:20px;
}

div.menu > div.menu_content > div.menu_content_content li
{
    list-style-image: url("/images/BlockContentBullets.png");
}

div.footer
{
    width:100%;
    display:block;
    text-align:center;
    padding:15px;
}

div.post
{
    display:block;
    margin-bottom:100px;
}

div.post > div.post_header
{
    display:block;
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #3c3e2d;
    padding-bottom:5px;
}

div.post > div.post_header > div.title > a
{
    display:block;
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    color: #181B0D;
}

div.post > div.post_header > div.title > a:hover
{
    display:block;
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    color: #181B0D;
}

div.post > div.post_header > div.post_sub_header
{
    display:block;
    background-color: #edeee7;
    /* margin-left : 10px; */
    padding : 3px;
}

div.post > div.post_header > div.post_sub_header > div.author_icon
{
    display:inline;
    background-image: url('/images/authoricon.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 18px;
}

div.post > div.post_header > div.post_sub_header > div.author_icon > div.author
{
    display:inline;
}

div.post > div.post_header > div.post_sub_header > div.date
{
    display:inline;
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    background-image: url('/images/dateicon.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

div.post > div.post_content
{
    display:block;
    margin-top:1%;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #171811;

}

div.recents
{
    margin-left:20px;
}

#archive_year, #category_name, #tag_name
{
    font-size:50;
    padding-bottom:20px;
}

div.navigation
{
    margin:5px;
    text-align:center;
}

a, a:link, a:hover
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #818f00;
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    font-weight: normal;
    font-style: normal;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 26px;
    color: #8c9d4d;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 21px;
    color: #65684b;
}

h4
{
    font-size: 1em;
}

ul li
{
    list-style-image: url("/images/bullet.png");
}

.comments
{
    padding-left:1%;
    padding-top:1%;
    padding-bottom:1%;
    margin-bottom:5%;
}

.comment
{
    background-color: #edeceb;
    border-style:solid;
    border-radius: 10px;
    border-color: #8e785b;
    /* margin-bottom:3%; */
    padding:5px;
    margin:15px
}

.comment .comment
{
    /* padding-top:15px; */
    /* padding-left:15px; */
    /* margin-bottom:2px; */
    margin-top:15px;
    margin-left:15px;
    margin-bottom:1px;
    margin-right:1px;
}

.comment_content
{
    padding-top:5px;
    padding-left:5px;
    margin-bottom:5px;
}

.comment_index, .comment_author, .comment_date
{
    display: inline
}

.comment_author, .comment_date
{
    margin-left:5px;
    margin-right:5px;
}

.comment_author
{
    font-weight:bold;
}

.response
{
    display:none;
    padding:5px;
}

.tags, .tag
{
    display:inline;
}

.tag
{
    margin-left:10px;
}