/* 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;} /* ------------------------------------------------------------------------------------*/ /* Keenondots */ BODY { font-size: 75%; margin:0px; padding:0px; text-align:center; background:url('../images/page_bg_gradient.gif') top repeat-x #01182b; } BODY, TD, DIV, INPUT { font-family: Arial, Verdana, sans-serif; line-height:1.4em; color:#FFFFFF; } BODY DIV { text-align:left; } A { color:#1ab7ea; font-weight:bold; text-decoration:none; } A:hover { border-bottom:1px dotted #1ab7ea; padding-bottom:1px; } A.none:hover { border:0px; } IMG { border:0px; } .clear{ clear:both; line-height:0px; font-size:0px; height:0px; } /* ***** FORMS ***** */ FORM { margin:0px; } INPUT { color:#000000; font-size:100%; } /* ***** TEXT ****** */ H1 { font-size:220%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:0px 0px 15px 0px; padding:0px; } H2 { font-size:180%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:10px 0px 5px 0px; padding:0px; } H3 { font-size:160%; line-height:1.8em; letter-spacing:0px; font-weight:normal; margin:10px 0px 5px 0px; padding:0px; } H4 { font-size:140%; line-height:1.8em; letter-spacing:0px; font-weight:normal; margin:10px 0px 5px 0px; padding:0px; } /* ***** LAYOUT ****** */ DIV.full { background:url('../images/header_bg_bubbles.gif') top repeat-x; } DIV.layout { width:780px; margin:0px auto; text-align:left; overflow:visible; } /* generic width div due to fullscreen outer divs */ DIV.header { margin:0px; padding:0px; overflow:auto; } DIV.logo { width:334px; height:119px; float:left; } DIV.logo IMG { margin-top:70px; } DIV.utility { width:446px; height:33px; float:left; margin:39px 0px 0px 0px; text-align:right; } DIV.utility LI { display: inline; list-style-type: none; padding: 0px 14px 0px 14px; border-right:1px solid #3387a2; } DIV.utility .last { border:0px; } DIV.utility A { font:normal 14px/16px Arial, Verdana; margin:0px; } DIV.menu { background:transparent url('../images/bg_transblue.png') top left; background-repeat:none; width:446px; height:20px; float:left; padding:10px 0px; text-align:center; } DIV.menu LI { display: inline; list-style-type: none; padding: 0px 17px 0px 17px; border-right:1px solid #237893; } DIV.menu .last { border:0px; } DIV.menu LI A { font:normal 16px/18px Arial, Verdana; padding:3px 5px; } DIV.menu LI A.current { font:normal 16px/18px Arial, Verdana; background-color:#010c16; padding:3px 5px; color:#FFFFFF; } DIV.container { width:780px; margin:0px auto; overflow:auto; } DIV.innerbanners { background:transparent url('../images/bg_transblue.png') top left; background-repeat:none; width:760px; height:243px; padding:10px; font-size:120%; } DIV.innerbanners A { font-weight:normal; } DIV.innerbanners_shade { background: url('../images/shade_slider.gif') top left repeat-x; height:27px; } DIV.domeincheck { width:590px; background:url('../images/heading_domeincheck.gif') top left no-repeat #011322; padding:6px 10px 6px 180px; background-position:10px 5px; } DIV.domeincheck LABEL { text-align:right; padding:4px 10px; } DIV.domeincheck INPUT { width:350px; height:14px; padding:2px 4px; vertical-align:middle; } DIV.domeincheck INPUT.submit { width:71px; height:23px; padding:1px 4px; vertical-align:middle; line-height:16px; background:#012f54; border:0px; color:#FFFFFF; } DIV.whoarewe { width:380px; float:left; margin:0px 30px 0px 10px; padding-bottom:15px; } DIV.newsitems { width:350px; float:left; padding-bottom:15px; } DIV.newsitems DIV { } DIV.newsitems SPAN { color:#7a93a7; } DIV.newsitems H4 { margin:5px 0 0 0; } DIV.newsitems DIV.blogSummary H4 { font-size:140%; font-weight:normal; letter-spacing:0; line-height:1.8em; } DIV.newsitems DIV.blogSummary H4 A { font-weight:normal; } DIV.page { background:transparent url('../images/bg_transblue.png') top left; background-repeat:none; width:760px; margin:0px auto; overflow:auto; padding:20px 10px; } DIV.pagemenu { width:304px; float:left; margin:0px 20px 0px 0px; } DIV.pagemenu UL { border-top:1px solid #344e63; margin:0px 0px 15px 0px; } DIV.pagemenu UL LI { border-bottom:1px solid #344e63; padding:6px 4px; text-align:right; } DIV.pagemenu UL LI A { font-weight:normal; font-size:120%; } DIV.pagemenu UL LI.current { background:#010c16; } DIV.pagemenu UL LI.current A { color:#FFFFFF; } DIV.pagemenu UL LI.current A:hover { border-bottom:1px dotted #ffffff; } DIV.content { width:436px; float:left; } DIV.footer { width:760px; margin:15px auto 0px auto; background:#010c16; color:#3b5771; overflow:auto; padding:20px 10px; text-align:left; } DIV.footer A { color:#597894; font-weight:normal; } DIV.footer A:hover { border-bottom:1px dotted #597894; padding-bottom:1px; } DIV.footer DIV { width:180px; float:left; padding:5px 0px; margin-bottom:10px; } DIV.footer DIV.clear { width:auto; float:none; padding:0px; } /* BLOG */ .authorDate, .tags, .blogVitals, .memberLinks { color:#7a93a7; } .blogVitals { margin-top:5px; } .blogParagraph { margin-top:5px; } .blogSummary { border-top:1px solid #344e63; padding-bottom:10px; } .blogSummary A, .blogEntry A { font-weight:normal; } DIV.blogpage { background:transparent url('../images/bg_transblue.png') top left; background-repeat:none; width:780px; margin:0px auto; overflow:auto; padding:1px 0px 0px 0px; } DIV.blogtitel { background:url('../images/heading_blog.gif') top left no-repeat; padding:20px 10px 20px 10px; width:760px; } /* COMMENTS */ DIV#CommentHolder { } DIV#CommentHolder A { font-weight:normal; } UL#PageComments { } UL#PageComments LI { margin-bottom:10px; } UL#PageComments LI SPAN { color:#7a93a7; } /* HEROGRAPHIC STYLES */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } /* PAGE STRUCTURE #page-wrap { width: 500px; margin: 25px auto; position: relative; min-height: 500px; background: url(images/bg.png) top center; } */ /* TYPOGRAPHY ul { list-style: square inside; } blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;} */ /* SLIDER .slider-wrap { width: 419px; position: absolute; top: 87px; left: 40px; } */ .stripViewer { width:760px; height:214px; position: relative; overflow: hidden; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; width: 780px; height:100%; position: relative; color:#FFFFFF; } .stripViewer .panelContainer .panel DIV { color:#FFFFFF; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid #cc0000; margin-right: 1px; } .cross-link IMG { filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; } .active-thumb IMG { filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; } /*.cross-link { background:#CCCCCC; } .active-thumb { background:#FFFFFF; }*/ div.transOFF {width: 100%; background-color: silver; border:1px solid black; } div.transON {width: 100%; background-color: silver; border:1px solid black; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; } /* #movers-row { margin: 0px; } #movers-row div { width: 25px; float: left; } #movers-row div a.cross-link { float: right; }*/ /*.photo-meta-data { background: url('../images/contentslider/transp_black.png'); padding: 10px; height: 70px; margin-top: -70px; position: relative; z-index: 9999; color: white; line-height:14px; }*/ DIV.panel .wrapper IMG { float:left; } .photo-meta-data { width:330px; margin-left:17px; float:left; text-align:left; position: relative; z-index: 9999; } .photo-meta-data span { font-size: 13px; } DIV.panelContainer { width:780px; height:214px; overflow:hidden; } DIV.slider_navigation { width:760px; height:23px; padding-top:8px; text-align:center; } DIV.slider_navigation div { width: auto; display:inline; margin-right:7px; } DIV.slider_navigation div a { border:0px; } /* ***** 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:#011322; overflow:auto; } FORM DIV.field LABEL { padding:3px 0px; margin:0px; float:left; width:130px; } FORM .field INPUT { padding:3px 4px; width:280px; border:1px solid #cccccc; } FORM .field TEXTAREA { padding:4px; width:280px; 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; }