/*
	mkaz.com stylesheet
	Marcus Kazmierczak, marcus@mkaz.com

    go ahead and pilfer my designs
    where do you think I got it from
    in the arts they call it inspiration
*/

body { background: #FFF; margin: 25px; }
body,p,blockquote,th,td,li { color: #333; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; }
a:link { color: #009; text-decoration: none; }
a:visited { color: #009; text-decoration: none;}

/* mkaz.com title */
.bnr_title {
  vertical-align: middle; margin-right: 25px;
  color: #FFF; 
  font-size: 24px; 
  font-family: Verdana, sans-serif;
}

h2,.title {
  margin-top: 0px;
  color: #444; 
  font-size: 18px; 
  font-weight:normal;
  font-family: Futura, "GillSans", "Gill Sans", Helvetica, Arial, sans-serif;  
  border-bottom: #AAA dotted 1px;
}

.tight {
  margin-bottom: 1px;
}

h2 > a:link { color: #444;}
h2 > a:visited { color: #444;}

h3 {
  margin: 0px; padding: 0px; line-height:0px;
  color: #444;
  font-size: 18px; 
  font-weight:normal;
  font-family: Futura, "GillSans", "Gill Sans", Helvetica, Arial, sans-serif;
}
h3 > a:link { color: #444;}
h3 > a:visited { color: #444;}

.subtitle { font-size: 16px; color: #666; }
.inviso { display: none; }
.small { font-size: 90%; }

.smtext { font-size: 11px; font-weight: normal; }
.smlink { font-size: 11px; font-weight: normal; }
.smgray { font-size: 85%; color: #777; }
.smgrey { font-size: 85%; color: #333; }

.attn { color: #CC0000; font-weight: bold; }
.new { font: 8px sans-serif; background: #FFE28A; padding: 1px; }
.dline { border: dotted 1px #585448; }
.gline { border: solid 1px #CCC; }
.bquote { margin: 10px 90px 25px 40px; color: #660000; padding: 5px;  border-left: 3px #CCC solid; }

.biggray { font-size: 32px; color: #CCC; font-weight: bold; font-family: Verdana, sans-serif; }
.biggray a { color: #CCC; text-decoration: none; }


/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}  /* IE7 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*== mkaz documents ==*/
.about { background-color: #F0F0F0; margin: 10px 10px 10px 15px; padding: 4px; width: 300px; }

.dsection { margin: 25px 50px 10px 35px; }
.dsection .title {
 margin: 0px -50px 5px -20px; padding: 4px;
 background: #F0F0F0;
 font-weight: bold; font-size: 14px; }

.note { margin: 10px; padding: 3px; background-color: #FFC; border: solid 1px #B4D8F0; border-left: solid 3px #B4D8F0; }
.warn { margin: 10px; padding: 3px; background-color: #F99; font-weight:bold; border: solid 1px #666666; border-left: solid 3px #666666; }
.hlt { margin: 2px; padding: 1px; background-color: #C8E5F7; font-weight: bold; }

code, .code {
 color: #603; display:block;
 font-family: monospace; font-size: 1.0em;
 line-height: 1.4em;
 margin-left: 15px; padding: 5px;
 background-color: #F9F9F0;
 border: 1px solid #CCC;
 border-left: 2px solid #CC6;  }

.scode { color: #603; font-family: monospace; font-size:1.0em; padding: 2px;}
.codeblock { font-family: monospace; font-size: 110%; margin-left: 0.25in; margin-right: 0.25in; }
.comment { color: #999; }
.key { color: #639; font: bold 110% monospace; }
.matheq { font-weight: bold; font-size: 120%; font-family: monospace; text-indent: 20px; text-align: left; }
.header { background-color: #FFCCCC; }
.row1 { background-color: #FFFFFF; }
.row2 { background-color: #EEEEFF; }
.tdc { text-align: center;}

/* mkaz header */
div.top {
	background: #000000;
	margin: 0 0 0 0px; padding: 5px 0 15px 0;
	border-top: 3px solid #666;
}

div.tabs {
 background: transparent;
 margin-left: 50px;
 padding: 0.5em 0em 0em 0em;
 white-space: nowrap; }

div.tabs a, div.tabs a:visited {
 color: #FFBF46;
 font-size: 1.1em;
 font-weight: normal;
 height: 1.2em;
 margin-right: 0.5em;
 padding: 0em 2em;
 text-transform: lowercase;
}

div.tabs a:hover {
 font-weight: normal;
 height: 1.2em;
 margin-right: 0.5em;
 padding: 0em 2em;
 text-transform: lowercase; }

div.tabs a.selected {
 background: #303030; color: #F0F0F0;
 font-weight: normal; }

/* page structure */

#main {
  margin: 10px 10px 10px 25px;
	padding: 8px;
  width: 620px;
  /*border: 1px solid #CCC;*/
  background: #FFF;
  min-height: 450px;
}

#main_wide {
  margin: 10px 10px 10px 25px;
	padding: 8px;
  width: 960px;
  /*border: 1px solid #CCC;*/
  background: #FFF;
  min-height: 450px;
}


#blog_side { position: absolute; top: 75px; left: 720px; width: 150px;}

.sect_side { font-size: 11px; margin-bottom: 10px; }
.sect_side .title {
    font-size: small;
    /*margin: -4px; padding: 4px; border: none;
    background: #558; color: white; */
}

#lastmod { margin-bottom: 25px;  }
#lastmod .sect { font-size: 85%; clear: both; }
#lastmod .sect .label { width: 80px; float: left; }
#lastmod .sect .value { }
#links { background-color: #FFF; border: solid 1px #600; padding: 5px; line-height: 125%}

/* photo */
.outline { width: 700px; margin-left: 50px; border: solid 1px #000; background-color: #FFF; }
.poutline { margin: 10px; border: solid 1px #000; background-color: #FFF; }

.photo_column { width: 200px; text-align:center; float: left; }
.flt_right { float: right; margin: 0px 25px 0px 25px; text-align: center; }

.photo { text-align: center; }
.ptitle { margin: 25px; text-align: left; font-size: 110%; width: 350px;}
.caption { margin: 10px 60px 10px 60px; }

.links { margin: 5px 0px 10px 0px; }
.links .box { background-color: #CCC0B9; font-size: 85%; padding: 1px 8px 1px 8px; }

.mktable { padding: 0px; border: solid 1px #E3E3E3; }
.mktable .hdr { background-color: #CCCCCC; }
.mktable td { padding: 4px; border: solid 1px #E3E3E3; text-align: center}
.mktable th { padding: 3px; border: solid 1px #E3E3E3; }
.mktable .row { background-color: #E3E3E3; }
.mktable .tdl { text-align: left; }
.mktable .tdr { text-align: right; }

/* advertisments */
.adbox { margin: 5px 0px; }
.adbox .label { font-size: 9px; color: #666;}
.adbox .content { border:1px solid #CCC; padding: 4px; font-size: 9px}

cite.pullquote {
	border: none;
	color: #8A979D;
	display:block;
	font-size:1.25em !important;
	line-height:135%;
	margin:10px 20px 10px 50px !important;
	padding:0px;
}
cite.pullquote:first-letter {
	background: url(/images/quote.gif) no-repeat left top !important;
	padding:5px 0px 10px 25px!important; display:inline;
}


/* Lightbox by Lokesh Dhakar - http://www.huddletogether.com */
#lightbox {background-color:#eee; padding:10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}
#lightboxDetails {font-size:0.8em; padding-top:0.4em;}
#lightboxCaption {float: left; font-size: 12px;}
#keyboardMsg {float: right; font-size:small;}
#closeButton {top:5px; right:5px;}
#lightbox img {border:none; clear:both;}
#overlay img {border: none;}
#overlay {background-image: url(/images/overlay.png);}
* html #overlay {background-color: #333; back\ground-color: transparent; background-image: url(/images/invis.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");}