/* --------------------------------------------------------------------------- Moslima Project Base Styles Author : Yassir Labrinssi --------------------------------------------------------------------------- */ /* RESET! */ *{ outline: none; border: none;} html, body, div, span, applet, object, iframe,header, section, article, footer, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { margin:0px; background: url(../images/bg_repeat.jpg) repeat-x;} #topcontrol{ position: fixed; bottom: 415px; right: 20px; opacity: 0; cursor: pointer; background: url(../images/backtotop.jpg) no-repeat; width: 69px; height:73px; } /* -------------------------------------------------------------------------- =Global --------------------------------------------------------------------------- */ #wrap { margin: 0px auto; width: 950px; height: 800px; background: url(../images/bg/rotate.php) no-repeat; } /* -------------------------------------------------------------------------- =Header --------------------------------------------------------------------------- */ #logo { float:left; margin-left:315px; margin-top:70px; width:326px; height:98px;} #navigation { float:right; margin-right: 20px; margin-top:268px; width:218px; height: 360px; font-family: trajan Pro; font-size: 13px; color: #ca1161; text-decoration:none; font-weight:bold; } .dropdown {display:block; position:relative; width: 154px;} .dropdown dt { width: 154px; height: 38px; font-weight:bold; cursor:pointer; font-family: trajan Pro; font-size: 13px; color: #ca1161; line-height: 3.6em; padding-left: 20px; text-decoration:none; font-weight:bold; } .dropdown .upperdd {border-bottom:none} .dropdown dt:hover { background: url(../images/btn_active.png) no-repeat; color: #fff;} .dropdown dd { position:absolute; top:0; overflow:hidden; width:176px; display:none; opacity:0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .dropdown ul { width:174px; list-style:none; border: 1px solid #ca1161; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } .dropdown li { display:inline; } .dropdown a { display:block; text-decoration:none; width: 164px; height: 38px; font-family: trajan Pro; font-size: 13px; color: #ca1161; line-height: 3.2em; padding-left: 10px; text-decoration:none; font-weight:bold; } .dropdown a:hover { color: #000; } .dropdown .underline { border-bottom: 1px solid #ca1161; } /* -------------------------------------------------------------------------- =Events --------------------------------------------------------------------------- */ #events{ float:left; margin-left:260px; margin-top:0px; width:477px; height:157px; background: url(../images/bottom_part.png) no-repeat; } .canadian_site{ float: right; margin-right: 38px; margin-top: 4px; width: 36px; height: 32px;} .rows{ float:left; margin-left:110px; margin-top:-50px; width:330px; } .row{ float:left; margin-left:0px; margin-top:10px; width:330px;} .date_block{ float:left; margin-left:0px; margin-top:0px; width:83px; height:28px; background-image:url(../images/date_block.png);} .date_block p{ float:left; margin-left:13px; margin-top:7px; font-family:tahoma; font-size:11px; color:#CA1161; font-weight:normal; } .events_txt { float:left; margin-left:10px; margin-top:8px; font-family:georgia; font-size:11px; font-weight:normal; font-style:italic; color:#333333; text-decoration:none; } .events_txt:hover{ text-decoration: underline; } /* -------------------------------------------------------------------------- =Footer --------------------------------------------------------------------------- */ #footer{ float:left; margin-left:0px; margin-top:40px; width:950px; height:80px; } .ftr1{ float:left; margin-left:450px; margin-top:15px; font-family:Trajan Pro; font-size:10px; font-weight:bold; color:#ca1161;} .ftr2{ float:left; margin-left:420px; margin-top:5px; font-family:Trajan Pro; font-size:11px; color:#ca1161;} /* -------------------------------------------------------------------------- =Inner Page --------------------------------------------------------------------------- */ #wrapper{ margin:0px auto; width: 950px; min-height: 800px; background: url(../images/visual_inner.png) no-repeat; } #top { float: left; width: 950px; } #logo_inner { float:left; margin-left: 10px; margin-top: 20px; width: 310px; height: 84px; } #middle { float: left; width: 950px; margin-top: 20px; } #navigation_inner { float:left; margin-left: 0px; margin-top: 34px; width: 190px; font-family: trajan Pro; font-size: 13px; color: #ca1161; line-height: 3.4em; text-decoration:none; font-weight:bold; } /*--// [END] Navi_Intro //--*/ /*--// [BEGIN] Main_Intro //--*/ #main_inner{ float:left; margin-left:52px; margin-top: 26px; width: 698px; } /*--// [BEGIN] Main_top //--*/ #main_top{ float:left; margin-left:0px; margin-top:0px; } .main_top1{ float:left; margin-left:65px; margin-top: 20px; width:110px; font-family:georgia; font-size:11px; font-style:normal; width: 500px; color:#cb1765; } .main_top1 a{ font-family:georgia; font-size:11px; font-style:normal; text-decoration:none; color:#cb1765; } .main_top1 a:hover{ text-decoration:underline; } .main_top_txt{ float:left; margin-left: 50px; margin-top:5px; width: 700px; font-family:trajan Pro; font-size:15px; font-style:bold; color:#cb1765; } /*--// [END] Main_top //--*/ /*--// [BEGIN] Main_Center //--*/ #main_center{ float:left; margin-left:0px; margin-top:0px; font-family:georgia; font-size:13px; color:#000000; } #main_center p{ margin-top: 30px; font-family:georgia; font-size:13px; color:#000000; line-height: 1.4em; } #main_center p a{ color:#cb1765; text-decoration: none; } #main_center p a:hover{ text-decoration: underline; } /*#main_center ul{ margin-top: 20px; list-style: circle; font-family: georgia; font-size:12px; color:#000000; }*/ #main_center ul{ list-style: disc; font-family: georgia; font-size:13px; color:#CB1765; margin-left:10px; padding:5px } #main_center li a { font-family: georgia; font-size:13px; color:#ca1161; text-decoration: none; line-height: 1.8em;} #main_center li a:hover{ text-decoration: underline; color: #ca1161; } #main_center hr { width:90%; margin:10px; height:1px; background-color: #CB1765;} #main_center table{ border:0px solid none; border-collapse: collapse;} #main_center table td{ border:1px solid #CB1765; padding: 10px;} .bismillah{ float:left; margin-left:60px; margin-top:70px; width:350px; /*height:150px;*/} .pic{ float:left; margin-left:45px; margin-top:0px; width:223px; height:88px; background-image:url(../images/bismillah.png);} .main_center_txt1{ float: left; margin-left: 60px; margin-top: 10px; font-family:georgia; font-size:12px; font-weight:bold; color:#000000; } .main_center_txt2{ float:left; margin-left:25px; margin-top:5px; font-family:georgia; font-size: 12px; font-style:italic; color:#000000; } .p1{ float:left; margin-left:0px; margin-top:20px; width:530px; font-family:georgia; font-size:12px; line-height:1.5em; text-align:left; font-weight:bold; color:#000000; } .p2{ float:left; margin-left:0px; margin-top:15px; width:600px; font-family:georgia; font-size:13px; font-style:normal; line-height:1.5em; text-align:left; color:#000000;} .p2 a{ font-family:georgia; font-size:13px; font-style:normal; text-decoration:none; color:#cb1765; } .p2 a:hover{ font-family:georgia; font-size:13px; font-style:normal; text-decoration:underline; color:#cb1765;} /*--// [END] Main_Center //--*/ /*--// [END] Main_Intro //--*/ /*--// [BEGIN] Footer //--*/ #footer_inner{ float:left; margin-left:20px; margin-top:130px; height: 60px;} .ftr1_inner{ float:left; margin-left:450px; margin-top:0px; font-family:Trajan Pro; font-size:10px; font-weight:bold; color:#ca1161;} .ftr2_inner{ float:left; margin-left:420px; margin-top:5px; font-family:Trajan Pro; font-size:11px; color:#ca1161;} /*--// [END] Footer //--*/