/*\ +-----------------------------------------------+ styling >> RSS for bridge-log.com version >> 06/04/2006 author >> Kostis Sakkas feel free to ask anything kostis[dot]sakkas[at]handmade[dot]gr +-----------------------------------------------+ \*/ /* THE HTML ____________________________________________________________*/ html { margin:0; padding:0;} body { margin:0; padding:0; font:normal 11px/130% Verdana, Arial, Helvetica, sans-serif;color:#454545 ;background:#A3CEF1 url("../../_img/bkg-body.gif") repeat-y top left;} h1, h2 { margin:0; padding:0; font-family: "Palatino", "Georgia", "Times New Roman", serif;} h3, h4, h5 { margin:0; padding:0; font-family: "Verdana", "Arial", "Helvetica", sans-serif;} p { margin:0; padding:0; font:normal 1em/130% "Verdana", "Arial", "Helvetica", sans-serif; color:#454545;} em { color:#88350B; text-decoration:underline; font-style:normal;} img, img a { border : none;} hr { /*good for IE*/ color: #969696; /*the rest try to fool opera and firefox */height: 1px; background-color: #969696; border: 0px solid #969696; } form, fieldset{ margin:0;padding:0; border:0} code { margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#c00; border:1px dotted #ccc; display:block} .clearthis { clear: both; line-height: 1px; height: 0} /* THE LINKS ____________________________________________________________*/ a {color:#2867A8; font:normal 1em/100% "Verdana";text-decoration:underline;} a:hover {color:#BB414B; text-decoration:underline} a.external {padding:0 20px 2px 0;} a.external:hover {padding:0 20px 2px 0;} /* THE POSITIONING ____________________________________________________________*/ #site-wrapper{margin:0; padding:0; background-color:#fff; float:left; display:block; width:775px;} #content, #header, .sidebar, #intro-container, #main, #article-container, #news-container, #footer{ margin:0; padding:0; float:left; display:block; } #skip{ display:none;} /* THE HEADER ---------------------------------- - The Logo & Quote - The top banner - The Navigation - The Worldtime - The member module (Login) ____________________________________________________________*/ #header{ height:200px; width:775px; background:#255E9E url("../../_img/bkg-header.gif") no-repeat 0 0;} #logo-module, #topbanner, #nav-module, #member-module{ width:570px; float:right; display:block; } #logo-module h1 { margin:0; padding:0; display:block; width: 210px; height:40px; float:left; font:bold 1.5em/150% "Verdana";} #logo-module h1 a{color:#fff; text-decoration:none} #logo-module h1 a span{ position: absolute; width: 210px; height:40px; background-position: 0 0; cursor:pointer;} #logo-module h1 a span{ background:transparent url("../../_img/bridgelog-logo.gif") no-repeat top left} #logo-module p{ padding:6px 0 0; color:#D4E6F5; font:normal .9em/120% "Verdana";} #logo-module {height:40px; background-color:#1D436F; } #topbanner {height:80px; background:#368ED0 url("../../_img/bkg-header-2.gif") no-repeat 0 0;} #nav-module {height:30px; background:#2662A2 url("../../_img/bkg-nav.gif") repeat-x 0 0;} #member-module {height:50px; background:#A3CEF1 url("../../_img/bkg-member.gif") repeat-x 0 0;} #topbanner img{margin:10px 10px 0; float:right;} #nav-module ul{ margin:0 20px 0 0; padding:0; list-style-type:none; float:left;} #nav-module ul li{margin:0; padding:0; float:left; display:block} #nav-module ul li a{color:#fff;} #nav-about, #nav-adv, #nav-news, #nav-contact{margin:0; padding:0; display: block; height: 30px; text-indent: -3000px;} #nav-about {background: url("/_img/menu-about.gif") left top no-repeat; width:80px;} #nav-adv {background: url("/_img/menu-advertisement.gif") left top no-repeat; width:110px;} #nav-news {background: url("/_img/menu-news.gif") left top no-repeat; width:46px;} #nav-contact {background: url("/_img/menu-contact.gif") left top no-repeat; width:74px;} #nav-about:hover, #nav-adv:hover, #nav-news:hover, #nav-contact:hover { background-position: 0 -30px;} #about #nav-about, #about #nav-about:hover, #advertisement #nav-adv, #advertisement #nav-adv:hover, #news #nav-news, #news #nav-news:hover, #contact #nav-contact, #contact #nav-contact:hover{ background-position: 0 -30px; } #worldtime-module {margin:5px 0; padding:2px 15px 0 20px; float:right; background:#E7FFBA url("../../_img/bkg-worldtime.gif") no-repeat 0 0; height:16px; width:145px;} /* THE MAIN CONTENT - Homepage posts - News Items - Article Container - Forum Module - Search Results ____________________________________________________________*/ #content {background:#fff url("../../_img/bkg-content.gif") repeat-y top left} #article-container{margin:0; padding:20px; width:720px; } #article-head{padding:0 0 10px;} #article-head h2{margin:0; padding:0 0 3px 0; font:bold 1.2em/130% "Verdana"; color:#4B76A6;} #article-head p.article-details{ padding:3px 0; color:#888;font:normal 0.9em/100% "Verdana"; } #article-body{padding:0 0 10px 0; float:left;} #article-body p {margin:0 0 10px 0; } #article-body ul{ margin:10px 5px; padding:0 0 0 15px; list-style-type:disc} #article-image{margin:0 0 10px 15px; padding:10px 10px 10px 10px; float:right; display:block; width:160px; background-color:#fff;border:1px solid #E2E2E2; } #article-image img {margin:0; padding:1px; border:1px solid #A3CEF1; width:160px } /* THE SLOPS ____________________________________________________________*/ #slops-module{margin:0 0 0 5px; padding:20px; background-color:#EDECEC; background:#EDECEC url("../../_img/bkg-slops.gif") repeat-x bottom left; float:left;width:530px;} #slops-module fieldset{padding:0 5px; width:250px; float:left; display:block;} #slops-module fieldset legend{margin:0; padding:0;font:bold 1.2em/100% "Verdana";} #slops-module fieldset label{margin:10px 0 5px; padding:5px; float:left; color:#2762A2; background-color:#fff; width:240px} #slops-module fieldset select{float:left; width:250px; color:#454545;font:normal 1em/100% "Verdana";} /* THE FOOTER ____________________________________________________________*/ #footer{width:775px; background-color:#E2F1FD;} #footer-left{margin:0; padding:0; float:left; display:block;border-top:10px solid #A3CEF1; width:595px;} #footer-left p{margin:10px 0 20px 10px;float:left;} #footer-left ul{margin:10px 0 20px; padding:0; list-style-type:none; width:300px; float:right; } #footer-left ul li{margin:0; padding:0 3px; float:left; display:block} #footer-right{margin:0; padding:0; float:right; display:block; border-top:10px solid #74B2E5; width:180px;} #footer-right ul{margin:15px 0 0 10px; padding:0; list-style-type:none;} #footer-right ul li{ margin:0; padding:0; float:left; display:block; color:#909090;font:normal 0.9em/100% "Verdana";} #footer-right ul li a{margin:0; padding:0 3px; color:#909090; } #footer-right ul li a:hover{margin:0; padding:0 3px; color:#BB414B;}