File: /home/mmickelson/martyknows.com/wp-content/themes/duotone/style.css
/*
Theme Name: Duotone
Theme URI: http://theme.wordpress.com/themes/duotone/
Description: A brilliant photoblogging theme with a dynamic background color based on the colors in your photos. Includes three widget areas, custom menu support, and EXIF display for photos. Duotone is a much-improved successor to Monotone.
Version: 2.2.4
Author: Automattic
Author URI: http://automattic.com/
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, fixed-width, custom-background, custom-menu, rtl-language-support, translation-ready
*/
/* The Reset ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,form,fieldset,input,p,blockquote,table,
th,td {margin:0;padding:0;}
fieldset,img,abbr {border:0;}
address,caption,dfn,h1,h2,h3,
h4,h5,h6,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
a {text-decoration:none;}
/* -------------------------- */
body{font:normal 75%/1.6em "Lucida Sans","Lucida Grande","Trebuchet MS",Georgia,Helvetica,sans-serif;color:#444;background-color:white;}
a,a:link,a:visited,a:active{color:#333;text-decoration:none;}
a:hover{color:#666;}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lucida Fax", Georgia, Helvetica, sans-serif;
}
#content h1 {
line-height: 1.3;
}
h2 {
font-size: 1.5em;
line-height: 1.3;
font-weight: bold;
margin: .25em 0;
color: #333;
}
h2,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active {
color: #6c6c6c;
font-weight: bold;
text-decoration: none;
letter-spacing: -.02em;
}
h3 {
line-height: 1.3;
padding-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
color: #6e6e6e;
}
.description,
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover,
.navigation a:hover {
color: #444;
}
#content ul,
#content dl,
#content ol {
margin-left: 20px;
}
#content ul li {
list-style: square;
}
strong {
font-weight: bold;
}
blockquote,
em,
cite,
q {
font-style: italic;
}
blockquote blockquote {
margin-left: 1.5em;
}
code, pre {
font-size: 12px;
}
pre {
overflow: auto;
max-width: 100%;
}
abbr, acronym {
border-bottom: 1px dotted #fff;
cursor: help;
}
table {
margin: 1em 0;
width: 100%;
}
th,
dt {
font-weight: 700;
}
/* Structure */
#wrap {
margin: .5em auto 35px auto;
width: 840px;
}
.archive #wrap {
width: 820px;
}
.vertical #wrap {
width: 560px;
}
#page {
background-color: #fff;
clear: both;
position: relative;
}
/* =Header
-------------------------------------------------------------- */
#header {
clear:both;
}
#header h1 {
font-size: 1.5em;
line-height: 2.666em;
float: left;
letter-spacing: -.02em;
margin-left: 10px;
}
#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:active {
color: #333;
text-decoration: none;
font-weight: bold;
}
.archive #header h1 {
margin-left: 0;
}
.description {
float: left;
line-height: 4em;
margin-left: 1em;
font-style: italic;
padding-left: 1em;
color: #444;
}
/* =Menu
-------------------------------------------------------------- */
#menu {
float: right;
width: 100%;
}
#menu ul {
float: right;
margin-right: 10px;
font-size: 10px;
}
.archive #menu ul {
margin-right: 0;
}
#menu li {
list-style: none;
float: left;
position: relative;
}
#menu li a:link,
#menu li a:visited,
#menu li a:active {
display: block;
float: left;
font-weight: normal;
letter-spacing: normal;
margin-left: 10px;
text-transform: uppercase;
}
#menu li.first a {
border-left: 0;
}
#menu .children .children,
#menu .sub-menu .sub-menu {
margin-left: 12px;
}
#menu ul ul {
display: none;
float: left;
position: absolute;
top: 19px;
left: 0;
width: 85px;
z-index: 9999;
}
#menu ul ul li {
background: #fff;
min-width: 105px;
}
#menu ul ul a {
width: 105px;
}
#menu ul li:hover > ul {
display: block;
}
/* Sidebar */
#content #sidebar {
clear: both;
border-top: 1px solid #fff;
margin: 0 10px;
padding: 0 10px;
}
#sidebar ul {
margin-left: 0;
}
#sidebar li {
list-style: none;
float: left;
margin-top: 1em;
width: 33%;
}
#content #sidebar h2 {
font-size: 1.25em;
margin: 0 0 .25em 0;
}
#sidebar li ul {
padding-left: 20px;
}
#sidebar li ul li {
width: auto;
list-style: square;
float: none;
margin-top: .5em;
}
/* Content */
#content {
clear: both;
}
#content .sleeve {
margin:0;
}
.vertical #container{
clear: both;
margin: 0 0 0 10px;
}
h2.post-title {
color: #fff;
margin-left: 210px;
margin-top: 10px;
}
.archive #content h2{margin-left:0;margin-bottom:10px;}
.image{
float: left;
text-align: center;
position: relative;
width: 840px;
}
.image img{margin:0;padding:0 0 10px 0;}
.image .alignleft,
.image .aligncenter,
.image .alignright {
display: inline;
}
.vertical .image{width:560px;clear:both;float:none;}
#content ul.thumbnails {
list-style-type: none;
margin: 0 auto !important;
padding: 0 !important;
width: 860px;
}
#content .thumbnails li {
list-style-type: none;
margin: 0 auto;
float: left;
margin-right: 10px;
height: 85px;
width: 85px;
margin-bottom: 10px;
}
.thumbnails a {
border: 5px solid #c4c4c4;
display: block;
float: none;
overflow: hidden;
text-align: left;
width: 75px;
height: 75px;
}
.thumbnails a:hover {
border-color: #919191;
}
.archive .thumbnails img {
max-width: 75px;
max-height: 75px;
padding: 0;
width: auto;
height: auto;
}
#content .gallery dl{margin-left:0;}
#container{clear:both;margin:0 0 0 10px;padding-top:5px;}
/* Post Layout */
#post {
float: left;
margin: 0 20px 0 0;
width: 340px;
border-top: 1px solid #fff;
font-size: 1.1em;
}
.vertical #post {
margin: 0;
}
#post .sleeve {
border-top: 2px solid #fff;
padding: 10px;
display: block;
position: none;
}
#postmetadata .sleeve {
padding:10px;
margin-bottom: 20px;
}
#postmetadata,
.commentlist li .metadata {
font-size: .92em;
line-height: 1.45em;
width: 200px;
float: left;
border-top: 1px solid #fff;
}
#postmetadata cite,
#postmetadata small{clear:both;}
#post p{margin-bottom:1.5em;}
.navigation {
float: left;
font-family: "Courier New","Lucida Grande",Tahoma,"Trebuchet MS",sans-serif;
margin: 15px 0;
width: 260px;
}
.navigation a {
display: block;
font-size: 100px;
line-height: 60px;
overflow: hidden;
}
.navigation div {
float: right;
display: block;
width: 50%;
}
.navigation div.prev {
text-align: right;
}
.navigation div.next {
float: right;
text-align: left;
}
.vertical .navigation {
clear: both;
width: 540px;
}
.vertical .navigation div.prev{text-align:right;}
.vertical .navigation div.next{float:right;text-align:left;}
/* Comments list */
.commentlist{clear:both;width:540px; margin-left: 0 !important;}
.commentlist li {
border-bottom: 1px solid #fff;
list-style: none !important;
}
.commentlist li .metadata{border:0;margin:10px 0;width:148px;float:left;}
.commentlist li .gravatar{float:left;width:32px;margin:10px;}
.commentlist li cite,
.commentlist li small{font-weight:bold;clear:both;display:block;}
.commentlist li .content{padding:10px;float:left;clear:right;width:287px;}
.commentlist li .clear{clear:both;}
#content .commentlist .comment p{font-weight:normal ;}
.comment-navigation {
padding: 1.5em 0;
width: 540px;
}
/* Comment Form */
div#respond { margin-right: 10px; }
div#respond h3,
h3#comments {
width: 530px;
margin: 0;
padding: 0 0 5px 10px;
clear: both;
border-bottom: 1px solid #fff;
padding-top:20px;
}
#respond h5 {
color: #333;
}
#comments {
border-bottom: 2px solid #fff;
}
#commentform{width:540px;margin-bottom:10px;}
#commentform p{padding:10px;}
#commentform small{display:inline;}
#commentform .sleeve{margin:10px;}
#commentform label{display:block;float:left;font-size:.96em;line-height:2em;}
#commentform label{margin:0px;margin-bottom:10px; font-weight: bold;}
#commentform p input[type="text"]{float:left;margin:-30px 0 0 200px;border:none;width:310px;padding:3px;margin-bottom:10px;}
#commentform input#submit{width:15em;height:2em;margin-left:10px;margin-bottom:10px;}
#commentform textarea,#commentform input{font-family:"Lucida Grande",Tahoma,"Trebuchet MS";font-size:1.2em;}
#commentform p {
clear: both;
border-top: 1px solid #fff;
line-height: 1.6em;
}
#commentform textarea{width:520px;}
#respond .required {
color: #fff;
opacity: 0.8;
font-size: 1.1em;
margin-left: 10px;
}
#respond p.form-allowed-tags {
display: none;
}
#respond .subscribe-label {
float: none;
display: inline;
}
/* Subscriptions */
#commentform p input#subscribe, #commentform p input#subscribe_blog {margin:5px 0 0;}
#commentform p label.subscribe-label {width:auto; padding-left:10px;}
/* EXIF */
.photo-tech {
margin-top: 1em;
}
.photo-tech th {
margin-right: .5em;
}
.photo-tech td, .photo-tech th {
display: inline;
}
/* Footer */
#footer {
clear: both;
padding: 20px 0;
margin: 0 10px;
width: 820px;
overflow: hidden;
}
.archive #footer {
margin: 0;
}
.archive #footer form, .archive #footer .info {
margin-top: 20px;
height: 32px;
line-height: 32px;
}
.archive #footer form {
margin-top: 25px;
}
.vertical #footer {
width: 540px;
}
#footer .info {
clear: both;
float: left;
width: 50%;
display: block;
position: relative;
padding: 0 0 10px 42px;
}
#footer .info img {
position: absolute;
margin-left: -42px;
}
#footer #searchform {
float: right;
}
#searchform #s {
width: 150px;
}
.archive {
margin: 0 auto;
}
#filters {
clear: both;
height: 2em;
margin-bottom: 1em !important;
margin-left: 0 !important;
}
#content ul#filters li {
list-style: none;
margin-left: 0;
float: left;
margin-right: 2em;
}
a:hover .nav_over {
background-color: #afb1b2;
}
.image .nav {
position: absolute;
width: 50%;
height: 100%;
z-index: 1000;
}
.image .nav a,.image .nav a:link,.image .nav a:visited,.image .nav a:active {
width: 100%;
height: 100%;
display: block;
position: absolute;
text-indent: -1000em;
}
.prev {
right: 0;
width: 50%;
}
.next {
top: 0;
right: 50%;
width: 50%;
}
.nav_over {
position: absolute;
top: 50%;
margin-top: -1em;
display: block;
z-index: 1000;
color: #fff;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
font-size: 2em;
}
body .wp-caption {
width: 100% !important;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.size-thumbnail {
margin: 0 15px 15px 0;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.wp-caption {
}
.sleeve img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height: auto;
}
.wp-caption img {
}
.wp-caption-dd {
}
ul.tweets a {
word-wrap: break-word; /* avoid long URLs in tweets */
}
.wp-caption-text {
}
.sticky {
}
.bypostauthor {
}
#image img {
max-width: 100%;
width: auto;
height: auto;
}
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
body.custom-background.archive,
body.custom-background.search {
background: #fff;
}
.gallery img.attachment-thumbnail {
max-width: 100%;
max-height: 90px;
width: auto;
height: auto;
}
.wp-caption,
.wp-caption-text {
font-size: 11px;
font-style: italic;
line-height: 1.3;
}
div.search {
min-height: 300px;
}
.page-link {
clear: both;
margin: 10px 0;
}
.gallery {
clear: both;
}
.gallery-caption {
word-wrap: break-word;
}