/*
Theme Name: Asala Website
Theme URI: NaN
Description: Asala Website. Designed by Myra El-Mir, coded by Charles El-Mir
Version: 1.0
Author: LaboM Productions
Author URI: http://labo-m.com/
Tags: awesome

*/

body {
background:#0099FF;
background-image:url(images/bg1.gif);
font-family:Arial, Helvetica, sans-serif;
}

a {color:#ff0000;}

#bodycontainer {
/*height:1114px;*/
width:1024px;
margin:auto;
background:#FFFFFF; /*url(websitenewcolors.jpg)*/
position:relative;
overflow:hidden;
}

#header {
height:350px;
width:1024px;
overflow:hidden;
}

#left {
width:186px;
/*height:570px;*/
margin-left:25px;
float:left;
display:inline;
}

#libraryleft {
width:175px;
height:495px;
margin-left:25px;
padding:25px 0 0 10px;
float:left;
display:inline;
/*background:url(images/libraryleft.jpg) no-repeat;*/
background:#0099FF;
}

#mainbody {
min-height:650px;
width:803px;
float:right;
display:inline;
margin-top:50px;
/*background:url(images/strip.jpg) top right no-repeat;*/
}

#center {
height:341px;
}

#latestpublications {
height:179px;
padding:0 20px;
margin-top:75px;
}

#headertop {
overflow: visible; height: 77px; width: 1024px; float: right; text-align: right; position:relative;
}
#menuright {
width:794px; height:159px; display:inline;float:right
}
#menuleft {display: inline; float: left; height: 159px; width: 106px;background:#FFFFFF}

#bottom {height:95px; width:1024px; clear:both; margin-top:15px;}

/* CONTACT US PAGE */
#contactleft {
width:280px;
height:570px;
margin-left:25px;
float:left;
}
#contactbody {
height:570px;
width:555px;
float:right;
}
#contactcenter {width: 416px; margin-left: 42px; margin-top: 52px; height: 433px; }

#latestproductslist {list-style:none; padding:13px 0 0;}
#latestproductslist li {float:left;margin-right:25px; width:132px;}

#featured,#tipoftheday {position:relative;  overflow:hidden;height: 150px; padding-top: 5px; text-align:center;background:#0099ff; margin-top:15px;}
#tipoftheday {height:110px;}
#latest {position:relative;  overflow:hidden;padding-top: 5px; margin-top: 15px; height: 185px; background:#0099ff;}
#newsletter {position:relative;  overflow:hidden;margin-top: 15px; height: 150px; background:#0099ff;}

#pagecenter, #librarycenter {
min-height:540px;
}
#librarycenter {
padding-top:24px;
width:765px;
float:left;
}

.library {background:url("images/maktabet.jpg?1234") no-repeat scroll 0 293px transparent;}

#latest a {color:white; text-decoration:none;}
#latest ul {color:#ff0000}

.titletext {margin: 2px 0pt 0pt 8px; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt; font-family: arial; text-transform: uppercase; font-size: 12px; color: white; text-align: left; letter-spacing: 1px;}

.post {padding:0 20px}
.postmetadata {font-size:9px}