body{background: url(/images/stardust.png) left top;}

#top{bottom:25px;right:25px;padding:5px;color:#fff;position:fixed;display:none;}

#timeline-bg{float:left;width:100%;padding-bottom:50px;}

#timeline-title{float:left;width:100%;margin:20px 0 40px 0;font-size:30px;font-family:'Oswald Light', Arial;color:#fff;text-align:center;border-bottom:2px dashed #fff;padding-bottom:20px;}

#timeline-yillar{float:left;width:100%;text-align:center;margin:0 0 40px 0;}
#timeline-yillar ul{list-style:none;margin:0;padding:0;}
#timeline-yillar ul li{display:inline;}
#timeline-yillar ul li a{padding:8px 12px;background-color:#fff;margin:0 4px;color:#333;
                         font-family:'Oswald Light', Arial;font-size:18px;
                          -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}

#timeline-yillar ul li a:hover, #timeline-yillar ul li.aktif a{background-color:#006699;color:#fff;}


#timeline-aylar{float:left;width:100%;text-align:center;}
#timeline-aylar ul{list-style:none;margin:0;padding:0;}
#timeline-aylar ul li{display:inline;}
#timeline-aylar ul li a{padding:2px 12px;background-color:#ffd800;margin:0 4px;color:#333;
                         font-family:'Oswald Light', Arial;font-size:18px;
                          -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}

#timeline-aylar ul li a:hover, #timeline-aylar ul li.aktif a{background-color:#333;color:#f1e292;}

#timeline{float:left;width:100%;background: url(/images/timeline-line.jpg) repeat-y center top;margin:40px 0 0 0;padding-bottom:30px;}

ul.timeline{list-style:none;margin:0;padding:0;position:relative;}
ul.timeline li{display:block;}

ul.timeline li.yil{width:100px;margin:20px auto;background-color:#006699;color:#fff;text-align:center;padding:5px 10px;
                   font-family:'Oswald Light', Arial;font-size:18px;                          
                   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}

ul.timeline li.post{width:300px;background-color:#fff;margin:20px 0;position:relative;color:#fff;
                    text-align:right;
                    left:60px;background: url(/images/timeline-left-circle.png) no-repeat right 15px;
                                  padding:10px 140px 10px 10px;

}

ul.timeline li.post:nth-child(2n){left:491px;background: url(/images/timeline-right-circle.png) no-repeat left 15px;
                                  padding:10px 10px 10px 140px;text-align:left;
}

ul.timeline li.post a{color:#fff;}

.timeline-title, .timeline-title a{font-family:'Oswald Light', Arial;font-size:18px;}
.timeline-date, .timeline-date a{color:#f1e292;}
.timeline-content, .timeline-content a{color:#fff;}
.timeline-picture img{max-width:300px;}


.timeline-gallery{width:300px;padding:15px 0;border-top:1px solid #ccc;margin-top:15px;}
.timeline-gallery img{width:130px;background-color:#fff;padding:5px;margin:5px;
                      -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.75);
}