/* ------------------------------------------------------------ loanbits.com 2007 redesign by Luke Stevens lukestevensdesign.com ------------------------------------------------------------ */ /* ------------------------------------------------------------ General ------------------------------------------------------------ */ * {padding:0;margin:0;} body {font-family:arial, helvetica, sans-serif;color:#334260;} .to-left {float:left;} .to-right {float:right;} img {border:0;} .clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;} .clearfix {display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------ Basic Typography ------------------------------------------------------------ */ a {color:#ef5b4a;font-weight:bold;} a:hover {text-decoration:none;} p {} h1 {} .article-item h3, .article-item h4, .article-item h5, .article-item h6 {font-size:14px;padding:0 0 5px 0;margin:0;} blockquote {font-size:12px;line-height:18px;margin:0px 20px 20px 10px;padding:15px;border:1px solid #fff;background-color:#f5f5f5;} #content ul, #content ol {font-size:13px;padding-left:25px;padding-bottom:15px;} #content li {padding-bottom:3px;} /* ------------------------------------------------------------ Layout ------------------------------------------------------------ */ #container {min-width:960px;} #header {width:100%;height:151px;background: url(../images/uploads/header-bgnd.gif) repeat-x;position:relative;} #logo {float:left;height:97px;width:623px;background: url(../images/uploads/logo-bgnd.jpg) repeat-x;} #logo h1 a {text-indent:-9999px;display:block;width:188px;height:67px;background: url(../images/uploads/loanbits-logo.gif) repeat-x;margin-left:12px;margin-top:15px;} #header-links {float:right;padding:23px 10px 0 0;} #header-links .secondary-links {font-size:11px;text-align:right;color:#ccc;} #header-links .secondary-links a {color:#4f72bc;} #member-links {font-size:12px;text-align:right;color:#3159ad;border:1px solid #d1d4da;background-image:url(../images/uploads/header-member-box-bgnd.png);padding:5px 10px 0px 10px;margin-top:10px;line-height:1.5em;position:absolute;top:32px;right:10px; min-width:240px;height:50px;} #member-links a {color:#3159ad;} #member-links .vdiv {color:#ccc;} #header-links .login {width:250px;} /* header log-in form */ #member-links .login-header {float:left;padding-bottom:3px;font-weight:bold;} #member-links .login-header .vdiv {color:#999;} #member-links .remember-me {display:inline;padding-left:10px;} #member-links .forgot-password {} #member-links .username {clear:both;float:left;text-align:left;position:relative;display:block;} #member-links .password {float:left;text-align:left;position:relative;display:block;margin-left:5px;} #member-links input.text {width:90px;} #member-links .login-submit {float:left;width:50px;display:block;margin-left:5px;} #member-links .small {font-size:10px;} /* overlabel there by default, changed to overlabel-apply via JS */ label.overlabel {display:block;} label.overlabel-apply {position:absolute;top:1px;left:5px;z-index:1;color:#bbb;} /* nav bar */ #navigation {clear:both;padding-top:18px;font-size:15px;} #navigation a {color:#fff;} #navigation a:hover {color:#ff6e6e;} #navigation .nav-links {margin-left:15px;float:left;} #navigation .nav-links ul {list-style-type:none;} #navigation .nav-links li {float:left;padding:0 10px;padding-bottom:2px;background: url(../images/uploads/nav-div.gif) left center no-repeat;} #navigation .nav-links li.first {background-image:none;} #search {float:right;padding-right:15px;} #search input.submit {font-size:12px;padding:0px 1px;} /*ie 7 positioning search fix*/ *:first-child+html #search {margin-top:-2px;} /* body columns */ #wrapper {float:left;width:100%;} /* #content {float:right;margin-right:100px;margin-left:300px;} margin-right = #sidebar + #extra widths */ #content {float:right;width:650px;margin-right: 59px;} #intro-box {margin:10px 0;} #intro-box p {color:#4e628c;padding:0px 20px;font-size:16px;line-height:1.4em;} #intro-box a {color:#ff6e6e;} #intro-box-content {background: #e2e8f1 url(../images/uploads/intro-box-grad-bgnd.gif) 0 12px repeat-x;} #intro-box-content .tl {background: url(../images/uploads/intro-box-tl.gif) no-repeat;} #intro-box-content .tr {background: url(../images/uploads/intro-box-tr.gif) no-repeat;width:15px;float:right;height:12px;} #intro-box-content .bl {clear:both;background: url(../images/uploads/intro-box-bl.gif) left bottom no-repeat;padding-bottom:20px;} #intro-box-content .br {background: url(../images/uploads/intro-box-br.gif) no-repeat;width:15px;float:right;height:20px;} #intro-box-content .ml {clear:both;background: url(../images/uploads/intro-box-ml.gif) left top repeat-y;} #intro-box-content .mr {background: url(../images/uploads/intro-box-mr.gif) right top repeat-y;} .section-header {margin-left:4px;} #content .section-header h3 {font-size:22px;color:#2e4e93;background:url(../images/uploads/content-h-div.gif) left bottom repeat-x;padding-bottom:2px;margin-bottom:5px;} .section-header .archives-link {font-size:12px;} .section-header .archives-link a {color:#385289;} .section-header p.sub {font-size:12px;font-style:italic;color:#77839d;} /* admin header */ #admin-header {font-size:11px;background: url(../images/uploads/header-bgnd.gif) 0 -112px repeat-x;padding:4px 10px 6px 15px;color:#aaa;} #admin-header a {color:#ccc;font-weight:normal;text-decoration:none;} #admin-header a:hover {text-decoration:underline;} /* ------------------------------------------------------------ Article items (single entry + index listings) ------------------------------------------------------------ */ .article-item {margin-left:8px;padding:20px 0;background:url(../images/uploads/content-h-div.gif) left bottom repeat-x;margin-bottom:5px;} .article-item h2 {font-size:22px;padding-bottom:3px;margin:0;} .article-item .meta {font-size:12px;color:#e6e6e6;} .article-item .meta {border:1px solid #eee;border-width:1px 0 1px 0;padding:5px 0 0 5px;margin-bottom:5px;height:20px;background: #e4e8f2 url(../images/meta-bgnd.gif) 0 0px repeat-x;} .article-item .meta a {color:#2e4e93;padding-right:3px;} .article-item .meta a:hover {color:#2e4e93;padding-right:3px;} .article-item .meta .category {float:left;background: url(../images/uploads/icon-article.gif) no-repeat;padding-left:14px;} .article-item .meta .author {float:left;background: url(../images/uploads/icon-author.gif) no-repeat;padding-left:14px;margin-left:4px;} .article-item .meta .date {float:left;background: url(../images/uploads/icon-date.gif) no-repeat;padding-left:18px;margin-left:5px;} .article-item .meta .comments {float:left;background: url(../images/uploads/icon-comment.gif) no-repeat;padding-left:17px;margin-left:5px;} .article-item .meta .sharing {float:left;background: url(../images/uploads/icon-share.gif) no-repeat;padding-left:20px;padding-bottom:10px;margin-left:5px;} .article-item p {clear:both;font-size:14px;line-height:1.45em;} .article-item .comments-sharing {/*text-align:right;*/font-size:12px;padding-top:7px;color:#fff;} /*was e6e6e6*/ .article-item .comments-sharing a {color:#385289;} .article-item .comments-sharing .comments {display:inline;background: url(../images/uploads/icon-comment.gif) no-repeat;padding-left:17px;margin-right:2px;} .article-item .comments-sharing .sharing {display:inline;background: url(../images/uploads/icon-share.gif) no-repeat;padding-left:18px;padding-bottom:10px;margin-left:2px;} /* ------------------------------------------------------------ Index page ------------------------------------------------------------ */ #index-page {padding-top:15px;} h2 .date-header {display:inline;color:#ccc;padding-left:5px;} h5 {font-size:15px;font-weight:bold;padding:10px 0 15px 10px;margin:0;} h5 a {color:#334260;} #short-headlines {padding-left:10px;font-size:13px;padding-bottom:10px;background:url(../images/uploads/content-h-div.gif) left bottom repeat-x;margin-bottom:5px;} #short-headlines .date-header {float:left;width:50px;color:#798399;} #short-headlines .date-items {margin-left:50px;} .short-item {background:url(../images/uploads/content-h-div-light.gif) left bottom repeat-x;margin-bottom:10px;} .short-item .headline {} .short-item .details {padding-left:0px;font-size:11px;padding-top:4px;padding-bottom:10px;color:#798399;} .short-item .details a {color:#798399;} .date-items .last {background-image:none;} /* inline saef */ #index-page #comment-form {margin:0 0 0 20px;padding:0;} /* tag cloud */ .tag-cloud {margin-left:10px;background:url(../images/uploads/content-h-div.gif) left bottom repeat-x;padding-bottom:20px;margin-bottom:10px;} .tag-cloud a.size-1, .tag-cloud a.size-2, .tag-cloud a.size-3, .tag-cloud a.size-4 {font-size:12px;} .tag-cloud a.size-5, .tag-cloud a.size-6, .tag-cloud a.size-7, .tag-cloud a.size-8, .tag-cloud a.size-9 {font-size:14px;} .tag-cloud a.size-10, .tag-cloud a.size-11, .tag-cloud a.size-12, .tag-cloud a.size-13, .tag-cloud a.size-14 {font-size:15px;} .tag-cloud a.size-15, .tag-cloud a.size-16, .tag-cloud a.size-17, .tag-cloud a.size-18, .tag-cloud a.size-19 {font-size:16px;} .tag-cloud a.size-20, .tag-cloud a.size-21, .tag-cloud a.size-22, .tag-cloud a.size-23, .tag-cloud a.size-24 {font-size:17px;} .tag-cloud a.size-25, .tag-cloud a.size-26, .tag-cloud a.size-27, .tag-cloud a.size-28, .tag-cloud a.size-29 {font-size:18px;} .tag-cloud a.size-30, .tag-cloud a.size-31, .tag-cloud a.size-32, .tag-cloud a.size-33, .tag-cloud a.size-34 {font-size:19px;} .tag-cloud a.size-35, .tag-cloud a.size-36, .tag-cloud a.size-37, .tag-cloud a.size-38, .tag-cloud a.size-39 {font-size:20px;} .tag-cloud a.size-40, .tag-cloud a.size-41, .tag-cloud a.size-42, .tag-cloud a.size-43, .tag-cloud a.size-44 {font-size:21px;} .tag-cloud a.size-45, .tag-cloud a.size-46, .tag-cloud a.size-47, .tag-cloud a.size-48, .tag-cloud a.size-49 {font-size:22px;} /* ------------------------------------------------------------ Single entry page ------------------------------------------------------------ */ /* article page */ #entry-page {padding-top:15px;} #entry-page .article-item {background:none;} #entry-page .article-item h2 {font-size:26px;color:#ef5b4a;padding-bottom:6px;} #entry-page .article-item p {margin:0px 0 15px 0;} #entry-page .entry-fin {height:15px;background:url(../images/uploads/entry-fin.gif) center center no-repeat;padding-top:20px;} #entry-page .related-items {padding:0px 0 5px 0;margin:15px 0 0 0 ;background:url(../images/uploads/content-h-div-light.gif) left bottom repeat-x;} #entry-page .related-items h4 {background:url(../images/uploads/content-h-div-light.gif) left top repeat-x;padding-top:20px;padding-bottom:4px;} /* comments */ #entry-page h3.comments-header, #entry-page h3.post-comment {font-size:20px;padding:3px 0 1px 0;height:25px;margin:10px 0 5px 0;color:#fff;/* was 2e4e93*/background-image:none;padding-left:10px;background:url(../images/uploads/content-header-bgnd.gif) no-repeat;} #entry-page h3 .bgnd-left {float:left;height:29px;width:10px;10px;background:url(../images/uploads/content-header-bgnd.gif) no-repeat;margin:-3px 0 0 -10px;} #entry-page h3.post-comment {background-position:-40px 0px;} #entry-page h3.comments-header {} #entry-page h3.comments-header span.form-link {font-size:11px;text-transform:uppercase;} #entry-page h3.comments-header span.form-link a {color:#fff;} #entry-page #comments {font-size:12px;padding-left:10px;} #entry-page .comment-item {margin:0 0 0px 0;padding:10px 3px 2px 2px;background:url(../images/uploads/content-h-div-light.gif) left bottom repeat-x;} #entry-page .comment-item p {font-size:12px;line-height:1.45em;margin:5px 0 10px 0;} #entry-page .comment-item .comment-details {color:#ccc;} #entry-page .comment-item .comment-details .commenter-name {display:inline;color:#ef5b4a;} #entry-page .comment-item .comment-details a.comment-count {color:#ccc;} #entry-page #comments .author02 {background-color:#f5f5f5;background: #e8ecf7 url(../images/uploads/sidebar-box-top-bgnd.gif) repeat-x;margin-bottom:10px;} /* this is just for example, would probably have to be inline, or included via EE's CSS templates, to work dynamically */ /* comment form */ #comment-form {font-size:12px;padding:20px 0 10px 10px;} #comment-form h3 {margin-left:-10px;} #comment-form .field-item {padding:5px 0;width:370px;margin-left:10px;} #comment-form p {clear:both;} #comment-form .field-item label {display:block;} #comment-form .field-item label i {color:#999;} #comment-form .field-item input {} #comment-form textarea {} #comment-form .checkbox-item {padding:5px 0;margin-left:10px;} #comment-form .submit-item {padding:10px 0;margin-left:10px;} /* ------------------------------------------------------------ Sidebar ------------------------------------------------------------ */ #sidebar {float:left;width:250px;margin-left:15px;} /*some #extra overlap*/ #sidebar-content {background:url(../images/uploads/sidebar-bgnd.gif) repeat-y;margin-left:10px;font-size:12px;width:218px;margin-top:10px;} #sidebar-content .box {width:162px;background:url(../images/uploads/sidebar-box-bgnd.gif) 0 25px repeat-x;margin-left:17px;padding:0px 10px 15px 10px;} #sidebar-content h4 {color:#fff;font-size:15px;} #sidebar-content .top {background:url(../images/uploads/sidebar-box-top-bgnd.gif) 0 32px repeat-x;margin-bottom:10px;} #sidebar-content .box h4 {margin:0 0 8px -11px;background:url(../images/uploads/sidebar-box-header-bgnd.gif) no-repeat;height:22px;padding:3px 0 0 10px;width:198px;} #sidebar-content .top h4 {margin:0px 0px -6px -27px;background:url(../images/uploads/sidebar-top-box-header-bgnd.gif) no-repeat;height:29px;padding:3px 0 0 25px;width:188px;} #sidebar-content .box p.sub {color:#979eac;font-size:12px;font-style:italic;} #sidebar-content .box p.sub a {color:#979eac;} #sidebar-content .box a {color:#39455e;font-weight:bold;} #sidebar-content .box .comments, #sidebar-content .box .comments a {color:#798399;font-weight:normal;} #sidebar-content ul {list-style-type:none;} #sidebar-content ul li {background: url(../images/uploads/sidebar-raquo.gif) 0 6px no-repeat;padding-left:10px;margin:5px;line-height:1.5em;} #sidebar-content ul ul {padding-left:0px;margin:0;} #sidebar-content .link-button {margin:0 auto;margin-bottom:5px;font-size:14px;width:138px;} #sidebar-content .link-button a {color:#ef5b4a;} #sidebar-content .link-button .link-button-inner {background: url(../images/uploads/sidebar-button.png) right top no-repeat;height:26px;margin-left:9px;text-align:center;padding-right:9px;padding-top:10px;} #sidebar-content .link-button .link-button-left {background: url(../images/uploads/sidebar-button.png) left top no-repeat;text-align:center;width:9px;height:36px;float:left;margin-left:-9px;margin-top:-10px;} #sidebar-content .questions .link-button {width:148px;} #sidebar-content .articles .link-button {width:148px;} #sidebar-content .more {text-align:center;} #sidebar-content .box-last-bgnd {background:url(../images/uploads/box-last-bgnd.jpg) left bottom no-repeat;margin:0;padding-bottom:55px;} /* ------------------------------------------------------------ Extras col (ads, about) ------------------------------------------------------------ */ #extra {float:left;width:310px;margin-left:0px;padding-top:10px;} #extra .section-header {padding-left:10px;} #extra .section-header h3 {font-size:16px;margin-bottom:3px;} #extra .section-header p.sub {font-size:11px;padding-top:0;} #extra .section-header p {font-size:11px;padding-top:5px;line-height:1.7em;padding-right:15px;} #extra .square-ad {width:250px;height:250px;background-color:#666;margin:20px 30px;} #extra .medium-rectangle {width:300px;height:250px;background-color:#666;margin:20px 5px;} .banner {width:468px;height:60px;background-color:#666;margin-right:-20px;border:1px solid;} /* ------------------------------------------------------------ Footer ------------------------------------------------------------ */ #footer {clear:left;padding:10px 0 25px 0;} #footer .banner {margin:10px 0 20px 25px;} #footer .nav-links {padding-top:20px;color:#b3b3b3;background:url(../images/uploads/content-h-div.gif) left top repeat-x;margin:0 75px;font-size:15px;text-align:center;} #footer .nav-links a {color:#33508d;} #footer .secondary-links {font-size:11px;color:#b3b3b3;padding:11px 0 13px 0;text-align:center;} #footer .secondary-links a {color:#33508d;} #footer .copyright {color:#75829f;font-size:11px;text-align:center;}