/* STRATA FINANCE LTD by GLEN SWINFIELD VERSION 1.0 Copyright: Strata Finance Ltd. 2009 */ @import url(reset.css); /* RESET CSS */ /* HELPERS ---------------------------------------------------------------------- */ img.inline { display:inline; } .ui-tabs .ui-tabs-hide { display: none; } /* BODY ---------------------------------------------------------------------- */ body { text-shadow:rgba(0,0,0,0.01) 0 0 0; font:normal 13px/20px georgia, times, serif; color:#757474; } /* ACCESS NAV ---------------------------------------------------------------------- */ ul#nav_access { display:none; } a.access { position:absolute; top:-9999px; left:-9999px; font-family:Verdana,sans-serif; font-size:10px; font-weight:bold; background:#eee; border:2px solid #ddd; padding:10px; } a.access:focus { display:block; top:0; left:0; color:#333; } /* DEFAULT STYLING ---------------------------------------------------------------------- */ p,ul,dl,ol { margin-bottom:18px; } ul { list-style:square; margin-left:18px; } div#main ul.fancy { list-style:none; margin-left:0; } div#main ul.fancy li { padding:6px 0; border-bottom:1px solid #ccc; } div#main ul.fancy strong { color:#000; display:inline-block; width:150px; } /* HEADINGS ---------------------------------------------------------------------- */ h1 { font-size:23px; line-height:30px; color:#36434d; border-bottom:3px solid #ccc; text-align:left; margin:0 0 25px 0; } h1 span { font-size:11px; text-transform:uppercase; padding-left:20px; text-decoration:none; color:#000; } div#sidebar h1 { font:normal 18px georgia; margin-bottom:15px; color:#36434d; border:0; } h2 { font:normal 18px georgia; margin-bottom:15px; color:#36434d; border:0; } h3 { font:normal 15px georgia; margin-bottom:15px; color:#36434d; border:0; } /* LINKS ---------------------------------------------------------------------- */ a { color:#390038; text-decoration:underline; } a:hover, a:focus { color:#000; text-decoration:none; } a#follow { position:absolute; bottom:-110px; right:0; display:block; z-index:99; } /* 6.LAYOUT ---------------------------------------------------------------------- */ div#page { padding-bottom:40px; } div#page-inner, div#branding-inner, div#footer { width:900px; margin:0 auto; } div#main { width:560px; float:right; font:13px/22px georgia; color:#555; } .home div#main { width:560px; float:right; font:13px/22px georgia; color:#555; padding-bottom:40px; } div#main p, div#main ul, div#main ol { margin-bottom:18px; } div#main ul { list-style:square; margin-left:18px; } div#main a, div#main a:visited { color:#d90a85; text-decoration:underline; } div#main a:hover { color:#ff73c6; text-decoration:none; } div#page-inner { padding-bottom:40px; overflow:hidden; } /* SIDEBAR ---------------------------------------------------------------------- */ div#sidebar { width:285px; float:left; text-align:left;} #sidebar p.intro, div#sidebar h1 + p { color:#111; font:normal 14px/20px georgia; } #sidebar p { color:#555; font:normal 11px/18px helvetica, arial; margin-bottom:20px; } #sidebar ul { list-style:square; margin-left:16px; } div#sidebar a, div#sidebar a:visited { color:#000; } /* BRANDING/MASTHEAD ---------------------------------------------------------------------- */ div#branding { background:#36434d; color:#fff; border-bottom:5px solid #835782; margin-bottom:80px; position:relative; } div#branding-inner { position:relative; height:198px; } #branding-inner img#tag { position:relative; top:60px; } #branding form { background:#000; float:right; padding:6px 14px 6px 14px; height:24px; font:bold 11px helvetica, arial; text-transform:uppercase; } #branding form label { padding:2px 10px 0 0;} #branding form input.text { padding:2px; border:0; color:#888; width:150px; } p#logo { position:absolute; right:0; top:0; background:#fff; padding:30px 20px; } div#strapline { background:#000; height:5px; } #strapline p { width:900px; margin:0 auto; } #strapline a, #strapline a:visited { color:#fff; text-decoration:none; text-transform:uppercase; } #strapline a:hover { color:yellow; text-decoration:underline; } #strapline img { position:relative; top:3px; } /* NAVIGATION ---------------------------------------------------------------------- */ div#shortnav { float:right; text-transform:uppercase; } #shortnav img { display:inline; padding-right:2px; position:relative; top:3px; margin-top:-6px; } #shortnav a, #shortnav a:visited { background:#000; display:block; padding:10px 10px 0 10px; height:26px; color:#fff; font:bold 11px helvetica, arial, sans-serif; float:right; border-right:1px solid #222; text-decoration:none; } #shortnav a:hover { background:#333; } ul#navigation_pri { overflow:hidden; position:absolute; right:0; bottom:0; list-style:none; margin:0; padding:0; background:#42525e; } #navigation_pri li { float:left; display:block; padding:9px 10px 10px 10px; letter-spacing:1px; } #navigation_pri li.cur, #navigation_pri li.cur:hover { background:url(../images/site/cur.jpg) bottom center no-repeat; } #navigation_pri li:hover { background:#797d80; } #navigation_pri a, #navigation_pri a:visited { color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px; } /* SITEINFO/FOOTER ---------------------------------------------------------------------- */ div#footer { clear:both; border-top:1px solid #eee; padding-top:20px; } #footer div#address { width:250px; float:right; font:14px/22px georgia, serif; color:#36434d; padding:12px 0; } div#recent_deals { padding:12px 0 20px 0; color:#36434d; font-size:11px; border-bottom:1px solid #eee; margin-bottom:20px; position:relative; min-height:60px; } #recent_deals img { position:absolute; right:0; top: 0; } #recent_deals a, #recent_deals a:visited { color:#757474; } #recent_deals a:hover { color:#000; text-decoration:none; } #recent_deals h3 { font:normal 14px georgia; margin-bottom:15px; } #recent_deals ul { list-style-type:square; margin-left:15px; } /* FORMS ---------------------------------------------------------------------- */ form#member_form, form#freeform, div.fieldset, form#entryform { -moz-border-radius:7px; background:#ebeced; padding:20px; } #member_form label, form#freeform label, form#entryform label { display:inline-block; width:160px; padding-right:20px; vertical-align:top; text-align:right; } #member_form em, form#freeform em, form#entryform em { color:#c00; font-weight:bold; } #member_form p, form#freeform p, form#entryform p { margin-bottom:15px; } #member_form input.text, form#freeform input.text, form#entryform input.text { font:14px georgia; padding:7px; width:300px; border:1px solid #e8e3e8; } textarea { width:300px; padding:7px; height:160px; } #main ul.tabs { overflow:hidden; margin-bottom:-1px; margin:0 0 0 30px; } ul.tabs li { display:block; float:left; padding:5px 10px; border:1px solid #d8d8d8; border-bottom:0; margin:0 10px 0 0; } ul.tabs li:hover { background:#d8d8d8; } ul.tabs li a, ul.tabs li a:visited { font-size:11px; text-decoration:none; } ul.tabs li.ui-tabs-selected, ul.tabs li.ui-tabs-selected:hover { background:#ebeced; border-bottom:0;} #member_form p.instruction { font:bold 11px/18px helvetica, arial; color:#000; margin-bottom:20px; } div.ff-ft { display:inline; } form p.submit { text-align:right; padding-right:23px; } #sidebar form#freeform, #sidebar form#member_form { text-align:left; margin-bottom:20px; } #sidebar form#freeform input.text, #sidebar form#member_form input.text { width:220px; } #sidebar form#freeform label, #sidebar form#member_form label { display:block; text-align:left; } #sidebar textarea, #sidebar form#member_form textarea { width:220px; padding:7px; height:150px; } /* DEALS ----------------------------------------------------------------------*/ ul#main_deals_list { float:left; width:900px; border-bottom:4px solid #ccc; border-top:1px solid #ccc; margin:0;} ul#main_deals_list li { font:13px georgia; padding:10px 5px; color:#555; background:#fff; overflow:hidden; } ul#main_deals_list li.alt { background:#ebeced; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} ul#main_deals_list li span.title { width:700px; display:block; } ul#main_deals_list li span.county { display:block; font:normal 11px georgia; color:#835782; text-transform:uppercase; padding-top:5px; } ul#main_deals_list li div.left { float:left; width:700px;} ul#main_deals_list li div.right { float:right; width:160px; } ul#main_deals_list li span.sector { font:normal 13px georgia; color:#835782; } ul#main_deals_list li span.amount { color:#000; font:normal 11px helvetica, arial, sans-serif; text-transform:uppercase; } ul#main_deals_list li a, ul#main_deals_list li a:visited { color:#555; } /* HIGHLIGHT ELEMENTS ----------------------------------------------------------------------*/ p.further-info, div.further-info, div#main p.further-info, div#main div.further-info { padding:12px; background:#ffffee; color:#333; font: 11px/18px arial, helvetica, sans-serif; font-weight:bold; } #sidebar div.further-info ul li a { color:#666; } #sidebar div.further-info a.faq_borrower.cur, #sidebar div.further-info a.faq_investor.cur { text-decoration:none; color:#000; } div#contact-message { padding:12px; background:#ffffee; color:#333; } div#contact-message a, div#contact-message a:visited { color:#333; } /* NEWS ----------------------------------------------------------------------*/ div#news { clear:both; padding-top:45px; border-top:1px solid #eee; } #news h3 { font-size:21px; margin-bottom:0; } #news div.meta h3 { margin-bottom:18px; } #news div.meta { width:261px; float:left; padding:12px; } #news div.news-content { float:right; width:560px; } #news span.date { margin-bottom:8px; display:block; } #news div.meta ul { margin:0; list-style:none; } #news div.meta ul li { margin-bottom:8px; font:11px helvetica, arial,sans-serif; padding-bottom:8px; } #news div.meta ul li a, #news div.meta ul li a:visited { color:#000; } /* KAMPYLE ----------------------------------------------------------------------*/ body .k_top_sl { top:0; } ul#news { list-style:none; margin:0 0 0 0; } ul#news li { font:11px arial; border-bottom:1px solid #ccc; padding:12px 6px; } ul#news li span { display:block; font:italic 11px arial; color:#888; } ul#news li.cur { background:#eee; } ul#news li.cur a { font:bold 11px arial; text-decoration:none; }