@charset "utf-8";


body{
background:url(../images/graphics/bodyBg.gif) repeat-x #EFEACB;
font-family:"Lucida Sans Unicode";
font-size:13px;
margin:0px;
cursor:default;
text-align:center;
color:#1A1613;
}

img{border:0px;}
A{outline:none; cursor:pointer; color:#000000;}

.button{
font-size:0em;
text-indent:-1000px;
overflow:hidden;
text-decoration:none;
display:block;
}
#container{
text-align:left;
}
#header{
width:770px;
height:106px;
margin:0px auto;
}
#logo{
background:url(../images/graphics/logo.jpg) no-repeat;
float:left;
width:200px;
height:60px;
display:inline;
margin:30px 10px 0px 10px;
}
#logo h1{
display:block;
margin:0px;
}

#logo h1 A{
display:block;
margin:0px;
width:180px;
height:60px;
font-size:0em;
text-indent:-1000px;
overflow:hidden;
text-decoration:none;
line-height:0px;
}
#menu{
float:right;
width:420px;
display:inline;
margin:25px 0px 0px 0px;
}
#menu ul{
float:right;
width:100%;
padding:0px;
margin:0px;
list-style:none;
}
#menu ul li{
float:left;
width:90px;
height:36px;
display:inline;
margin:0px 6px;
}
#menu ul li A{
display:block;
width:90px;
height:34px;
font-size:0em;
text-indent:-1000px;
overflow:hidden;
text-decoration:none;
line-height:0px;
}
#menu ul li.menu_what A{background:url(../images/graphics/menu/what.gif) no-repeat center top;}
#menu ul li.menu_who A{background:url(../images/graphics/menu/who.gif) no-repeat center top;}
#menu ul li.menu_how A{background:url(../images/graphics/menu/how.gif) no-repeat center top;}
#menu ul li.menu_blog A{background:url(../images/graphics/menu/blog.gif) no-repeat center top;}

#menu ul li.menu_what A:hover{background:url(../images/graphics/menu/what.gif) no-repeat center -34px;}
#menu ul li.menu_who A:hover{background:url(../images/graphics/menu/who.gif) no-repeat center -34px;}
#menu ul li.menu_how A:hover{background:url(../images/graphics/menu/how.gif) no-repeat center -34px;}
#menu ul li.menu_blog A:hover{background:url(../images/graphics/menu/blog.gif) no-repeat center -34px;}

#tagLine{
background:url(../images/graphics/tagLine.gif) no-repeat left top;
width:400px;
height:20px;
float:right;
font-size:0em;
text-indent:-1000px;
overflow:hidden;
text-decoration:none;
line-height:0px;
margin:18px 10px 0px 0px;
display:inline;
}
#content{
width:100%;
margin:50px 0px 0px 0px;
text-align:center;
min-height: 600px;
}
#homeContent{
background:url(../images/graphics/homeBg.gif) repeat-x top;
min-height:400px;

}
#homeWrpapper{
width:770px;
margin:0px auto 0px auto;
}
#homeMain{
background:url(../images/graphics/homeCharacters.jpg) no-repeat center top;
float:left;
width:100%;
}


.homeColumn{
float:left;
width:240px;
}
.homeLeft{
margin:0px 25px 0px 0px;
}
.homeRight{
margin:0px 0px 0px 25px;
}
.homeColumn h2{display:block; margin:0px;}
.homeColumn h2 A{
display:block;
height:250px;
font-size:0em;
text-indent:-1000px;
overflow:hidden;
text-decoration:none;
line-height:0px;
}
.homeColumn p{text-align:justify; margin:10px 5px 0px 5px; font-size:1.1em;}


.homeBanners{float:left; width:100%; padding:20px 0; margin:20px 0; clear:both; border-top:2px solid #e6e0b8;}
.banner-home{float:left; width:235px; height:85px; display:inline;}
.banner-home a{display:block; height:85px; background-repeat:no-repeat;}
.banner-arabcrunch{background-image:url(../images/graphics/banners/arabcrunch.gif); margin:0 32px 0 0;}
.banner-video{background-image:url(../images/graphics/banners/video.gif); margin:0 32px 0 0;}
.banner-espace{background-image:url(../images/graphics/banners/espace.gif);}


/************ blog *************/
#blogContent{
width:770px;
margin:0px auto;
text-align:left;
}
#blogMain{
background:url(../images/graphics/sep.gif) repeat-y right;
float:left;
width:560px;
padding-right:20px;
}
.blogBanner{
background:url(../images/graphics/blogBanner.jpg) no-repeat;
height:156px;
margin-bottom:20px;
}
#blogMenu{
float:right;
width:170px;
}
.author{
font-weight:bold;
}

.blogPost{
border-bottom:1px solid #D3CBAA;
margin-bottom:30px;
}
.blogPost h2{
font-family:Georgia, "Times New Roman", Times, serif;
color:#169E76;
font-size:2.4em;
font-weight:normal;
margin:5px 0px;
}
.blogPost h2 A{
color:#169E76;
text-decoration:none
}

.blogPost h2 A:hover{
text-decoration:underline
}
.blogPost span{
font-size:1em;
color:#666666;
}
.blogPost span A{
color:#666666;
}
.blogPost span A:hover{
text-decoration:none;
}
.blogPost p{
text-align:justify;
font-size:1.2em;
margin:10px 0px;
}
.blogPost p A{color:#000000;}
.blogPost p A:hover{text-decoration:none;}

.blogPost p.blogPostMore{
text-align:right;
font-size:1em;
}

.blogPost p.blogPostMore A{
text-decoration:none;
color:#609D8B;
}

.blogPost p.blogPostMore A:hover{
color:#169E76;
text-decoration:underline;
}

.blogPost img{
	border: 1px solid #88662D;
	padding: 4px;
}

.blogArchive{
background:url(../images/graphics/archive.gif) no-repeat;
}
.blogArchive ul{
display:block;
margin:0px;
padding:0px;
list-style:none;
margin-top:5px;
}
.blogArchive ul li{
display:block;
font-size:1.1em;

}
.blogArchive ul li A{
display:block;
background:url(../images/graphics/goldSignal.gif) no-repeat 3px 5px;
padding:6px 0px 6px 13px;
color:#5F4D2F;
text-decoration:none;
border-bottom:1px solid #F3F0D4
}
.blogArchive ul li A:hover{
background:url(../images/graphics/goldSignal.gif) no-repeat 3px 5px #FBF9EB;
border-bottom:1px solid #F3F0D4
}




/************ page *************/
#pageContent{
width:770px;
margin:0px auto;
text-align:left;
}
#pageMain{
background:url(../images/graphics/sep.gif) repeat-y right;
float:left;
width:560px;
padding-right:20px;
}
#pageMenu{
float:right;
width:170px;
}
.pageContent{

}
.pageContent h2{
font-family:Georgia, "Times New Roman", Times, serif;
color:#169E76;
font-size:2.8em;
font-weight:normal;
margin:5px 0px;
}
.pageContent h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
font-weight:normal;
margin:5px 0px;
border-bottom:2px solid #E3DFC7;
}

.pageContent p{
text-align:justify;
font-size:1.2em;
margin:10px 0px 20px 0px;
}
.pageContent p A{color:#000000;}
.pageContent p A:hover{text-decoration:none;}

.videoBtn{
background:url(../images/graphics/videoBtn.jpg) center no-repeat;
width:152px;
height:185px;
}
.videoBtn A.button{height:185px;}

.pageImg{
width:560px;
height:156px;
margin:30px auto;
}
.what{background:url(../images/graphics/pages/what.jpg) no-repeat;}
.how{background:url(../images/graphics/pages/how.jpg) no-repeat;}
.who_fun{background:url(../images/graphics/pages/who_fun.jpg) no-repeat;}
.who_money{background:url(../images/graphics/pages/who_money.jpg) no-repeat;}
.who_ideas{background:url(../images/graphics/pages/who_ideas.jpg) no-repeat;}

/************ footer *************/
#footer{
background:#1E1B16;
height:100px;
text-align:center;
color:#EEE6C4;
padding-top:20px;
border-top:3px solid #312C23;
width:100%;
clear:both;
margin-top:50px;
float:left;
}
#footer A{color:#FFFFFF; text-decoration:none}
#footer A:hover{text-decoration:underline}
#footer span{font-size:0.8em; color:#88662D; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px;}

#footer span.footereSpace{color:#ffffff; display:block; padding-top:7px; font-size:0.8em;}
.footereSpace img{vertical-align:middle;}

#rss{
  margin-bottom:15px;
  text-align:right;
}