/*
	Author: Spencer Wiggins
	For:	MLE Style (mlestyle.com)
*/

@import "reset.css";
@import "typography.css";
@import "enrichment.css";

/*
colors:

light pink:		#EB58BA
pink: 			#C34A9B
dark brown:		#210300
*/

/*Basic Layout*/
body {background: #000 url(../images/body/bg-bokeh2.png) repeat-x; color: #333; border-top: 6px solid #000;}
/*#top-bar {background: #FFF url(../images/body/top-bar.jpg) repeat-x; width: 100%; height: 4px; position: absolute; top: 0}*/
div#global-wrapper {z-index: 1;}
div#wrapper {width: 960px; margin: -105px auto 0; overflow: visible}
div.wrapper-inner {;background: #000; padding: 20px; background: transparent url(../images/body/wrapper-inner-bg.png) repeat; float: left;margin-bottom: 50px;}
div.wrapper-inner-right {background:transparent url(../images/body/wrapper-inner-bg.png) repeat scroll 0 0;float:right;padding:20px 20px 20px 0;right:23px;top:40px;width:290px;}

/*header & footer*/
#header-wrapper, #footer-wrapper { height: 329px; margin: -20px 0;}
#footer-wrapper {clear: both}
.header-content, .footer-content, .footer-bottom-content {width: 960px; margin: 0 auto; position: relative;}
.footer-content {width: 960px; margin: 0 auto; position: relative;}
.footer-content-left {float: left; width: 550px;;padding: 20px 20px 10px;}
.footer-bottom-left {float: left; width: 550px;;padding: 0px 20px 0;}
.footer-content-right {float: right;padding: 20px 70px 0 0;}
.footer-bottom-right {float: right;padding: 0px 40px 0 0}
.nav {float:right;padding-right:70px;padding-top:90px;position:relative;}
.nav ul li {display: inline; padding-left: 20px;}
.subs       {display: none; position: absolute;}
.nav .subs li  {float: left;padding-top: 10px;width: 200px; font-size: 15px;}
.developer {}
#footer-bottom {background: #222; height: 30px; clear: both; padding: 10px 10px 10px;}
ul.footer-nav li {display: inline; padding-right: 10px;}
.divider {height: 30px; width: 100%; clear: both; float: left}


/*main*/
.main {float:left;width: 569px; padding: 20px 20px 20px;background: transparent url(../images/main/bg.png) repeat;z-index:100;}
/*.main-top {background: transparent url(../images/main/top.png) no-repeat; position: absolute; top: 0; width: 609px; height: 63px; border-bottom: 1px dotted #E5E5E5; left: 0;}*/
.post-info {width: 50px; float:left; margin-left:-80px !important;margin-top:-50px}
div.post, div.page { margin-bottom: 40px; background: url(../images/main/divider.png) no-repeat scroll left bottom; padding-bottom: 20px;overflow:visible;}
body#search div.post, body#search div.page { margin-bottom: 10px; background: url(../images/main/divider.png) no-repeat scroll left bottom; padding-bottom: 20px;overflow:visible;}
.post ul li {list-style: disc inside !important;}
div#archives .post {margin: 0; padding-bottom: 10px;}
body#about .post { margin-bottom: 40px; padding-bottom: 20px; background: none;}
.previous-post {float: left}
.next-post {float: right}
.ingredients li {list-style: disc inside;}

/*comment*/
ol.commentlist li {background: url(../images/main/divider.png) no-repeat scroll bottom; padding: 20px 0;}
ol.commentlist li.bypostauthor {padding-left: 60px;}
ol.commentlist .comment-author img {border: 1px solid #dcdcdc; padding: 2px; float: left; margin-right: 7px}
ol.commentlist .comment-text {padding-left: 95px;}
#commentform input 		{background: none; border: 1px solid #210300;padding: 5px;}
#commentform textarea 	{background: none; border: 1px solid #210300;padding: 5px; font: inherit; float: left; clear: both}
#commentform #submit	{margin-top:20px;background:#210300; float: left; clear: both }
#commentform #submit:hover {cursor: pointer;}
#respond {margin: 20px 0 0 0;}

/*side*/
.rss {width: 65px; height: 65px; position: absolute; margin-top: -44px;left: -10px; background: url(../images/body/rss-icon.png) scroll left no-repeat; cursor: pointer;}
.rss a {width: 65px; height: 65px; display: block; cursor: pointer; background: none;}
.rss-tooltip {cursor:pointer;left:73px;position:absolute;top:-30px; height: 20px;}
.side {float:left; padding:36px 30px 20px 32px; background: transparent url(../images/side/bg.png) repeat;}
#searchform input {padding: 5px; border: 1px solid #210300; height:18px;}
#searchform input#search {width:210px;}
#searchform {position: relative;width:227px;margin-top:-20px;}
.search {position: absolute; right: 0; top: 0;}
input#searchsubmit {background: #210300;border:1px solid #210300;font-style:italic;height:30px;padding:4px 4px 5px; cursor: pointer}
input#contactsubmit {background: #210300;border:1px solid #210300;font-style:italic;height:30px;padding:4px 4px 5px; cursor: pointer}

.notepad {z-index: 115}
.notepad ul li {padding-bottom: 4px;z-index: 110; position: relative}
.notepad a img, .social a img {float: left; display: block; margin-right: 5px}
.notepad a img {padding-top: 1px}
.social a img {padding-top: 3px}
/*extras*/
.extras {clear: right; float:right;margin:70px 49px 0 0;width:250px;}
.portrait-pic {float: left; }
body#about .post img { margin-right: 15px; padding: 5px; border: 1px solid #CCC; float: left }
.caption {float: left; clear: both; margin-left: 29px}
.welcome-audio {z-index: 100}
object {}

/*flickr*/
<!-- Start of Flickr Badge -->
/*Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!*/
#flickr_badge_uber_wrapper {text-align:center; width:100%;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:2px; float: left}
.flickr_badge_image img {border: 1px solid #CCC !important; padding: 4px}
.flickr_badge_image img a {display: block; float: left}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;overflow: hidden; float: left}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}



/*thickbox*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding:0;margin:0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%; background: #000; overflow: hidden; opacity: 0.8; /*put in fix for ie filter*/}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
* html #TB_overlay{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_window{margin-top: -270px !important;position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;border:4px solid #525252;text-align:left;top:48%;left:50%;}/*was top 60%*/
* html #TB_window{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em; height: 480px !important;}
#TB_ajaxContent.TB_modal{padding:20px; overflow: hidden; float: left;}
#TB_ajaxContent.TB_modal p {margin: 0 0 10px;}
#TB_ajaxContent p{padding:0;}
#TB_ajaxContent.TB_modal input {border: none;  background: none}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */}
* html #TB_load{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}
* html #TB_HideSelect{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
div.close {width: 20px; height: 20px;position: absolute; right:9px; top: 0px;background:#525252;}
.notepad {width: 235px; height: 260px; position: absolute; right: 10px; top: 117px; background: url(../images/contact-form/notepad.png) no-repeat; padding:22px 0 0 18px; }

/*wufoo junk*/
#TB_ajaxContent html h1 a {background: none;}
#wufoo{position:absolute;width:100%;height:100%;}
form #instruct2 {}
.wufoo input.text, .wufoo textarea.textarea { width: 430px}
iframe{height:100%;width:100%;border:none; background: none; overflow: hidden;}
#TB_ajaxContent iframe #container {display: none;}
form.wufoo {margin:20px 20px 0; padding: 0; display: none;}

/*Comments*/

ol.commentlist {}
.comment-meta {float: right; margin-top: -18px}
.comment-body p {}
.comment-author cite {}
.comment-author span {}