/* CSS Document */ * { margin: 0; padding: 0} body { background: #b3d027 url(../images/bg-gradient.jpg) repeat-x top left; } /* ------------------------------------------------------------------ */ /*#top-demo { position: absolute; background: transparent url(../images/top-demo.png) no-repeat left top; width: 525px; height: 447px; right: -10px; top: -31px;; z-index: 100; }*/ #top-demo-1 { position: absolute; background: transparent url(../images/top-demo-top.png) no-repeat left top; width: 491px; height: 39px; right: -14px; top: -31px; z-index: 100; } #top-demo-2 { position: absolute; background: transparent url(../images/top-demo-2.png) no-repeat left top; width: 20px; height: 408px; right: -14px; top: 8px; z-index: 100; } #top-demo-3 { position: absolute; background: transparent url(../images/top-demo-3.png) no-repeat left top; width: 39px; height: 44px; right: 6px; top: 8px; z-index: 100; } /* ------------------------------------------------------------------ */ .arrow { } #wrapper { position: relative; width: 752px; top: 30px; right: 100px; } #header-container { position: absolute; right: 0; top: 0; width: 100%; z-index: 200; padding-bottom: 230px; } #top-box { position: absolute; right: 0; top: 1px; height: 19px; width: 100%; background: transparent url(../images/box-header.png) no-repeat top right; z-index: 200; } /* Header Navigation */ #upstair-area { position: absolute; right: 20px;; top: -20px; font-family: tahoma; font-size: 11px; z-index: 100; } #upstair-area a { display: block; float: left; margin-left: 15px;} #upstair-area a:link, #upstair-area a:visited { color: #FFF; text-decoration: none; } #upstair-area a:hover { text-decoration: underline; } #upstair-area a#main { background: url(../images/home-ico.gif) no-repeat center right; padding-right: 15px; } #upstair-area a#sitemap { background: url(../images/sitemap-ico.gif) no-repeat center right; padding-right: 15px; } #upstair-area a#contactus { background: url(../images/mailus-ico.gif) no-repeat center right; padding-right: 15px; } #upstair-area a#whoweare { background: url(../images/user.gif) no-repeat center right; padding-right: 25px; } /* Header Navigation ---------------------------------------------------------------------------------------------- */ #upstair-area-logo { position: absolute; background: url(../images/hayran-site.jpg) no-repeat top left; width: 147px; height: 19px; left: 15px; top: -20px; } #header { position: absolute; width: 100%; background: transparent url(../images/box-body.png) repeat-y left top; top: 19px; right: 0; } #quote { float: left; background: #fff url(../images/quota_new.jpg) no-repeat left top; width: 383px; height: 102px; margin-left: 15px; } #logo { float: right; background: #fff url(../images/hayran-logo.gif) no-repeat left top; width: 250px; height: 109px; margin-right: 20px; padding-bottom: 100px;} .trans-area1 { position: absolute; background: transparent url(../images/right-empty-area.png) no-repeat left top; width: 255px; height: 49px; right: -45px; top: 135px; z-index: 50; } .trans-area2 { position: absolute; background: transparent url(../images/right-empty-area.png) no-repeat left top; width: 255px; height: 49px; right: -52px; top: 420px; z-index: 100; } .fixIE .trans-area2 { right: -52px!important; #right: -42px!important;} /*#hayran-menu a { display: block; height: 26px; float: right; } #hayran-menu a#sec1 { width: 125px; margin-left: 10px; } #hayran-menu a#sec1:hover { background: url(../images/hayran-menu.gif) no-repeat -639px -28px; } #hayran-menu a#sec2 { width: 135px; margin-left: 10px; } #hayran-menu a#sec2:hover { background: url(../images/hayran-menu.gif) no-repeat -494px -28px; } #hayran-menu a#sec3 { width: 135px; margin-left: 20px; } #hayran-menu a#sec3:hover { background: url(../images/hayran-menu.gif) no-repeat -349px -28px; } #hayran-menu a#sec4 { width: 165px; margin-left: 10px; } #hayran-menu a#sec4:hover { background: url(../images/hayran-menu.gif) no-repeat -164px -28px; } #hayran-menu a#sec5 { width: 150px; margin-right: 4px; } #hayran-menu a#sec5:hover { background: url(../images/hayran-menu.gif) no-repeat 0 -28px; }*/ #content-container { width: 100%; padding-top: 228px; #padding-right: 0; /* IE7: padding-right: 0; */ } #content-container .trans-area2 { right: -45px; #right: -45px; } #search-area { position: absolute; top: -30px; left: 0; } #content { position: relative; background: transparent url(../images/box-body.png) repeat-y right top; width: 100%; padding-top: 10px; } #intro { position: absolute; z-index: 200; left: 30px; top: 205px; background: #fff url(../images/intro.gif) no-repeat left top; width: 468px; height: 199px; } #footer { position: relative; height: 19px; } #footer-box { position: relative; background: transparent url(../images/box-footer.png) no-repeat left top; height: 19px; } #footer p { position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 10px; top: 25px; padding-bottom: 10px; width: 100%; text-align: center; z-index: 1000; } /*#test { position: relative; width: 100%; }*/ .clear { clear: both; } #newarticles { position: relative; padding-bottom: 10px; padding-right: 5px; width: 100%; margin-left: -10px; } #article-label { position: absolute; background: #fff url(../images/new-article-label.gif) no-repeat left top; right: -20px; top: 430px; width: 116px; height: 25px; z-index: 200; z-index: 200; } #article-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #mains-label { position: absolute; background: #fff url(../images/main-section.gif) no-repeat left top; right: -20px; top: 145px; width: 165px; height: 29px; z-index: 200; } #mains-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #ads-label { position: absolute; background: #fff url(../images/ads-section.gif) no-repeat left top; right: -20px; top: 180px; width: 97px; height: 25px; z-index: 200; } #ads-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #newsletter-label { position: absolute; background: #fff url(../images/email-section.gif) no-repeat left top; right: -20px; top: 180px; width: 120px; height: 25px; z-index: 200; } #newsletter-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #weekly_articles-label { position: absolute; background: #fff url(../images/week.gif) no-repeat right top; right: -20px; top: 180px; width: 120px; height: 25px; z-index: 200; } #weekly_articles-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #newly_articles-label { position: absolute; background: #fff url(../images/newly.gif) no-repeat right top; right: -20px; top: 180px; width: 120px; height: 25px; z-index: 200; } #newly_articles-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #daily_articles-label { position: absolute; background: #fff url(../images/daily.gif) no-repeat right top; right: -20px; top: 180px; width: 130px; height: 25px; z-index: 200; } #daily_articles-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #latest_comments-label { position: absolute; background: #fff url(../images/latest-comments.gif) no-repeat right top; right: -20px; top: 180px; width: 130px; height: 25px; z-index: 200; } #latest_comments-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } #groups-label { position: absolute; background: #fff url(../images/groups.gif) no-repeat right top; right: -20px; top: 180px; width: 120px; height: 25px; z-index: 200; } #groups-label #article-ico { position: absolute; background: url(../images/icon.gif) no-repeat left top; width: 13px; height: 14px; right: -20px; top: 0; z-index: 200; } .dummyline { position: absolute; border-bottom: 1px dotted #b2b2b2; width: 500px; right: 230px; #right: 230px; #top: -19px; } #hotarticle { float: right; position: relative; width: 260px; margin-top: 50px; padding-top: 10px; padding-right: 2px; } #frontarticles { float: left; position: relative; width: 450px; margin-top: 10px; margin-left: 10px; } #frontarticles li { display: block; width: 210px; } .article-box { float:right; position: relative; width: 210px; margin-bottom: 10px; margin-left: 10px; margin-top: 20px; margin-right: 2px; padding-left: 2px; } .article-box h1, .extend-box h1 { font-family: tahoma; font-size: 12px; color: #a17011; padding-bottom: 2px; border-bottom: 1px solid #a17011; } .extend-box h1 { padding-bottom: 2px; border-bottom: none; text-align: right; } .article-box ul, .extend-box ul { position: relative; font-family: tahoma; font-size: 12px; color: #636363; } .article-box ul li { list-style: none; padding: 3px 0; } .article-box ul li a:visited, .article-box ul li a:link, .extend-box ul li a:visited, .extend-box ul li a:link { text-decoration: none; color: #636363; } .article-box ul li a:hover, .extend-box ul li a:hover { text-decoration: underline; color: #6D841C; } .hot-box { font-family: tahoma; font-size: 12px; text-align: justify } .hot-box h1 { font-family: tahoma; font-size: 12px; color: #a17011; float: right; padding-right: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-weight: 600; } .hot-box img { float: right; padding: 10px; } .hot-box p.title { float: right; color: #a17011; padding-top: 5px; padding-bottom: 5px; } .hot-box span.author { display: block; color: #a17011; padding-top: 8px; } .hotmessage { font-family: tahoma, sans-serif; font-size: 12px; padding: 10px 0; margin-left: 10px; text-align: center; border: 2px solid #759622; background-color: #d7f885; } .hotmessage-2 { font-family: tahoma, sans-serif; font-size: 12px; padding: 10px 0; margin-left: 10px; text-align: center; border: 2px solid #c50f0f; background-color: #f59999; } div.shortstory { position: relative; width: 260px; #margin-top: -10px; padding-right: 10px; color: #636363; font-family: tahoma!important; font-size: 12px!important; padding-top: 10px; width: 250px; margin-right: 10px; } #left-demo { position: absolute; background: transparent url(../images/left-demo.png) no-repeat left top; width: 162px; height: 555px; left: -15px; bottom: 0; } #graph { position: absolute; background: transparent url(../images/graph.png) no-repeat top left; width: 365px; height: 361px; left: -172px;; top: 330px; } a.anchor { font-family: tahoma; font-size: 12px; color: #636363; padding: 1px 0 1px 0; display: block; padding-right: 20px; background: url(../images/arrow.gif) no-repeat right center; } a.anchor:link, a.anchor:visited { text-decoration: none; } a.anchor:hover { text-decoration: underline; color: #6D841C; } a.anchorNoBackground { background: none; padding: 5px 0; } #breadcrumb { font-family: tahoma; font-size: 12px; margin-right: 20px; padding-top: 10px; } #breadcrumb ul { list-style: none; } #breadcrumb ul li.one { background: url(../images/arrow.gif) no-repeat right 0; padding-right: 20px; } #breadcrumb ul li { float: right; padding-left: 10px; font-size: 10px; color: #636363; font-family: Verdana, Arial, Helvetica, sans-serif; } #breadcrumb ul li a { font-family: tahoma; font-size: 12px; color: #636363; } #breadcrumb ul li a:link, #breadcrumb ul li a:visited { text-decoration: none; } #breadcrumb ul li a:hover { text-decoration: underline; color: #6D841C; } a.category-lnk { display: block; text-decoration: none; margin: 5px 5px; font-weight: bold; color: #759622; font-size: 16px; } a.category-lnk:hover { text-decoration: underline; color: #a17011; } /*################################## DON'T MESS WITH THE ZOHAN ##################################### #################################### ##################################### ##################################################################################################*/ .zoHanScrollerBg { width: 200px!important; position: absolute; height: 250px; right: 10px; top: 170px; z-index: 200; } .zoHanScroller { position: absolute; top: 10px; padding: 0 0 20px 15px!important; height:258px!important; width: 231px!important; overflow: hidden; } .zoHanScroller a.topScroller, .zoHanScroller a.downScroller { padding: 0!important; margin: 0!important; position: absolute; display: block; width: 9px; height: 5px; z-index: 1000; font-size:5px; } .zoHanScroller a.topScroller { background: url(../images/scrollers.gif) no-repeat 0 0; top: 15px; left: 50px; } .zoHanScroller a.downScroller { background: url(../images/scrollers.gif) no-repeat 0 -6px; bottom: 15px; left: 50px; } .zoHanScroller a.topScroller:hover { background: url(../images/scrollers.gif) no-repeat -9px 0; } .zoHanScroller a.downScroller:hover { background: url(../images/scrollers.gif) no-repeat -9px -6px; bottom: 15px; } #scrollContainer { position: absolute; width: 240px; } /*################################## DON'T MESS WITH THE ZOHAN ##################################### #################################### ##################################### ##################################################################################################*/ .banner { margin: 10px 0; } div#NavigationBottom { position: relative; font-family: Tahoma, sans-serif; font-size: 11px; height: 21px; padding-top: 15px; margin-left: 35px; } div#NavigationBottom { margin-top: 0; margin-bottom: 20px; } div#NavigationBottom a { display: block; float: left; border-left: 1px solid #fff; background-color: #6b821a; padding: 5px; } div#NavigationBottom a:link, div#NavigationBottom a:visited { text-decoration: none; color: #fff; } div#NavigationBottom a:hover, div#NavigationBottom a.clicked { background-color: #b3d027; color: #999; } div#NavigationBottom a.pageNbr { text-align: center; }