/**************************************
/* MU MU PI STYLE SHEET PRINT VERSION *
/**************************************/

/*************************
 * OVERALL PAGE LAYOUT   *
 *************************/

#mmplogo, #mmplogo IMG { display: none; }

#sidebar { display: none; }

#content {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	float: none !important;
	color: black;
	background: transparent;
}

#topbar { display: none; }

BODY { 
	background: white; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* links */
A:link, A:visited {
	color: #520;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}

/* Print the link (this version doesn't handle relative URLs very well). */
/*
#content a:link:after, #content a:visited:after {
	content: " (" attr(href) ") ";
	font-size: 90%;
}
*/

/* This handles it, but requires CSS3 */
/*
#content a[href]:after {
	content: " (" attr(href) ") ";
	font-size: 90%;

}
#content a[href^="/"]:after {
	content: " (http://www.mumupi.org" attr(href) ") ";
	font-size: 90%;
}
*/

/* Used in the contact book, this indents the text a little */
DIV.ident {
	background: transparent;
	margin-left: 30px;
}

/* All main-body content must be enclosed inside one of these containers */
DIV.section {
	background: transparent;
	border-top: 3px groove;
}
DIV.section:first-child {
	border: 0;
}

.headpic, #headpic { display: none; }

.noprint, .blackbg { display: none; }

/********************
 * MEMBER PROFILES  *
 ********************/

/* used on member profile pages to set the picture correctly */
IMG.mug { 
	float: left;
	margin: 8px;
}

/* profiles title things */
B.profileq { 
	color: #520; 
	font-weight: bold;
}

/******************************
 * ACTIVE/ALUMNI LISTING PAGE *
 ******************************/
/* TODO: Big work needed here! */
.tableless li {
	width: 200px; 
	height: 220px; 
	padding: 20px; 
	position: relative;
	float: left; 
	display: inline; 
	text-align: center; 
	list-style: none;
	font-size: 10px; 
	text-decoration: none;
}
.tableless a { 
	font-size: 10px; 
	text-decoration: none; 
	text-align: center;
}
.tableless li img { 
	border: none; 
}
.tableless hr {
	clear: left; 
	height: 0; 
	border: 0;
}

/************
 * CALENDAR *
 ************/

TABLE.cal {
	background: transparent;
	margin: 0;
	table-layout: fixed;
	width: 100%;
	border: 1px solid black;
}

DIV.calsection {
	background: transparent;
	margin: 0;
	padding: 0;
	page-break-after: always;
}

/* Each day cell */
TABLE.cal TD.calcell {
	background: transparent;
	border: 1px solid black;
	width: 13%;
}

/* Table headings */
TABLE.cal TH { 
	background: transparent;
	font-size: 7pt; 
	text-align: left; 
	border: 1px solid black;
}

/* The day numbers */
TABLE.cal .daynum { 
	font-size: 8pt; 
	color: black; 
}

/* The cell attributes for "non-month" days */
TABLE.cal TD.nonmonth { 
	background: gray;
}

/* Dark blue background cells, for special days */
TABLE.cal TD.highlighted { 
	border: 2px solid #520;
}

TABLE.cal P {
	color: black !important;
	background: transparent;
	font-size: 7pt !important;
	font-weight: bolder;
}

TABLE.cal P:after {
	content: " (" attr(title) ") ";
	font-size: 7pt;
	font-weight: normal;
}