/* This is the StyleCatcher theme addition. Do not remove this block. */
/* Selected Layout: */
@import url(base_theme.css);
/* end StyleCatcher imports */
/*

/* Default ---------------------------------------------------------------- */

/* Global */

body {
font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
color: #333;
background: #000 url(/mt-static/images/tweed.jpg) repeat top center;
}

/* List  */

table.list { 
width: 100%; 
padding: 0px; 
border: 1px solid #B13E0F;
}

table.list td {
border:1;
padding:0 0 0 5px;
}

table.list td.head {
background:#B13E0F;
font-weight:bold;
font-height:13px;
color:#fff;
text-align:center;
padding:0;
}

table.list tr.alternate td {
background:#FCE6C9;
}

table.list td.head {
background:#B13E0F;
font-weight:bold;
font-height:13px;
color:#fff;
text-align:center;
padding:0;
}
table.list tr.alternate td.head {
background:#B13E0F;
font-weight:bold;
font-height:13px;
color:#fff;
text-align:center;
padding:0;
}

table.list td.up {
background:url(http://www.jonathancrossfield.com/blog/images/up.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:10px;
letter-spacing:0.25;
text-align:center;
padding:0;
}

table.list tr.alternate td.up {
background:#FCE6C9 url(http://www.jonathancrossfield.com/blog/images/up.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:10px;
letter-spacing:0.25;
text-align:center;
padding:0;
}

table.list td.down {
background:url(http://www.jonathancrossfield.com/blog/images/down.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:10px;
letter-spacing:0.25;
text-align:center;
padding:0;
}

table.list tr.alternate td.down {
background:#FCE6C9 url(http://www.jonathancrossfield.com/blog/images/down.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:10px;
letter-spacing:0.25;
text-align:center;
padding:0;
}

table.list td.same {
background:url(http://www.jonathancrossfield.com/blog/images/right2.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:10px;
text-align:center;
padding:0;
}

table.list tr.alternate td.same {
background:#FCE6C9 url(http://www.jonathancrossfield.com/blog/images/right2.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:10px;
text-align:center;
padding:0;
}

table.list tr {
height: 30px;
}

table.list td.new {
font:verdana;
font-weight:bold;
text-align:center;
font-size:8px;
padding:0;
}

/* Header */



#header-inner {
position: relative;
}

#header-name {
line-height: 1;
}

#header-description {
margin: 0;
font-size: 14px;
line-height: 1.125;
}

#header a {
text-decoration: none;
}




/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_nine */

.pro9 {padding:0 0 0 0px; margin:0; list-style:none; height:30px; position:relative;}


.pro9 li {float:left;}


.pro9 li a
{
display:block;
float:left;
height:30px;
line-height:29px;
background:url(/mt-static/images/pro_nine_0a.gif) no-repeat;
color:#000;
text-decoration:none;
font-size:16pt;
font-family:serif;
font-weight:bold; text-align:center;
padding:0 0 0 12px;
cursor:pointer;
}


.pro9 li a b
{
float:left;
display:block;
padding:0 12px 0 0;
width: 130px;
background:url(/mt-static/images/pro_nine_0.gif) right top;
}


.pro9 li.current a
{
color:#fff;
background:url(/mt-static/images/pro_nine_2a.gif) no-repeat;
}


.pro9 li.current a b
{
background:url(/mt-static/images/pro_nine_2.gif) right top;
}


.pro9 li a:hover
{
color:#fff;
background:url(/mt-static/images/pro_nine_1a.gif) no-repeat;
}


.pro9 li a:hover b
{
background:url(/mt-static/images/pro_nine_1.gif) right top;
}


.pro9 li.current a:hover
{
color:#fff; background:url(/mt-static/images/pro_nine_2a.gif) no-repeat;
cursor:default;
}


.pro9 li.current a:hover b
{
background:url(/mt-static/images/pro_nine_2.gif) right top;
}

img.logo
{
height: 120px;
width: 350px;
border: 0;
float:left;
padding: 0 50px 0px 35px;
}

#navbar {
position: relative;
padding: 40px 0px 0px 0px;
}

/* Content */

.asset-name {
font-weight: bold;
}

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

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

.asset-content {
margin: 5px 0;
}

.asset-more-link {
font-weight: bold;
}

.asset-more-link a {
text-decoration: none;
}

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

.asset-meta {
margin-top: .25em;
padding-top: 2px;
font-weight: normal;
display: block;
border-top: 1px dashed #e5f7d6;
padding-bottom: .3em;
}

.asset-meta a {
text-decoration: none;
}

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

.asset-footer a,
.comment-footer a {
font-weight: normal;
text-decoration: none;
}

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

.content-nav {
margin: 5px 0 10px;
}

.archive-title {
margin: 5px 0 30px;
font-size: 26px;
font-weight: bold;
}

.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
margin: 5px 0;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
margin: 0;
padding: 5px 0;
font-size: 18px;
font-weight: bold;
}

.search-results-header {
margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 11px;
}

/* Footer */

#footer-content,
#footer-content a {
color: #fff;
}


/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
}



/* Index Layout ----------------------------------------------------------------- */


#latest {
background: #fff;
width: 480px;
height: 1450px;
border: 2px solid #B13E0F;
margin: 20px 10px 20px 20px;
overflow: hidden;
}

#latest-inner {
background: #fff;
width: 460px;
height: 1430px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

#bio {
background: #fff;
width: 370px;
height: 255px;
border: 2px solid #B13E0F;
margin: 0px 20px 10px 10px;
overflow: hidden;
}

#bio-inner {
background: #fff;
width: 350px;
height: 240px;
padding: 5px 10px 10px 10px;
overflow: hidden;
}

#subscribe {
background: #fff;
width: 370px;
height: 215px;
border: 2px solid #B13E0F;
margin: 20px 20px 10px 10px;
overflow: hidden;
}

#subscribe-inner {
background: #fff;
width: 350px;
height: 195px;
padding: 5px 10px 10px 10px;
overflow: hidden;
}


#blog {
background: #fff;
width: 190px;
height: 470px;
border: 2px solid #B13E0F;
margin: 0 20px 20px 10px;
overflow: hidden;
}

#blog-inner {
background: #fff;
width: 170px;
height: 450px;
padding: 0px 5px 10px 5px;
overflow: hidden;
}


#popular {
background: #fff;
width: 370px;
height: 280px;
border: 2px solid #B13E0F;
margin: 0px 20px 10px 10px;
overflow: hidden;
}

#popular-inner {
background: #fff;
width: 350px;
height: 260px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}


#categories {
background: #fff;
width: 160px;
height: 470px;
border: 2px solid #B13E0F;
margin: 0 0px 10px 10px;
overflow: hidden;
}

#categories-inner {
background: #fff;
width: 140px;
height: 450px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}

#series {
background: #fff;
width: 195px;
height: 260px;
border: 2px solid #B13E0F;
margin: 0 0px 20px 10px;
overflow: hidden;
}

#series-inner {
background: #fff;
width: 175px;
height: 240px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}

#search {
background: #fff;
width: 370px;
height: 200px;
border: 2px solid #B13E0F;
margin: 0 0 20px 10px;
overflow: hidden;
}

#search-inner {
background: #fff;
width: 350px;
height: 180px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}

#embed {
float: right;
padding: 0 0 0 10px;
}

/* Index Layout ----------------------------------------------------------------- */


#what {
background: #fff;
width: 480px;
height: 215px;
border: 2px solid #B13E0F;
margin: 20px 10px 10px 20px;
overflow: hidden;
}

#what-inner {
background: #fff;
width: 460px;
height: 205px;
padding: 5px 10px 5px 10px;
overflow: hidden;
}

#top50 {
background: #fff;
width: 880px;
height: 4300px;
border: 2px solid #B13E0F;
margin: 0px 20px 20px 20px;
overflow: hidden;
}

#top50-inner {
background: #fff;
width: 860px;
height: 4280px;
padding: 5px 10px 10px 10px;
overflow: hidden;
}

/* Contact Layout ----------------------------------------------------------------- */

#contact {
background: #fff;
width: 870px;
height: 700px;
border: 2px solid #B13E0F;
margin: 20px 20px 20px 20px;
overflow: hidden;
}

#contact-inner {
background: #fff;
width: 850px;
height: 680px;
padding: 10px 100px 100px 50px;
overflow: hidden;
}

/* Copy Layout ----------------------------------------------------------------- */

#copy {
background: #fff;
width: 430px;
height: 520px;
border: 2px solid #B13E0F;
margin: 20px 10px 10px 20px;
overflow: hidden;
}

#copy-inner {
background: #fff;
width: 410px;
height: 500px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

#copy-image {
background: #fff;
width: 400px;
height: 220px;
border: 2px solid #B13E0F;
margin: 20px 20px 10px 10px;
overflow: hidden;
}


#portfolio {
background: #fff;
width: 400px;
height: 280px;
border: 2px solid #B13E0F;
margin: 0px 20px 10px 10px;
overflow: hidden;
}

#portfolio-inner {
background: #fff;
width: 380px;
height: 260px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}


/* Home Layout ----------------------------------------------------------------- */

#home {
background: #fff;
width: 420px;
height: 330px;
border: 2px solid #B13E0F;
margin: 20px 10px 5px 20px;
overflow: hidden;
}

#home-inner {
background: #fff;
width: 400px;
height: 310px;
padding: 5px 10px 10px 10px;
overflow: hidden;
}

#cartoon {
background: #fff;
width: 410px;
height: 520px;
border: 2px solid #B13E0F;
margin: 20px 20px 10px 10px;
overflow: hidden;
}

#cartoon-inner {
background: #fff;
width: 390px;
height: 500px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

#homeblog {
background: #fff;
width: 420px;
height: 170px;
border: 2px solid #B13E0F;
margin: 5px 10px 10px 20px;
overflow: hidden;
}

#homeblog-inner {
background: #fff;
width: 400px;
height: 150px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

/* Script Layout ----------------------------------------------------------------- */

#script {
background: #fff;
width: 380px;
height: 710px;
border: 2px solid #B13E0F;
margin: 20px 10px 10px 20px;
overflow: hidden;
}

#script-inner {
background: #fff;
width: 360px;
height: 690px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

#video {
background: #fff;
width: 445px;
height: 404px;
border: 2px solid #B13E0F;
margin: 20px 20px 10px 10px;
overflow: hidden;
}

#video-inner {
background: #fff;
width: 425px;
height: 384px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}

#nightfall {
background: #fff;
width: 445px;
height: 280px;
border: 2px solid #B13E0F;
margin: 10px 20px 10px 10px;
overflow: hidden;
}

#nightfall-inner {
background: #fff;
width: 425px;
height: 260px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}


/* Global ----------------------------------------------------------------- */



a {
color: #B13E0F;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.feedburnerFlareBlock a {
text-decoration:none;
}

.feedburnerFlareBlock a:hover {
text-decoration:underline;
}

.trackbacks-info a {
text-decoration:none;
}

.trackbacks-info a:hover {
text-decoration:underline;
}

/* Layout ----------------------------------------------------------------- */

#container-inner,
#content {
background-color: #fff;
}


#header-inner, #content-inner, #footer-inner {
padding-top: 0;
padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
padding-right: 0;
padding-left: 0;
}


/* Header ----------------------------------------------------------------- */

#container-inner {
background-color: #fff;
}

#content {
padding-top: 25px;
background: url(/mt-static/images/header.png) no-repeat;
}

#alpha-inner {
min-height: 2700px;
}

#beta-inner,
#gamma-inner {
padding: 0 0 25px;
height: 100%;
}

#header {
background: url(/mt-static/images/tweed.jpg) repeat;
padding-top: 10px;
padding-bottom: 10px;
position: static;
width: 100%;
}

#header-content {
margin: 10px 20px 0;
}

#header-name {
font-weight: bold;
font-size: 32px;
}

#header-name,
#header-name a {
font-weight: bold;
font-size: 32px;
text-decoration: none;
color: #CD6839;
}

#header-name a:hover {
text-decoration: underline;
}

#header-description,
#header-description a {
color: #999;
}


/* Content ---------------------------------------------------------------- */

.asset-name,
.asset-name a,
.archive-title {
color: #B13E0F;
}

blockquote {
font: Georgia, san serif;
margin-left:0;
padding-left: 35px;
padding-right:35px;
line-height: 1.5;
font-style: italic;
background:url(http://www.jonathancrossfield.com/blog/images/left.gif);
background-position: top left;
background-repeat: no-repeat;
display:block;
}

blockquote p {
padding-right:35px;
display:block;
}

blockquote p:last-child {
min-height:25px;
background: url(http://www.jonathancrossfield.com/blog/images/right.gif);
background-position:bottom right;
background-repeat:no-repeat;
}


H2, H3 {
color: #B13E0F;
}

.asset-footer a,
.comment-footer,
.comment-footer a,
.trackback-footer {
color: #CD6839;
}

.asset-footer {
border-top-color: #e5f7d6;
}

.archive-header,
.search-form-header,
.search-results-header {
color: #fff;
}

.trackbacks-header,
.comments-header,
.comments-open-header, {
color: #B13E0F;
}

.comment-header,
.comment-footer {
margin-left:45px;
font-weight:bold;
}

.comment-header a {
text-decoration:none;
}

.comment-header a:hover {
text-decoration: underline;
}

.archive-list-item {
margin-bottom: 5px;
}

.asset-body a {
text-decoration:none;
}

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

/* Comments ----------------------------------------------------------------- */

#comment-container {background:#fff, width:520px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#000;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #B13E0F; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#B13E0F; overflow:hidden; border-top:10px solid #FCE6C9; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #B13E0F; border-right:1px solid #B13E0F;}

.xb1 {margin:0 8px; background:#B13E0F;}
.xb2 {margin:0 6px; background:#B13E0F;}
.xb3 {margin:0 4px; background:#B13E0F;}
.xb4 {margin:0 3px; background:#FCE6C9; border-width:0 5px;}

.xb5 {margin:0 2px; background:#FCE6C9; border-width:0 4px;}
.xb6 {margin:0 2px; background:#FCE6C9; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#FCE6C9; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#FCE6C9; border:3px solid #B13E0F; border-width:0 3px;}

/* Widget ----------------------------------------------------------------- */

.layout-wt #beta-decor b {
z-index: 3;
display: block;
background: url(/mt-static/corner-left.gif) transparent no-repeat;
width: 2px;
height: 2px;
position: absolute;
top: 0;
left: 0;
}

.layout-twt #beta-decor b,
.layout-tw #beta-decor b {
z-index: 3;
display: block;
background: url(/mt-static/corner-right.gif) no-repeat;
width: 2px;
height: 2px;
position: absolute;
top: 0;
right: 0;
}

.layout-wtt #gamma-decor b,
.layout-twt #gamma-decor b {
z-index: 3;
display: block;
background: url(/mt-static/corner-left.gif) transparent no-repeat;
width: 2px;
height: 2px;
position: absolute;
top: 0;
left: 1px;
}

.layout-wm .recent-comments-stream-widget .widget-header {
background-image: url(/mt-static/corner-left.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

.widget a,
.archive-widget .widget-list .item {
color: #B13E0F;
}

.widget-list-item a {
font-size: 11px;
text-decoration: none;
}

.widget-list-item a:hover {
text-decoration: underline;
}

#gamma .widget a {
color: #B13E0F;
}
.sidebar-text {
color: #B13E0F;
}

.widget-header {
padding: 5px 15px;
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
background-color: #B13E0F;
}

.widget-header2 {
padding: 5px 15px;
color: #fff;
font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
background-color: #B13E0F;
}

#gamma .widget-header {
background-color: #B13E0F;
}

#gamma-inner {
background-color: #FCE6C9;
border-left: 1px solid #fff;
height: 100%;
}

#beta-inner {
background-color: #EECBAD;
border-left: 1px solid #fff;
height: 100%;
}

#beta, #gamma {
display: inline;
float: left;
}

#beta {
position: absolute;
height: 100%;
}

#gamma {
position: absolute;
top: 25px;
height: 100%;
}

.layout-tw .widget .widget-header {
border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
border: 0;
}

.embed-asset-widget .widget-header {
margin-bottom: 10px;
}
#gamma .widget-header,
#gamma .widget-header a,
.widget-header,
.widget-header a {
text-decoration: none;
color: #fff;
}

.widget-header .edit a {
border-left-color: #fff
}
#gamma .widget-header a:hover,
.widget .widget-header a:hover {
text-decoration: underline;
}

.widget-content {
padding: 0 15px;
}

.media-stream-widget img {
border: 1px solid #999;
}

.widget-header {
font-size: 14px;
}

.widget-header a {
text-decoration: none;
}

.widget-header a:hover {
text-decoration: underline;
}

.widget-content {
margin-top: 5px;
margin-bottom: 20px;
font-size: 11px;
}


/* "Powered By" Widget */

.widget-powered .widget-content {
padding: 10px;
text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
font-size: 10px;
}


/* Footer Widgets */

#footer .widget {
margin: 10px 0;
}

#footer .widget-content {
padding-right: 0;
padding-left: 0;
}

#footer .widget-powered .widget-content {
padding: 0;
text-align: left;
}


/* Footer ----------------------------------------------------------------- */

#footer {
background: url(/mt-static/images/footer.png) no-repeat;
z-axis: 2;
}

#footer-content {
margin: 20px 0;
}


/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
height: 1%;
}


/* Custom Styles ---------------------------------------------------------- */

.connections-view #header-content {
background-color: #defabf;
}
.group-banner {
top: 33px;
}


/* Tables -------------------------------------------------------------- */

#table {
cellspacing:1;
cellpadding:1;
border:0;
}

#row {
height: 51px;
}

#head {
bg-color:#B13E0F;
font-size: 12px;
font-weight: bold;
font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
color:#fffff;
}

table.sample {
border-width: medium medium medium medium;
border-width: medium medium medium medium;
border-style: none none none none;
border-color: red red red red;
border-collapse: separate;
background-color: rgb(255, 255, 240);
}
table.sample th {
border-width: thin thin thin thin;
padding: 3px 3px 3px 3px;
border-style: ridge ridge ridge ridge;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
}
table.sample td {
border-width: thin thin thin thin;
padding: 5px 3px 10px 3px;
border-style: ridge ridge ridge ridge;
border-color: red red red red;
background-color: rgb(255, 245, 238);
-moz-border-radius: 6px 6px 6px 6px;
}

#number {
justify:center;
font-weight:bold;
height:50px;
}