/* Theme Name: Storefront Lakeside Theme URI: http://www.storefrontthemes.com/ Version: 1.0 Description: Designed by Storefront Themes. Author: Storefront Themes Author URI: http://www.storefrontthemes.com Copyright: (c) 2010 Storefront Themes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; @import "css/960_24_col.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. Main Containers -1.1 Wrapper -1.2 Header -1.3 Container -1.4 Footer 3. Navigation -3.1 Main Navigation -3.2 Footer Navigation -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 12px/20px 'Nobile', arial, serif; color: #555; background-color: #eaeaea; } a {color: #52729b;} h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight:normal; line-height:1.3;} h1 {font-size: 28px; margin-bottom:20px;} h2 {font-size: 24px; margin-bottom:16px;} h3 {font-size: 18px; margin-bottom:13px;} h4 {font-size: 16px; margin-bottom:10px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin-bottom:15px;} hr { background-color: #ccc; border:0; border-bottom:1px solid #fff; height: 1px; margin:15px auto; } hr:after {border-top:1px solid #ccc;} .general-divider {max-height:1px; height:1px; width:100%; margin:15px auto; clear:both; background:#ccc; border-bottom:1px solid #fff;} .nav-general-divider {margin-top:0;} .nine-sixty {width:960px;} input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #52729b; text-decoration:none;} a:hover {text-decoration:underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. MAIN ID CONTAINERS */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Wrapper */ #wrapper {width:960px; margin:0 auto;} /* 2.2 Header */ #header {} #logo {margin:30px 0px;} #header hr {margin-top:0px;} /* 2.3 Container */ #container { margin:20px auto;} /* 2.4 Footer */ #footer {} /*-------------------------------------------------------------------------------------------*/ /* 3. NAVIGATION */ /*-------------------------------------------------------------------------------------------*/ /* 3.1 Main Navigation */ #main-nav-container {font-family: 'Nobile', arial, serif; font-size:13px;} #main-nav-starter {width:1px; background:#fff; border-right:1px solid #ccc; float:left; height:35px; margin-left:15px;} #main-nav {list-style-position:outside; position:relative; z-index:999;} #main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding:8px 20px 7px; color:#333; text-decoration:none;} #main-nav a {border-right:1px solid #fff; font-weight:bold;} #main-nav li {border-right:1px solid #ccc;} #main-nav li li a:link, #main-nav li li a:active, #main-nav li li a:visited {color:#777; font-weight:normal;} #main-nav ul a {background:#fff;} #main-nav li:hover {background:#fff;} #main-nav ul a:hover {background:#ddd;} #main-nav a:hover {background-color:#fff; color:#333;} #main-nav li {float:left; position:relative;} #main-nav ul {position:absolute; width:12em; display:none;} #main-nav li ul a {width:12em; float:left;} #main-nav ul ul {top:auto;} #main-nav li ul ul {left:12em; margin:0px 0 0 40px;} #main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {display:none;} #main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {display:block;} /* 3.2 Footer Navigation */ #foot-nav {list-style-position:outside; position:relative; font-size:11px; z-index:1;} #foot-nav a {color:#666;} #foot-nav a:hover {text-decoration:none;} #foot-nav li {float:left; margin-left:25px; font-weight:bold;} #foot-nav li li {clear:both; margin-left:0px; font-weight:normal;} #foot-nav ul a:hover {text-decoration:underline;} /*-------------------------------------------------------------------------------------------*/ /* 4. HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Slider */ #slider-frame {background:#f3f3f3; width:960px; margin:0 auto; padding:7px 0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} #slider {width:946px; margin:0px 8px; clear:both;} /* 4.2 Beneath Slider */ #beneath-slider {width:940px; margin:8px auto;} #beneath-slider p {font-size:11px; text-align:center; margin-bottom:0px; font-weight:bold; color:#000;} /*4.3 Homepage Carousel */ #home-carousel-wrap {width:960px; margin:0 auto; margin:20px auto;} .home-carousel li, .home-carousel-img {margin:0; padding:0;} #home-carousel-wrap button, #home-carousel-wrap .home-carousel {float:left;} #home-carousel-wrap button {width:20px; height:20px; cursor:pointer; border:0; margin-top:55px;} button.carousel-next {background:url(images/carousel-button-right.png) no-repeat;} button.carousel-prev {background:url(images/carousel-button-left.png) no-repeat;} .home-carousel li {background:#f3f3f3; height:128px; margin:0 11px;} .home-carousel img {width:200px; height:120px; padding:3px; border:1px solid #ccc;} .home-carousel {max-height:128px; overflow: hidden;} /*-------------------------------------------------------------------------------------------*/ /* 5. SIDEBAR */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Sidebar */ #sidebar {border-left:1px solid #ccc; margin-left:-1px; } #sidebar .widget {margin:15px 0px 30px 15px;} #sidebar .widget li a {display:block; padding:5px 10px; margin:3px 0px; background:#fafafa;} #sidebar .widget li a:hover {background:#52729b; color:#fafafa; text-decoration:none;} .widget_video {background:#fafafa; padding:10px;} /*-------------------------------------------------------------------------------------------*/ /* 6. POSTS */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Post */ .page-content {margin:15px 10px 15px 15px;} .post-meta {background:#f3f3f3; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; margin-top:-10px;} .post-meta p {font-size:10px; margin:0px;} /*-------------------------------------------------------------------------------------------*/ /* 7. FOOTER */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Footer Left */ /* 5.2 Footer Right */ #footer {padding-bottom:15px;} #footerright {text-align: right;} #footer-copyright p {font-size:10px; margin-bottom:0px; text-align: center; color:#878787;} #footer-copyright a {font-weight:bold;} /*-------------------------------------------------------------------------------------------*/ /* 8. IMAGES */ /*-------------------------------------------------------------------------------------------*/ .image-frame {background:#f3f3f3; padding:7px 0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .image-frame img {margin:0px 8px;} .page-image-frame {margin:-15px 0px 15px;} .post-image-frame {margin-top:10px;} /*-------------------------------------------------------------------------------------------*/ /* 9. FORMS */ /*-------------------------------------------------------------------------------------------*/ input.button {background:#52729b; color: #eee; cursor:pointer; font-size:11px; font-weight:bold; padding:8px; border:0px;} input.button:hover {background:#333;} form.formBuilderForm {font-weight:bold; font-size:11px; margin-top:20px; background:#f3f3f3; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px;} form.formBuilderForm input, form.formBuilderForm textarea, form.formBuilderForm select {border-color: #ccc; border-width: 1px; border-style: solid; padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; min-width:225px; background:#eaeaea; font-weight:bold; font-size:13px;} .formBuilderField {margin-bottom:12px;} form.formBuilderForm .formBuilderSubmit input {background:#52729b; color: #eee; cursor:pointer; font-size:11px; font-weight:bold; padding:8px; border:0px;} form.formBuilderForm .formBuilderSubmit input:hover {border:0px; background:#888; color:#fff;} form.formBuilderForm select {height:25px; font-size:11px; font-weight:bold; padding-top:} form.formBuilderForm checkbox {width:30px;} form.formBuilderForm textarea {height:80px;} .formBuilderError {color: #8c0a0c;} .formBuilderFailure {background: #8c0a0c; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0px 10px; clear:both; margin-bottom:5px;} .formBuilderFailure h4 {color:#fff; padding-top:10px;} .formBuilderFailure a {color:#fff; font-weight:bold;} .formBuilderSuccess {background: #c1cc89; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:20px;} .formBuilderLabel, .formBuilderLabelRequired {margin-bottom:2px;} .comment {background:#f3f3f3; padding:7px 0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:15px;} .comment .comment {background:#fafafa; padding:7px 0px; margin:15px;} .comment .comment .comment {background:#fff;} .comment .comment .comment .comment {background:#fafafa;} .comment-container {margin:0px 8px; clear:both;} .comment-container .avatar {padding-right:5px; padding-bottom:5px; float:left;} .comment-container p {font-size:11px;} .comment-head {font-weight:bold; margin-bottom:10px;} .comment-container .avatar, .comment-container .comment-head, .comment-container .comment-entry {} a#page-top {width:100px; height:30px; border:0px; cursor:pointer; background:url(images/page-top.png); float:right; margin-right:15px;} .pd-rating {margin-top:10px;}