/*  
Theme Name: Beaufem Members
Theme URI: https://members.beaufem.com/
Description: Beaufem members area theme.
Version: 0.2
Author: x_Silver
Author URI: http://www.amnesiabeat.com/
*/

@import url(styles/reset.css);

@import url(styles/html.css);

body {
    font-family: "Comic Sans MS", cursive;
    background: #000;
    text-align: center;
}
a {
    font-weight: bold;
    color: #FE0B0B;
}
a:hover {
    color: #DA2F2F;
}

/*=============== GENERIC ===============*/
#wrapper {
	width: 990px;
	margin: 0 auto;
    color: #fff;
	background: #000;
	border-left: 5px solid #811616;
	border-right: 5px solid #811616;
}
.center {
    text-align: center;
    margin: 0 auto;
}
/*=============== HEADER ===============*/
#header {
    width: 100%;
    height:180px;
    margin-bottom: 20px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background: url(images/head.gif) repeat-x center;
}
#header h1, #header h2 {
    display: none;
    overflow: hidden;
    visibility: hidden;
}
#logo {
    margin-left: 7px;
    float: left;
}
/*=============== BANNERS ===============*/
#ads-top {
    width: 480px;
    height: 60px;
    float: right;
    margin: 50px 15px 0 0;
}
/*=============== NAVIGATION ===============*/
#navigation {
    float: right;
    margin: 10px 3px 0 0;
}
#navigation li {
    display: block;
    width: 120px;
    height: 20px;
    float: left;
    padding-top: 5px;
    margin: 0 2px;
    background: url(images/nav_on.gif) no-repeat center;
}
#navigation a {
	color: #fff;
    text-decoration: none;
}
#navigation a:hover {
    font-size: 1.1em;
}
/*
#navigation a:hover {
	top: 1px;
	left: 1px;
    position: relative;
}
*/
/*=============== CONTAINER ===============*/
#container {
    width: 100%;
    height: 100%;
    overflow: auto;
}
/*=============== SIDEBAR LEFT ===============*/
#sidebar-left {
    width: 20%;
    float: left;
    margin-left: 10px;
}
/*=============== SIDEBAR RIGHT ===============*/
#sidebar-right {
    width: 20%;
    float: right;
    margin-right: 10px;
}
/*=============== SIDEBAR ===============*/
.sidebar ul {
}
.sidebar ul li {
    margin-bottom: 15px;
    text-align: left;
    border-left: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
    background: #000;
    width: 193px;
    /*background: url(images/sidebar_body.gif) repeat-y center;*/
}
.sidebar ul li h3 {
    background: url(images/sidebar_top.gif) no-repeat center;
    text-align: center;
    font-size: 1.1em;
    padding-top: 7px;
    width: 100%;
    height: 27px;
}
.sidebar ul li div {
    color: #CBCBCB;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 3px 10px 12px 10px;
    background: url(images/sidebar_bottom.gif) no-repeat bottom center;
}
.sidebar ul li div ul {
    margin: 5px 0 5px 20px;
    list-style-type: disc;
}
.sidebar ul li div ol {
    margin: 5px 0 5px 30px;
    list-style-type: decimal;
}
.sidebar ul li div ul li {
    margin: 2px 0;
}
.sidebar ul li div.textwidget {
    background: none;
    font-size: 1em;
    line-height: 1em;
    padding: 0;
}
/*=============== CONTENT CENTER===============*/
#content-center {
    width: 55%;
    clear: none;
    padding: 0;
    margin: 0 auto;
    text-align: left;
}
#content-center .post {
    padding: 10px;
    padding-top: 5px;
    margin-bottom: 30px;
    border: 2px solid #6a6a6a;
    background: #000;
    /*background: url(images/post.gif) repeat center;*/
}
#content-center .post h2 {
    text-align: center;
    margin-bottom: 15px;
}
#content-center .post h2, #content-center .post h2 a {
    color: #FE0B0B;
}
#content-center .post .entry {
    line-height: 1.4em;
    margin: 0 5px;
    font-size: 1.1em;
}
#content-center .post .entry ul {
    margin: 5px 0 5px 30px;
    list-style-type: disc;
}
#content-center .post .entry ol {
    margin: 5px 0 5px 30px;
    list-style-type: decimal;
}
#content-center .post .entry li {
    margin: 4px 0;
}
#content-center .post .entry h3 {
    margin: 5px 0;
}
#content-center .post .entry img.alignright {
	float: right;
	margin: 0 15px;
}
#content-center .post .entry img.alignleft {
	float: left;
	margin: 0 15px;
}
#content-center .post .entry img.aligncenter {
	display: block;
	margin: 15px auto;
}
#content-center .post p.metadata {
    border-top: 1px dotted #aaa;
    padding-top: 10px;
    font-size: 0.85em;
}
#content-center .post p.metadata span {
    display: block;
}
#content-center .post p.metadata span.date {
	background: url(images/icons.gif) no-repeat 0px -20px;
	padding: 4px 0 4px 23px;
}
#content-center .post p.metadata span.comment {
	background: url(images/icons.gif) no-repeat 0px 0px;
	padding: 4px 0 4px 23px;
	float: right;
}
#content-center .post p.metadata span.categories {
	background: url(images/icons.gif) no-repeat 0px -40px;
	padding: 4px 0 4px 23px;
}
#content-center .post p.metadata span.tags {
	background: url(images/icons.gif) no-repeat 0px -60px;
	padding: 4px 0 4px 23px;
}
/*=============== CONTAINER FOOT ===============*/
#container-foot {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
}
#container-foot img {
    border: 1px solid #6a6a6a;
}
#foot-right {
    margin-right: 10px;
    float: right;
    width: 48%;    
}
#foot-left {
    margin-left: 10px;
    float: left;
    width: 48%;
}
/*=============== FOOTER ===============*/
#footer {
	border-top: 1px dotted #aaa;
	text-align: right;
	padding: 5px 10px;
    margin-top: 20px;
}
#footer p {
    margin: 2px 0;
    font-size: 0.85em;
}