@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
        p{
            font-family: 'Droid Arabic Kufi', serif;
        }

body {
		font-family:Droid Arabic Kufi;
	background: #DBDBDB url("../img/bg.png");
	width:100% center;
}

#header {
margin-top:-9px;

	width:100%;
	z-index:2;
	
}

.checkbox {
  display: none;
} 
.label{
			 -webkit-transition:.3s;
	 -moz-transition:.3s;
	 -o-transition:.3s;
	 transition:.3s;
	width: 69px;
  display: inline-block;
	background-size:cover;
	margin:.5em;
	border-radius:1px;
}

.checkbox:checked + .label {
		 -webkit-transition:.3s;
	 -moz-transition:.3s;
	 -o-transition:.3s;
	 transition:.3s;
	box-shadow:inset 0px 0px 10px rgba #000;
		background:#F5F5F5
			background:#DCDCDC;
color:#9e003;
}

#mobiledropmenu:checked ~ .title {
	 -webkit-transition:1s;
	width: 100%;
	height: 240px;
	opacity: 1;
}
	
.title {
	 -webkit-transition:1s;
	width: 0%;
	height: 0px;
	opacity: 0;
}
			
			.button {
				color:#1C441D;
				text-decoration:none;
					border-top:1px solid #E1E1E1;
					text-align:center;
					text-transform:uppercase;
					width:100%;
						padding:4px;
				}
					
					.button:hover {
					cursor:pointer;
					background:#f9f9f961;
					color:#515151;

							}
							

h1 {
	width:100%;
	color:rgba(188, 230, 255, 0.2);
	text-align:center;
	text-transform:uppercase;
	text-shadow: 1px 3px 6px #E5F2FF,
								0 0 0 #47a0d3,
							1px 4px 6px #E5F2FF;
	font-weight:lighter;
	font-size:2.5em;
	position:absolute;
	margin-top:20%;
}

a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
a.forumlink:hover
{
text-decoration:none;
}

  /* SMO ALAMIR */

      .logo 
      {
       background: url("../img/logo.png") no-repeat;
       width: 320px; height: 208px;
        display: block; background-size:100% 100%;  text-indent: -9999px;
        -moz-border-radius: 1em 3em 1em 1em;
         border-radius: 1em 3em 1em 1em;
        }
        
   #nav {
      width: 100%;
      float: center;
      margin: 5 5 4em 5;
      padding: 0;
      	margin:-42 auto;
	height: 38px;
      list-style: none;
color: #333;
    border-color: #ddd;
     }

   #nav li {
      float: left; }
   #nav li a {
      padding: 8px 10px;
      	margin:0 auto;

      text-decoration: none;
      font-weight: bold;
    color: #1C441D;
      border-right: 0px solid #F39428; }      
         #nav li a:hover {
      color: #545454;
      background-color: #f9f9f961; }