/* Reset */ /**/
*
{
	margin: 0;
	padding: 0;
}

/* Main */ /**/

body
{
    background: #eeefe7;
    background: #F7F7F7;
    font: 0.80em Arial, Helvetica, sans-serif;
}

a:link,
a:active,
a:visited
{
    text-decoration: none;
    color: #444;
}

.b-content a:link
{
   color: #0099CC;
}

a:visited
{
    color: #666;
}

a:hover
{
    text-decoration: underline;
}

a img
{
    border: none;
}

/* Text */ /**/
h1
{
    font-size: 2em;
    font-weight: 400;

	margin-bottom: 1em;
}

h2
{
    font-size: 1.1em;
    margin: 2em 0 1em;
    color: #553A27
}

h3
{
    font-size: 1.25em;
}

h4
{
    font-size: 1em;
}

p {
    margin: 0 0 0.75em 0;
}

em
{
    color: #444;
}

h1 em
{
    display: block;
    font-size: 0.5em;
}

#img-container
{
    margin-top: 2em;
}

#img-container .nav
{
    font-size: 0.9em;
}

#img-container p
{
    width: 400px;
    margin: 0;
    padding: 0 0 12px 0;
}

#once
{
    clear: left;
}

/* Logo */ /**/
.b-logo
{
    position: fixed;
    top: 45px;
    left: 0px;
    font-size: 1.2em;
    font-weight: bold;
}

.b-logo a
{
    color: #000;
    text-decoration: none;
}



/* Menu */ /**/
.b-menu 
{
    width: 175px;
    overflow: auto;
    top: 40px;
    bottom: 0;
	left: 180px;
    position: fixed;
    height: 100%;
    z-index: 100;
}

.b-menu  ul
{
	list-style: none;
	margin: 0 0 1em 0;
}

.b-menu li
{
	margin-bottom: 0.1em;
}

.b-menu .section-title
{
    font-weight: bold;
    padding-left: 3px;
}

.b-menu a
{
    font-size: 0.9em;
}

.b-menu a:hover
{
    background: #ace3ff;
    text-decoration: none;
}

.b-menu li a
{
    padding: 0 3px;    
}

.b-menu .active a
{
    background: #000;
    color: #fff;
    cursor: default;
}

.b-menu .active
{
    margin-left: 3px;
}

.b-menu strong
{
    font-weight: 400;

    text-decoration: none;
}

.b-menu strong:after
{
    content: ' new';
    color: #0099cc;    
}


/* Lang */ /**/
.b-lang
{
	position: absolute;
	left: 990px;
	top: 40px;
	
	color: #666;
	font-size: 0.9em;
}

.b-lang .current
{
	background: #999;
	text-decoration: none;
	cursor: default;
	color: #eee;
	
	padding: 0 4px;
}

/* Content*/ /**/
.b-content
{
    height: 100%;
    margin: 0 0 0 365px;
    top: 0;
}

.b-content .container
{
    margin: 40px 0;
}

.b-content p
{
    width: 500px; margin-bottom: 9px;
}

/* Indexhibit */ /**/
.b-indexhibit
{
    font-size: 0.75em;
    position: fixed;
    bottom: 1em;
    left: 1em;
}

.b-indexhibit a:hover
{
    background: none;
    text-decoration: underline;
}

.b-splash
{
    position:absolute;
    top:0;
    left:0;
}

/* Black Theme *//**/
#black
{
    color: #000;
}

#black a
{
    color: #000;
}

#black .b-menu strong:after
{
    color: #999;    
}

#black .b-lang .current
{
    background: #000;
    color: #fff;
}

/* White Theme *//**/
#white
{
    color: #fff;
    background: #333;
}

#white a
{
    color: #bbb;
}

#white .b-menu strong:after
{
    color: #666;
}

#white .b-lang .current
{
    background: #fff;
    color: #000;
}

.b-share
{
    margin-top: 1.5em;
}

.b-like
{
   margin: 1em 0;	
}