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



@media only screen and (min-width: 0px) and (max-width: 768px) { 
    
    header {
        width: 98%;
    }
    nav{

        width: 98%;
		margin-top:2%;
    }
    
    
    section{
        width: 98%;
        min-height:80%;
        height:auto !important;
        height:80%;
        margin: 0 auto;
    }
      
    .faaliyetler {
        
        width: 98%;
    }
    .faaliyetler-mobile {
            display: inline;
            width: 100%;
    }
    .faaliyetler-sabit {
            display: none;

    }
    
     .sol-menu-tsklinkler {
        display: none;
         
    }
   
    .komutan {
        width: 100%;
        float: left;
        clear: both;
    }
	#komutan_ust {
        
        width: 50%;
        margin: 0 auto;
    }
    .duyurular {
        
        width: 100%;
        clear: both;
        margin-right:0px;
    }
    #duyurular_ic {
		width:97%;
                float:left;
    
}
    #basliklar { 
        width: 100%;
    }
    .sol-menu {
        width: 94%; 
        padding: 3%;
    }
    .makale {
        width: 100%;
        margin-top: 5%;
        float:left;
    }
    .gununresmi {
        
        width: 100%;
        float: left;
        margin-top: 2%;
    }
    .orta-menu {
        width: 100%; 
        float:left;
    }
    .orta-menu li {
      
        padding: 1% 5% 1% 5% ;
       
    }
    footer{

        width: 98%;
		font-size:9px;
       
    }
    .search {
        width: 26%;
		font-size: 9px;
    }
    .uyegiris {
        margin-top: 4%;
        margin-bottom: 2%;
        width:95.5%;
        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;

    }
	
	.uyegiris_sag {
		margin-top: 4%;
		clear:both;
		float:left;
		width:100%;
		padding-left:0px;
        
	
	
	}
    
    #menu-button {
    display: inline;
    position: relative;
}
    
    #main-menu.collapsed {
    display: none;

} 
    #MenuAc {
         width: 6%;
        min-height: 0px;
        margin-top: 2%;
        margin-bottom: 2%;
        float: none;
        display: block;
        color: white;
        font-weight: bold;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        box-shadow:0 0 2px rgba(0, 0, 0, .4);
        cursor: pointer;
    }
	.sayac {
width:40%;

}

#guncelduyuru_tarih_sol {
	
	width: 10%; float: left;
	
	}
	#guncelduyuru_tarih_sag {
	
	width: 23%; float: left;
	
	}
	#guncelduyuru_turu_sol {
	
	width: 10%; float: left;
	
	}
	#guncelduyuru_turu_sag {
	
	width: 23%; float: left;
	
	}
	
	#share {        
        width: 15%;
        
    }
	
	.ikisutun {
	
		width:100%;
		clear:both;
        margin: 0 auto;
        float: left;
	}
	#ikisutun {
		width:96%;
		clear:both;
		float:left;
		margin:1%;
	
	}
        
      


}
@media only screen and (max-width: 320px) { 

	footer {
	display:none;
	
	}
	.sayac {
	width:75%;
	margin-top:15%;
	
	}
		#share {        
			width: 20%;
        
    }
	
	 nav{

		margin-top:2.5%;
    }

	#guncelduyuru_tarih_sol {
	
	width: 18%; float: left;
	
	}
	#guncelduyuru_tarih_sag {
	
	width: 50%; float: left;
	
	}
	#guncelduyuru_turu_sol {
	
	width: 18%; float: left;
	
	}
	#guncelduyuru_turu_sag {
	
	width: 50%; float: left;
	
	}
	 .search {
        width: 36%;
		font-size: 8px;
    }
	
	section li {
	text-indent:10px;
	text-align:left;
	line-height:18px;
	}



}