@charset "utf-8";

/* mingteo-yumyums.css

   Look, learn, but please do not steal. */

/* For IE 6 + 7, see:
   /includes/mingteo-ie-7.css

   For IE 6, see:
   /includes/mingteo-ie-6.css

   For PRINT Layout, see:
   /includes/mingteo-print.css

   For AURAL Layout, see:
   /includes/mingteo-aural.css */

/* notes

          Primary colour: #ddd (extra-light gray)
      Primary highlights: #ffc9e2 (ice pink)
                          #
    Complementary colour: #86b9ed (baby blue)
Complementary highlights: #aaa (extra-light grey)
                          #ddd (faded extra-light grey)

   end notes */

/* reset */

* { padding: 0;
	margin: 0; }

html { background: #222 url('/images/layout-yumyums/html-flow.gif') fixed repeat-x 0 0; /* old: 126px */
	color: #ddd;
	font: 14px Tahoma, Geneva, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; /* IE 6 + 7 */ }

h1, 
h2, 
h3 { margin: 0.388889em 0; /* 14px */
	font-size: 2.571428em; /* 36px */
	font-weight: 100;
	text-align: left;
	text-transform: lowercase;
	 }
h2, 
h3.post-title { margin: 0.583334em 0; /* 14px */
	font-size: 1.714286em; /* 24px */ }
h3 { margin: 0.777778em 0; /* 14px */
	font-size: 1.285714em; /* 18px */
	line-height: 1.166667; /* 21px */ }
h2.date-header, 
h4, 
h5, 
h6 { margin: 1em 0; /* 14px */
	font-size: 1em; /* 14px */
	font-weight: 800;
	text-align: left;
	text-transform: lowercase; }

p, 
ul, 
ol, 
dl, 
table, 
blockquote { margin: 1em 0; }

ul,
ol { margin-left: 2.5em;
	list-style-type: square; }
ol { list-style-type: lower-roman; }

dl dt { margin-top: 0.5em;
	font-weight: 800; }

blockquote { margin-right: 3.3334em;
	margin-left: 3.3334em; }

acronym, 
abbr, 
span[title] { border-bottom: 1px dashed #86b9ed;
	cursor: help; }

a acronym, 
a abbr { border-bottom-width: 0; }

address { font-style: normal; }
address span { display: block; }

/* temp */
.highlight { padding: 0 2px;
	background-color: #fff;
	border: 2px dashed #c00;
	color: #f00;
	font-weight: 800; }

/* layout */
/* accessible */
div#menu h1, 
div#copy .accessible, 
div#footer h2 { position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font-size: 1px; }

/* clear */
div#shell:after, 
div#copy:after, 
div#copy form dl:after { display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ' '; }

div#entirety { min-width: 55em; /* IE 6 */
	background: url('/images/layout-yumyums/entirety-bg/00.jpg') no-repeat 0 0; }
body#entirety-bg-1 div#entirety { background-image: url('/images/layout-yumyums/entirety-bg/01.jpg'); }
body#entirety-bg-2 div#entirety { background-image: url('/images/layout-yumyums/entirety-bg/02.jpg'); }
body#entirety-bg-3 div#entirety { background-image: url('/images/layout-yumyums/entirety-bg/03.jpg'); }
body#entirety-bg-4 div#entirety { background-image: url('/images/layout-yumyums/entirety-bg/04.jpg'); }
body#entirety-bg-5 div#entirety { background-image: url('/images/layout-yumyums/entirety-bg/05.jpg'); }

/* header
   div#entirety */
div#header { height: 112px;
	background: url('/images/layout-yumyums/header-bg.png') no-repeat 0 0; /* IE 6 */
	border-bottom: 14px solid #86b9ed; }

div#menu-skip { margin-left: 518px;
	background: url('/images/layout-yumyums/menu-skip-flow.png') repeat-x 0 0; }
div#menu-skip p { height: 105px;
	margin: 0;
	padding: 7px 10px 0 0; /* IE 6 + 7 */
	background: url('/images/layout-yumyums/menu-skip-bg.png') no-repeat 100% 0;
	text-align: right; }
div#menu-skip p a { padding-right: 1em;
	background: url('/images/layout-yumyums/menu-skip-navi.gif') no-repeat 100% 60%;
	color: #ddd;
	font-size: 0.857143em; /* 12px */ }
div#menu-skip p a:focus, 
div#menu-skip p a:hover, 
div#menu-skip p a:active { color: #fff; }

div#header img { display: none; }
/* end header */

div#shell { max-width: 89em; /* IE 6 */ }

/* menu
   div#entirety div#shell */
div#menu { position: absolute;
	left: 0;
	top: 126px; }

div#menu ul { margin: 0;
	list-style-type: none; }
div#menu ul li { float: left;
	display: inline;
	margin-left: 0.714286em;
	background: #343434 url('/images/layout-yumyums/menu-flow.gif') repeat-x 0 0; }
div#menu ul li a { float: left;
	display: inline;
	padding: 0.357143em 1em 0.571429em 2em;
	background: url('/images/layout-yumyums/list-bullet.gif') no-repeat 0.571429em 50%;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #888;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase; }

div#menu ul li a:focus, 
div#menu ul li a:hover, 
div#menu ul li a:active { border-color: #86b9ed; }

div#menu ul li#menu-home { position: absolute;
	top: -96px;
	left: 178px;
	margin-left: 0;
	background-color: transparent;
	background-image: none; }
div#menu ul li#menu-home a, 
div#menu ul li#menu-home a:focus, 
div#menu ul li#menu-home a:hover, 
div#menu ul li#menu-home a:active { float: none;
	display: block;
	width: 340px;
	height: 55px;
	padding: 0;
	background-image: none;
	border-width: 0;
	outline-width: 0;
	font-size: 1px;
	text-indent: -888888em; }
/* end menu */

/* copy
   div#entirety div#shell */
div#copy { float: left;
	display: inline;
	width: 73%;
	min-height: 460px; /* IE 6 */
	padding: 3em 1em 1em; /* IE 6 + 7 */
	line-height: 1.5;
	word-wrap: break-word; }

/* semi-globals */
div#copy .text-left, 
div#copy .left { text-align: left; }
div#copy .text-center, 
div#copy .center { text-align: center; }
div#copy .text-right, 
div#copy .right { text-align: right; }
div#copy .text-justify, 
div#copy .justify { text-align: justify; }
div#copy .faux-big, 
div#copy .big { font-size: 1.142857em; /* 16px */ }
div#copy .faux-small, 
div#copy .small { font-size: 0.857143em; /* 12px */ }
div#copy .faux-strong { font-weight: 800; }
div#copy .faux-em { font-style: italic; }

div#copy a, 
div#copy-secondary a { color: #bedef3; }
div#copy a:focus, 
div#copy a:hover, 
div#copy a:active, 
div#copy-secondary a:focus, 
div#copy-secondary a:hover, 
div#copy-secondary a:active { color: #fff; }

div#copy img, 
div#copy-secondary img { padding: 0.214286em; /* 3px */
	background-color: #444;
	border: 1px solid #6d8eb0;
	vertical-align: bottom; }

div#copy a:hover img, 
div#copy a:focus img, 
div#copy a:active img { background-color: #555;
	border-color: #b3d1ef; }

/* float-fix
   float fixing without use of clear property. */
div#copy .float-fix { overflow: hidden;
    /* IE 6 + 7 */ }

div#copy .frame-space-small { margin-right: 225px; }
div#copy .frame-space-medium { margin-right: 345px; }
div#copy .frame-space-large { margin-right: 425px; }

div#copy p.frame, 
div#copy a.frame, 
div#copy img.frame { float: right;
	clear: right;
	margin: 1em 0 0.5em 2em;
	padding: 0.214286em; /* 3px */
	border: 1px solid #ddd;
	vertical-align: bottom; }
div#copy p.frame a, 
div#copy p.frame img, 
div#copy a.frame img { float: none;
	clear: none;
	margin: 0;
	padding: 0;
	border-width: 0;
	vertical-align: bottom; }

div#copy p.frame span { display: block;
    max-width: 300px;
    /*min-width: 200px;*/
    /* IE 7, 6 switchback */
    padding: 0.25em 0 0.333333em; /* 3px, 4px */
    background-color: #333;
    font-size: 0.857142em; /* 12px */
    text-align: center; }

/* navi external
div#copy a[href^='http'], 
div#copy a[href^='mailto:'], 
div#copy a[href^='/files/'] { padding-right: 15px;
	background-image: url('/images/layout/navi-external.gif');
	background-repeat: no-repeat;
	background-position: 100% 60%; } */

div#copy table { margin: 1em auto;
	border-collapse: collapse; }

div#copy table caption { margin: 0 auto;
	/* IE 6 + 7 */
	font-size: 0.857143em; /* 12px */
	text-align: right; }

div#copy table th, 
div#copy table td { padding: 0.214286em 0.5em; /* 3px, 7px */
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd; }

div#copy table thead th { background-color: #333; }
div#copy table tbody th { text-align: left; }
div#copy table tfoot th { border-top-width: 3px;
	border-top-style: double;
	border-bottom-width: 0; }

div#ShadowBox table { margin: 0; }
div#ShadowBox table th, 
div#ShadowBox table td { padding: 0;
	border-width: 0; }

div#copy dl.columned dt { float: left;
	clear: left;
	display: inline;
	width: 10em;
	margin-top: 0;
	margin-right: 0.5em;
	padding-top: 0.5em; }
div#copy dl.columned dd { margin-left: 10.5em;
	padding-top: 0.5em; }

div#copy form img { padding: 0;
	border-width: 0;
	vertical-align: baseline; }
div#copy form dl dt label { display: block;
	cursor: pointer; }

div#copy form dl dd input, 
div#copy form dl dd select, 
div#copy form dl dd textarea { padding: 0.071429em; /* 1px */
	background-color: #e8f1f9;
	border: 1px solid #111;
	color: #333;
	font: 1em Tahoma, Geneva, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; }
div#copy form dl dd select { cursor: pointer; }
div#copy form dl dd select option { padding-right: 7px; }

div#copy form dl dd input:focus, 
div#copy form dl dd input:active, 
div#copy form dl dd select:focus, 
div#copy form dl dd select:active, 
div#copy form dl dd textarea:focus, 
div#copy form dl dd textarea:active { background-color: #fff; }

div#copy form p#form-navigation { padding-left: 10.5em; /* IE 6 */ }

div#copy form p#form-navigation input { overflow: visible;
	padding: 0.285714em 1em 0.5em; /* 4px */ /* IE 6 + 7 */
	background-color: #bedef3;
	border: 1px solid #fff;
	color: #222;
	font: 800 1em Tahoma, Geneva, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer; }

div#copy ul.gallery, 
div#copy ol.gallery { margin: 1em 0;
	list-style-type: none;
	text-align: center; }
div#copy ul.gallery li, 
div#copy ol.gallery li { display: inline; }
div#copy ul.gallery li a, 
div#copy ol.gallery li a { display: -moz-inline-box; /* For Firefox < 3 */
	-moz-box-orient: vertical; /* For Firefox < 3 */
	-moz-box-align: center; /* For Firefox < 3 to stop stretching the image to the full width/height of box element */
	display: inline-block; /* IE < 8 needs this tripped back to display: inline; to make it work on block elements */
	margin: 0.5em;
	vertical-align: middle; /* explicitly declare your preference as Moz inline-box auto aligns to top */
	text-align: left; /* to left align text within box when container has been set to center */ }

div#copy blockquote { margin: 1em 2em; /* 14px, 28px */
	padding: 0 1em 0.214285em; /* 14px, 3px */
	background-color: #222;
	border-width: 1px 0;
	border-style: solid;
	border-color: #444;
	letter-spacing: 0.071425em; /* 1px */ }

/* blog
   div#entirety div#shell */
body.page-blog div#header { margin-top: 0 !important; }
body.page-blog #navbar-iframe { display: none !important; }

div#copy p.post-footer { padding-bottom: 1em;
	border-bottom: 1px solid #444; }

div#copy code { background-color: #ccc;
	color: #222;
	line-height: 1.0;
	text-indent: 2px; }

div#copy div#comments ul { margin-left: 0;
	list-style-type: none; }
div#copy div#comments ul li { margin: 1em 0;
	padding: 0.071428em 1em; /* 1px, 14px */
	background-color: #333;
	border: 1px dashed #444; }

div#copy div#comments ul li span.comment-icon img { padding: 0;
	background-color: transparent;
	border-width: 0;
	vertical-align: middle; }
/* end blog */
/* end copy */

/* copy-secondary
   div#entirety div#shell */
div#copy-secondary { float: left;
	display: inline;
	width: 20%;
	max-width: 14em; /* IE 6 */
	margin-top: 6.25em; /* 75px */
	padding: 1px 1em;
	border-left: 1px solid #6d8eb0;
	font-size: 0.857143em; /* 12px; */
	line-height: 1.75; }

div#copy-secondary p, 
div#copy-secondary ul, 
div#copy-secondary ol, 
div#copy-secondary dl, 
div#copy-secondary table, 
div#copy-secondary blockquote { margin-top: 1.166667em; /* 14px */
	margin-bottom: 1.166667em; }

div#copy-secondary h2 { margin: 0.666667em 0; /* 14px */
	font-size: 1.75em; /* 21px */
	line-height: 1.0; }
/* end copy-secondary */

/* footer
   div#entirety */
div#footer { padding-top: 105px;
	background: url('/images/layout-yumyums/footer-bg.gif') no-repeat 0 0;
	font-size: 0.857143em; /* 12px */ }

div#footer ul { margin: 0 1em;
	padding: 1em 0 1.5em;
	border-top: 1px solid #666;
	list-style-type: none;
	text-align: right;
	text-transform: lowercase; }
div#footer ul li { display: inline;
	padding: 0 0.5em; }

div#footer ul li a { border-bottom: 1px solid #ddd;
	color: #ddd;
	text-decoration: none; }
div#footer ul li a:focus, 
div#footer ul li a:hover, 
div#footer ul li a:active { border-bottom-color: #ffc9e2;
	color: #fff; }
/* end footer */