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;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: 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;
}
/* Layout ----------------------------------------------------------------- */
body {
text-align: center;
background: #fff;
}
#container-inner {
width: 100%;
min-height: 100%;
text-align: left;
}
#header, #content, #alpha, #beta, #gamma, #footer {
position: relative;
}
#alpha, #beta, #gamma {
display: inline;
float: left;
}
#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
position: static;
}
#header-inner, #content-inner, #footer-inner {
position: relative;
width: 940px;
margin: 0 auto;
}
#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
overflow: hidden;
}
#alpha-inner {
padding-right: 20px;
}
#alpha,
.layout-wtt #alpha,
.layout-twt #alpha,
.layout-wt #alpha,
.layout-tw #alpha,
.layout-wm #alpha,
.layout-mw #alpha {
width: 740px;
}
#beta,
.layout-wtt #beta,
.layout-twt #beta,
.layout-wt #beta,
.layout-tw #beta,
.layout-wm #beta,
.layout-mw #beta {
width: 200px;
padding-top: 7px;
}
#footer-content {
padding: 0 55px;
}
/* Global ----------------------------------------------------------------- */
body {
background: #eeeeea;
font: 12px/16px Arial, Verdana;
}
a,
a:link,
a:visited {
text-decoration: none;
color: #a30000;
}
a:hover {
text-decoration: underline;
}
input.ti,
textarea {
border: 1px solid #ccc;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}
h1#page-title,
h2.archive-title {
border-bottom: 1px solid #ddddd9;
padding-bottom: 5px;
font-size: 14px;
margin: 0 0 0 55px;
font-weight: normal;
color: #a30000;
}
h1#page-title em {
font-weight: bold;
font-style: normal;
}
h1#page-title.alt-title {
border-bottom: none;
margin-bottom: 10px;
}
h2 {
font-size: 18px;
border-bottom: 1px dotted #ddddd9;
}
h2.archive-header {
font-size: 12px;
padding: 3px 10px 2px;
margin: 0 0 10px 0;
}
#container {
background: #fff;
}
#header {
background: #000;
color: #fff;
padding: 0px;
}
#header a {
color: #fff;
}
#header-name {
font-size: 22px;
/* line-height: 128px; */
font-weight: normal;
text-transform: lowercase;
font-family: "Helvetica Neue", Arial;
padding: 0px 20px 0px 10px;
/* background: url(mt/mt-static/plugins/mid-century/logo.gif) no-repeat -50px 50%; */
display: block;
float: left;
}
#header-name a span {
color: #999 !important;
}
#header-description {
display: none;
}
.search-wrapper {
float: left;
margin: 2px 2px 0px 2px;
}
.search-wrapper #search {
padding: 0px 0px 0px 0px;
background: #eeeeea;
border: 1px solid #ddddd9;
color: #000;
}
#search-submit {
border: 0px;
color: #a30000;
background: #eeeeea;
padding: 0px 2px 1px 2px;
font: 13px Arial;
}
.blog-feed a {
float: right;
font-size: 14px;
line-height: 22px;
margin: 6px 15px 6px 0;
padding: 16px 15px 10px 22px;
border-right: 1px solid #222;
background: url(feed-icon-16x16.gif) no-repeat 0 19px;
}
/* topnav */
#nav {
background: #d57274;
border-top: 1px solid #888884;
border-bottom: 1px solid #ddddd9;
font-size: 13px;
}
#nav-inner {
width: 940px;
margin: 0 auto;
}
#nav ul {
margin-left: 40px;
}
#nav ul li {
float: left;
}
#nav ul li a {
padding: 5px 16px 5px 16px;
display: block;
border-right: 0px solid #ddddd9;
}
#nav ul li.home a {
border-right: 0px solid #ddddd9;
border-left: 0px solid #ddddd9;
}
#nav ul li a:hover {
background: #000;
}
#content {
padding: 20px 0;
line-height: 1.8;
}
#content .archive {
margin-left: 55px;
}
#beta-columns {
background: url(sidebar-columns-bg.gif) repeat-y 50% 0;
}
#beta-columns-left,
#beta-columns-right {
width: 200px;
float: left;
}
#beta-columns-left {
margin-right: 40px;
}
#footer {
background: #eeeeea;
padding: 20px 0;
border-top: 1px solid #ddddd9;
}
.content-nav {
font-size: 14px;
font-family: Georgia;
text-align: center;
color: #666662;
clear: left;
}
.entry-listing {
margin: 0 0 15px 55px;
}
.entry-listing ul {
margin: 0;
}
.entry-listing li {
border-bottom: 1px solid #ddddd9;
clear: left;
}
.entry-listing li a {
display: block;
}
.entry-listing li a:hover {
text-decoration: none;
background: #eeeeea;
}
.entry-listing li span {
display: block;
float: left;
padding: 4px 0 2px;
line-height: 24px;
color: #666662;
}
.entry-listing li span.entry-listing-date {
width: 15%;
margin-right: 5%;
}
.entry-listing li span.entry-listing-title {
font-family: Georgia;
font-size: 14px;
width: 65%;
margin-right: 5%;
display: block;
color: #004D80;
}
.entry-listing li span.entry-listing-comments {
padding-left: 20px;
background: url(comment.gif) no-repeat 0 50%;
color: #000;
}
.message-content {
margin-left: 55px;
}
#overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#dialog {
display: none;
position: absolute;
width: 100%;
top: 100px;
z-index:1002;
}
* html #dialog,
*:first-child+html #dialog {
left: 0;
}
#dialog-inner {
background: #fff;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
#dialog-content {
padding: 20px;
}
#dialog-content h2 {
text-align: left;
border: none;
margin-bottom: 10px;
}
#dialog-content div {
text-align: left;
}
#dialog-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: none;
}
#dialog-text-inner {
padding: 20px;
margin: 0 20px 20px;
color: #fff;
background: #000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#dialog-close {
position: absolute;
top: 6px;
right: 6px;
width: 13px;
height: 13px;
text-indent: -9999px;
overflow: hidden;
background: url(close.gif) no-repeat 2px 2px;
}
#dialog-close:hover {
background: url(close.gif) no-repeat 2px -18px;
}
.message {
margin: 0 0 15px 55px;
padding: 5px 10px;
border: 1px solid #fc3;
background: #ffd;
}
/* Entries ----------------------------------------------------------------- */
.entry-asset,
.page-asset {
margin-bottom: 25px;
}
.asset .asset-content a {
text-decoration: underline;
}
.entry-asset .asset-header h1#page-title,
.entry-asset .entry-title {
font-size: 32px;
line-height: 40px;
font-weight: normal;
font-family: Garamond, Georgia;
margin: 0 0 0 7px;
padding: 0;
border: none;
color: #000;
}
.sidebar-title {
font-size: 32px;
line-height: 40px;
font-weight: normal;
font-family: Garamond, Georgia;
margin: 0 0 0 0px;
padding: 0;
border: none;
color: #000;
}
.action-column {
font-size: 36px;
line-height: 36px;
font-family: Garamond;
color: #000;
}
.entry-asset .asset-meta {
float: left;
width: 50px;
color: #666662;
text-align: center;
text-transform: uppercase;
line-height: 16px;
}
.entry-meta-date .day {
font-size: 28px;
line-height: 32px;
color: #666662;
font-family: Georgia;
display: block;
margin-bottom: 5px;
}
.entry-asset .asset-body,
.page-asset .asset-body {
margin-left: 55px;
padding-top: 5px;
font-family: Georgia;
font-size: 13px;
margin-bottom: 10px;
}
.asset .asset-body p,
.asset .asset-body blockquote,
.asset .asset-body ul,
.asset .asset-body ol {
margin-bottom: 15px;
}
.entry-asset .asset-body blockquote {
margin: 0 25px 15px 25px;
padding-left: 15px;
color: #333;
border-left: 1px dotted #ddddd9;
}
.entry-asset .asset-body ul,
.entry-asset .asset-body ol {
list-style: disc;
margin-left: 25px;
}
.entry-asset .asset-body ol {
list-style: decimal;
}
.entry-asset .asset-body .mt-image-left,
.entry-asset .asset-body .mt-image-right,
.entry-asset .asset-body .mt-image-none {
border: 1px solid #ddddd9;
padding: 3px;
}
.asset .asset-more-link {
margin-left: 55px;
margin-bottom: 15px;
font-family: Georgia;
text-align: center;
font-size: 13px;
font-weight: bold;
}
.entry-asset .asset-footer {
margin-left: 55px;
border-top: 1px dotted #ccccc8;
padding: 10px 0 0 0;
color: #666662;
position: relative;
line-height: 18px;
clear: both;
}
.mt-entry-archive .entry-asset .asset-footer {
background: none;
border-top: 1px dotted #ccccc8;
}
.mt-entry-archive .entry-asset .asset-footer-inner {
padding: 0;
background: none;
}
.entry-commentcount {
float: left;
width: 50px;
text-align: center;
font-weight: bold;
font-size: 15px;
}
.entry-commentcount a {
display: block;
padding: 5px 9px 0 0;
background: url(comment-bg.gif) no-repeat 0 0;
height: 31px;
}
.entry-commentcount a span {
display: none;
}
.entry-asset .asset-footer .entry-tags h4 {
display: inline;
font-weight: normal;
}
.entry-asset .asset-footer .entry-tags ul {
display: inline;
}
.entry-asset .asset-footer .entry-tags ul li {
display: inline;
}
.trackbacks,
.comments {
clear: left;
padding-bottom: 12px;
}
.comments-content {
margin-bottom: 15px;
}
.comment-content {
font-family: Georgia;
font-size: 13px;
}
.comment-content p {
margin-bottom: 10px;
}
.comment {
margin-bottom: 10px;
padding-bottom: 10px;
}
.comment .byline img {
display: none;
}
.comment .user-pic {
float: left;
border: 1px solid #ddddd9;
padding: 2px;
display: none;
}
.comment .asset-meta {
color: #666662;
font-size: 11px;
}
.comment .comment-header {
background: #fff url(entry-comment-bg-bot.gif) no-repeat 0 0;
padding: 8px 0 0 25px;
}
.comment .comment-content {
background: #eeeeea url(entry-comment-bg-top.gif) no-repeat 0 0;
padding-top: 5px;
}
.comment-content-inner {
padding: 5px 15px;
}
.comment-by-author .comment-content-inner {
border-left: 1px solid #cedde6;
border-right: 1px solid #cedde6;
}
.comment-by-author .comment-header {
background: #fff url(entry-comment-blue-bg-bot.gif) no-repeat 0 0;
}
.comment-by-author .comment-content {
background: #e7eef3 url(entry-comment-blue-bg-top.gif) no-repeat 0 0;
}
.comment-highlight .comment-content-inner {
border-left: 1px solid #fc3 !important;
border-right: 1px solid #fc3 !important;
}
.comment-highlight .comment-header {
background: #fff url(entry-comment-hl-bg-bot.gif) no-repeat 0 0 !important;
}
.comment-highlight .comment-content {
background: #ffd url(entry-comment-hl-bg-top.gif) no-repeat 0 0 !important;
}
.comments-open-header,
.comments-header,
.trackbacks-header,
.trackbacks-info,
.comments-open-content,
.comments-content {
margin-left: 55px;
}
.comments-open-header,
.comments-header,
.trackbacks-header {
font-family: Georgia;
font-weight: normal;
margin-bottom: 10px;
}
.comments-open-content {
}
.comments-open form {
background: url(entry-footer-bg-bot.gif) no-repeat left bottom;
padding-bottom: 5px;
}
.comments-open form #comments-form-inner {
background: #eeeeea url(entry-footer-bg-top.gif) no-repeat left top;
margin: 0;
padding: 15px 10px 10px 10px;
}
#comment-greeting {
margin-bottom: 5px;
}
#comments-form div {
clear: left;
margin-bottom: 5px;
}
#comments-form label {
display: block;
float: left;
width: 90px;
text-align: right;
color: #666662;
margin-right: 10px;
}
#comments-form input.ti,
#comments-form textarea {
float: left;
width: 330px;
}
#comment-form-remember-me,
#comment-form-reply,
#comments-open-footer {
padding-left: 100px;
}
#comment-form-remember-me label,
#comment-form-reply label {
float: none;
width: auto;
text-align: left;
display: inline;
}
/* captcha */
#comments-open-captcha div.label {
display: inline;
}
#comments-open-captcha div.field {
padding-left: 100px;
clear: none;
}
#comments-open-captcha div.field img {
margin-bottom: 5px;
}
#comments-open-captcha div.field p {
color: #666662;
}
h1.search-results-header {
margin-bottom: 10px !important;
}
/* Widgets ----------------------------------------------------------------- */
.widget {
margin-bottom: 15px;
line-height: 1.5;
}
.widget h3 {
font-size: 13px;
margin-bottom: 3px;
}
/* Categories */
.widget-archive ul {
line-height: 16px;
border-top: 1px solid #e7eef3;
}
.widget-archive ul li a {
/* background: #e7eef3; */
border-bottom: 1px solid #e7eef3;
padding: 4px 6px;
display: block;
}
.widget-archive ul li a:hover {
background: #f3f7f9;
text-decoration: none;
}
/* Recent Entries */
.widget-recent-entries ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ddddd9;
}
.widget-recent-entries ul li p {
font-family: Georgia;
}
/* Recent Comments */
.widget-recent-comments ul li {
margin-bottom: 10px;
padding-top: 5px;
background: url(sidebar-narrow-bg-top.gif) no-repeat 0 0;
font-family: Georgia;
font-size: 13px;
}
.widget-recent-comments ul li p {
margin: 0;
background: #eeeeea;
padding: 3px 10px 5px;
}
.widget-recent-comments ul li .comment-attribution {
padding: 10px 0 0 25px;
background: url(sidebar-narrow-bg-bot.gif) no-repeat 0 0;
font-size: 11px;
font-family: Arial;
}
/* Tag Cloud */
.widget-tag-cloud .widget-list {
margin: 5px 0 0 55px;
}
.widget-tag-cloud .widget-list-item {
display: inline;
margin: 0 5px 0 0;
padding: 0;
line-height: 1.2;
background: none;
}
.widget-tag-cloud .rank-1 { font-size: 1.75em; }
.widget-tag-cloud .rank-2 { font-size: 1.75em; }
.widget-tag-cloud .rank-3 { font-size: 1.625em; }
.widget-tag-cloud .rank-4 { font-size: 1.5em; }
.widget-tag-cloud .rank-5 { font-size: 1.375em; }
.widget-tag-cloud .rank-6 { font-size: 1.25em; }
.widget-tag-cloud .rank-7 { font-size: 1.125em; }
.widget-tag-cloud .rank-8 { font-size: 1em; }
.widget-tag-cloud .rank-9 { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }
/* Gallery */
.widget-gallery {
background: #cedde6 url(sidebar-bg-top.gif) no-repeat left top;
margin-bottom: 20px;
position: relative;
}
.widget-gallery .widget-header {
margin-bottom: 5px;
padding: 6px 0 0;
font-size: 14px;
}
.widget-gallery .inner {
background: url(sidebar-bg-bot.gif) no-repeat left bottom;
padding: 0 10px 10px;
}
.widget-gallery .widget-content {
background: url(sidebar-bg-inner-bot.gif) no-repeat left bottom;
padding-bottom: 5px;
}
.widget-gallery .widget-content h3 {
font-size: 16px;
margin-bottom: 5px;
font-weight: normal;
font-family: Georgia;
overflow: hidden;
}
.widget-gallery .widget-content-inner {
background: url(sidebar-bg-inner-top.gif) no-repeat left top;
padding: 10px 10px 5px;
}
.widget-gallery .gallery-item-nav {
position: absolute;
right: 10px;
top: 8px;
width: 40px;
height: 16px;
}
#showcase-prev,
#showcase-next {
display: block;
float: left;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: -9999px;
background: url(gallery-arrows.gif) no-repeat 50% -80px;
}
#showcase-next {
background-position: 50% -120px;
}
#showcase-prev.inactive,
#showcase-next.inactive {
background-position: 50% 0px;
cursor: default;
}
#showcase-next.inactive {
background-position: 50% -40px;
}
.widget-gallery .asset-image {
float: left;
margin-right: 10px;
border: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding: 3px;
}
.widget-gallery .gallery-item {
display: none;
}
.widget-gallery .asset-description {
line-height: 1.5;
overflow: hidden;
height: 90px;
}
/* Utilities ----------------------------------------------------------------- */
.hidden {
display: none;
}
.pkg:after,
#content-inner:after,
#main-navigation-inner:after,
#comments-form div:after,
.asset-footer-inner:after,
.widget-gallery .widget-content-inner:after,
.entry-asset .asset-footer:after,
.entry-listing li a:after,
#nav:after,
#nav-inner:after,
#beta-columns:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content-inner,
#main-navigation-inner,
#comments-form div,
.asset-footer-inner,
.widget-gallery .widget-content-inner,
.entry-asset .asset-footer,
.entry-listing li a,
#nav,
#nav-inner,
#beta-columns {
display: block;
}
/* no ie mac \*/
* html .pkg,
* html #content-inner,
* html #main-navigation-inner,
* html #comments-form div,
* html .asset-footer-inner,
* html .widget-gallery .widget-content-inner,
* html .entry-asset .asset-footer,
* html .entry-listing li a,
* html #nav,
* html #nav-inner,
* html #beta-columns {
height: 1%;
}
.pkg, #content-inner,
#main-navigation-inner,
#comments-form div,
.asset-footer-inner,
.widget-gallery .widget-content-inner,
.entry-asset .asset-footer,
.entry-listing li a,
#nav,
#nav-inner,
#beta-columns {
display: block;
}
/* */