@import url(reset.css);

/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt-static/themes-base/blog.css);
/* end StyleCatcher imports */

/* typography */
@import url(typography.css);

/* font,color,style */
h1 { font-size:22px; line-height:26px; }
h2 { font-size:16px; line-height:20px; }
h3 { font-size:14px; line-height:18px; }

a {
 color: #040607;
}

.published, .trackbacks-header {
 background-color:#8fd1f0;
 color:#040607;
 display:block;
 padding:5px 10px;
 margin-bottom:5px;
 font-family:"Tahoma",sans-serif;
}

/* widgets */
.widget-header {
 padding-bottom:4px;
 line-height:1px;
 border-bottom:solid 1px #ccc;
 margin-bottom:8px;
}

.widget-content a {
/* font-size: 11px; */
}

.widget-content li {
 margin-top: 8px;
 margin-bottom: 8px;
}

/* assets */
.asset-name {
 font-weight:bold;
 margin:1em 0 5px 0;
}

.asset-name a {
 text-decoration:none;
 color:#000;
}

.asset-name a:hover {
 text-decoration:underline;
 color:#e8252c;
}

.asset-meta {
 margin-top:.25em;
 padding:5px 0 .4em 0;
 font-weight:normal;
 display:block;
 border-top:1px solid #ddd;
}

.asset-meta,
.asset-meta a {
 color:#999;
}

.asset-content {
 line-height:1.5em;
}

.asset-footer a {
 color:#2f97d9;
 text-decoration:none;
}

.asset-footer a:hover {
 text-decoration:underline;
}

.asset-footer h4 {
 color:#64646e;
 font-size: 11px !important;
}

.asset-footer ul {
 margin-bottom: 5px !important;
}

/* archives */
h1#page-title {
 background-color:#eff2f4;
 color:#333;
 padding:5px 10px;
}

.archive-monthly {
 float:left;
 width:48%;
 clear:none;
}

.archive-category {
 float:right;
 width:48%;
 clear:none;
}

.archive-content ul li {
 border-top:1px solid #ccc;
}

.archive-content ul li span {
 float:right;
 font-size:0.85em;
 font-weight:normal;
}

.archive-content ul li div {
 clear:both;
 padding:0 4px;
 font-size:0.85em;
}

.archive-content ul li a {
 color:#333;
 display:block;
 padding:4px;
 font-weight:bold;
 text-decoration:none;
}

.archive-content ul li a:hover {
 background:#eff2f4;
 color:#e8252c;
}

/* external structure (970px,10%) */
* html body
{
 width:expression(document.documentElement.clientWidth < 1024 ? "1024px" : "auto");
}

body
{
 background: #ededed;
 border:0; margin:0; padding:0;
 min-width: 1024px;
 text-align: left;
}

.block
{
 margin: 0 5%;
}

#body
{
 min-width: 960px;
 background: url("/images/bg-body.png") repeat-x scroll 0 0 #f8f8f8;
}

#main .i
{
 background: url("/images/bg-body-i.png") repeat-x scroll 0 0 #f8f8f8;
 padding: 20px 30px;
}

#header
{
 padding: 20px 10px;
 min-height: 48px;
}

#footer
{
 color: #808080;
 border-top: solid 1px #d8d8d8;
 padding: 15px 5% 15px 5%;
}

#footer .i
{
 padding: 0px 31px;
}

#footer ul
{
 list-style: none outside none;
 margin: 0 0 0 10px; padding: 0;
 display: inline;
}

#footer ul li
{
 display: inline;
 padding: 0 10px;
 border-left: solid 1px #c8c8c8;
}

#footer ul li a
{
 color: #2f97d9;
}

#footer a
{
 color: #808080;
 text-decoration: none;
}

#footer a:hover
{
 text-decoration: underline;
}

.frame .t
{
 background: url("/images/bg-frame.png") no-repeat scroll -10px 0 transparent;
 height: 10px;
 margin-right: 10px;
}

.frame .t span
{
 float: right;
 position: relative;
 right: -10px;
 width: 10px;
 height: 10px;
 background: url("/images/bg-frame.png") no-repeat scroll 0 0 transparent;
}

.frame>.l, .frame>.r
{
 background: url("/images/bg-frame-s.png") no-repeat scroll 0 0 transparent;
 display: inline;
 height: 350px;
 width: 1px;
}

.frame .l { float: left;   }
.frame .r { float: right;  }

.frame .i
{
 margin: 0 1px;
}

.logo
{
 display: block;
 width: 216px;
 height: 42px;
 float: left;
 margin: 0 20px 0 0 !important;
 border: none;
 background: url("/images/logo-50-lanamark.png") no-repeat scroll 0 0 transparent;
}

.blogname
{
 display: block;
 width: 464px;
 height: 39px;
 float: right;
 margin: 13px 0 0 0 !important;
 border: none;
 background: url("/images/logo-blog.png") no-repeat scroll 0 0 transparent
}

/* internal structure */
.col-mask {
 position:relative;
 overflow:hidden;
 width:100%;
}

.col-right {
 position:relative;
 float:left;
 width:200%;
 left:175px;
}

.col-main-wrap {
 position:relative;
 float:right;
 width:50%;
 right:175px;
 padding-bottom:1em;
}

.col-main {
 position:relative;
 margin:0 0 0 195px;
 right:100%;
 overflow:hidden;
}

.col-banner {
 position:relative;
 float:left;
 width:150px;
 right:170px;
}

.col-left {
 position:relative;
 float:left;
 width:100%;
 right:35%;
}

.col-content, .col-nav {
 position:relative;
 float:left;
 padding:0 0 1em 0;
 overflow:hidden;
}

.col-content {
 width:63%;
 left:35%;
}

.col-nav {
 width:31%;
 left:40%;
}

/* style */
a img {
 border: 0;
}

.col-banner {
 text-align: center;
}

.col-banner-splash {
 background:transparent url(/images/splash-l.gif) no-repeat scroll center top;
 height:53px;
 margin-top:20px;
}

table {
 border-collapse:collapse;
}

td {
 padding:0;
}

#search {
 width:60%;
}

.content-nav {
 padding-bottom: 10px;
}

.trackbacks-header { font-size: 9pt; }
.trackbacks-info   { font-size: 8pt; }

/* entries */
.entry-content table {
 font-size: 11px;
 font-family: Tahoma, sans-serif;
 line-height: 17px;
 margin: 10px 0 10px 10px;
 width: 90%;
}

.entry-content td {
 padding: 5px 10px 5px 10px;
 background-color: #EFF2F4;
 background-image: url(/images/b-tblbrd.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
 width: 25%;
}

.entry-content tr.noborder td {
 background-image: none;
}

.entry-content tr.last td,
.entry-content tr.first td {
 font-size: 0;
 padding: 0;
 height: 7px;
 background-image: none;
}

.entry-content tr.first td div,
.entry-content tr.last td div {
 width: 100%;
 height: 7px;
}

.entry-content tr.first td div.l {
 background-image: url(/images/b-tbltl.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

.entry-content tr.first td div.r {
 background-image: url(/images/b-tbltr.gif);
 background-position: right top;
 background-repeat: no-repeat;
}

.entry-content tr.last td div.l {
 background-image: url(/images/b-tblbl.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
}

.entry-content tr.last td div.r {
 background-image: url(/images/b-tblbr.gif);
 background-position: right bottom;
 background-repeat: no-repeat;
}

.entry-content td.label {
 background-color: transparent;
 background-position: left bottom;
 width: 75%;
}

.entry-content td.wide {
 padding: 5px 10px 5px 20px;
 background-position: left bottom;
}