/*
Theme Name: AW.me
Theme URI: http://www.abdulwahab.me
Description: AW v1.0 for wordpress theme
Version: 1.0
Author: Abuwaled.com
Author URI: http://www.abuwaled.com
Tags: abuwaled, design, wordpress
*/
input, textarea  {
	width:90%;
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}
* {
	margin: 0 auto;
	text-decoration:none;
}
body {
	background-image:url('images/bg.png');
	text-align:right;
	margin-top:0;

}
::-webkit-scrollbar {  
    width: 8px;  
}  
::-webkit-scrollbar-track {  
    background-color: #B34A4A;  
    border-left: 1px solid #F4F4F4;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #DACE3C;  
    border: 1px solid #DACE3C;
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #DDCD17;  
}  
/* reset */
*{
	 margin:0;
	 padding:0; 
	 outline:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:underline;
}
del {
	text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
	direction:rtl;
}

blockquote 
{
    margin:5px 17px;
    padding:7px;
	border:1px solid #CCCCCC;
	border-radius:3px;
    color:#000;
    background: #fff;
}

ul , ol , dl {
	list-style-position:inside;
}
a{
	color:#B03A3A;

}

/* Header */
#headID{
	position:fixed;
	right:0px;
	background-image:url('images/left-side.png');
	background-repeat:repeat-y;
	width:311px;
	height:100%;
}	
#logo{
	position:absolute;
	right:0px;
	top:0px;
	margin:0 20px 0 0;
}
#logo a{
	opacity:0.8;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }
#logo a:hover{
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


#social-box{
	background-image:url('images/sphare.png');
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	right:11px;
	top:140px;
	width:292px;
	height:50px;
	padding-top:10px;
}
#social-box a{
	opacity:0.4;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#social-box a.tw{
	position:absolute;
	background-image:url('images/social-black.png');
	background-position:left;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	right:220px;
	top:8px;
}
#social-box a.fb{
	position:absolute;
	background-image:url('images/social-black.png');
	background-position:-36px 0;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	right:185px;
	top:8px;
}
#social-box a.gp{
	position:absolute;
	background-image:url('images/social-black.png');
	background-position:-77px 0;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	right:148px;
	top:8px;
}
#social-box a.in{
	position:absolute;
	background-image:url('images/social-black.png');
	background-position:-114px 0;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	right:112px;
	top:8px;
}
#social-box a.fs{
	position:absolute;
	background-image:url('images/social-black.png');
	background-position:-152px 0;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	right:75px;
	top:8px;
}
#social-box a.ig{
	position:absolute;
	background-image:url('images/social-black.png');
	background-position:-190px 0;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	right:38px;
	top:8px;
}
#social-box a.tw:hover  {
	background-image:url('images/social.png');
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#social-box a.fb:hover  {
	background-image:url('images/social.png');
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#social-box a.gp:hover  {
	background-image:url('images/social.png');
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#social-box a.in:hover  {
	background-image:url('images/social.png');
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#social-box a.fs:hover  {
	background-image:url('images/social.png');
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#social-box a.ig:hover  {
	background-image:url('images/social.png');
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#links {
	position:absolute;
	top:200px;
	right:12px;
	width:290px;
	text-align:center;
}
#links ul {
	list-style:none;
}
#links a{
	background-color:#e0e0e0;
	width:auto;
	border-right:3px #DBCF3D solid;
	padding:2px 5px 1px 6px;
	text-align:center;
	color:#B34A4A;
	font-family:'FL';
	font-size:12px;
}
#links li a:hover{
	opacity:0.7;
}
#copyrights {
	position:absolute;
	bottom:0px;
	text-align:right;
	margin-left:20px;
	opacity:0.8;	
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	color:#939393;
	font-family:'arial';
	font-size:10pt;
	letter-spacing:2px;
	text-align:right;
}
#coyrights a{
	color:#939393;
}
#copyrights a:hover{
	opacity:1;	
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#copyrights .WP {
	right:5px;
	opacity:0.8;	
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	color:#939393;
	font-family:'arial';
	font-size:10pt;
	letter-spacing:2px;
	text-align:right;
}
#copyrights .WP:hover{
	opacity:1;	
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* content */
#content{
	margin:0px 320px 10px 5px;
	padding:1px 0 0 0;
}
#ads{
	border:1px gray solid;
	width:auto;
	text-align:center;
}

/* index */

#index{
	margin:10px 0px 5px 10px;
}
#index #post-box{
	border-radius:2px;
	width:100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#index .Npost{
	border:1px #D6D6D6 solid;
	border-radius:2px;
	margin:0 3px 5px 3px;
	padding:2px;
	background-color:#f4f4f4;
	float:right;
	width:320px;
	height:auto;
	}
#index .Npost h1{
	font-family:'HF';
	font-size:20px;
	font-weight:lighter;
	border:1px #D6D6D6 solid;
	border-right:5px #DBCF3D solid;
	padding-bottom:5px;
	padding-right:5px;
	background-color:#ededed;
	border-radius:2px;
}
#index .Npost_metaR{
	float:right;
}
#index .Npost_metaL{
	float:left;
}
#post-box .Npost_topic{
	padding:10px;
	text-align:justify;
	color:gray;
	font-family:'tahoma';
	font-size:11px;
	font-weight:lighter;
}
#post-box .Npost_img{
	border:1px #D6D6D6 solid;
	border-radius:2px;
	padding:1px;
	float:right;
	margin:2px 1px 2px 10px;
	opacity:0.8;
}
.more-link {
	background-color:#f7f7f7;
	border:1px #eeeeee solid;
	border-radius:2px;
	padding:5px;
	color:#DDCD17;
	float:left;
	font:11px tahoma;
	text-decoration:none;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin:5px 0 0 -10px;
}
.more-link:hover{
	background-color:#f7f7f7;
	border:1px #eeeeee solid;
	border-radius:2px;
	color:#939393;
	opacity:1.0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}
/* posts page */
.tags_posts{
	margin:1px;
	font:bold 11px tahoma;
	color:#969696;

}
.tags_posts a{
	text-decoration:none;
	overflow:hidden;
	margin:1px;
	padding:2px;
	border-radius:2px;
	font:11px tahoma;
	background-color:#f7f7f7;
	border:1px #eeeeee solid;
	color:#DDCD17;
	line-height:25px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	opcity:1.0;

}
.tags_posts a:hover{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	opcity:0.8;
	background-color:#f7f7f7;
	border:1px #eeeeee solid;
	color:#939393;

}
/* next-previous */
.p_previous{
	float:left;
	color:#969696;
}
.p_next{
	float:right;
	color:#969696;

}
.p_previous a, .p_next a{
	text-decoration:none;
	color:#BC6C6C;
	font-family:'tahoma';
	font-size:11px;
	font-weight:lighter;
}
#pn_post{
	padding:3px;
	border-top:1px #D6D6D6 solid;
}
#post{
	margin:5px 5px 0px 0;
}

#post .Npostx{
	border:1px #D6D6D6 solid;
	border-radius:2px;
	margin:0 3px 5px 3px;
	padding:3px;
	background-color:#f4f4f4;
	width:100%;
	height:auto;
}
#post .Npostx h1{
	font-family:'HF';
	font-size:20px;
	font-weight:lighter;
	border-bottom:1px #D6D6D6 solid;
	padding-bottom:5px;
}
#post .NpostS_topic{
	padding:10px;
	text-align:justify;
	color:gray;
	font-family:'arial';
	font-size:12pt;
	font-weight:bold;
}
#post .up .img{
	float:left;
	margin:0 10px 5px 0;
	opacity:0.7;
}
#post .title{
	text-align:left;
	width:auto;
	color:#cba142;
	font-family:'arial';
	font-weight:bold;
	letter-spacing:4px;
	font-size:25pt;
	text-shadow: 1px 1px 1px #e2d4b3;
}
#post .details{
	float:left;
}
#post .cat {
	display:block;
	margin:15px 0 0 15px;
	text-align:left;
	color:#b4b0aa;
	font-family:'arial';
	font-weight:lighter;
	letter-spacing:2px;
	font-size:8pt;
	text-shadow: 1px 1px 1px #d7d6d0;
}
#post .cat a{
	color:#b4b0aa;
	border-bottom:1px #B8BBB4 dotted;
}
#post .date{
	margin:0 0 0 15px;
	display:block;
	text-align:left;
	color:#b4b0aa;
	font-family:'arial';
	font-weight:lighter;
	letter-spacing:2px;
	font-size:8pt;
	text-shadow: 1px 1px 1px #d7d6d0;
}
#post .author{
	margin:0 0 0 15px;
	display:block;
	text-align:left;
	color:#b4b0aa;
	font-family:'arial';
	font-weight:lighter;
	letter-spacing:2px;
	font-size:8pt;
	text-shadow: 1px 1px 1px #d7d6d0;
}
#post .author a{
	color:#b4b0aa;
	border-bottom:1px #B8BBB4 dotted;
}
#post .social-icons{
	margin:5px 0 20px 15px;
	display:block;
	text-align:left;
}
#post .social-icons a.fb{
	background-image:url('images/social-icons-post.png');
	background-position:left;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#post .social-icons a.tw{
	background-image:url('images/social-icons-post.png');
	background-position:-20px 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:20px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#post .social-icons a.gp{
	background-image:url('images/social-icons-post.png');
	background-position:-40px 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:40px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#post .social-icons a.ig{
	background-image:url('images/social-icons-post.png');
	background-position:-60px 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:60px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#post .social-icons a:hover{
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* content post */
#content-box{
	padding:5px 0 0 0;
}
#post-a{
	float:left;
	width:78%;
	padding:5px;
	text-align:justify;
	background-color:#f3f2eb;
	border:1px #deddd7 solid;
	color:#7e776f;
	text-shadow: 1px 1px 1px #ecebe6;
	font-family:'arial';
	font-size:11pt;
	font-weight:bold;
	border-radius:2px;
	height:auto;
}
#post-a img{
	max-width:750px;
	padding:5px;
	background-color:#edece6;
	border-radius:2px;
	text-align:center;
}
#post-a a {
	color:#CBA142;
}
#page-a{
	float:none;
	width:98%;
	padding:10px;
	text-align:justify;
	background-color:#f3f2eb;
	border:1px #deddd7 solid;
	color:#7e776f;
	text-shadow: 1px 1px 1px #ecebe6;
	font-family:'arial';
	font-size:11pt;
	font-weight:bold;
	border-radius:2px;
	height:auto;
}
#page-a a{
	color:#CBA142;
}
#sidebar{
	float:right;
	width:20%;
	margin-bottom:4px;
}
.imgx{
	float:left;
	border:2px #deddd7 solid;
}


/* Start Comments */
.buts{
	background-color:#F4F4F4;
	border:1px solid #D2D2D2;
	border-radius:3px;
	color:#808080;
	padding:5px;
	font-family: 'tahoma';
	font-size: 11px;
	font-weight:lighter;
}
#comments,#respond h3{
	text-shadow: 1px 1px 0px #fff;
	font-family: 'HF';
	font-size: 13pt;
	font-weight:lighter;
 	text-align:center;
	background-color:#F4F4F4;
	border:1px solid #D2D2D2;
	border-radius:3px;
	color:#808080;
	margin:5px;
	padding:5px;
}

.commentlist {
	padding:0;
}

.commentlist li .avatar  { 
	float: right;
	border: 1px solid #DEDEDE;
	padding: 2px;
	background: #fff;
	margin-left:5px;
}

.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
.commentlist p {
	line-height:20px;
	margin: 0 30px 5px 0;
}
.alt {padding: 10px;}
.commentlist {text-align: justify;}
.commentlist li {
	border: 1px solid #ddd;
	margin: 15px 5px 10px 5px;
	padding:  5px;
	list-style: none;
    border-radius:2px;
	color:gray;
	font:11px Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
.commentlist li a {
	color:gray;
	text-decoration:none;
	border-bottom:1px gray dotted;
}

.commentlist li ul li { 
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
font:11px tahoma;
color:gray;
}
#commentform p a {
	color:black;
	text-decoration:none;
}

#comment {
    width:518px;
    height:125px;
	border:1px solid #b7b7b7;
    border-radius:3px;
    padding:7px;
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    color:#868689;
    margin-right:20px;
}

#comment:focus {
		background:#f6f5f1;
}


.nocomments {
	text-shadow: 1px 1px 0px #fff;
	font-family: 'HF';
	font-size: 13pt;
	font-weight:lighter;
	color: #a8a8a8;
 	text-align:center;
	background-color:#fbfaf7;
	border:1px solid #ebe9e0;
	border-radius:3px;
	color:#be6668;
	margin:5px;
	padding:5px;
}

.commentmetadata {
	display: block;
	text-align:left;
	font-size:90%;
	margin-bottom:28px;
	
}

#respond #author , #respond #email, #respond #url {
	margin-right:20px;
	border:1px solid #b7b7b7;
	border-radius:2px;
	font:11px tahoma;
	padding:7px;
	background:#FFF;
	height:24px;
	width:221px;
	color:gray;
}

#respond #email, #respond #url {
	text-align:left;
}

#respond #author:focus , #respond #email:focus , #respond #url:focus {
	background:#fbfaf7;

}

.says{display:none}
.thread-alt , .thread-even .alt{background-color: #fbfaf7;}
.thread-alt .odd, .thread-even{background-color: #fbfaf7;}
.even, .alt {border-right: 1px solid #ddd;}
.bypostauthor , .thread-alt .bypostauthor , .thread-even .bypostauthor  { background-color:#fbfaf7; }

/* End Comment */




#sidebar .box{
	margin-bottom:8px;
}
#sidebar .title{
	background-color:#dbba60;
	font-family:'arial';
	font-size:11pt;
	font-weight:bold;
	padding:5px;
	text-shadow: 1px 1px 1px #d5b55d;
	color:#f3f2eb;
	text-align:center;
}
#sidebar .details{
	margin:5px 0 0 0;
}
#sidebar .details img{
	float:left;
	border:2px #deddd7 solid;
	opacity:0.7;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#sidebar .details img:hover{
	opacity:1.0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* posts page */
#page {
	margin:5px 5px 0px 0;
}
#page .up{
	overflow:hidden;
}
#page .sphare{
	border-top:1px #cccbc2 solid;
	border-bottom:1px #f4f4f0 solid;
	margin:5px 0 5px 0;
}
#page .title{
	text-align:left;
	width:auto;
	color:#cba142;
	font-family:'arial';
	font-weight:bold;
	letter-spacing:4px;
	font-size:25pt;
	text-shadow: 1px 1px 1px #e2d4b3;
}
#page .details{
	float:left;
}
#page .cat{
	display:block;
	margin:15px 0 0 15px;
	text-align:left;
	color:#b4b0aa;
	font-family:'arial';
	font-weight:lighter;
	letter-spacing:2px;
	font-size:8pt;
	text-shadow: 1px 1px 1px #d7d6d0;
}
#page .date{
	margin:0 0 0 15px;
	display:block;
	text-align:left;
	color:#b4b0aa;
	font-family:'arial';
	font-weight:lighter;
	letter-spacing:2px;
	font-size:8pt;
	text-shadow: 1px 1px 1px #d7d6d0;
}
#page .author {
	margin:0 0 0 5px;
	display:block;
	text-align:left;
	color:#b4b0aa;
	font-family:'arial';
	font-weight:lighter;
	letter-spacing:2px;
	font-size:8pt;
	text-shadow: 1px 1px 1px #d7d6d0;
}
#page .author a{
	color:#b4b0aa;
	border-bottom:1px #B8BBB4 dotted;
}
#page .social-icons{
	margin:5px 0 20px 5px;
	display:block;
	text-align:left;
}
#page .social-icons a.fb{
	background-image:url('images/social-icons-post.png');
	background-position:left;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#page .social-icons a.tw{
	background-image:url('images/social-icons-post.png');
	background-position:-20px 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:20px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#page .social-icons a.gp{
	background-image:url('images/social-icons-post.png');
	background-position:-40px 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:40px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#page .social-icons a.ig{
	background-image:url('images/social-icons-post.png');
	background-position:-60px 0;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:60px;
	opacity:0.5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#page .social-icons a:hover{
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


/* foot */

#footID{
	margin:5px 0 5px 0;
	width:auto;
	clear:both;
	}
/** FONT-FACE **/
@font-face {
  font-family: 'DAN';
	src: url('fonts/gs-Light.eot');
	src: url('fonts/gs-Light.eot?#iefix') format('embedded-opentype'), url('fonts/gs-Light.woff') format('woff'), url('fonts/gs-Light.ttf') format('truetype'), url('fonts/gs-Light.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
  font-family: 'DANB';
	src: url('fonts/gs-Light.eot');
	src: url('fonts/gs-Light.eot?#iefix') format('embedded-opentype'), url('fonts/gs-Light.woff') format('woff'), url('fonts/gs-Light.ttf') format('truetype'), url('fonts/gs-Light.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
  font-family: 'FWF';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/fontawesome-webfont.eot);
  src: url(fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
       url(fonts/fontawesome-webfont.woff2) format('woff2'),
       url(fonts/fontawesome-webfont.woff) format('woff'),
       url(fonts/fontawesome-webfont.ttf) format('truetype');
}

@font-face {
	font-family: 'GS-SS';
	src: url('fonts/gs-Light.eot');
	src: url('fonts/gs-Light.eot?#iefix') format('embedded-opentype'), url('fonts/gs-Light.woff') format('woff'), url('fonts/gs-Light.ttf') format('truetype'), url('fonts/gs-Light.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
	font-family: 'BAB';
	src: url('fonts/BoutrosArabiyaB.eot');
	src: url('fonts/BoutrosArabiyaB.eot?#iefix') format('embedded-opentype'), url('fonts/BoutrosArabiyaB.woff') format('woff'), url('fonts/BoutrosArabiyaB.ttf') format('truetype'), url('fonts/BoutrosArabiyaB.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
	font-family: 'FL';
	src: url('fonts/FT-Light.eot');
	src: url('fonts/FT-Light.eot?#iefix') format('embedded-opentype'), url('fonts/FT-Light.woff') format('woff'), url('fonts/FT-Light.ttf') format('truetype'), url('fonts/FT-Light.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: lighter !important;
}
@font-face {
	font-family: 'HLP';
	src: url('fonts/Hacen_Liner_Print_out_Light.eot');
	src: url('fonts/Hacen_Liner_Print_out_Lightt.eot?#iefix') format('embedded-opentype'), url('fonts/Hacen_Liner_Print_out_Light.woff') format('woff'), url('fonts/Hacen_Liner_Print_out_Light.ttf') format('truetype'), url('fonts/Hacen_Liner_Print_out_Light.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
	font-family: 'HLS';
	src: url('fonts/Hacen_Liner_Screen.eot');
	src: url('fonts/Hacen_Liner_Screen.eot?#iefix') format('embedded-opentype'), url('fonts/Hacen_Liner_Screen.woff') format('woff'), url('fonts/Hacen_Liner_Screen.ttf') format('truetype'), url('fonts/Hacen_Liner_Screen.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
	font-family: 'HF';
	src: url('fonts/hotelfont.eot');
	src: url('fonts/hotelfont.eot?#iefix') format('embedded-opentype'), url('fonts/hotelfont.woff') format('woff'), url('fonts/hotelfont.ttf') format('truetype'), url('fonts/hotelfont.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
@font-face {
	font-family: 'IM';
	src: url('fonts/IcoMoon.eot');
	src: url('fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('fonts/IcoMoon.woff') format('woff'), url('fonts/IcoMoon.ttf') format('truetype'), url('fonts/IcoMoon.svg#gs-Light') format('svg');
	font-weight: lighter !important;
	font-style: normal !important;
}
/* Icon-Font */
 
@charset "UTF-8";
 
@font-face {
  font-family: "awv6";
  src:url("fonts/awv6.eot");
  src:url("fonts/awv6.eot?#iefix") format("embedded-opentype"),
    url("fonts/awv6.ttf") format("truetype"),
    url("fonts/awv6.svg#awv6") format("svg"),
    url("fonts/awv6.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
 
[data-icon]:before {
  font-family: "awv6" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "awv6" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 
 
.icon-wordpress-alt:before {
   content: "a"; 
} 
 
.icon-rss:before {
   content: "b"; 
} 
 
.icon-sharethis:before {
   content: "c"; 
} 
 
.icon-youtube:before {
   content: "d"; 
} 
 
.icon-whatsapp:before {
   content: "e"; 
} 
 
.icon-vcard:before {
   content: "f"; 
} 
 
.icon-twitter-alt:before {
   content: "g"; 
} 
 
.icon-windows:before {
   content: "h"; 
} 
 
.icon-wordpress:before {
   content: "i"; 
} 
 
.icon-youtube-alt:before {
   content: "j"; 
} 
 
.icon-retweet:before {
   content: "k"; 
} 
 
.icon-pinboard:before {
   content: "l"; 
} 
 
.icon-mobileme:before {
   content: "m"; 
} 
 
.icon-msn-messenger:before {
   content: "n"; 
} 
 
.icon-hype-machine:before {
   content: "o"; 
} 
 
.icon-identi:before {
   content: "p"; 
} 
 
.icon-google-talk:before {
   content: "q"; 
} 
 
.icon-facebook-places:before {
   content: "r"; 
} 
 
.icon-formspring:before {
   content: "s"; 
} 
 
.icon-foursquare:before {
   content: "t"; 
} 
 
.icon-github:before {
   content: "u"; 
} 
 
.icon-facebook-alt:before {
   content: "v"; 
} 
 
.icon-facebook:before {
   content: "w"; 
} 
 
.icon-creative-commons:before {
   content: "x"; 
} 
 
.icon-blip:before {
   content: "y"; 
} 
 
.icon-deviantart:before {
   content: "z"; 
} 
 
.icon-cloudapp:before {
   content: "A"; 
} 
 
.icon-apple:before {
   content: "B"; 
} 
 
.icon-ember:before {
   content: "C"; 
} 
 
.icon-google:before {
   content: "D"; 
} 
 
.icon-twitter:before {
   content: "E"; 
}