/*
Theme Name: Monkey
Theme URI: http://v1.masuga.com/
Description: King Zippy
Version: 1.0
Author: ryan masuga
Author URI: http://v1.masuga.com/
======================================
Styles for masuga.com / May 2005
Last Mod: Oct 2005
These are the default main styles (advanced)
========================================== */
h1 {color:#706B4D;font:  1.7em/1em georgia, Times, serif;}
h2 {color:#918A64;font:  1.4em/1em georgia, Times, serif;margin:0;}
h3 {color:#A8A381;font:  1.1em/110% georgia, Times, serif; margin:.5em 0 0 0;}
h4 {font: bold 11px/1.1em verdana, Arial, Helvetica, sans-serif;color:#666;margin:0 0.5em 0;} /* used for picture captions in the posts  */

/* general links */
a {
	color: #53708B;
	text-decoration:none;
}

a img {
	border: none;
}

a:visited {
	color: #C60;
}

a:hover, a:focus {
	background:transparent;
	color:#C60;
	text-decoration:underline;
	}

code {color:#039;}

body {
	background: #fff url("http://v1.masuga.com/images/brownbag.gif") fixed repeat top left;
	color:#000;
	text-align:center;
	margin:0; padding:0;
	}

div#container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:698px;
	background:transparent url("http://v1.masuga.com/images/mid_bg_v6.png") repeat-y;
	_background:transparent url("http://v1.masuga.com/images/mid_bg_v5.gif") repeat-y;
	color:#000;
	text-align:left;
	}
	
	div#header {
	position:relative;
	width:658px;
	height:161px;
	left:20px;
	background:url("http://v1.masuga.com/images/header_200501_zippy.jpg") no-repeat;
	color:#000;
	margin:0;padding:0;
	}
/*
div#header {
	position:relative;
	width:658px;
	height:80px;
	left:20px;
	background:url("http://v1.masuga.com/images/header_bg.jpg") no-repeat;
	color:#000;
	margin:0 0 2px 0;padding:0;
	} */
/* when I create different backgrounds, I can implement this to place a different one on each page
body#home div#header {background: transparent url(http://v1.masuga.com/images/header_bg.jpg) top left no-repeat;}
body#web div#header {background: transparent url(http://v1.masuga.com/images/header_bg.jpg) top left no-repeat;}
body#print div#header {background: transparent url(http://v1.masuga.com/images/header_bg.jpg) top left no-repeat;}
body#misc div#header {background: transparent url(http://v1.masuga.com/images/header_bg.jpg) top left no-repeat;}
body#about div#header {background: transparent url(http://v1.masuga.com/images/header_bg.jpg) top right no-repeat;}
*/
	
div#header h1 {visibility: hidden;margin:0;}

div#main {
	position:relative;
	/* top:-10px;  */
	left:41px;
	padding:0;
	width:440px;
	float:left;
	background:#fdfbee url("http://v1.masuga.com/images/main_back_wht.gif") 0 0 repeat-y;
	color:#666;
	overflow:hidden;
} 

div#maintop {
	margin:0; padding:0;
	width:440px;
	height:8px;
	background:url("http://v1.masuga.com/images/main_top_wht.gif") top left no-repeat;
	}
div#mainbottom {
	margin:10px 0 0 0; padding:0;
	width:440px;
	height:8px;
	background:url("http://v1.masuga.com/images/main_bottom_wht.gif") bottom left no-repeat;
	}
	
div#main div.post {
	margin-left:20px;
	margin-right:20px;
	}
	
div#main h2 { /* for posts, where h2 is outside post div */
	margin:12px 20px 5px 20px;
	}
div#main .post h2{ /* for posts where h2 is inside */
	margin:0; border-bottom: 1px dotted #ccc;
	}

div#footer {
position:relative;
width:458px; height:64px;
left:20px;
	padding:15px 200px 0 0;
	text-align:right;
	background:url("http://v1.masuga.com/images/footer_bg_v5.gif") no-repeat;
	clear:both;
	font: 11px/1.2 "Lucida Grande", Verdana, Helvetica, sans-serif; color:#999;
} 

/* IE ignores the !important rule */
div#footer a {font-weight:bold;}
div#footer ul#metastuff {margin:2px 0;}
div#footer ul#metastuff li a {font:normal 9px arial, "Lucida Grande", helvetica, sans-serif;}
div#footer ul#metastuff li {display:inline;padding-left: 2px !important; padding-left: 8px; padding-right: 4px; border-right: 1px dotted #666666;} 
div#footer ul#metastuff li.last {display: inline; padding-left:  2px !important; padding-left: 8px;padding-right: 0; border-right: 0px;} 

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

/* MENU and CALENDAR from WP
=================================================================== */
div#menu {
	position:relative;
	right:20px;
	_right:12px;
	top:-30px;
	width:178px;
	float:right;
	background:transparent;
	padding: 0 10px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:158px;
} 
html>body div#menu {
  width:158px;
} 
div#menu h2 {
	background:#F5F5F5;
	color:#d4a85f;
}
div#menu p {	
		font: 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif;color:#666;
}
#menu form {
	margin: 0 0 0 13px;
}
#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #666;
}
#menu ul {
	color: #ccc;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}
#menu ul li { /* each 'section' or 'category' of links */
	color:#918A64;
	font: bold 1em/100% Arial, "Lucida Grande", sans-serif;
	letter-spacing: 0;
	margin-top: 5px;
	padding-bottom: 3px;
	border-bottom: dotted 1px #ccc;
}
#menu ul li p {
	font: 9px/100% verdana, arial, helvetica, "Lucida Grande", sans-serif;
	letter-spacing: 0;
	margin-top: 5px;
	padding-bottom: 3px;
}
#menu ul ul {
		list-style: none;
		margin: 5px 0 0 0;
		padding: 0;/*  */
		border: 0;
}
#menu ul ul li { /* the actual list items (links) themselves */
font: 9px/100% verdana, arial, helvetica, "Lucida Grande", sans-serif;
	margin: 0;
	border: 0;
}
#menu ul ul li a {
		display: block;
		margin:0;
		padding-left: 1em;
		background: #fff;
		color: #53708B;
		text-decoration: none;
		width: 100%;
}
html>body #menu li a {
	width: auto;
}
#menu ul ul li a:hover {
	color: #C60;
	background: transparent url("http://v1.masuga.com/images/arr2.gif") 0 2px no-repeat;
}
#menu ul ul ul.children { /* unclear why this line is here */
	font-size: 142%;
	padding-left: 4px;
}
/* image replacement for the menu menu titles */
#menu li ul {text-indent:0;} /* this keeps all the links in position, bc I move text out of the way on the li */
#menu li#recent-interest {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-recentinterest.png") 0 0 no-repeat;}
#menu li#wishisaidit {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-wishisaidthat.png") 0 0 no-repeat;}
#menu li#office-culture {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-officeculture.png") 0 0 no-repeat;}
#menu li#local-flavor {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-localflavor.png") 0 0 no-repeat;}
#menu li#sites-with-panache {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-panache.png") 0 0 no-repeat;}
#menu li#they-got-the-sauce {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-sauce.png") 0 0 no-repeat;}
#menu li#movies {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-movies.png") 0 0 no-repeat;}
#menu li#flash {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-flash.png") 0 0 no-repeat;}
#menu li#design {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-design.png") 0 0 no-repeat;}
#menu li#css {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-css.png") 0 0 no-repeat;}
#menu li#itunes {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-itunes.png") 0 0 no-repeat;}
#menu li#flickr {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-flickr.png") 0 0 no-repeat;}
#menu li#categories {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-categories.png") 0 0 no-repeat;}
#menu li#search {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-search.png") 0 0 no-repeat;}
#menu li#misclinks {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-misclinks.png") 0 0 no-repeat;}
#menu li#photogalleries {text-indent:-9999px;background: transparent url("http://v1.masuga.com/images/menutitles/menu-photogalleries.png") 0 0 no-repeat;}

#menu li#movies img {margin:2px 0 2px 10px;}
#menu li#search div{margin-left:-10px;}
#menu li#itunes p {text-indent:0;margin:10px 0 0 0;}
#menu li#flickr div{text-indent:0;}

/* these are fed to IE only */
#menu li#recent-interest {_text-indent:0;_background-image:none;}
#menu li#wishisaidit {_text-indent:0;_background-image:none;}
#menu li#office-culture {_text-indent:0;_background-image:none;}
#menu li#local-flavor {_text-indent:0;_background-image:none;}
#menu li#sites-with-panache {_text-indent:0;_background-image:none;}
#menu li#they-got-the-sauce {_text-indent:0;_background-image:none;}
#menu li#movies {_text-indent:0;_background-image:none;}
#menu li#flash {_text-indent:0;_background-image:none;}
#menu li#design {_text-indent:0;_background-image:none;}
#menu li#css {_text-indent:0;_background-image:none;}
#menu li#itunes {_text-indent:0;_background-image:none;}
#menu li#flickr {_text-indent:0;_background-image:none;}
#menu li#categories {_text-indent:0;_background-image:none;}
#menu li#search {_text-indent:0;_background-image:none;}
#menu li#misclinks {_text-indent:0;_background-image:none;}
#menu li#photogalleries {_text-indent:0;_background-image:none;}


/* start calendar styles =================================== */
#wp-calendar {
	border: 0;
	empty-cells: show;
	font-size: 10px;
	margin: 0;
	width: 140px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight:bold;
}
#wp-calendar a:hover {
	background: #e0e6e0;
	color: #c00;
}
#wp-calendar caption {
	color: #888d78;
	font-size: 16px;
	text-align: left;
}
#wp-calendar td {
	color: #888d78;
	font: normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 1px 0;
	text-align: center;
}
#wp-calendar td.pad:hover {
	background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #c00;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

div#lead {margin:12px 20px 20px 20px;border-bottom:1px dotted #8e8e8e;}
div#lead h4 {margin:3px 0 0 0;font: normal 12px Georgia, Times, "Times New Roman", serif;}
div.leadcaption {margin:0 0 3px 3px;
font: normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.caption {margin:0 0 3px 3px;
font: normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

/* MAIN NAV a la zeldman 
Thank you, Jeffrey.
================================================= */
div#globalnav	{
	height: 24px;
	width: 450px;
	/* following two lines added by me */
	position:relative;
	left:20px;
	top:97px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	}

div#globalnav ul#menunav	{
	height: 24px;
	width: 450px;
	background: transparent url(http://v1.masuga.com/images/navimg2.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menunav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menunav li, ul#menunav a {
	height: 24px;
	display: block;
	}
	
div#globalnav ul#menunav li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#menunav-home	{left: 0; width: 58px;}
#menunav-web	{left: 58px; width: 56px;}
#menunav-print	{left: 114px; width: 67px;}
#menunav-misc	{left: 181px; width: 56px;}
#menunav-about {left: 237px; width: 68px;}
#menunav-home a:hover	{background: transparent url(http://v1.masuga.com/images/navimg2.gif) 0 -24px no-repeat;}
#menunav-web a:hover	{background: transparent url(http://v1.masuga.com/images/navimg2.gif) -59px -24px no-repeat;}
#menunav-print a:hover {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -114px -24px no-repeat;}
#menunav-misc a:hover {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -181px -24px no-repeat;}
#menunav-about a:hover {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -237px -24px no-repeat;}
body#home #menunav-home {background: transparent url(http://v1.masuga.com/images/navimg2.gif) 0 -24px no-repeat;}
body#web #menunav-web {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -59px -24px no-repeat;}
body#print #menunav-print {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -114px -24px no-repeat;}
body#misc #menunav-misc {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -181px -24px no-repeat;}
body#about #menunav-about {background: transparent url(http://v1.masuga.com/images/navimg2.gif) -237px -24px no-repeat;}

/* main section containing post styles */
div.post {margin:0 0 8px 0;padding-bottom:.5em;
} /* old border bottom: border-bottom: 1px dotted #ccc; */
div.post p{font: 12px/1.25 "Lucida Grande", Verdana, Helvetica, sans-serif;color:#666;}
div.post h3.storytitle {margin:0;}

div.meta {margin:0;font: italic 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif;}
div.post a {font-weight:bold;}
/* div.post h3 a {font-weight:normal;} */
div.post h3 a:hover {text-decoration:underline;}
div.feedback a:hover {text-decoration:underline;font-weight:bold;}
.err { color:#FF0000;}
div.feedback {
	color: #ccc;
	text-align: left;
	font: 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif;
	clear: both;
}
.timesince {font: 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif; color: #ccc; margin:0;}
/*
#tag-rss092 { background: #fff url("images/micro-rss092.gif") no-repeat; }
a:hover #tag-rss092 { background-image: url("images/micro-rss092-hover.gif"); }

#tag-rdf100 { background: #fff url("images/micro-rss10.gif") no-repeat; }
a:hover #tag-rdf100 { background-image: url("images/micro-rss10-hover.gif"); }

#tag-rss200comments { background: #fff url("images/micro-rsscomments.gif") no-repeat; }
a:hover #tag-rss200comments { background-image: url("images/micro-rsscomments-hover.gif"); }

#tag-rssvalid { background: #fff url("images/micro-valid-rss.gif") no-repeat; }
a:hover #tag-rssvalid { background-image: url("images/micro-valid-rss-hover.gif"); }

#tag-usingphp { background: #fff url("images/micro-php-power.gif") no-repeat; }
a:hover #tag-usingphp { background-image: url("images/micro-php-power-hover.gif"); }

#tag-usingmysql { background: #fff url("images/micro-mysql-power.gif") no-repeat; }
a:hover #tag-usingmysql { background-image: url("images/micro-mysql-power-hover.gif"); }
*/

#tag-rss2 {width:80px; height:15px; display:block;  background: #fff url("http://v1.masuga.com/images/tags/rss2.gif") no-repeat; text-indent: -500em; overflow:hidden;}
a:hover #tag-rss2 {text-decoration:none;  background-image: url("http://v1.masuga.com/images/tags/rss2.gif"); }

#tag-xhtml {width:80px; height:15px; display:block; background: #fff url("http://v1.masuga.com/images/tags/xhtml.gif") no-repeat; text-indent: -500em; overflow:hidden;}
a:hover #tag-xhtml {text-decoration:none; background-image: url("http://v1.masuga.com/images/tags/xhtml.gif"); }

#tag-css {width:80px; height:15px; display:block; background: #fff url("http://v1.masuga.com/images/tags/css.gif") no-repeat;  text-indent: -500em; overflow:hidden;}
a:hover #tag-css {text-decoration:none;  background-image: url("http://v1.masuga.com/images/tags/css.gif"); }

#tag-wordpress {width:80px; height:15px; display:block; background: #fff url("http://v1.masuga.com/images/tags/wordpress.gif") no-repeat; text-indent: -500em; overflow:hidden;}
a:hover #tag-wordpress {text-decoration:none; background-image: url("http://v1.masuga.com/images/tags/wordpress.gif"); }

#meta ul {margin:0;line-height:1.5em;}
#meta ul li{margin:3px;}

/* Post related styles */

blockquote { /* mainly for the post section */
	border-left: 2px dotted #D4A85F;
	padding-left: 5px;
	font: 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif; color:#333;
}
div.post blockquote p {
	font: 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif; color:#333;
}
div.post blockquote ul {
	padding-left:10px;
}

div.post ul, div.post ol {font: 11px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif; color:#333;}

div.post img.wp-left {float:left;margin:0 1.5em 1em 0;} /* Post Images that float to the left - maybe 150px should be max size */
div.post img.wp-right {float:right;margin:0 0 1em 1.5em;} /* Post Images that float to the right */
div.post img.wp-center {display:block;margin:0 auto 1em auto;} /* Post Images that float to the right */


#menu ul, #menu ul li, #menu ul ul, #menu ul ul li, #menu ul ul li a {
	background: transparent;
}

/* the following styles are for the revised comments area */
ol.commentlist {margin:0;padding:0;list-style-position:inside;}
ol.commentlist li {margin:.5em 0 .5em 0; padding: 20px 20px 20px 10px; background-color:#fcf8ec;border:1px dotted #cfdcf1;font:bold 1.2em/100% georgia, Times, serif; color: #7c775d;} /* f3f8fd */
ol.commentlist li p {margin:.5em 0 0 25px;}
ol.commentlist li.authorcomment {background-color:#f5f6f7;border:1px solid #cfdcf1;}
ol.commentlist li span.commauthor {font:bold 1em/100% georgia, Times, serif; color: #7c775d; margin:0;}
.commenttime {font: 10px/1.5 "Lucida Grande", Verdana, Helvetica, sans-serif; color: #666; margin:0;}

h2.postdate {font: bold 11px/1.1em Arial, Helvetica, verdana, sans-serif;color:#666;margin:0 0 .5em 0;}
.timesince2 {font: normal 10px/1.1em Arial, Helvetica, verdana, sans-serif; color:#463A2D; margin:0;}
div.postbreak {background: url("http://v1.masuga.com/images/post_break.gif") no-repeat top left;width:322px;height:8px; margin:1em auto 0 auto;}

/* for quotations and author of quote
=================================================== */
#menu ul li p#quote {display:block;width:100%;text-indent:0;margin:.25em 0;font: 13px/15px Georgia, "Times New Roman", Times, serif;color:#9E8358;text-transform: none;}
#menu ul li p#quoteauthor {display:block;width:100%;text-indent:0;font: italic bold 11px/100% Georgia, "Times New Roman", Times, serif; color:#9E8358; margin:0 5px 0 0;text-transform: none;}

#menu ul li	div#wp_quotes {display:block;width:100%;margin:.25em 0;}
#menu ul li p.wp_quotes_quote {display:block;width:100%;text-indent:0;margin:.25em 0;font: 13px/15px Georgia, "Times New Roman", Times, serif;color:#9E8358;text-transform: none;}
#menu ul li p.wp_quotes_author {display:block;width:100%;text-indent:0;font: italic bold 11px/100% Georgia, "Times New Roman", Times, serif; color:#9E8358; margin:0 5px 0 0;text-transform: none;}


/* for itunes area: artist, song, album
=================================================== */
.nowplay_m {border:1px solid #999;padding:4px;background:#fff;display:block;margin:6px 0 0 0;}
#menu ul li#itunes p#itunes-musician {display:block;width:100%;text-indent:0;margin:.5em 0 0 0;font: bold 13px/15px Georgia, "Times New Roman", Times, serif;color:#9E8358;text-transform: none;}
#menu ul li#itunes p#itunes-songtitle {display:block;width:100%;text-indent:0;font: bold 11px/100% Georgia, "Times New Roman", Times, serif; color:#9E8358; margin-top:3px;text-transform: none;}
#menu ul li#itunes p.itunes-album {display:block;width:100%;text-indent:0;font: 11px/100% Georgia, "Times New Roman", Times, serif; color:#9E8358; margin-top:3px;text-transform: none;}

#menu ul li#search form {text-indent:0;} 

.navigation {
	display: block;
	text-align: center;
	margin: 10px 0;
	}
	
.navigation a { font: bold 12px "Lucida Grande", arial, verdana, sans-serif;}
.navigation .alignleft {float: left; clear:right;}
.navigation .alignright {float: right;clear:left;}
	
#menu ul li.grbloggers {font: 10px/100% verdana, arial, helvetica, "Lucida Grande", sans-serif;}

/* =flickr insert */
div.flickr-insert {
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  padding: 0.5em;
}

div.flickr-insert a {
}

div.flickr-insert img {
  border: 1px solid #777;
  vertical-align: bottom;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

/* =archive dropdown */
#archive_chrono {font:10px verdana, arial, sans-serif; color:#666;}

/* misc section styles */
ul#covs	{
	/* width: 400px; */
	background: transparent;
	margin: 0;
	padding: 0;
}

ul#covs li {
	width:400px;
	padding: 0;
	list-style: none;
	border:1px solid #b9b9b9;
	margin: 0 0 12px 0;
	height:60px;
} 
	
ul#covs a {
	margin: 0;
	padding: 0;
	height: 60px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
	
ul#covs li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#cov-200108	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200108cov.jpg') top left no-repeat;}
#cov-200108 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200108cov.jpg') 0 -60px no-repeat;}
#cov-200109	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200109cov.jpg') top left no-repeat;}
#cov-200109 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200109cov.jpg') 0 -60px no-repeat;}
#cov-200110	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200110cov.jpg') top left no-repeat;}
#cov-200110 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200110cov.jpg') 0 -60px no-repeat;}
#cov-200111	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200111cov.jpg') top left no-repeat;}
#cov-200111 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200111cov.jpg') 0 -60px no-repeat;}
#cov-200112	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200112cov.jpg') top left no-repeat;}
#cov-200112 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200112cov.jpg') 0 -60px no-repeat;}
#cov-200201	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200201cov.jpg') top left no-repeat;}
#cov-200201 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200201cov.jpg') 0 -60px no-repeat;}
#cov-200202	{width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200202cov.jpg') top left no-repeat;}
#cov-200202 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200202cov.jpg') 0 -60px no-repeat;}
#cov-200203	{width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200203cov.jpg') top left no-repeat;}
#cov-200203 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200203cov.jpg') 0 -60px no-repeat;}
#cov-200204	{width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200204cov.jpg') top left no-repeat;}
#cov-200204 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200204cov.jpg') 0 -60px no-repeat;}
#cov-200205	{width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200205cov.jpg') top left no-repeat;}
#cov-200205 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200205cov.jpg') 0 -60px no-repeat;}
#cov-200206	{left: 0; width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200206cov.jpg') top left no-repeat;}
#cov-200206 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200206cov.jpg') 0 -60px no-repeat;}
#cov-200209	{left: 0; width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200209cov.jpg') top left no-repeat;}
#cov-200209 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200209cov.jpg') 0 -60px no-repeat;}
#cov-200212	{left: 0; width: 400px; background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200212cov.jpg') top left no-repeat;}
#cov-200212 a:hover	{background: transparent url('http://v1.masuga.com/images/misc_pics/covs/200212cov.jpg') 0 -60px no-repeat;}

/* for rollovers on the web port page */
body#web ul#covs {margin-top:15px;}
#site-tenchimneys, #site-tenchimneys a {background: transparent url("/images/web/button-tenchimneys.jpg") left top no-repeat;}
#site-casperelectronics, #site-casperelectronics a {background: transparent url("/images/web/button-casperelectronics.jpg") left top no-repeat;}
#site-hydrophysics, #site-hydrophysics a {background: transparent url("/images/web/button-hydrophysics.jpg") left top no-repeat;}
#site-ethanhill, #site-ethanhill a:hover {background: transparent url("/images/web/button-ethanhill.jpg") left top no-repeat;}
#site-ghrentals, #site-ghrentals a:hover {background: transparent url("/images/web/button-ghrentals.jpg") left top no-repeat;}
#site-aceofclubs, #site-aceofclubs a:hover {background: transparent url("/images/web/button-aceofclubs.jpg") left top no-repeat;}
#site-ghrentals, #site-ghrentals a:hover {background: transparent url("/images/web/button-ghrentals.jpg") left top no-repeat;}
#site-wfmu, #site-wfmu a:hover {background: transparent url("/images/web/button-wfmu.jpg") left top no-repeat;}

#site-aceofclubs a:hover, #site-ghrentals a:hover, #site-tenchimneys a:hover, #site-casperelectronics a:hover, #site-hydrophysics a:hover, 
#site-ethanhill a:hover, #site-wfmu a:hover {background-position: 0 -60px;}

/* styling recent interest, only on web port page */
body#misc #menu li#recent-interest p{margin:2px 0 2px 10px;font:10px Arial, Helvetica, sans-serif; line-height:normal;}
body#web #menu li#the-sites p{margin:2px 0 2px 10px;font:10px Arial, Helvetica, sans-serif; line-height:normal;}