/* 
    Document   : style
    Created on : Aug 19, 2012, 12:32:23 PM
    Author     : jb
    Description:
        Purpose of the stylesheet follows.
*/


    body, html {
/*        background-color:  #E9E9E9;*/
        background-color:  #f6f6f6;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        height:100%;
       
    }
    header {
        width: 82%;
        margin: 0 auto;
        padding: 0 auto;

    }
    nav{

        width: 82%;
        margin: 0 auto;
        margin-top: 0.4%;


    }
    
    
    section{
        width: 82%;
        min-height:80%;
        height:auto !important;
        height:80%;
        margin: 0 auto;
    }
    
    
	
    .faaliyetler {
        width:80%;
        margin-right: 2%;
        float: left;
        margin-top: 2%;
        
            

    }

    .faaliyetler li {
    text-indent: 0px;
    list-style-type: none;    
    list-style-position: inside;
    line-height: 25px;
        
    }
    
    .faaliyetler-mobile {
            display: none;

    }
    
    
	
    .komutan {
        width: 18%;
        float: left;
        margin-top: 0;
      
    }
    #komutan_ust {
        
        width: 90%;
        margin: 0 auto;
    }
    #komutan_alt {
        
        width: 100%;
        margin-top: 3%;
		
    }
    
    
    
    .komutan li {
        list-style: none;
        text-indent: 0px;
        line-height: 25px;
        padding: 2%;
        text-align: center;        
        background-color: #f5f5f5;
        border-radius:6px 0px 6px 0px;
        box-shadow:1px 1px 10px rgba(0, 0, 0, 1.55);
        text-shadow:1px 1px 7px rgba(0, 0, 0, 0.5);
    }
    .komutan li:hover {
        background-color: #ECECEC;
    }
    
    #komutan-0-768 {
        display:none;
        
    }
    .komutan img {
         border-radius:3px;
        box-shadow:1px 1px 5px rgba(0, 0, 0, 2.55);
    }
    

    footer{

        width: 82%;		
        clear: both;
        margin:3% auto 0 auto;
		
        font-size: 10px;
        background-color: #2f4073;
		color:#a4a4a4;
		font-weight:bold;
		border-top: 2px solid;
        box-shadow:1px 1px 2px rgba(0, 0, 0, 1.55);        

    }
    
    footer a:link, footer a:visited, footer a:active {

        color:#a4a4a4;
    }
    footer a:hover {

        color: #effbf8;
    }
    
    .siteharitasi {
        
        background-color: #2f4073;
        width: 100%;
        clear: both;
        margin-top: 1%;
        
    }
    

    img {
        width: 100%;
    }

    video {
        width: 100%;
    }
    .makale {
        width: 48%;
        margin-top: 2.5%;
        margin-right: 2%;
        float:left;
    }
    
    
    
    .duyurular {
        width: 30%;
        margin-top: 2.5%;
        float: left;
        text-align: left;
        margin-right: 2%;
        line-height: 25px;
            
    }
	
	#duyurular_ic {
		width:97%;
		padding:1.5%;
                float:left;
	
		border-radius:1px;
        box-shadow:1px 1px 1px rgba(0, 0, 0, 1.55);
	
	}
	#duyurular_ic_tarih {
		font-size:14px;
		color:#999999;
	
	}
	
    #basliklar {
        padding-top:9px;
		padding-bottom:9px;
		padding-left:0px;
		padding-right:0px;
        background-color: #2f4073;
        color: white;
        margin-bottom: 15px;
        text-align: left;
		text-indent:10px;
        font-weight: bold;
        line-height: 18px;
/*        border-radius:6px 0px 6px 0px;
        box-shadow:1px 1px 10px rgba(0, 0, 0, 1.55);
        text-shadow:1px 1px 7px rgba(0, 0, 0, 0.5);*/
    }
    
   #basliklar * {
        vertical-align: middle;
    }
    #basliklar img{
        width: 4%;
        padding-left: 1%;
        padding-right: 1%;
    }
    #basliklar a:link, #basliklar a:visited, #basliklar a:active {

        color:white;
        font-weight: bold;
    }
    #basliklar a:hover {

        color: #edecec;
        font-weight: bold;
    }
    .gununresmi {
        
        width: 48%;
        margin-top: -13%;
        float: left;
    }

    .pod {
        width: 100%;
        min-height: 30%;
        background-color: #2f4073; 
        color: white; 
        margin-bottom: 2%;
        font-weight: bold;
    }
    
    #pagingg
    {
        text-align:center;
        float: none;
    }
    #pagingg table tr td {
        
        border: none !important;
        padding: 0px !important;
        
    }
    #pagingg table td li{

        border:solid 0px #CCCCCC;
        font-size:16px;
        padding: 4px;
        float:left;
        margin-left: 5px;
        background-color: #E9E9E9;
        list-style:none;
        list-style-position: outside;
        text-indent: 0px;
        border: 3px solid rgba;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow:0 0 3px rgba(0, 0, 0, .2);
        cursor: pointer;

    }
    
    
    a:link, a:visited, a:active {

        color:#162656;
        font-weight: normal;
        text-decoration: none;
    }
    a:hover {

        color: blue;
        font-weight: normal;
    }
    section li {
        text-indent: 30px;
        list-style-type: square;    
        list-style-position: inside;
        line-height: 25px;
		text-align:justify;
    }
    
    section table tr td {
        border: 0px solid;
        padding: 1%;
        border-radius:1px 0px 1px 0px;
        box-shadow:1px 1px 2px rgba(0, 0, 0, 1.55);
    }
   
    .nolistyle li {
        text-indent: 0px;
        list-style-type: none;    
        list-style-position: inside;
        line-height: 25px;
        
    }
    .guncelduyuru li {
        list-style: none;
        list-style-type: none;
		text-indent: 15px;
    }
    .guncelduyuru h1 {
        font-size: 14px;
        text-align: center;  
        font-weight: bolder;
		color:#2f4073;
    }
	
	 .guncelduyuru p{ 
        text-indent: 0px; 
        line-height: 25px;
        text-align: justify; 
    }
	
	#guncelduyuru_tarih_sol {
	
	width: 8%; float: left;
	
	}
	#guncelduyuru_tarih_sag {
	
	width: 25%; float: left;
	
	}
	#guncelduyuru_turu_sol {
	
	width: 8%; float: left;
	
	}
	#guncelduyuru_turu_sag {
	
	width: 25%; float: left;
	
	}
    
    .sol-menu {
        width: 100%;
        margin-top: 5.5%;
        float: left;
        text-align: justify;
        margin-right: 2%;
        border-radius:6px 0px 6px 0px;
        box-shadow:1px 1px 5px rgba(0, 0, 0, 1.55);
        text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
        
    }
    
	
	#sol-menu-sol {
         width: 24%; padding: 2.8%; float: left; 
    }
    #sol-menu-sag {
          text-align: left;
		  padding:4.5%; 
		 
    }
    .sol-menu-tsklinkler {
        width: 100%;
        margin-top: 5.5%;
        float: left;
        text-align: justify;
        margin-right: 2%;
        border-radius:6px 0px 6px 0px;
        box-shadow:1px 1px 5px rgba(0, 0, 0, 1.55);
        text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
        
    }
    #sol-menu-tsklinkler {
         width: 16%;
         margin:6% 8.5% 6% 8.5%;
         float: left;
         
    }
    .sol-menu-bahriyeliler {
        width: 100%;
        margin-top: 5.5%;
        float: left;
        text-align: justify;
        margin-right: 2%;
        border-radius:6px 0px 6px 0px;
        box-shadow:1px 1px 5px rgba(0, 0, 0, 1.55);
        text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
        
    }
    #sol-menu-bahriyeliler {
         width: 22%;
         margin:2% 3.5% 1% 5%;
         float: left;
         
    }
   #sol-menu-sag-bahriyeliler {
          text-align: left;
		  padding:8%; 
		 
    }
    
    

    .orta-menu {
        width: 18%; 
        float:left;
        margin-top: 1.5%;
		text-align:left;
        
       
    }
    #orta-menu {
        
        width: 100%;
        float: left;
        
    }  
     
    
    .orta-menu li {
        list-style: none;
        text-indent: 0px;
		text-align:left;
        padding: 4% 5% 4% 5% ;
        background-color: #f5f5f5;
        border-radius:6px 0px 6px 0px;
        box-shadow:1px 1px 10px rgba(0, 0, 0, 1.55);
        text-shadow:1px 1px 7px rgba(0, 0, 0, 0.5);
    }
    .orta-menu li:hover {
        background-color: #ECECEC;
    }
    
     
    
    
    h1 {
        font-size: 14px;
        text-align: left;  
        font-weight: bolder;
		color:#2f4073;
    }
    p{ 
        text-indent: 15px; 
        line-height: 25px;
        text-align: justify; 
    }
    .sag-ust-resim {
        width: 15%; 
        margin-left: 2%;
        float: right;

    }
    .sayac {
        width: 25%;
        float: right;
        padding: 1%;
        margin-bottom: 2%;
        border: 2px solid rgba;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        box-shadow:0 0 1px rgba(0, 0, 0, .2)
    }
    #share {        
        width: 7%;
        text-align: right;       
        float: right; 
        
    }
    .photo {
        width: 100%;
        margin: 0 auto;
    }
    .galleryItem {
        color: #797478;
        font: 10px/1.3 Verdana, Helvetica, sans-serif;;
        float: left;
        text-align: center;
        margin-right:1.2%;
        margin-left: 1.2%;
        margin-top: 2%;
         width: 22.6%;
    }
    .galleryItem p {
        margin: 0 auto;
        text-indent: 0px; 
        line-height:10px;
        text-align: center;

    }
    .galleryItem li {
        margin: 0 auto;
       
        text-indent: 0px; 
        line-height:10px;
        text-align: center;
        list-style: none;

    }

    .galleryItem h3 {
        text-transform: uppercase;
        font: 10px/1.3 Verdana, Helvetica, sans-serif;;
    }

    .galleryItem img {
        max-width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wiki {
        width: 20%;
        margin: 0 auto;
        text-align: center;
        float: left;
        padding: 1.5%;
        border: 0px solid rgba;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow:0 0 3px rgba(0, 0, 0, .1)
    }
    .uyegiris {
        margin-top: 4%;
        margin-bottom: 2%;
        width: 45%;
        border: 10px solid rgba;
        padding: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow:0 0 5px rgba(0, 0, 0, .4);
        float: left;
        min-height: 0px;

    }
	
	#uyekayit {
		font-size:11px;
		color:#999999;
	
	}
	
	.uyegiris_sag {
		margin-top: 4%;
        width: 47%;
		padding-left:5%;
		float:left;
        
	
	
	}
	.uyegiris_sag  li{
	text-indent:0px;
	list-style: *;
        
	
	
	}
	
    
    .ustmenu ul li {
        float: left;
        
    }
/*    .genel-veri {
        
        width: 100%;
        line-height: 25px;
        
        
    }
    #genel-veri {
        
        width: 80%;
        text-align: left;
        padding: 1%;
        float: left;
        border-radius:1px 1px 1px 1px;
        box-shadow:1px 1px 2px rgba(0, 0, 0, 1.55);
    }
    #genel-veri-tarih {
        
        width: 11%;
        text-align: center;
        float: left;
        padding: 1%;
         border-radius:1px 1px 1px 1px;
        box-shadow:1px 1px 2px rgba(0, 0, 0, 1.55);
       
        
    }*/
    #bsf-forum * {
        display: table;
        vertical-align: central;
        
    }
    #menu-button {
        display: none;
    }
    #menu-button:before {
/*    content: "Menu -";*/    
    }
     
    
  #menu-button.collapsed:before {
/*        content: "Menu -";*/
    }
    #MenuAc {
         float: none; display: none;
    }
	.ikisutun {
	
		width:100%;
		clear:both;
                margin: 0 auto;
                float: left;
	}
	#ikisutun {
		width:46%;
		margin:2%;
		float:left;
	
	}
        
        #ucsutun {
            width:31%;
		margin:1%;
		float:left;
            
        }
	.kucukresim {
		width:15%;
		padding-left:2%;
                padding-top:1%;
		float:right;
	}
	.kucukresim-sol {
		width:20%;
		padding-right:2%;
		float:left;
	}
	.platformlar {
		width:80%;
                float: none;
                clear: both;
                margin: 0 auto;
	}
       	
	#platformlar {
		width:25%;
                float: left;
                text-align: center;
	}
        #platformlar img {
            width: 70%;
            margin: 15%;
            margin-bottom: 10%;
        }
        .platformlar-bilgi {
		width:80%;
                float: none;
                clear: both;
                margin: 0 auto;
                padding: 5%;
	}
        .platformlar-bilgi table {
            width: 100%;
        }
        .search { 
	background: url('/images/icon/menu/search.gif') no-repeat 98%; 
        background-color: white;
        width: 15%;
        font-size: 12px;
        }
        .rounded { 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
        }
        .searchbox {
            
            margin-top:-26px;
            width: 100%;
            clear: both;
            text-align: right;
        }