/* Quran Player CSS
its past midnight as i type this
by amir
mandazi network inc. */

body { background-image:url(../images/layout/bg.gif); background-repeat:repeat; }
.hide { position:absolute; left:-9999px; } 
div#wrapper { width:953px; margin:0 auto; overflow:hidden; padding:20px 0 0 0; }
div#top-ads { width:728px; height:90px; background-image:url(../images/layout/728ads-bg.gif); background-repeat:no-repeat; padding:5px; float:right;}

/* Text */
h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; margin:0; padding:10px 0 10px 0; color:#D35044; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; margin:0; padding:10px 0 10px 0; } 
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#767F4D; margin:0; padding:10px 0 10px 0; }
#sidebar p { font-size:14px; }
a { color:#767F4D; }
a:hover { border-bottom:#767F4D dotted 1px; text-decoration:none;}

/* Logo and left sidebar */
h1#logo { width:180px; height:56px; background-repeat:no-repeat; margin:0 auto; padding:10px 0 10px 0; }
h1#logo a { background-image:url(../images/logo.gif); width:180px; height:56px; display:block; }
div#sidebar-wrapper { background-image:url(../images/layout/sidebar-bottom-bg.gif); background-repeat:no-repeat; background-position:bottom; width:205px; padding:0 0 7px 0; background-repeat:no-repeat; float:left; margin:0 10px 0 0; }
div#sidebar { background-image:url(../images/layout/sidebar-top-bg.gif); padding:11px 0px 0 0px; background-position:top; background-repeat:no-repeat; }
div#sidebar-content { background-color:#FFFFFF; padding:5px; font-weight:bold; }
div#menu select { width:100%; }

/* Content area */
div#content-wrapper { width:738px; padding:10px 0 0 0; overflow:hidden; clear:right; }
div#content-top { background-image:url(../images/layout/content-top-bg.gif); background-repeat:no-repeat; padding:10px 0 0 0; float:left; width:418px; background-position:top; }
div#content-bottom { background-image:url(../images/layout/content-bottom-bg.gif); background-repeat:no-repeat; background-position:bottom; padding:0 0 11px 0; }
div#content { padding:0 20px 0 20px; background-color:#FFF; }
div#player-wrapper { clear:both; margin:0 auto; width:330px; }
div#side-ads { width:300px; height:250px; padding:5px; float:right; background-image:url(../images/layout/300ads-bg.gif); background-repeat: no-repeat; }

/* Footer */

div#footer-top-wrapper { background-image:url(../images/layout/footer-top-bg.gif); background-repeat:no-repeat; background-position:top; clear:both; width:953px; padding:10px 0 0 0; margin:10px 0 0 0; }
div#footer-bottom-wrapper { background-image:url(../images/layout/footer-bottom-bg.gif); background-repeat:no-repeat; background-position:bottom; padding:0 0 10px 0; }
div#footer { background-color:#FFF; padding:0 20px 0 20px; text-align:center;}