/* Theme Name: 141 Community Theme URI: http://141eyewear.com Description: Version: 1.0 Author: Josh Ellington Author URI: http://joshellington.com Tags: */ /* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;} .clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;} html {overflow-x:hidden;} body {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;background:#00a3e4;padding-top:10px;} img { -ms-interpolation-mode: bicubic; } #white {background:#fff;} #wrapper {width:960px;margin:0 auto 20px auto;position:relative;padding:1px 0 15px;} body.page-template-community-php #wrapper, body.community-single #wrapper, body.page-id-14 #wrapper {width:840px;} #header {position:relative;border-bottom:1px solid #eee;padding-bottom:15px;height:98px;} body.home #header {padding:0;border:0;} #container {display:block;clear:both;} #content {width:600px;padding-top:15px;} #sidebar {width:210px;float:right;padding-left:15px;padding-top:15px;border-left:1px solid #eee;} #footer {color:#fff;clear:both;text-transform:uppercase;width:960px;margin:0 auto;padding:0 0 45px;} #footer a {text-decoration:none;} #footer span {display:block;font-size:18px;} #footer span span {width:auto;margin:0;display:inline;padding:0;float:right;font-size:13px;} #footer span a {color:#fff;} #footer span a:hover {} body.page-template-community-php #footer, body.community-single #footer, body.page-id-14 #footer {width:840px;} body.page-template-community-php #footer, body.page-template-products-php #footer {padding-top:15px;} #logo {width:116px;height:78px;background:url(/dev/assets/images/logo.jpg) no-repeat;text-indent:-9999px;position:absolute;top:20px;left:0;} #logo a {display:block;width:116px;height:78px;} ul#nav {overflow:hidden;position:absolute;top:80px;left:146px;} ul#nav li {float:left;font-size:18px;margin-right:20px;text-transform:uppercase;} ul#nav li a {color:#999;text-decoration:none;} ul#nav li a:hover {color:#00a3e4;} ul#nav li.active a {color:#00a3e4;} p {font-size:12px;line-height:1.5;color:#777;} h2 {font-size:36px;font-weight:bold;text-transform:uppercase;padding-bottom:10px;} h2 a {color:#555;text-decoration:none;} h2 a:hover {color:#00a3e4;} h3 {font-size:18px;text-transform:uppercase;} h3 a {color:#999;text-decoration:none;padding:8px 0;border-top:1px solid #eee;display:block;} h3 a:hover {color:#00a3e4;} h3 span {float:right;font-size:11px;margin-top:10px;color:#ccc;padding-left:10px;} .page-id-46 .the-content h3 {margin-bottom:10px;color:#00a3e4;cursor:pointer;} body.page-template-dealers-php h3 {font-size:18px;margin-bottom:5px;} h6 {font-size:11px;color:#777;line-height:1.5;font-weight:normal;margin-bottom:10px;font-style:italic;} body.page-template-dealers-php h6 {color:#777;font-style: normal;margin-bottom:5px;} body.page-template-dealers-php h6 a {color:#00a3e4;font-style: normal;margin-bottom:5px;font-weight:bold;} #sidebar h4 {font-size:18px;text-transform:uppercase;color:#aaa;margin-bottom:15px;} #sidebar h4 a {color:#00a3e4;text-transform:none;text-transform:uppercase;} .post {padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid #eee;} .the-time {font-size:14px;color:#999;} .the-comments {font-size:14px;position:absolute;top:0;right:0;} .the-comments a {color:#999;font-weight:bold;text-decoration:none;} .the-comments a:hover {color:#00a3e4;} .the-content p {font-size:11px;line-height:1.5;color:#777;padding-bottom:10px;} .the-content img {margin-bottom:10px;} .the-content p a {color:#00a3e4;text-decoration:none;font-weight:bold;} .the-content p a:hover {color:#777;border-bottom:1px solid #eee;} body.page-template-default .post {padding-right:253px;padding-top:15px;} body.page-template-default .left-page {padding:10px;background:#eee;width:198px;float:right;overflow:hidden;margin-top:15px;} .wide-image-page {padding:10px;background:#eee;overflow:hidden;} body.page-template-default .the-content p {font-size:13px;} .wide-image-page {margin-top:15px;} .post h2 {font-size:24px;} body.community-single .post p {font-size:13px;line-height:1.5;} body.community-single .post img {padding:10px;background:#eee;} .text {position:relative;} .thumb {float:right;padding-left:15px;display:inline;overflow:hidden;height:100px;} .thumb a {display:block;} .thumb a:hover {opacity:0.7;} /* SLIDER */ #slider-wrap {width:960px;height:500px;} #slider {width:960px;height:500px;position:relative;} #featured {width:960px;height:500px;overflow:hidden;margin-top:20px;} #pager {position:absolute;bottom:20px;left:20px;z-index:500;} #pager a {width:28px;height:28px;text-indent:-9999px;background:url(images/circles.png) no-repeat;display:block;float:left;margin-right:15px;} #pager a.activeSlide {background-position:-28px 0;} /* HOMEPAGE COLUMNS */ #home-columns {display:block;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:20px 0;padding:20px 0;} #home-columns h2 {margin-bottom:10px;font-size:24px;text-transform:uppercase;padding:0;} #home-columns p {font-size:11px;color:#777;line-height:1.5;} #home-columns p a {color:#00a3e4;text-decoration:none;font-weight:bold;} #home-columns p a:hover {color:#999;} .col {width:290px;padding-right:20px;margin-right:20px;border-right:1px solid #eee;float:left;} .col.last {margin-right:0;padding-right:0;border:0;} .home-product {display:block;clear:both;margin-bottom:15px;} .home-community:last-child a {border-bottom:1px solid #eee;} /* PRODUCTS PAGE */ #products-page {margin-top:15px;display:inline;width:500px;float:left;} #products-hover {width:419px;margin-top:15px;height:440px;display:inline-block;background:url(images/141-product-page.png) no-repeat center;float:right;overflow:hidden;} #products-hover img {display:none;} .product {float:left;width:230px;height:75px;padding:0 20px 20px 0;color:#00a3e4;display:inline;} .product a {display:block;} /* SINGLE PRODUCT PAGE */ #collections {padding:10px 0;border-bottom:1px solid #eee;overflow:hidden;height:16px;} #collections li {float:left;margin-right:10px;font-size:14px;text-transform:uppercase;} #collections li a {color:#999;} #collections li a:hover {color:#00a3e4;} #collections li.active a {color:#00a3e4;} #the-product p {max-width:450px;font-size:11px;} #product-info {width:340px;float:left;margin-top:15px;} #product-images {width:600px;float:right;overflow:hidden;margin-top:25px;} #product-main-image {min-height:200px;} #product-main-image img {display:none;} #product-thumbs {margin-top:15px;padding-top:15px;border-top:1px solid #eee;} #product-thumbs ul li {float:left;margin-right:10px;width:200px;height:75px;overflow:hidden;} /* EMAIL SIGNUP */ #email-form {position:absolute;top:-180px;right:0;padding:10px 15px 15px;background:#000;z-index:15;} #email-form span {display:block;} #email-form h4 {color:#fff;font-size:24px;margin-bottom:15px;} #email-form input#idhydt-idhydt {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;background:#fff;padding:5px;color:#999;outline:0;border:4px solid #999;display:block;width:212px;font-size:13px;padding-right:78px;} #email-form input#idhydt-idhydt:focus {border-color:#00a3e4;color:#555;} #email-form input#submit {position:absolute;bottom:22px;right:20px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #close-email-form {display:block;position:absolute;top:0;right:0;color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;font-weight:bold;padding:4px 6px 6px 6px;background:#999;} #close-email-form:hover {background:#555;} #sign-up {position:absolute;top:0;right:0;z-index:1;} #sign-up a {color:#fff;font-size:16px;text-transform:uppercase;text-decoration:none;display:block;background:#999;padding:6px 7px;} #sign-up a:hover {color:#eee;background:#000;} /* COMMENTS */ textarea#comment {width:585px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #respond input {outline:0;border:0;padding:5px;background:#fff;border:4px solid #eee;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;color:#777;font-weight:bold;margin-bottom:10px;} #respond label {font-size:11px;} #respond textarea {outline:0;border:0;padding:5px;background:#fff;border:4px solid #eee;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;color:#777;font-weight:bold;} ol.commentlist {margin:15px 0;overflow:hidden;padding:15px 0;border-top:1px solid #eee;} ol.commentlist li {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;font-size:13px;position:relative;} ol.commentlist li .comment-author a {color:#00a3e4;text-decoration:none;} ol.commentlist li .comment-author a:hover {color:#777;} .comment-avatar {width:48px;height:48px;overflow:hidden;float:left;margin:0 15px 0 0;} .comment-author {font-size:11px;} .comment-author cite {font-weight:bold;font-size:14px;font-style:normal;} .comment-text {font-size:13px;margin:10px 0 0;padding-left:63px;} .comment-text a {color:#777;font-weight:bold;text-decoration:none;border:2px solid #000;} .comment-meta {font-size:9px;position:absolute;top:0;right:0;} .comment-meta a {color:#777;text-decoration:none;} ol.commentlist .reply {font-size:11px;margin-top:10px;padding-left:63px;} ol.commentlist .reply a {color:#00a3e4;font-weight:bold;text-decoration:none;} ul.children {margin-left:63px;padding-top:15px;border-top:1px solid #eee;margin-top:15px;} ol.commentlist li #respond {border-top:1px solid #eee;margin-top:15px;padding-top:15px;} ol.commentlist li #respond a {color:#00a3e4;font-weight:bold;text-decoration:none;} /* MISC */ a.post-edit-link {color:#999;} ul#bread {overflow:hidden;padding:10px 0;border-bottom:1px solid #eee;height:24px;} ul#bread li {float:left;font-size:18px;text-transform:uppercase;margin-right:20px;} ul#bread li.active a {color:#00a3e4;} ul#bread li a {color:#999;text-decoration:none;} ul#bread li a:hover {color:#00a3e4;} #twitter_update_list {overflow:hidden;} #twitter_update_list li {font-size:11px;margin-bottom:10px;color:#777;line-height:1.5;padding-bottom:10px;border-bottom:1px solid #eee;} #twitter_update_list:hover li a {color:#00a3e4;} #twitter_update_list li a {color:#777;font-weight:bold;text-decoration:none;} #twitter_update_list li a:hover {color:#999;} .wpcf7 span input {outline:0;border:0;padding:5px;background:#fff;border:4px solid #eee;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;color:#777;font-weight:bold;} .wpcf7 span input:focus {border-color:#ccc;} .wpcf7 textarea {outline:0;border:0;padding:5px;background:#fff;border:4px solid #eee;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;width:350px;} .wpcf7 textarea:focus {border-color:#ccc;} .wpcf7 p {font-size:11px !important;} .wpcf7-response-output {font-size:11px;border:0 !important;margin:10px 0 !important;padding:0 !important;font-weight:bold;} .wpcf7-not-valid-tip {font-size:11px !important;left:315px !important;display:block;top:0 !important;color:red;font-weight:bold;margin:0 !important;padding:0 !important;border:0 !important;} .wpcf7-validation-errors {color:red !important;} #recent-posts {border-bottom:1px solid #eee;} #recent-posts li {margin-bottom:0px;} #recent-posts h3 {font-size:14px;} #recent-posts li a {color:#00a3e4;font-weight:bold;text-decoration:none;} #recent-posts li a:hover {color:#999;} #fb-like {position:absolute;top:-65px;left:680px;z-index:999;width:292px;} .dealer {float:left;display:inline;width:220px;height:145px;padding-right:20px;} .dealer-state {padding:15px 0;clear:both;} .dealer-state h2 {color:#00a3e4;}