/* Theme Name: MK2 Theme URI: http://maestroknows.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;} body {background:#fafafa;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} #wrapper {margin:30px auto;z-index:1;width:920px;} body.single #wrapper, body.category #wrapper, body.page-id-2 #wrapper, body.page-id-22 #wrapper {width:640px;overflow:hidden;} #header {position:relative;border-bottom:1px solid #ccc;} body.home #header {border:0;} #social-icons {position:absolute;top:0;right:0;} #footer {padding:15px 0;border-top:1px solid #ccc;margin-top:15px;} body.page-id-2 #footer .right, body.page-id-22 #footer .right {display:none;} body.page #footer {margin-top:10px;} body.page-id-873 #footer {margin-top:15px;} #footer p {font-size:11px;color:#333;} #footer .left {width:200px;float:left;} #footer .right {width:200px;float:right;text-align:right;} #footer .right a {color:#999;text-decoration:none;} #footer .right a:hover {color:#333;} #wall {display:none;margin:15px 0;} #loading {margin:0 0 15px 0;} #player {width:640px;height:480px;top:50%;left:-9999px;margin-left:-320px;margin-top:-250px;position:fixed;opacity:0;background:#000;padding-bottom:50px;} #player object, #player embed {margin:0 0 10px 0;} #player:hover h2 {display:block;} #player h2 a {color:#fff;text-decoration:none;border-bottom:1px solid #fff;font-size:18px;} #player h2 a:hover {color:#999;border-color:#999;} h1 {color:#333;font-weight:bold;font-size:28px;margin:0 0 15px 0;text-indent:-9999px;} h1 a {color:#333;text-decoration:none;width:150px;height:60px;display:block;background:url(images/logo.png) no-repeat top left;} h1 a:hover {color:#666;background-position:-151px 0;} h1 span {font-size:13px;float:right;color:#bbb;cursor:pointer;margin-right:15px;} h1 span span {} h1 span a {color:#999;text-decoration:none;} h2 {color:#fff;font-weight:bold;font-size:11px;margin-top:5px;margin-bottom:30px;display:none;} h2 span {float:right;color:#333;font-size:11px;cursor:pointer;} h2 span:hover {color:#888;} h3 {font-size:16px;color:#333;margin-bottom:5px;line-height:1.3;text-shadow:1px 1px 1px #fff;} h3 a {color:#333;text-decoration:none;} h3 a:hover {color:#777;} div.date {font-size:11px;color:#999;margin-bottom:15px;} h4 {font-size:13px;color:#888;font-weight:normal;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;} body.category h4 {margin:15px 0 0;} body.home h4 a {color:#888;font-weight:bold;text-decoration:none;} body.home h4 a:hover {color:#bbb;} body.page h4 {font-size:18px;font-weight:bold;color:#333;} h4 span {float:right;font-size:11px;color:#888;line-height:20px;} h5 {font-size:13px;color:#888;font-weight:normal;margin-bottom:15px;} #menu {position:absolute;bottom:16px;right:0;} body.home #menu {bottom:1px;} #menu li {float:left;font-weight:400;font-size:11px;color:#888;} #menu li a {display:block;text-decoration:none;color:#888;padding-left:15px;} #menu li a.open {color:#333;} #menu li a:hover {color:#444;} #menu li a.active {font-weight:bold;color:#222;} body.buy #menu li a.buy {font-weight:bold;color:#222;} /*#menu li a.thoughts {color:#999;} #menu li a.inspiration {color:#bbb;} #menu li a.travel {color:#ddd;}*/ #submenu {position:fixed;bottom:15px;right:0;overflow:hidden;} #submenu li {float:left;margin-right:15px;font-size:10px;color:#888;} #submenu li a {display:block;font-weight:bold;text-decoration:none;color:#888;} #submenu li a:hover {color:#333;} #layer {width:100%;height:100%;overflow:hidden;z-index:0;position:fixed;display:none;cursor:pointer;} #columns {clear:both;display:none;margin-top:15px;border-top:1px solid #ccc;padding-top:15px;} #columns .col1 {width:285px;float:left;margin-right:15px;padding-bottom:10px;padding-right:14px;border-right:1px solid #ccc;} .col1 .cat-link a {color:#888;text-decoration:none;font-size:13px;font-weight:bold;} .cat-link a:hover {color:#999;} .col1 img {margin-bottom:5px;} .col1 a img:hover {opacity:0.8;} #columns .col1.last {margin-right:0;border-right:0;width:290px;padding-right:0;} #columns .col2 {width:620px;float:left;overflow:hidden;margin-right:15px;} body.buy #columns .col1 {border:0;padding:0;margin:0;} .post p {font-size:11px;line-height:1.5;color:#333;padding-bottom:5px;} .post p a {color:#888;font-weight:bold;border-bottom:1px solid #bbb;text-decoration:none;} .post p br {margin:0;padding:0;} .post p a:hover {color:#444;border-color:#444;} body.category .post img {margin-bottom:10px;} .post .video {font-size:11px;} .post .video a {display:block;color:#fff;border:0;padding:10px;background:#333;} .post .video a:hover {background:#ccc;color:#fff;} .post {padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #ccc;} body.page .post {margin:0;padding:15px 0 0;border-bottom:0;} body.page .post p {font-size:11px;line-height:1.5;color:#333;padding-bottom:10px;} body.single .post, body.category .post {padding-top:15px;} body.single .post h3, body.category .post h3 {font-size:24px;} body.single .post p, body.category .post p {font-size:13px;line-height:1.5;color:#333;} body.single .post p a, body.single .post p a {color:#888;font-weight:bold;border-bottom:1px solid #bbb;text-decoration:none;} body.single .post p a:hover, body.category .post p a:hover {color:#444;border-color:#444;} body.single .post img {padding-top:5px;} #buy-images {width:620px;float:left;_display:inline;padding-right:15px;margin-top:15px;height:600px;overflow:hidden;border-right:1px solid #ccc;} #buy-images img {display:none;cursor:pointer;} .buy-now {width:270px;float:right;_display:inline;} .buy-now table {margin-bottom:10px;margin-right:20px;} .buy-now form {font-size:13px;color:#333;} .buy-now form select {margin-bottom:10px;} .buy-now form input {float:left;margin-right:10px;} h3#comments {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;} ol.commentlist li {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;font-size:11px;line-height:1.5;position:relative;} ol.commentlist li a {color:#888;font-weight:bold;border-bottom:1px solid #bbb;text-decoration:none;} ol.commentlist li a:hover {color:#444;border-color:#444;} ol.commentlist .comment-meta {position:absolute;top:0;right:0;display:none;} ol.commentlist li:hover .comment-meta {display:block;} ol.commentlist .comment-author {margin-bottom:15px;max-width:400px;} .comment-author img {padding-right:10px;vertical-align:top;} .comment-author cite {font-weight:bold;font-style:normal;} #respond label {display:block;font-size:11px;margin-top:5px;color:#555;padding:5px 0 30px;} #respond input {display:block;margin:0;padding:5px;font-size:11px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;border:1px solid #ccc;outline:0;width:250px;} #respond input#submit {width:150px;font-weight:bold;margin-top:15px;} #respond input#submit:hover {background:#000;color:#fff;cursor:pointer;cursor:hand;} #respond h3 {margin-bottom:15px;} #respond textarea {outline:0;border:1px solid #ccc;padding:5px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:11px;width:630px;} .quantity {width:70px;} body.page label {font-size:11px;margin-top:20px;color:#555;float:left;} .quantity input {width:15px;float:right;} a#buy-now {display:block;background:#444;color:#fff;padding:10px 12px;font-size:11px;font-weight:normal;text-decoration:none;margin-top:15px;width:50px;} a#buy-now:hover {background:#777;} a#buy-now:active {background:#ccc;} #shirt {position:relative;height:600px;} #shirt img {position:absolute;top:0;left:0;display:none;} #tooltip{ position:absolute; font-size: 11px; font-weight:bold; color: #fff; text-shadow: 0 0 2px #000; padding: 6px 9px; /*border: 1px solid rgba(255,255,255,0.25);*/ background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.80); /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 2px #555; -webkit-box-shadow: 0 0 1px #555; -moz-box-shadow: 0 0 1px #555; display:none; z-index:10; } /* TipTip CSS - Version 1.1 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_holder.tip_left #tiptip_content { margin-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_arrow_inner { border-width: 6px; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } .more {text-align:center;} .more a {color:#333;text-decoration:none;font-weight:bold;font-size:18px;display:block;} .more a:hover {color:#777;} #banner {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;display:block;clear:both;} #banner a {display:block;} #banner a:hover {opacity:0.7;} #banner a:active {opacity:0.9;} #banner p {margin:0;padding:0;} #bread {margin-top:15px;margin-bottom:0;} #bread a {color:#888;text-decoration:none;} #bread a:hover {color:#666;} .vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; } .vimeoBadge img { border: 0; } .vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer;display:block; } .vimeoBadge a:hover { color:#00CCFF; } .vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; display:none;} .vimeoBadge .credit { font: normal 11px verdana,sans-serif; } .vimeoBadge .clip { padding:0; float:left; margin:0; width:115px; line-height:0;height:86px;position:relative;overflow:hidden;background:#111;_display:inline;} .vimeoBadge .caption { font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; overflow:hidden; position:absolute;bottom:0;left:0;opacity:0;line-height:1.4;} .vimeoBadge .caption a {padding:10px;display:block;} .vimeoBadge .clip a {color:#fafafa;font-weight:bold;} .vimeoBadge .clip img {width:115px;height:86px;text-align:center;} .clip:hover img {opacity:0.5;} .vimeoBadge .clear { display: block; clear: both; visibility: hidden; } .comments-links {font-size:11px;margin:15px 0;} .comments-links a {color:#333;text-decoration:none;font-weight:bold;} .comments-links a:hover {color:#888;} p.comments-number {font-size:11px;}