/* ------------------------ */ /* Soft Blue 1.0 */ /* 14 January 2009 */ /* Ripe Template */ /* CSS Document */ /* By Steven Parish */ /* steve@freshervisions.com */ /* ------------------------ */ /* GLOBAL PROPERTIES ----------------------------------------------------------- */ BODY {font-family: tahoma; font-size: 10pt; color: rgb(26,26,26); line-height: 160%; background-color: white); margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } a {text-decoration: none; color: rgb(154,30,42);} a:hover {#537cbb; color: #6791d1;} h1 {color: rgb(154,30,42); font-family: Arial; margin-bottom: 10px; margin-top: 0px; font-size: 24px; display: block;} h2 {color: rgb(154,30,42); font-family: Arial; margin-bottom: 10px; font-size: 18px; } h3 {color: rgb(154,30,42); font-family: Arial; margin-bottom: 10px; font-size: 16px; } h4 {color: rgb(154,30,42); font-family: Arial; margin-bottom: 10px; font-size: 14px; } img {border: none;} .clear { clear: both; } .input_hp {display: none;} /* hide honey pot inputs */ /* ripe notices such as 'thank you for form submition' */ .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} /* ----------------------------------------------------------------------------- */ /* LAYOUT BOXES ------------------------------------------------------------------ */ #header {height: 200px; padding-top: 25px;} #menubar {height: 68px; z-index:500;} #middle {margin-top: 15px; border-top: 10px solid rgb(2,7,109); border-bottom: 10px solid rgb(2,7,109); background-color: rgb(33,33,33);} #content-box {padding: 20px; padding-top: 30px; padding-bottom: 30px; color: rgb(245,243,243); } #footer {background-color: white; padding: 20px; color: rgb(73,73,73);} .container {width:917px; margin-left: auto; margin-right: auto;} #logo {width: 611px; height: 200px; background-image: url(images/logo.gif); background-repeat: no-repeat;} #slogan {height: 20px; text-align: left; color:rgb(129,139,146); margin-top:5px;} #imgwindow {height: 280px; margin-top: 15px; background-color: rgb(238,238,237); background-image: url(images/mortgage-house.gif); background-repeat: no-repeat;} #windowtext {float:right; width: 520px; padding: 30px; padding-top: 70px; font-size: 17px; color: rgb(73,73,73); line-height: 140%;} /* ----------------------------------------------------------------------------- */ /* MENU ------------------------------------------------------------------------ */ .navlist {list-style: none; height: 31px; margin:0; padding: 0; z-index:500;} .navlist li {list-style: none; padding: 0px; margin:0px; float: left;} .navlist a {display: block; width: 130px; height: 68px; font-size: 11pt; border-right: 1px solid white; } .navlist a:hover {background-color: rgb(243,244,239); color: rgb(140,16,28);} /* item images */ #menubar .navlist a span {display: none; background-repeat: no-repeat;} #menubar .navlist .n0 {background-image: url(images/nav_home.gif);} #menubar .navlist .n1 {background-image: url(images/nav_mortgages.gif);} #menubar .navlist .n2 {background-image: url(images/nav_protect.gif);} #menubar .navlist .n3 {background-image: url(images/nav_invest.gif);} #menubar .navlist .n4 {background-image: url(images/nav_tax.gif);} #menubar .navlist .n5 {background-image: url(images/nav_pensions.gif);} #menubar .navlist .n6 {background-image: url(images/nav_corporate.gif);} #menubar .navlist a.n0:hover, #menubar .navlist .nav_on .n0 {background-image: url(images/navOn_home.gif);} #menubar .navlist a.n1:hover, #menubar .navlist .nav_on .n1 {background-image: url(images/navOn_mortgages.gif);} #menubar .navlist a.n2:hover, #menubar .navlist .nav_on .n2 {background-image: url(images/navOn_protect.gif);} #menubar .navlist a.n3:hover, #menubar .navlist .nav_on .n3 {background-image: url(images/navOn_invest.gif);} #menubar .navlist a.n4:hover, #menubar .navlist .nav_on .n4 {background-image: url(images/navOn_tax.gif);} #menubar .navlist a.n5:hover, #menubar .navlist .nav_on .n5 {background-image: url(images/navOn_pensions.gif);} #menubar .navlist a.n6:hover, #menubar .navlist .nav_on .n6 {background-image: url(images/navOn_corporate.gif);} .subnavlist {position:absolute; z-index:500; display: block; padding: 0px; margin:0px; color: rgb(53,53,53); background-color: rgb(125,10,23); border-top:2px solid rgb(33,33,33); } .subnavlist li {display: none; float: none; padding-top: 0px; width: 130px;} #menubar .navlist .subnavlist a span {display: block; padding: 2px; padding-left: 5px; padding-right: 5px;} #menubar .navlist .subnavlist a {float: none; border: none; display: block; height: auto; font-size: 14px; background-image: none; color: rgb(255,255,255);} #menubar .navlist .nav_on .subnavlist a, #menubar .navlist .subnavlist a:hover {background-image: none;} .subnavlist a:hover {background-color: rgb(33,33,33); color: #6791d1;} .navlist li:hover .subnavlist li {display: block;} /* ie6 menu */ #menubar #ie6menu .navlist li {background-color: rgb(125,10,23); width: 122px;} #menubar #ie6menu .navlist a {background-image: none; height: 30px; width: 122px; color: white; padding: 4px;} #menubar #ie6menu .navlist a span {display: block;} #menubar #ie6menu .navlist a:hover {background-color: rgb(33,33,33);} /* ----------------------------------------------------------------------------- */ /* ARTICLES -------------------------------------------------------------------- */ .art {margin-bottom: 30px;} .art_feat {margin-bottom: 30px;} .art_title {} .dateline {font-family: Arial; color: rgb(100,100,100); font-size: 11px; } .comment01 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment02 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment01:hover, .comment02:hover {background-color: white; border: 1px solid rgb(112,0,14); border-left: none; border-right: none;} .com_author {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;} .com_subject {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; } .com_date {color: rgb(128,128,128); font-size: 10px; text-align: right;} .com_rate {float: right; font-size: 18px;} .com_hide {color: rgb(187,187,187);} .com_post_table {text-align: left; } #com_post_box {text-align: left; display:none;} /* ----------------------------------------------------------------------------- */ /* forms -------------------------------------------------------------------- */ .ripeFormBox {width:99%;} .ripeFormBox table {width:99%;} .ripeFormBox .formLabels {width:360px;} .ripeFormBox .textbox {width:99%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .textarea {width:99%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} /* ----------------------------------------------------------------------------- */