File: /home/mmickelson/martyknows.com/wp-content/themes/fresh-and-clean/style.css
/*
Theme Name: Fresh & Clean
Theme URI: http://wpexplorer.com
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Description: A responsive, spick-and-span theme that lets you put your best content forward with minimal frills. Fresh & Clean is a great choice for a casual blog -- or -- if you're feeling adventurous, use its featured post slider and featured images to transform your blog into a stylish online portfolio.
Version: 1.3-wpcom
License: GNU General Public License
License URI: license.txt
Tags: art, artwork, blog, photoblogging, portfolio, clean, contemporary, elegant, minimal, modern, simple, sophisticated, white, light, one-column, two-columns, right-sidebar, featured-images, flexible-width, responsive-width, custom-background, custom-header, custom-menu, full-width-template, post-slider, sticky-post, rtl-language-support, translation-ready
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/* =Clear
-------------------------------------------------------------- */
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* =Global
-------------------------------------------------------------- */
body {
background: #f6f6f6;
color: #707070;
font: normal 100%/1.375 'Droid Sans', Verdana, sans-serif;
}
/* =Structure
-------------------------------------------------------------- */
#page {
background: #fff;
border: 1px solid #ccc;
margin: 1.563em auto 0;
max-width: 920px;
width: 95%;
}
#branding {
min-height: 60px;
position: relative;
}
#main {
margin-bottom: 1.563em;
}
#content {
float: left;
width: 63.0434783% /* 580/920 */;
}
body.one-column #content,
#full-width-wrap #content,
body.attachment #content {
width: 100%; /* 920/920 */
}
#sidebar {
float: right;
width: 27.173913% /* 250/920 */;
}
/* =Links
-------------------------------------------------------------- */
a {
color: #0099ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* =Standard Elements
-------------------------------------------------------------- */
p {
margin: 0 0 1em;
}
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* Alignment */
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Search Form */
#searchform {
margin-bottom: 5em;
}
#searchform input#s {
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
color: #999;
float: left;
font-size: 1.077em;
padding: 0.385em;
width: 85%;
}
#searchform input#s:focus {
background-color: #f9f9f9;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
}
#searchform #searchsubmit {
display: none;
}
/* =Header
-------------------------------------------------------------- */
#branding hgroup {
padding: 1.8em;
}
#branding .header-link {
display: none;
}
#site-title {
font: 1.875em/1.5 'Pacifico', Georgia, serif;
}
#site-description {
font: 0.75em/1.125em 'Droid Sans', Verdana, serif;
}
#site-title a {
color: #2c2c2c;
}
/* =Navigation Menu
--------------------------------------------------------------*/
#access {
background: #efefef;
border: 1px solid #ccc;
border-width: 1px 0;
margin: 0 auto 1.8em;
padding-left: 0.9em;
position: relative;
z-index: 99;
}
#access ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access li li {
min-width: 11em;
width: 100%;
}
#access a {
color: #666;
display: block;
font-size: 0.813em;
line-height: 1.75em;
padding: 0.6em 1em;
text-decoration: none;
text-transform: uppercase;
}
#access a:hover {
background: #e6e6e6;
color: #0099ff;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
}
#access ul ul {
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
position: absolute;
top: 2.3em;
left: 0;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #e6e6e6;
color: #666;
line-height: 2.1em;
padding: .5em .5em .5em 1em;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #e6e6e6;
color: #0099ff;
}
#access ul ul a:hover {
background: #e6e6e6;
color: #0099ff;
}
#access ul li:hover > ul {
display: block;
}
#access .current_page_ancestor > a,
#access .current_page_item > a,
#access .current_page_parent > a,
#access .current-menu-ancestor > a,
#access .current-menu-item > a,
#access .current-menu-parent > a {
color: #0099ff;
}
#access .current_page_ancestor > a:hover,
#access .current_page_item > a:hover,
#access .current_page_parent > a:hover,
#access .current-menu-ancestor > a:hover,
#access .current-menu-item > a:hover,
#access .current-menu-parent > a:hover {
background: #e6e6e6;
color: #0099ff;
}
/* =Featured Slider
-------------------------------------------------------------- */
.featured-posts {
clear: both;
margin: 0 3.35%;
overflow: hidden;
position: relative;
}
.featured {
overflow: hidden;
position: relative;
}
.featured .hentry {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
}
.featured .entry-title {
background: rgba(0,0,0,0.6);
font: normal 1em/1.3 'Droid Serif', Georgia, serif;
color: #fff;
width: 300px;
max-width: 90%;
padding: 0.625em 0.625em 0.625em 1.25em;
}
.featured .entry-title a,
.featured .entry-title a:hover {
color: #fff;
text-decoration: none;
}
.featured .entry-summary {
background: rgba(0,0,0,0.6);
color: #ddd;
font-size: 0.813em;
max-width: 100%;
padding: 0.625em 0.625em 0.625em 1.25em;
}
section.featured {
border: 10px solid #ececec;
margin: 0 0 3.35%;
width: auto;
}
section.featured img,
section.featured {
vertical-align: bottom;
height: auto;
}
section.featured img {
width: 100%;
}
section.featured + .featured {
position: absolute;
top: 0;
left: 0;
right: 0;
}
section.featured {
-webkit-transition-duration: 200ms;
-webkit-transition-property: opacity, visibility;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 200ms;
-moz-transition-property: opacity, visibility;
-moz-transition-timing-function: ease;
}
section.featured {
opacity: 0;
visibility: hidden;
}
.featured-posts #featured-post-1 {
opacity: 1;
visibility: visible;
}
.feature-slider {
overflow: visible;
position: absolute;
right: 0.8em;
top: 0.95em;
}
.feature-slider ul {
list-style-type: none;
margin: 0;
}
.feature-slider li {
float: left;
margin: 0 0.125em;
}
.feature-slider a {
background: #fff;
box-shadow: 0 1px 2px #999;
display: block;
width: 34px;
height: 34px;
line-height: 2.125;
text-align: center;
font-size: 1.327;
color: #000;
}
.feature-slider a.active {
background: #ececec;
cursor: default;
color: #888;
text-shadow: -1px 1px 0 #fff;
}
.feature-slider a:hover {
text-decoration: none;
}
/* =Content and Archives
-------------------------------------------------------------- */
#content article {
border-bottom: 1px solid #eee;
margin: 0 0 1.8em 1.8em;
padding-bottom: 1.8em;
}
.archive-header {
margin-left: 1.8em;
padding-bottom: 0.8em;
}
body.one-column #content article,
#full-width-wrap #content article,
body.attachment #content article,
body.one-column .archive-header,
#full-width-wrap .archive-header {
padding-right: 1.8em;
}
.entry-content {
color: #707070;
font-size: 0.813em;
line-height: 1.615em;
margin-bottom: 1.25em;
}
.sticky-label {
background: #ececec;
box-shadow: 0 1px 1px #ccc;
color: #888;
display: inline-block;
font: 0.625em 'Droid Sans', Verdana, sans-serif;
margin-bottom: 1em;
padding: 0.4em 0.5em;
text-shadow: -1px 1px 0 #fff;
}
.entry-title {
font: 1.188em 'Droid Serif', Georgia, 'Times New Roman', serif;
margin-bottom: 0.563em;
}
.entry-title,
.entry-title a {
color: #726763;
}
.entry-title a:hover {
color: #0099ff;
text-decoration: none;
}
body.single .entry-title,
body.page .entry-title,
body.attachment .entry-title,
.archive-title {
border-bottom: 1px solid #ccc;
font-size: 1.5em;
color: #545454;
line-height: 1.45;
}
body.single .entry-title,
body.attachment .entry-title {
margin-bottom: 0;
}
.archive-title {
font-family: 'Droid Serif',Georgia,'Times New Roman',serif;
margin-bottom: 0.4em;
}
body.page .entry-title {
margin-bottom: 1.188em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
clear: both;
font-family: 'Droid Serif', Georgia, 'Times New Roman', serif;
margin-bottom: 1em;
}
.entry-content h1 {
font-size: 1.846em;
}
.entry-content h2 {
font-size: 1.692em;
}
.entry-content h3 {
font-size: 1.385em;
}
.entry-content h4 {
font-size: 1.231em;
}
.entry-content h5 {
font-size: 1.077em;
}
.entry-content h6 {
font-size: 0.923em;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dd,
.entry-content pre,
.entry-content address,
.comment-content p,
.comment-content ul,
.comment-content ol {
margin-bottom: 1.154em;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul,
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
margin-bottom: 0;
}
.entry-content ul,
.comment-content ul {
margin-left: 1.231em;
}
.entry-content ol,
.comment-content ol {
margin-left: 2.462em;
}
.entry-content ul,
.comment-content ul {
list-style: disc;
}
.entry-content ol,
.comment-content ol {
list-style: decimal;
}
.entry-content ol ol,
.comment-content ol ol {
list-style: upper-alpha;
}
.entry-content ol ol ol,
.comment-content ol ol ol {
list-style: lower-roman;
}
.entry-content ol ol ol ol,
.comment-content ol ol ol ol {
list-style: lower-alpha;
}
.entry-content dt,
.comment-content dt {
font-weight: bold;
}
.entry-content strong,
.comment-content strong {
font-weight: bold;
}
.entry-content cite,
.entry-content em,
.entry-content i,
.comment-content cite,
.comment-content em,
.comment-content i {
font-style: italic;
}
.entry-content blockquote cite,
.entry-content blockquote em,
.entry-content blockquote i,
.comment-content blockquote cite,
.comment-content blockquote em,
.comment-content blockquote i {
font-style: normal;
background-repeat: repeat-y;
}
.entry-content big,
.comment-content big {
font-size: 131.25%;
}
.entry-content ins,
.comment-content ins {
background: #eee;
text-decoration: none;
}
.entry-content abbr,
.entry acronym,
.comment-content abbr,
.comment-content acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.entry-content sup,
.entry-content sub,
.comment-content sup,
.comment-content sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
.entry-content sup,
.comment-content sup, {
bottom: 1ex;
}
.entry-content sub,
.comment-content sub {
top: .5ex;
}
.entry-content p a[href$=jpg],
.entry-content p a[href$=jpeg],
.entry-content p a[href$=jpe],
.entry-content p a[href$=png],
.entry-content p a[href$=gif],
.entry-content p a[href*=attachment],
.entry-content p a[rel*=attachment] {
border-bottom: 0 none;
}
.entry-content table {
border: 1px solid #eee;
margin: 0 0.077em 1.923em 0;
text-align: left;
width: 100%;
}
.entry-content tr th,
.entry-content thead th {
font-weight: bold;
line-height: 1.615em;
padding: 0.462em 1.154em;
}
.entry-content tr td {
border-top: 1px solid #eee;
padding: 0.462em 1.154em;
}
.entry-content tr.odd td {
background: #fefefe;
}
.entry-content blockquote,
.entry-content blockquote[class*="align"],
.comment-content blockquote {
background: #eee;
padding: 1.538em 1.538em 0;
margin: 1.538em 0;
border: 1px solid #ccc;
}
.entry-content pre {
background: #eee;
font: 1em Monaco, Courier New, Courier, monospace;
line-height: 1.5;
margin-bottom: 1.154em;
padding: 1.538em;
}
.entry-content sup,
.entry-content sub {
font-size: 0.769em;
}
.entry-content hr {
background-color: #eee;
border: 0;
height: 1px;
margin: 0 0 1em 0;
}
/* =Post Meta
-------------------------------------------------------------- */
.entry-meta {
color: #999;
font: 0.688em/1.4 Verdana, Helvetica, sans-serif;
margin: 0.5em 0 1.75em;
}
.entry-meta a {
color: #0099ff;
text-decoration: none;
}
.entry-meta a:hover {
text-decoration: underline;
}
body.single .entry-meta {
margin: 0.6em 0 1.75em;
}
.more-link {
font-style: italic;
}
.featured .more-link a {
color: #ddd;
font-weight: bold;
}
/* =Pagination
---------------------------------------------------------------*/
#content nav {
display: block;
overflow: hidden;
}
#nav-below {
margin: 1.8em;
}
#image-navigation {
margin: 1em 0;
}
#content nav .nav-previous,
#content nav .previous-image {
float: left;
width: 50%;
}
#content nav .nav-next,
#content nav .next-image {
float: right;
text-align: right;
width: 50%;
}
#content nav .nav-previous a,
#content nav .nav-next a,
#content nav .previous-image a,
#content nav .next-image a {
background-color: #eee;
color: #666666;
display: inline-block;
font-size: 0.688em;
padding: 0.5em;
}
#content nav .nav-previous a:hover,
#content nav .nav-next a:hover,
#content nav .previous-image a:hover,
#content nav .next-image a:hover {
background-color: #d7d7d7;
text-decoration: none;
}
.page-link {
clear: both;
font-size: 0.846em;
margin: 0 0 1em;
}
.page-link a {
background-color: #eee;
color: #666;
display: inline-block;
margin: 0.5em 0 0;
padding: 0 0.5em;
}
.page-link a:hover {
background-color: #d7d7d7;
text-decoration: none;
}
/* =Sidebar and Widgets
---------------------------------------------------------------*/
.widget {
display: block;
font-size: 0.813em;
margin-right: 1.538em;
padding: 0 0 1.8em;
word-wrap: break-word;
}
.widget-title {
border-bottom: 1px solid #ccc;
font: 1.462em/1.9 'Droid Serif', Georgia, 'Times New Roman', serif;
margin: 0 0 1em;
}
.widget-title,
.widget-title a {
color: #545454;
}
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li {
margin: 5px 0;
}
/* Search Widget */
.widget-area .widget_search {
overflow: hidden;
}
.widget-area #searchform {
margin-bottom: 0;
}
.widget-area .widget_search input {
float: left;
}
/* Calendar Widget */
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #333;
font-size: 0.923em;
margin-bottom: 1.154em;
margin-top: 0.769em;
text-align: right;
}
#wp-calendar thead th {
font-size: 0.769em;
padding-bottom: 1.154em;
text-align: center;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 2px solid #fff;
color: #aaa;
padding: 0.615em 2%;
text-align: center;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tfoot #next {
text-align: right;
}
#wp-calendar #today {
font-weight: bold;
}
#wp-calendar #prev,
#wp-calendar #next {
font-size: 0.769em;
padding-top: 0.8em;
text-transform: uppercase;
}
#wp-calendar tbody .pad {
background: none;
}
/* Flickr Widget */
#flickr_badge_wrapper {
background-color: transparent !important;
border: none !important;
}
.widget_flickr .flickr-size-thumbnail {
margin: 0 auto;
}
.widget_flickr .flickr-size-thumbnail br,
.widget_flickr .flickr-size-small br {
display: none;
}
.widget_flickr .flickr-size-thumbnail img {
display: block;
margin-bottom: 10px;
}
.widget_flickr .flickr-size-small img {
max-width: 98%;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
display: block;
}
/* Cloud Widgets */
.wp_widget_tag_cloud div,
.widget_tag_cloud div {
line-height: 1.5;
padding: 0.231em 0;
}
/* RSS Widget */
.rsswidget img {
margin: 0 !important;
}
.rss-date {
color: #333;
font-size: 90%;
font-style: italic;
}
/* Menu & Categories Widgets (With Sub-Items) */
.widget-area .sub-menu,
.widget-area .children {
margin-left: 1.5em;
}
.widget-area .sub-menu li,
.widget-area .children li {
border-width: 0;
}
/* Blogroll */
.widget-area .blogroll li {
font-style: italic;
text-shadow: none;
}
.widget-area .blogroll li a {
font-style: normal;
}
/* Aksimet Widgets */
.widget-area .widget_akismet a {
text-shadow: none;
}
/* Authors Widget */
.widget_authors li {
background: none !important;
overflow: hidden;
}
.widget_authors ul ul li {
overflow: hidden;
}
.widget_authors img {
float: left;
margin-bottom: 12px !important;
padding-right: 10px;
}
/* =Footer
-------------------------------------------------------------- */
#colophon {
border-top: 1px solid #ccc;
clear: both;
margin: 0 1.8em;
padding: 0.6em 0 0;
}
#site-info {
font-size: 0.688em;
}
#site-info,
#site-info a {
color: #a7a7a7;
}
/* =Images, Thumbnails, and Attachments
-------------------------------------------------------------- */
a img {
border: none;
}
p img {
margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.entry-attachment img,
.widget-area img,
.entry-content img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.entry-content img {
border-radius: 5px;
box-shadow: 0 1px 2px #ababab;
margin: 1em 1em 1em 0;
}
.entry-content img.size-thumbnail {
margin-top: 0;
}
.entry-content a:hover img,
.entry-thumbnail a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
box-shadow: 0px 5px 5px #ababab
}
.entry-content embed {
max-width: 100%;
}
img.alignleft {
margin-right: 1em;
}
img.alignright {
margin-left: 1em;
}
img.aligncenter {
margin: 1em auto;
}
.wp-caption {
background-color: #f3f3f3;
border: 1px solid #ddd;
border-radius: 3px;
padding: 0.8em;
text-align: center;
margin: 0.769em;
max-width: 100%;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption .wp-caption-text {
font-size: 0.846em;
line-height: 1.308em;
margin: 0;
padding: 0 0.308em 0.385em;
}
.entry-thumbnail {
float: left;
}
.entry-thumbnail img {
border-radius: 5px;
box-shadow: 0 1px 2px #ababab;
margin: 0 1.25em 0.625em 0 !important;
}
.entry-attachment {
margin-bottom: 1em;
text-align: center
}
.entry-content object,
.entry-content embed,
.video-player,
.entry-content iframe {
width: 100%;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
clear: both;
margin-left: 1.8em;
padding: 0 0 1.8em 0;
}
body.one-column #comments,
#full-width-wrap #comments,
body.attachment #comments {
padding-right: 1.8em;
}
#comments article {
border: 0;
margin: 0;
padding: 0;
}
#comments-title {
font: 1.125em/1.125 'Droid Serif', Georgia, serif;
margin: 0 0 1em;
}
.nopassword,
.nocomments {
color: #dcc8cf;
font-size: 1.125em;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
.commentlist {
clear: both;
}
#comments ol {
list-style: none;
margin-left: 0;
}
#comments ul {
list-style: none;
margin-left: 1.5em;
}
#comments li {
border: 1px solid #eee;
line-height: 1.125em;
margin: 0.625em 0;
padding: 0.625em;
}
#comments li.pingback {
border: 0;
margin: 0;
padding: 0;
}
#comments li.pingback p {
font-size: 0.75em;
line-height: 1.125em;
}
#comments ul li {
list-style: none;
padding: 0.5em 0.85em;
}
#comments .comment .comment-content {
margin-top: 0.8em;
padding: 0;
}
div.comment-likes {
margin: 0.625em 0 !important;
}
#comments .comment-author {
font-size: 0.75em;
font-weight: bold;
}
#comments .comment-content .sd-rating {
margin: 0 1.25em 0.313em;
}
#comments .children {
margin-top: 1.563em;
}
#comments .comment-author cite {
font-style: normal;
}
#comments .comment-meta,
#comments .comment-meta a,
.nopassword,
.subscribe-label {
color: #999;
text-decoration: none;
}
#comments .comment-meta {
font-size: 0.688em;
}
#comments .avatar {
float: left;
margin: 0 0.625em 0 0;
}
#comments .children .comment-meta {
top: 30px;
}
#comments .comment-content p {
font-size: 0.75em;
line-height: 1.125;
}
#comments .comment-content ul,
#comments .comment-content ul li,
#comments .comment-content ol,
#comments .comment-content ol li {
border: none;
padding: 0;
}
#comments .comment-content ul,
#comments .comment-content ol {
margin: 0 0 1.7em 2.5em;
}
#comments .comment-content ul,
#comments .comment-content ul li {
list-style: disc;
}
#comments .comment-content ol,
#comments .comment-content ol li {
list-style: decimal;
}
#comments .comment-content ol ol,
#comments .comment-content ol ol li {
list-style: upper-alpha;
}
#comments .comment-content ol ol ol,
#comments .comment-content ol ol ol li {
list-style: lower-roman;
}
#comments .comment-content ol ol ol ol,
#comments .comment-content ol ol ol ol li {
list-style: lower-alpha;
}
.bypostauthor {
background: #edf7fe;
}
#respond {
padding-top: 0.938em;
}
#respond h3 {
font: 1.125em/1.125 'Droid Serif', Georgia, serif;
margin: 0 0 0.625em;
}
.logged-in-as,
.comment-notes,
#respond p {
font-size: 0.75em;
}
.comment-notes {
margin: 0.313em 0 1em;
}
.logged-in-as {
margin: 0;
}
.required {
color: #cc4d22;
}
.comment-reply-link {
display: block;
font-size: 0.688em;
text-align: right;
}
#cancel-comment-reply-link {
color: #ff0000;
font: bold 0.611em 'Droid Sans', Verdana, serif;
text-align: right;
}
#respond input[type=text],
#respond textarea {
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
color: #999999;
font-size: 1.077em;
display: block;
font-size: 1.077em;
margin: 0.2em 0;
padding: 0.385em;
}
#respond input[type=text]:focus,
#respond textarea:focus {
background-color: #f9f9f9;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
}
#respond textarea {
margin: 0.625em 0;
width: 93%;
}
#respond input[type=submit] {
cursor: pointer;
font-size: 1em;
margin: 0.625em 0 1.25em;
padding: 0.313em;
}
#respond label {
margin: 0.938em 0 0.313em;
}
#respond .comment-form-comment {
margin: 0;
}
#respond .comment-form-comment label {
display: none;
}
#respond .form-allowed-tags {
font-size: 0.65em;
}
#respond p.comment-subscription-form label {
color: #000;
}
#comment-nav-below,
#comment-nav-above {
margin: 0.938em 0;
}
#comment-nav-below a,
#comment-nav-above a {
font-weight: normal !important;
}
/* =WPCOM items
-------------------------------------------------------------- */
#wpstats {
display: block;
margin: 0.5em auto;
}
img.wp-smiley {
border: 0 none;
box-shadow: none;
display: inline;
margin: 0;
}
/* =Responsive Structure for Smaller Screens
-------------------------------------------------------------- */
@media (max-width: 650px) {
/* Hide entry summaries in the featured slider at this size */
.featured .entry-summary {
display: none;
}
.featured .hentry {
top: 50%;
}
}
@media (max-width: 600px) {
/* Smaller tablets */
/* Tighten up spacing around menu items */
#access a {
line-height: 1.5em;
padding: 0.5em;
}
#access ul ul {
top: 2em;
}
/* Slightly reduce font size of featured image summary text */
.featured .entry-summary {
font-size: 0.75em;
}
}
@media (max-width: 480px) {
/* iPhone Landscape */
/* Change the body background to white */
body {
background: #fff;
}
/* Tighten up spacing around main site elements */
#page {
border: 0;
margin-top: 0;
width: 100%;
}
#main {
margin-bottom: 0;
}
#branding hgroup {
padding: 1em 1em;
}
#access {
margin-bottom: 1em;
}
#content article,
#comments {
margin: 0 0 1em 1em;
padding: 0 1em 0 0;
}
#nav-below {
margin: 1em;
}
#colophon {
margin: 0 1em;
}
/* Reduce the border around the featured slider */
section.featured {
border-width: 6px;
}
/* Reduce the size of thumbnails */
.entry-thumbnail img {
height: auto;
width: 100px;
}
/* Make larger images display block with auto horizontal margins */
.entry-content img.size-large,
.entry-content img.size-medium,
.entry-content img.size-full,
.wp-caption {
display: block;
float: none !important;
margin: 1em auto;
}
/* Simplify the display of captioned images */
.wp-caption {
background: no-repeat;
border: 0;
padding: 0;
}
/* Reduce the font size of large titles */
body.single .entry-title,
body.page .entry-title,
body.attachment .entry-title,
.archive-title {
font-size: 1.1em;
line-height: 1.438;
}
.archive-header {
margin-left: 1em;
padding: 0 1em 0.8em 0;
}
/* Reduce margins for headlines inside entry content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-bottom: 0.5em;
}
/* Reduce font size for headlines inside entry content */
.entry-content h1 {
font-size: 145%;
}
.entry-content h2 {
font-size: 135%;
}
.entry-content h3 {
font-size: 125%;
}
.entry-content h4 {
font-size: 115%;
}
.entry-content h5 {
font-size: 105%;
}
.entry-content h6 {
font-size: 100%;
}
/* Move sidebar to below main posts area */
#sidebar,
#content {
float: none;
width: 100%;
}
.widget {
margin-left: 1em;
}
/* Make sure embeds and iframes scale on smaller screens */
embed,
iframe,
object {
height: auto;
}
/* Hide wpstats smiley, add a bit of padding to the colophon, and remove excess margin from paragraphs inside site-info. */
#wpstats {
display: none;
}
#site-info {
padding-bottom: 1em;
}
#site-info p {
margin: 0;
}
}
/* =Internet Explorer
-------------------------------------------------------------- */
#ie8 img.size-large {
height: auto;
width: 100%;
}
#ie8 .featured .entry-title,
#ie8 .featured .entry-summary {
background: #000;
max-width: inherit;
}