/* or, how to render a beautiful standards-compliant XHTML page */ /* Copyright (c) 2007 by Medusaworks Oy / ML */ /* Please don't copy this, read AListApart and build your own! */ /* COMMON styles / HTML default overrides */ html { width: 100%; height: 100%; } body { /*background: #9a9a9a url(themes/bandfactory/imgs/kf-bkgr.jpg) repeat-x;*/ background-color:#000000; margin: 0px; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } a { text-decoration: none; /* We all hate link underlines */ } /* MAIN layout blocks */ #frame { display: relative; width: 760px; background: url(themes/bandfactory/imgs/dropsh.png) repeat-y; text-align: left; margin: 0px auto; } #inner { width: 740px; background: #ffffff url(themes/bandfactory/imgs/frame_bkgr.gif); margin: 0px 10px; } /* Mega ugly hackxs to expand white frame bkgr to expand to minimum of 420px (800x600px screen rez browser window). All thanks to f00ked-0p IE "minimum.height" property implementation. NOTE: requires extra div's in HTML template (which kinda sucks). */ img#pageexpander { float: right; width: 1px; height: 440px; } #bottomclear { clear: both; height: 1px; font-size: 1px; } #header { width: 740px; background: #ffffff; border-bottom: 1px solid #1E59A9; text-align: bottom; } /* h1 { margin: 0px; padding: 50px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; }*/ #header a h1 { width: ; height: 120px; background: url(themes/bandfactory/imgs/bflogo2.gif) no-repeat; margin-left: 5px; } #header a h1 { width: ; height: 165px; background: url(themes/bandfactory/imgs/vaakunalogo.jpg) no-repeat; margin-left: 20px; } h1 span { display: none; } #slogan { margin-left: 24px; font-size: 13px; } #menu { float: left; width: 190px; margin: 0px; } /* TOP styles */ img#logo { margin: 20px 0px 0px 22px; } /* MENU styles */ /* Basically a styled list with cascading elements hidden by default. */ /* Submenus are rendered only if "menupathed" by CMS */ /* Edit at your own risk, repairs are charged by the hour ;) */ /* First-level menu */ /* MENU styles */ /* Basically a styled list with cascading elements hidden by default. */ /* Submenus are rendered only if "menupathed" by CMS */ /* Edit at your own risk, repairs are charged by the hour ;) */ /* First-level menu */ #menu ul { list-style: none; padding: 0px; margin: 0px; } #menu ul li { list-style: none; } /* First-level menu item */ #menu ul li a { display: block; width: 175px; padding: 8px 0px 8px 15px; font-size: 0.8em; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; color: #1E59A9; border-bottom: 1px solid #1E59A9; } #menu ul li a:hover { background: url(themes/bandfactory/imgs/menubtn_bkgr.gif) no-repeat 4px 12px; } /* second level menu, exposed when navigated through */ #menu li.menupath ul { display: block; position: relative; width: 190px; left: 0px; margin: 0px; padding: 0px; } #menu li.menupath ul li { } .menupathlink { background: url(themes/bandfactory/imgs/menubtn_bkgr.gif) no-repeat 4px 12px; } a.menupathlink { color: #1E59A9; } /* second level menu item */ #menu li.menupath ul li a { display: block; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 35px; width: 155px; text-transform: none; color: #1E59A9; } #menu li.menupath ul li a:hover { color: #1E59A9; } /* second level menu, hidden */ #menu li ul { display: none; text-transform: none; } /* BANNERS */ /* micro bars, placed underneath main menu */ #menu #microbars { width: 165px; margin: 8px 0px 0px 14px; } #menu #microbars img.banner { margin-bottom: 8px; } /* CONTENT layout block */ #content { margin: 0px 20px 0px 220px; } #content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 1.1em; text-transform: uppercase; letter-spacing: 2px; color: #666666; margin: 35px 0px 23px 0px; } #content p { } #content a { color: #007b34; } #content a:hover { color: #e20019; } #content a.biglink { } /* FOOTER styles */ #footer { width: 740px; height: 28px; clear: both; border-top: 1px solid #1E59A9; background-color: #A9A9A9; } #footer p { padding: 0px 0px 0px 220px; letter-spacing: 1px; font-size: 0.8em; color: #1E59A9; } #footerlinks a:hover{ color: #7e8dd0; } label { width:130px; position:relative; text-align:left; display: block; float: left; font-weight: bold; } /* ;;ii:: ,,ffjj,, ffDDjj:: ..EEWWGGii ::KKWWEEjj :: ,,WW##GG;; ,,ttffffLLDDKK;;:: ;;KKEE,,,,;;ii;;;; ..LLKK##GGii LLWWGGii ii##WWEEGGLLGGKK##WWGGKK########LLGGGGff,,####EE.. GGGGKKWWKKEEKKEEKK####################KKLLWW####ii WWLL################KKGG##WWWWEEjjiiEEKKEEWW##WWiiGG;; ..KK########ff;;ffEE##jj GGLL:: ::ffGGWWWWGGLLGGtt ..KK######DDffii....;;##:: ..EE ttjj##EEDDjj,,:: WW##WW##LL::,,:: ff##;; ffDDtt,,;;iiffKKEEGGDDDD,,:: LL##EEEEWWEEii::ttWWDD,, GG##LLii;;DDKKDDDDEEDDtt:: tt##########WWWW####WWKKLLLLLLffGGLLffDDWWKKDDEEKKDDjj ,,WW########WWjjjj########WWDDff jj..::LLjjGGEEWWjj,,:: EE########WWiiLLKKGGjjii.. ,,jj::ii,,LLEEWWjjii LL##########DDEEDDii;;..:: ff,,,,::ffKKKKff,, tt##########WWEEKKDDLL,,,,iittii::tt::::::ffWWWWLL.. ,,WW######WWEEKK##########WWWWWWKKff ,,,,LL##ff ..iiWW##KK,,WW##WWff;;,, ....ttff..,,;;EE##;; ff##WW,,LLKKEEGGffjj:: ..::,,;;WWWW.. ii####LLffEEffffjjii:: ,,ffGG##DD GG##KKEEDD,,:: ..jjKKWW##GG ..WW####KKii,,.. jjWW########tt EE######WWDDGGjjffii;;ff##########GGKK.. ;;################################WWiiKKWWii ..WWWW##############################LL..WW####GGffii.. DD##GGWW##########################LL ii##############KKfftt ;;LLWW####EEtt########################ff GG#################### ..LLWW############;;ii##################WWii ;;####### we ########### LLWW################LL iiWW############EE:: EE###### love ########## ####################WW ;;KK########GG.. ii####### T3cXn0 ######### ######################tt ..DD####KK.. DD######################## ######################KK ttWW######GG tt########## W000! ######### ########################::;;WW##KKEELLKKtt KK########################*/