/* zero'ing */
a img {border:0;}
body * {
    text-align:left;
}
p {
    margin:3px;
}
article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}
/* */
body {
    font-family: Verdana, Tahoma, Arial, "Myriad Web Pro", sans-serif;
    font-size: 9pt;
    padding: 5px 0;
    margin: 10px auto;
    color: #0B486B;
    background-color: #fcfcfc; 
    text-align: center;
}

/* containers */
#top-box  {
    width:900px;
    margin:0 auto;
    text-align:right !important;
    height:50px;
    display:block;
}
#log-box p {
    text-align:right !important; 
}
#log-box {
    float:right; 
    text-align:right !important; 
    margin-right:5px;
    margin-top:-10px;
}
#top-box h1{ /*logo*/
    font-size:2.3em;
    margin: 0 0 -6px 0;
    position:relative;
    left:0;
    bottom:-2px;
    z-index:99;
    text-indent:-1000ex;
    background:url(//images.krzysiek.org/titlehere/bs-logo-beta.png); 
    background-position:bottom left; 
    background-repeat: no-repeat; 
    height:53px;
    width:221px;
    max-width:221px;
}
#login-box {
    display:inline-block;
    z-index:100;
    position:absolute;
    top:15px;
    right:10px;
    height:30px;
    line-height:17px;
}
#login-box .facebookLogin {
    float:right;
}
.facebookGate .facebookLogin {
    margin-top:10px;
    display:inline-block;
    line-height:17px;
}
#login-box .facebookLogin, .facebookGate .facebookLogin {
    margin-right:15px; 
    background-image:url(//bibliosfera.net/static/gfx/facebook_18.png); 
    background-repeat: no-repeat; 
    background-position:1px 1px; 
    padding:2px 4px 2px 21px; 
    background-color:#477197; 
    color:#fdfdfd; 
    
    -moz-box-shadow:0px 0px 9px -1px #FF0066; 
    -webkit-box-shadow:0px 0px 9px -1px #FF0066; 
    box-shadow:0px 0px 7px orange;
}
#login-box a, #login-box span{
    float:right; 
    margin-right:15px; 
    padding-top:2px;   
}
#main-nav {
    background: #CFF09E url(../gfx/nav-bar.png) 50% 50%  repeat-x;
    text-align:center;
    background-color:#6ea6d1;
    width:100%;
    padding:0;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    height:31px;
    display:block;
}
#main-nav a {
    color:#fff;
    display:inline-block;
    padding:8px 10px;
}
#main-nav a:hover{
    color:#666;
    background: url(../gfx/nav-bg-hover.png) 50% 50%  repeat-x;
}

#content-box {
    width:900px;
    margin: 0 auto;
    padding:0;
}
.flatPage {
        text-shadow: 1px 1px 5px #ddd;
}
.facebookGate {
    width:600px;
    margin:10px auto;
}
.facebookGate p {
    margin-top:10px;    
}
#footer {
    clear:both;
    padding:20px 0;
    text-align:center;
    border-top:1px dotted #bababa;
    width:100%;
    margin-top:40px;
    color:#999;
    font-size:0.90em;
    text-align:center;
}
#footer ul {
    list-style:none;
    padding:0;
    margin:0 auto;
    width:900px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;    
}
#footer ul li {
    display:inline-block;
    padding:0 6px;
    border-right:solid 1px #888;
}
#footer ul li:last-child {
    border-right:none;
}
#copyrightsAndVersion {
    width:900px;
    text-align:center;
    margin:15px auto;
    color:#ccc;
    font-size:0.8em;
}
#patronage {
    width:98px;
    font-size:0.80em;
    padding:0 auto;
    margin:0 auto;
}
#patronage img {
    margin:0 auto;
}
/* typography */
h1, h2, h3{
    color:#0B486B;
}

/* links */
a {
  text-decoration:none;
  color:#5587b4; /*#5587b4;/*#367f7f;*/
  font-weight:bold;
}
a:hover {
  color:#0B486B;
  text-decoration:underline;
}
.wk p {
    margin:10px 0 0 5px;
}