/* Theme Name:Algaewheel Theme URI:http://walgaewheel.com/ Description:Algaewheel WP theme Version:1.0 Author:Matt Sartori Author URI:http://wiredground.com/ */ /* Begin Typography & Colors */ html {height:100%;} body {margin:0; background-image:url(assets/images/bg.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; background-color:#A2B554; height:100%;} #outer_wrapper {background-color:#d1daaa; width:900px; margin-left:auto; margin-right:auto; height:100%;} #wrapper {width:900px; background-image:url(assets/images/wrapper_bg.png); background-repeat:repeat-y; background-color:#d1daaaa; margin:auto;} a img {border:none;} .frm label {display:block;} form {margin:0; padding:0} h1 {padding:0; margin:0; float:left; color:#fff; font-size:24px; letter-spacing:.1em;} .clear {clear:both; visibility:hidden; display:block;} .left {float:left;} .right {float:right;} .pad-right {padding-right:10px;} /* ----- Header ----- */ #header {height:133px; background-image:url(assets/images/header_bg.png); background-repeat:no-repeat; position:relative;} .logo {height:83px; width:268px; display:block; position:absolute; top:0; left:87px;} #sidebar h2, #wp-calendar caption, cite {text-decoration:none;} .entry p a:visited {color:#b85b5a;} .sticky {background:#f7f7f7; padding:0 10px 10px;} .sticky h2 {padding-top:10px;} .commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li ul li {font-size:1em;} .commentlist li {font-weight:bold;} .commentlist li .avatar {float:right; border:1px solid #eee; padding:2px; background:#fff;} .commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em;} .commentlist p {font-weight:normal; line-height:1.5em; text-transform:none;} #commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight:normal;} #sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777;} code {font:1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em;} a, a:hover {color:#147; text-decoration:underline;} #wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;} #wp-calendar a {text-decoration:none;} #wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center;} #wp-calendar th {font-style:normal; text-transform:capitalize;} /* End Typography & Colors */ /* Begin Structure */ ins {clear:both; display:block} form {margin:0; padding:0} #home_banner {background-image:url(assets/images/home_image_bg.jpg); background-repeat:no-repeat; height:253px;} #home_text, #home_image {float:left;} #content {background-image:url(assets/images/content_bg.jpg); background-repeat:no-repeat; min-height:593px; height:auto !important; height:593px; padding:0 26px 0 40px;} #content.home {background-position:0 -172px; min-height:421px; height:auto !important; height:421px;} #left_col {width:545px; float:left;} #right_col {width:264px; float:right;} #text {padding-top:15px; line-height:16px;} h2 {margin-top:0; color:#006aa2; font-size:20px; text-transform:uppercase;} h3 {font-size:12px;} #feature_rule {border-top:1px solid #c0c1c1; margin-top:20px;} #home_features {padding:20px 0 0 0;} .feature {float:left; padding:0 5px 0 0;} .last {padding-right:0;} .right_col_header {border-bottom:1px solid #fff;} .right_col_content {padding:10px;} .right_col_content p {margin:0;} #right_col ul {list-style:none; margin:0; padding:0;} #e_news, #news, #contact {background-color:#e9ece3; margin-bottom:10px;} #e_news, #contact {color:#006aa2;} #contact {margin-bottom:0;} .e_news_fields {padding-top:10px;} input.email_signup, input.email_button {float:left; line-height:33px;} input.email_signup {margin:6px 8px 0 0;} #contact a:link, #contact a:visited {color:#006aa2; text-decoration:underline;} #contact a:hover, #contact a:active {color:#333;} .news_item {float:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #92a086;} .news_last {border:none; margin:0;} .date {float:left; width:35px; height:45px; background-image:url(assets/images/date_bg.png); background-repeat:no-repeat; padding-right:10px; margin-bottom:5px; text-align:center; padding-top:5px; text-transform:uppercase;} .news_text {float:left; width:179px; padding-top:4px;} .news_more {clear:both; text-align:right; padding-top:10px;} h4 {margin:0; font-size:11px;} .day {color:#000; font-size:20px;} .month {color:#fff;} #news a:link, #news a:visited {color:#688c1c; text-decoration:underline;} #news a:hover, #news a:active {color:#333;} #news li.video {padding-right:20px; background:url(assets/images/icon_video.png) right 3px no-repeat;} /* End Structure */ /* Begin Headers */ #sidebar h2 {margin:5px 0 0; padding:0;} /* End Headers */ /* ----- Footer ----- */ #footer {clear:both; height:119px; background-image:url(assets/images/content_bottom_bg.png); background-repeat:no-repeat; background-color:#d1daaa; text-align:center; color:#556c37;} ul#footer_nav {list-style:none; margin:0; padding:50px 0 5px 0;} ul#footer_nav li {display:inline;} ul#footer_nav li a:link, ul#footer_nav li a:visited {color:#556c37; text-decoration:none;} ul#footer_nav li a:hover, ul#footer_nav li a:visited {text-decoration:underline;} /* illustration table */ #illst {border:2px solid #ccc} #illst td.header {padding:8px; border-bottom:2px solid #ccc; font:bold 18px arial, sans-serif; color:#fff; background-color:#a2b54} #illst td.imgleft {padding:15px 0 0 0; border-right:2px solid #ccc} #illst td.imgright {padding:15px 0 0 0} #illst td.imgbottom {padding:5px 0 0 0; border-top:2px solid #ccc} /* brochure link */ #brochure {padding:10px 0 0 10px} #brochure .left {float:left; padding-right:5px} #brochure a {color:#006aa2; text-decoration:none;} #brochure a.link {line-height:24px} /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;} html>body .entry li {margin:7px 0 8px 10px;} .entry ul li:before, #sidebar ul ul li:before {content:"\00BB \0020";} .entry ol {padding:0 0 0 35px; margin:0;} .entry ol li {margin:0; padding:0;} .postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;} #sidebar ul, #sidebar ul ol {margin:0; padding:0;} #sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;} #sidebar ul p, #sidebar ul select {margin:5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;} ol li, #sidebar ul ol li {list-style:decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0;} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin:10px auto; padding:5px 3px; text-align:center;} #sidebar #searchform #s {width:108px; padding:2px;} #sidebar #searchsubmit {padding:1px;} .entry form {/* This is mainly for password protected posts, makes them look better. */ text-align:center;} select {width:130px;} #commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;} #commentform {margin:5px 10px 0 0;} #commentform textarea {width:100%; padding:2px;} #respond:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #commentform #submit {margin:0 0 5px auto; float:right;} /* End Form Elements */ /* Begin Comments*/ .alt {margin:0; padding:10px;} .commentlist {padding:0; text-align:justify;} .commentlist li {margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none;} .commentlist li ul li {margin-right:-5px; margin-left:10px;} .commentlist p {margin:10px 5px 10px 0;} .children {padding:0;} #commentform p {margin:5px 0;} .nocomments {text-align:center; margin:0; padding:0;} .commentmetadata {margin:0; display:block;} /* End Comments */ /* Begin Sidebar */ #sidebar {padding:20px 0 10px 0; margin-left:545px; width:190px;} #sidebar form {margin:0;} /* End Sidebar */ /* Begin Calendar */ #wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;} #wp-calendar #next a {padding-right:10px; text-align:right;} #wp-calendar #prev a {padding-left:10px; text-align:left;} #wp-calendar a {display:block;} #wp-calendar caption {text-align:center; width:100%;} #wp-calendar td {padding:3px 0; text-align:center;} #wp-calendar td.pad:hover {/* Doesn't work in IE */ background-color:#fff;} /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor:help;} acronym, abbr {border-bottom:1px dashed #999;} blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;} blockquote cite {margin:5px 0 0; display:block;} .center {text-align:center;} .hidden {display:none;} .screen-reader-text {position:absolute; left:-1000em;} hr {display:none;} a img {border:none;} .navigation {display:block; text-align:center; margin-top:10px; margin-bottom:20px;} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;} .wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .wp-caption img {margin:0; padding:0; border:0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /* End captions */ /* nav */ #cms-nav-top-menu {margin:0; padding:0; position:absolute; top:101px; left:120px; list-style:none;} #cms-nav-top-menu li {float:left;} #cms-nav-top-menu li a {display:block; line-height:32px; padding:0 19px; text-transform:uppercase;} #cms-nav-top-menu li.selected_page {background-color:#173503; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; behavior:url(border-radius.htc);} #cms-nav-top-menu ul {display:none;} #cms-nav-top-menu li a:link, #cms-nav-top-menu li a:visited {color:#fff; text-decoration:none;} #cms-nav-top-menu li a:hover, #cms-nav-top-menu li a:active {text-decoration:underline;} #subnav {padding:35px 0 0 30px; height:46px; width:870px; background-image:url(assets/images/subnav_bg.png); background-repeat:no-repeat;} ul#nav2 {float:left; list-style:none; margin:0; padding:10px 0 0;} ul#nav2 li {display:inline;} ul#nav2 li a, ul#nav2 li a:visited {color:#fff; text-decoration:none; margin-left:35px;} ul#nav2 li a:hover, ul#nav2 li.current_page_item a {text-decoration:underline;} /* contact form */ .wpcf7-form input[type=text] {width:225px} .wpcf7-form textarea {width:225px; height:100px;} span.wpcf7-not-valid-tip {left:0; top:-5px; width:225px; background:#ffe8e8} .wpcf7-form-control-wrap.your-message span.wpcf7-not-valid-tip {top:-90px; height:100px;} /* home page */ .callout {list-style:none; margin:0; padding:0 0 0 10px; float:right;} .callout li {padding:5px 7px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; background:#E9ECE3;} .callout li.title {background:#7A9B24;}