/* MJMMJMMJMMJMMJMMJMMJMMJMMJMMJMMJMMJM

michael j mcAghon screen CSS 2009

MJMMJMMJMMJMMJMMJMMJMMJMMJMMJMMJMMJM */

  /********/
 /* undo */
/********/

* { margin: 0; padding: 0; }

  /********/
 /* gen  */
/********/

body {
	font: 62.5%/1.6 Helvetica, Tahoma, sans-serif;
	margin: 0 auto;
	background: #fff url("/css/i/bg.jpg") repeat-x center 0;
	color: #330300;
	/*-webkit-text-stroke: 1px transparent;*/
}
/*NEW color*/
:link, :visited { color: #517d7b; text-decoration: none; }
a:active { color: #f00; }
a:hover { color: #000; }
a img { border: 0; }

p {
	margin: 1.6em 0;
	font-size: 1.2em;
	color: #604141;
}

abbr { letter-spacing: 0.1em; cursor: help; border: 0; }

h2 {
	color: #0f0;
	margin: .6em 0;
	word-spacing: 0.125em;
	letter-spacing: .12em;
	font: 2.4em "Miso Light", "Miso", Helvetica, Tahoma, sans-serif;
	display: block;
}

h2 :link, h2 :visited { color: #00bf00; font-weight: normal; text-decoration: none; }
h2 :hover { color: #008000; }

h3 {
	color: #333;
	margin: .8em 0;
	font: normal 1.8em "Miso", Helvetica, Tahoma, sans-serif;
	display: block;
}
h3 span { color: #99817f; }
h3.date { text-align: center; }

h4 {
	color: #958080;
	margin: 1.6em 0;
	font: normal 1.4em "Miso Light", "Miso", Helvetica, Tahoma, sans-serif;
	text-transform: lowercase;
	letter-spacing: .2em;
}

h5 {
	color: #333;
	margin: 1.6em 0;
	font: normal 1.0em Helvetica, Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}

ul {
	margin: 1.6em 0 1.6em 1em;
	padding: 0 0 0 .5em;
	font: 1.2em/1.6 Helvetica, Tahoma, sans-serif;
}

ol {
	margin: 1.6em 0 1.6em 3.2em;
	padding: 0 0 0 .5em;
}

li { margin: 0 0 .3em; }

#wrap {
	margin: 0 auto;
	width: 960px;
	background: url("/css/i/bg-wrap.gif") top left repeat-y;
	height: 100%;
	overflow: hidden;
}

  /********/
 /* col1 */
/********/

#col1 {
	float: left;
	width: 170px;
	padding: 50px 0 0;
}

#col1 h1 {
	margin: 0 0 0 63px;
}

#col1 h1 a#logo {
	text-indent: -10001px;
	display: block;
	width: 44px;
	height: 56px;
	background: transparent url("/css/i/logo-mjm.png") no-repeat top left;
	overflow: hidden;
	position: fixed;
}
#col1 h1 a#logo:hover { background-position: 0 -56px; }

#col1 h1 a#name {
	display: none;
}

  /********/
 /* col2 */
/********/

#col2 {
	float: left;
	width: 108px;
	background: #0f0 url("/css/i/bg-col22.jpg") repeat-x;
	border-left: 1px solid #0ff;
	border-right: 1px solid #0ff;
	margin-left: -790px;
	margin-bottom: 1.6em;
	padding-bottom: 190px;
	position: relative;
}

#col2 #inner_wrap {
	width: 108px;
	background-image:url(/css/i/col2-inner-shdw.png);
	background-color: transparent;
	padding: 40px 0 3.2em;
	min-height: 425px;
}

#col2 span#cap {
	position: absolute;
	display: block;
	left: -1px;
	bottom: 0;
	background: url(/css/i/col2-cap.jpg) no-repeat 0 0;
	width: 110px;
	height: 190px;
	z-index: 11 !important;
}

#col2 :link, #col2 :visited {
	color: #f0ecec;
	/*text-shadow: 0px 0px 4px #2b0201;*/
	opacity: .80;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
body#home #col2 :link, body#home #col2 :visited, body#about #col2 :link, body#about #col2 :visited, body#archive #col2 :link, body#archive #col2 :visited {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#col2 a:hover {
	color: #fff;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#col2 dl {
	margin: 0 0 1.5em;
	font: normal 1.5em "Miso Light", "Miso", Helvetica, Tahoma, sans-serif;
}

#col2 dl dt {
	text-transform: lowercase;
	text-align: center;
	letter-spacing: .1em;
	color: #330300; 
	opacity: .60;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	border-bottom: 1px solid #0ff;
	padding: .4em;
	margin: .8em 0;
	display: none;
}

#col2 dl dd {
	text-transform: lowercase;
	text-align: center;
	letter-spacing: .1em;
	padding: .4em 0 .2em;
	margin: .2em;
}

#col2 dl#tag_list { overflow: hidden; }
#col2 dl#collection_list { margin: 0 10px 1.6em; }
#col2 dl#collection_list dd { text-transform: uppercase; margin-left: -10px; width: 108px; }
#col2 dl#collection_list dd span.lower, h2 span.lower { text-transform: lowercase !important; }
#col2 dl#collection_list { border-bottom: 1px solid #0ff; padding-bottom: 1em; margin-bottom: 1em; }
/*NEW padding*/
#col2 dl#tag_list dd { padding: .4em 0 .2em; margin: 0; letter-spacing: 0; }
#col2 dl dd:hover { background: transparent url(/css/i/bg_tag-alt.png) repeat-y center top; }
/*#col2 dl#collection_list dd:hover { background: transparent url(/css/i/bg_collection.png) repeat-y center top; }*/
#col2 dl dd.selected { background: transparent url(/css/i/bg_tag-alt.png) repeat-y center top; }
#col2 dl dd.selected a, #col2 dl dd:hover a {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	font-family: "Miso", Helvetica, Tahoma, sans-serif;
}


  /* ****** */
 /*  col3  */
/* ****** */
#col3 {
	float: left;
	margin: 40px 0 0 150px;
	width: 640px;
}

#col3 img { visibility: hidden; }
#archive #col3 img, #about #col3 img { visibility: visible; }

.entry {
	margin: 0 0 70px;
	overflow: hidden;
	text-align: center;
	background: transparent url("/css/i/loader.gif") no-repeat center 50px;
}

.entry a.through, .entry a.mobile {
	margin: 0 auto;
}
.entry a.through:hover, .entry a.mobile:hover { text-decoration: none; }

.entry h2 {
	margin-top: 40px;
}

.entry h3 { text-align: left; margin-left: 20px; }

#home .entry h2, #home .entry h4 { display: none; }
#home .entry { margin-bottom: 85px; }

#col3 h2.title {
	color: #cac0bf;
	margin: 0 0 .6em;
	font-size: 56px;
}

body#collection #col3 h2.title, body#about #col3 h2.title, body#archive #col3 h2.title, body#collections #col3 h2.title { text-transform: uppercase; margin-bottom: 0; }

#col3 p#statement {
	color: #604141;
	font: 1.8em/1.8 "Miso", Helvetica, Tahoma, sans-serif;
	letter-spacing: .1em;
	margin: 0 0 30px;
}

body#about #col3 { position: relative; }
body#about #col3 p#pic { text-align: center; margin: -60px 0 40px 40px; float: right;}

.entry h4 {
	margin: -55px 0 40px;
}

#col3 .entry p, ul {
	margin: 0 20px 20px;
	text-align: left;
	padding: 0;
}

#col3 p.tease { color: #958080; }
#col3 .entry ul.meta { font: normal 1.4em "Miso", Helvetica, Tahoma, sans-serif; letter-spacing: .1em; text-align: left; list-style: none; }
#col3 .entry ul.meta li { display: inline; margin-right: 15px; }
#col3 .entry ul.meta li.collection { text-transform: uppercase; }

#col3 p.vis { text-align: center; }

/* paging */
#col3 ul#paging {
	list-style: none;
	float: left;
	font: bold 50px/50px "Miso Light", "Miso", Helvetica, Tahoma, sans-serif;
	width: 600px;
	margin-top: -50px;
}
#col3 ul#paging li {
	float: right;
	text-align: right;
	margin: 0;
	position: relative;
}
#col3 ul#paging li#old {
	float: left;
	text-align: left;
}
#col3 ul#paging li a span { display: none; color: #cac0bf; font: normal 25px/0px "Miso Light", "Miso", Helvetica, Tahoma, sans-serif; }
#col3 ul#paging li a, #col3 ul#paging li a:hover { display: block; height: 50px; padding: 0 10px; width: 240px; }
#col3 ul#paging li a:hover { /*background: #f00;*/ }
#col3 ul#paging li a:hover span { display: inline; position: absolute; top: 25px; right: 70px; }
#col3 ul#paging li#old a:hover span { left: 70px; }

/* archive */
h4.year { text-align: center; }
dl.month { margin-bottom: 1.6em; overflow: hidden; }
dl.month dt {
	color: #958080;
	margin: 1.6em 0;
	font: normal 1.4em "Miso Light", "Miso", Helvetica, Tahoma, sans-serif;
	text-transform: lowercase;
	letter-spacing: .2em;
	border-bottom: 1px solid #0ff;
	padding-bottom: .8em;
	clear: both;
}
dl.month dd {
	width: 150px;
	height: 150px;
	float: left;
	text-align: center;
	line-height: 150px;
	margin: 0 5px 50px 0;
}

dl.month dd a img {
	margin: 0 auto;
}


  /********/
 /* foot */
/********/

#foot {
	clear: both;
	color: #f0ecec;
	padding: 0 0 15px;
	text-align: right;
	background: #330300 url(/css/i/bg_foot.jpg) repeat-y 0 0;
	border: 1px solid #0ff;
	margin-bottom: -1px;
	position: relative;
}

#foot :link, #foot :visited { color: #f0ecec; text-transform: uppercase; letter-spacing: .1em; }
#foot a:hover { color: #fff; text-decoration: none; background: transparent url(/css/i/bg_tag.png) repeat-y center top; }

dl#colophon { background: transparent url(/css/i/bg_foot-cap.jpg) no-repeat 0 0; width: 638px; margin-top: 0; overflow: hidden; }
dl#colophon dt { display: none; }
dl#colophon dd ul { font: normal 1.4em "Miso", Helvetica, Tahoma, sans-serif; text-align: left; list-style: none; }
dl#colophon dd ul li { margin: 0 20px 0 0; float: left; }
dl#colophon dd ul li:last-child { color: #604141; float: right; margin-right: 0; }