/* Create CSS for django-project */
body{
    background: white url("../img/top.gif") repeat-x top left;
    
}

h1{
   font-size:240%; 
}
h2{
   font-size:150%;
   background-color:#C0E5F9;
   border-radius:6px;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   padding:0px 8px;
}

h3{
   font-size:160%;
    border-bottom:1px dotted #666;
    margin-bottom:20px;
}
header{
    max-width:1170px;
    margin:0 auto;
    margin-bottom:20px;
    padding-bottom:10px;
    
}

#logo{
    padding:10px 10px 10px 0px;
    min-height:60px;

}
#logo img{
    float:left;
    margin-right:10px;
    max-width:180px;
    margin-top:6px;
}
#tagline{
    color: white;
    font-size: 130%;
    letter-spacing: 0.09em;
    margin-top: 18px;
    text-shadow:0 3px 3px rgba(11,88,160,0.5);
    -moz-text-shadow:0 3px 3px rgba(11,88,160,0.5);
    -webkit-text-shadow:0 3px 3px rgba(11,88,160,0.5);
    font-family:verdana;
}
/*******menu nagusia*******/
.navbar{
    margin-top:20px !important;
    text-transform:uppercase;
    font-size:80%;
    letter-spacing:1px;
}
.navbar-inner2 {
    background-color: #32B5FC !important;
    border:none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position:relative !important;
    box-shadow:none;
    padding:0 10px;
}
.navbar .nav > li > a {
    color:white !important;
    text-shadow:0 2px 2px #0375B2;
    padding:10px 7px !important;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: #0375B2;
    box-shadow: 0px 0px 8px rgba(11,88,160,1) inset;
    -moz-box-shadow: 0px 0px 8px rgba(11,88,160,1) inset;
    -webkit-box-shadow: 0px 0px 8px rgba(11,88,160,1) inset;
    color: #555555;
    text-decoration: none;
}
.navbar .nav > li > a:hover{
    background-color: #0375B2;    
}

.ie8 .container, .ie7 .container{
    margin:0 auto;
    width:90%;
}
.twitter_options{
    font-size:90%;
}
.tweet{
    margin-bottom:10px;
}
.tw_wrapper{
    height:25px;
}
.twitter_options {
    display: none;
}
.media-body h4{
    margin-top:0;
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color:#F4F9FC;
}
.well{
    background-color:white;
    border:1px solid #e9f7ff;
    background-color:#e9f7ff;
    box-shadow:none;
}
.well h3{
    margin-top:0;

}
.table th, .table td {
    border-top: 1px solid #F9F9F9;
}
/**************egutegia***************/
.egutegia table{
    margin-bottom:20px;
    min-width:70%;
}
.egutegia table td{
    padding:4px;
    background-color:white;
    border:1px solid #e9f7ff;
}
.egutegia table th{
    border:1px solid #D8F1FF;
    background-color:#66AEE2;
    color:white;
}
.ezkereskubi {
    display: block;
    margin-top: 1em !important;
    max-width: 70%;
}
.egutright {
    display: block;
    float: right;
    text-align: right;
    width: 30%;
}
.egutcenter {
    display: block;
    float: left;
    text-align: center;
    width: 40%;
}
.egutleft {
    float: left;
    width: 30%;
}
/***********joera*******/
.leftBox .navbar-inner2 {
    background-color: #ccc !important;
}
.leftBox .nav li a:hover{
    background-color:#999;
}
.leftBox .navbar .nav > li > a {
    color: white !important;
    text-shadow: 0 2px 2px rgba(1,1,1,0.6);
}

.leftBox .navbar .nav > .active > a, .leftBox .navbar .nav > .active > a:hover, .leftBox .navbar .nav > .active > a:focus{
    background-color:#999;
    box-shadow: 0 0 8px rgba(1,1,1,0.5) inset;

}
/***************bloga***************/
#lbCenter {
    z-index: 9999 !important;
}
#lbBottomContainer {
    z-index: 100 !important;
}

.newsitem h2{
    background-color:transparent;
    padding:0;
    font-size:180%;
    margin-bottom:0;
}
.newsitem .data{
    color:#999;
}
.newsphoto{
    float:right;
    margin-left:15px;
    margin-bottom:10px;
    
}
#iruzkinak h2{
    background-color:transparent;
    padding:0;
    margin-bottom:0;
}
#iruzkinak{
    background-color: #efefef;
    padding:10px 15px 15px 15px;
    marfgin-top:20px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#id_comment{
    width:90%;
}
.comment{
    background-color:white;
    padding:10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin-top:10px;
}
.userlogged{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;    
}
.summary{
    font-weight:bold;
}
/**************user**********/
.user_profile{
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-align:center;
    padding:15px;
    background: #1C96D8;
    color:white;
    margin-bottom:20px;
}
.user_profile a{
    color:#51BDFB;
}
.user_profile img{
    box-shadow:0 3px 3px rgba(1,1,1,0.5);
    -moz-box-shadow:0 3px 3px rgba(1,1,1,0.5);
    -webkit-box-shadow:0 3px 3px rgba(1,1,1,0.5);
}

ul.unstyled{
    margin-left:20px;
}
ul.unstyled li{
    padding:5px 0;  
}
.rightBox li{
    list-style-image: url("../img/li.png");
}
/*
ul.cloud li{
    padding:5px 0;
    display: inline;
    line-height: 40px;
    margin-right: 25px;
}
.cloud li.n1 {
    font-size:260%;
}
.cloud li.n2, .cloud li.n3, .cloud li.n4 {
    font-size:220%;
}
.cloud li.n5 {
    font-size:160%;
}
*/
.stdBox{
    background:#f2fafe url("../img/grafika.gif") no-repeat bottom right;
}
.stdBox li{
    margin-bottom:10px;
}
.num{
    font-size:140%;
    margin-right:5px;
    letter-spacing:1px;
    text-shadow:0 2px 2px rgba(204,204,204,1);
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #f2fafe;
}
footer{
    background-color:#efefef;
    margin-top:20px;
    padding:20px 0;
    box-shadow:0 0 30px rgba(1,1,1,0.2) inset;
    position:relative;
}
.babesleak{
    font-size:90%;
    margin-top:30px;
}
footer #topwidth{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}

#embedcode{
    text-align:right;
}



@media only screen and (max-width: 50em){/****800px***/

    #tagline{
        display:none;
    }




}