/* FOR IE CSS hacks The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html */ /* \*/ * html .gainlayout { height: 1%; } /* */ /* undohtml.css */ /* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet is licensed under a Creative Commons License. */ /* Purpose: undo some of the default styling of common (X)HTML browsers */ * { margin: 0; padding: 0; } /* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */ :link,:visited { text-decoration:none } /* no list-markers by default, since lists are used more often for semantics */ ul,ol { list-style:none } /* avoid browser default inconsistent heading font-sizes and pre/code too */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* remove the inconsistent (among browsers) default ul,ol padding or margin / the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. zero out the spacing around pre, form, body, html, p, blockquote as well */ /* form elements are oddly inconsistent, and not quite CSS emulatable. nonetheless strip their margin and padding as well */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* whoever thought blue linked image borders were a good idea? */ a img,:link img,:visited img { border:none } /* de-italicize address */ address { font-style:normal } /* more varnish stripping as necessary... */ /*------------------------------------------------------------------------------------ Global Styles ------------------------------------------------------------------------------------*/ * { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; } li, dd { margin-left:5%; } fieldset { padding: .5em; } select option{ padding:0 5px; } .hide, .print-logo, .close-button{ display:none; } .left{ float:left; } .right{ float:right; clear:both; } .clear{ clear:both; height:1px; font-size:1px; line-height:1px; } a img{ border:none; } /*Clear defaults - inspired from Tantek Celik----------------*/ :link,:visited {text-decoration:none;} ul,ol,dl {list-style:none;} h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} a img,:link img,:visited img {border:none;} address {font-style:normal;} strong {font-weight:bold;} em {font-style:italic;} i {display:none;} /* Lemon8 */ BODY { font-size: 75%; margin:0px; padding:0px; text-align:center; background:url('../images/bg_reflection.gif') top repeat-x; } BODY, TD, DIV, INPUT { font-family: Arial, Verdana, sans-serif; line-height:1.6em; color:#000000; } A { color:#0066cc; font-weight:bold; text-decoration:none; } A:hover { border-bottom:1px dotted #0066cc; padding-bottom:1px; } FORM { margin:0px; } IMG { border:0px; } .clear{ clear:both; line-height:0px; font-size:0px; height:0px; } /* ***** FORMS ***** */ INPUT, TEXTAREA { border:1px solid #cac9c9; padding:2px 4px; } /* ***** TEXT ****** */ H1 { font-size:180%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:0px 0px 15px 0px; padding:0px; } H2 { font-size:130%; line-height:1em; letter-spacing:0px; font-weight:bold; margin:10px 0px 5px 0px; padding:0px; } H3 { font-size:160%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; font-family:georgia,"times new roman",serif; } H3 A { font-weight:normal; } /* ***** LAYOUT ****** */ DIV.bgcontainer { margin:0px auto; padding:0px; text-align:center; } DIV.layout { width:970px; margin:0px auto; text-align:left; overflow:visible; } /* generic width div due to fullscreen outer divs */ DIV.header { height:308px; margin:0px auto; padding:0px; background:url('../images/bg_lemon8wood.gif') top left; } DIV.header DIV.layout { background:url('../images/bg_headerimg.png') top left no-repeat; } DIV.header DIV.label { width:288px; height:66px; background:url('../images/lemon8_brandlabel.png') top left no-repeat; float:left; } DIV.header DIV.menu { width:672px; height:66px; float:left;} DIV.menubar { margin:15px 0px 0px 20px; width:642px; height:19px; background:url('../images/bg_transbrown.png') top left; background-repeat:none; padding:10px 5px; } DIV.menubar A { font-weight:normal; color:#ffffff; } DIV.menubar A:hover { font-weight:normal; color:#a7ff01; border-bottom:1px dotted #a7ff01; } DIV.menubar UL { list-style:none; padding:0px; margin:0px; } DIV.menubar UL LI { float:left; margin-left:10px; margin-right:10px; } DIV.menubar UL A.current { color:#c7c9c4; } DIV.menubar UL A.current:hover { color:#c7c9c4; border-bottom:1px dotted #c7c9c4; } DIV.header DIV.pullout { width:288px; height:242px; float:left; } DIV.header DIV.pullout DIV { width:278px; height:217px; background:url('../images/bg_transbrown.png') top left; background-repeat:none; color:#FFFFFF; font: 27px/36px Georgia; padding:4px; } DIV.header DIV.pullout DIV SPAN { font:italic 20px/32px Georgia; } DIV.header DIV.image { width:672px; height:242px; float:left; } DIV.header DIV.image IMG { margin-left:20px; } DIV.container { margin:0px auto; padding:0px; background:url('../images/bg_page.gif') top left repeat-x; } DIV.container_inner { margin:0px auto; padding:0px; background:url('../images/bg_footer.gif') bottom left repeat-x; padding-top:15px; } DIV.breadcrumbs { font-size:11px; color:#666666; margin:0px 0px 15px 0px; padding-bottom:2px; border-bottom:1px solid #c6d2d8; } DIV.breadcrumbs A { font-weight:normal; } DIV.bottombar { background: url('../images/bg_footer_edge.gif') top left repeat-x #000000; width:100%; margin:0px auto; padding:20px 0px 20px 0px; } DIV.footer { width:960px; margin:0px auto; text-align:left; padding:0px; } DIV.footer DIV { color:#999; font-family: Arial, Verdana, sans-serif; line-height:1.6em; } DIV.footer1 { width:283px; float:left; padding-right:20px; text-align:right; } DIV.footer2 { width:338px; float:left; padding-right:20px; } DIV.footer3 { width:299px; float:left; } DIV.footer DIV A { color:#fff; font-weight:normal; } DIV.footer DIV A:hover { border-bottom:1px dotted #fff; padding-bottom:1px; } /* **** HOME ******/ DIV.home_column1 { width:680px; float:left; margin:10px 30px 0px 0px; } /*DIV.news_title { width:386px; float:left; margin:0px 0px 10px 0px; }*/ DIV.home_column1 H1, DIV.home_column2 H1 { font-size:110%; line-height:1em; letter-spacing:0px; font-weight:bold; margin:10px 0px 5px 0px; padding:0px; } DIV.news_img { width:288px; float:left; margin:0px 20px 20px 0px; } DIV.news_img DIV { /*width:132px;*/ height:100px; float:right; } DIV.news_text { width:370px; float:left; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border-bottom:1px solid #e3e3e3; } DIV.news_text H2 { font-size:160%; line-height:1.2em; letter-spacing:0px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; } DIV.blogstats { line-height:1.2em; color:#767676; font-size:90%; font-weight:normal; margin:2px 0px 6px 0px; } DIV.blogstats IMG { vertical-align:middle; margin-right:5px; } DIV.blogstats A { font-weight:normal; } DIV.morenews { width:370px; text-align:right; padding:0px 5px 5px 4px; margin:0px 0px 10px 300px; } DIV.home_column2 { width:246px; float:left; margin-top:10px; } DIV.warning { background:#fad8d5; border:1px solid #d83737; color:#ac0303; padding:10px 35px; font-size:14px; text-align:center; border-left:0px; border-right:0px; } /* **** PAGE ******/ DIV.page_column1 { width:285px; float:left; margin:30px 20px 15px 0px; } DIV.page_column2 { width:650px; float:left; margin:5px 0px 55px 0px; } DIV.page_column2 UL { list-style:square; margin:0px 10px; padding:0px 10px; } DIV.page_column2 UL LI { } DIV.submenu { } DIV.submenu UL { list-style:none; border-bottom:1px solid #c5c8ca; } DIV.submenu UL LI { border-top:1px solid #c5c8ca; } DIV.submenu UL LI:hover { background-color:#e2f3fc; } DIV.submenu UL LI A { display: block; width:280px; padding:6px 8px; } DIV.submenu UL LI A:hover { border:0px; } DIV.commentby { margin-top:10px; padding:3px 0px; font-weight:bold; border-bottom:0px solid #e5e5e5; } DIV.comment { padding:3px 0px; } DIV.commentvitals { padding:3px 0px; border-bottom:1px solid #e5e5e5; color:#999999; } DIV.commentvitals A { font-weight:normal; } DIV.commentsRSSfeed { clear:both; margin-top:10px; } DIV.commentsRSSfeed IMG { vertical-align:top; margin-top:2px; } DIV.commentdivider { border-bottom:1px solid #e5e5e5; margin-top:20px; } #PageComments li.odd { background: #F2FAFF; border bottom:1px solid #B2E0FF; } /* *** NEWS *** */ DIV.news_column1 { width:880px; float:left; margin:10px 30px 0px 0px; } DIV.news_column1 H1, DIV.news_column1 H1 { font-size:110%; line-height:1em; letter-spacing:0px; font-weight:bold; margin:10px 0px 5px 0px; padding:0px; } DIV.news_column1 DIV.news_img { width:288px; float:left; margin:0px 20px 20px 0px; } DIV.news_img DIV { /*width:132px;*/ height:100px; float:right; } DIV.news_column1 DIV.news_text { width:480px; float:left; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border-bottom:1px solid #e3e3e3; } DIV.news_column1 DIV.news_text H2 { font-size:160%; line-height:1.2em; letter-spacing:0px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; } /* *** BLOG *** */ DIV.blogSummary { margin:10px 0px 30px 0px; } DIV.blogSummary H2 { font-size:120%; line-height:1.2em; letter-spacing:0px; margin:0px 0px 10px 0px; padding:0px; } DIV.blogSummary H2 A { font-weight:bold; } /*SPAN.blogh2, A.blogh2 { font-family:sans-serif, Arial; font-size:1.4em; line-height:1.2em; font-weight:normal; }*/ /* blog summary heading */ /* SPAN.blogdate, A.blogdate { color:#767676; font-size:90%; line-height:1.9em; margin:0px; } SPAN.blogdate A { font-weight:normal; } */ DIV.datetime { float: right; height: 60px; width: 54px; background:url('../images/bg_date.gif') top left repeat-x #0066cc; font-size: 11px; font-weight: 100; text-align: center; color: #fff; line-height: 10px; margin: 4px 0px 4px 0px; padding: 3px 3px 0px 0px; } .datetime span { display: block; line-height: 52px; font-size: 24px; color:#000000; } DIV.blogvitals { padding:3px 0px; font-size:11px; line-height:14px; color:#666666; margin-top:5px; border:1px solid #e5e5e5; border-left:0px; border-right:0px; } DIV.blogvitals A { font-weight:normal; } DIV.blogEntry DIV.blogvitals { margin-bottom:10px; } /*DIV.posted { border-top:1px solid #dedddd; border-bottom:1px solid #dedddd; color:#666666; }*/ DIV.blogEntry { width:80%; } DIV#Sidebar { } DIV#Sidebar DIV.WidgetHolder { margin-bottom:15px; } .tagcloud .not-popular { font-size: 1em; } .tagcloud .not-very-popular { font-size: 1.3em; } .tagcloud .somewhat-popular { font-size: 1.6em; } .tagcloud .popular { font-size: 1.9em; } .tagcloud .very-popular { font-size: 2.2em; } .tagcloud .ultra-popular { font-size: 2.5em; } /* *** TEXT *** */ .english { color:#666666; font-style:italic; margin-top:20px; } /* ***** FORM ***** */ FORM { margin:0px; padding:0px; } FORM FIELDSET { border:0px solid #000000; padding:10px 0px; } FORM .field { display:block; clear:both; padding:5px 5px; margin-bottom:4px; background-color:#dae5eb; overflow:auto; } FORM DIV.field LABEL { padding:3px 0px; margin:0px; float:left; width:220px; } FORM .field INPUT { padding:3px 4px; width:350px; border:1px solid #cccccc; } FORM .field TEXTAREA { padding:4px; width:350px; font-size: 100%; font-family: Arial, Verdana; } FORM P.field INPUT { width:25px; position:relative; padding:4px; border:0px; margin:2px 0px 0px 0px; } FORM P.field LABEL { float:none; position:relative; padding:0px; margin:0px; } FORM .message { background-color:#ffeded; border:1px solid #e10007; color:#e10007; padding:3px 5px; font-weight:bold; } DIV.Actions { padding:4px 0px; text-align:right; margin-bottom:15px; } DIV.Actions INPUT { padding:2px 8px; border:1px solid #666666; background-color:#000000; color:#FFFFFF; overflow: visible; }