/***************************

Instiki Style Sheet
by Merlin Mann
http://43folders.com

$Id: instiki.css,v 1.2 2004/10/16 21:54:10 merlinm Exp $



## Sucking Karma:
* works on Safari and Firefox/Mac; untested elsewhere
* always under construction
* always breaking
* your mileage may vary

This work is licensed under the Creative Commons Attribution-ShareAlike License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/2.0/ or send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

*/

@import url(http://merlinmann.com/style.css) screen;


.rightHandSide
{
	float: right;
	width: 147px;
	margin-left: 10px;
	padding-left: 20px;
	border-left: 1px dotted #ccc;
}

.rightHandSide p
{
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.rightHandSide h2
{
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}


.property
{
	color: grey;
	font-size: 9px;
	text-align: right;
}



body
{
	background-color: #fff;
	padding: 0;
	margin: 20px;
	color: #333;
	line-height: 1.5;
	font-size: 90%;
	/*  hacky hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 85%;
}

/* be nice to opera */
html>body { font-size: 85%; }



/***************************

Basic skins
(Hs and main container's kids)

Commment/Uncomment to choose your poison

*/

/*  option a  */

/*
h1, h2, h3, h4, h5, h6
{
   font-family:"Arial Rounded MT", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
   font-weight:normal;
	text-shadow: 3px 3px 5px #ccc;
	color: #333;
	font-weight: normal;
}
*/

/*  option b  */

/*

h1, h2, h3, h4, h5, h6
{
	font-family: Baskerville, Georgia, "Times New Roman", serif;
	text-shadow: 3px 3px 5px #ccc;
	color: #080808;
	font-weight: normal;
}
*/

/*  option c  */



h1, h2, h3, h4, h5, h6
{
	font-family: "Myriad Pro", "Myriad Web", Myriad, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
	text-shadow: 2px 2px 3px #ccc;
	color: #080808;
	font-weight: bold;
}




/*  option d  */

/*

h1, h2, h3, h4, h5, h6
{
	font-family:  "Futura Condensed", Futura, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
	text-shadow: 3px 3px 5px #ccc;
	color: #080808;
	font-weight: normal;
}
*/

/*  option e  */


/*
h1, h2, h3, h4, h5, h6
{
	font-family:  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
	text-shadow: 3px 3px 5px #ccc;
	color: #080808;
	font-weight: bold;
}
*/

/*  option f  */


/*
h1, h2, h3, h4, h5, h6
{
font-family: Georgia, "Lucida Bright", Lucidabright, "Bitstream Vera Serif", serif;
	text-shadow: 2px 2px 4px #ccc;
	color: #333;
	font-weight: normal;
}

*/


/***************************

HTML stuff

*/

body html h1
{
	font-size: 3em;
}
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4, h5, h6 { font-size: 1.5em; }

h1, h2 h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

h1 > p
{
	margin-top: 0;
	padding-top: 0;
}


p, th, td, li, ul, ol, dt, dd, div
{
	font-family: "Lucida Grande", Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	line-height: 180%;
	
}

.example, pre, code

{
font-family: Pragmata, Monaco, "Lucida Console", "Andale Mono", "monotype.com", "Bitstream Vera Sans Mono", monospace;
}
.cvs
{
color: #999;

}


/* department of redundancy department - sexy up later */

#container p, #container th, #container td, #container li, #container ul, #container ol, #container dt, #container dd
{
	font-family: "Lucida Grande", Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	line-height: 180%;
	font-size: 99%;
}




/***************************

Links

feel free to diddle with these by un-commenting

*/


/*
a:link
{
	text-decoration: underline;
	color: #006;
	background: transparent;
}

a:visited
{
	text-decoration: underline;
	color: #808080;
	background: transparent;
}

a:hover
{
	text-decoration: underline;
	color: #C03;
	background: transparent;
}

a:active
{
	text-decoration: underline;
	color: #000;
	background: transparent;
}

*/


/* 

$Id: instiki.css,v 1.2 2004/10/16 21:54:10 merlinm Exp $ 
$Log: instiki.css,v $
Revision 1.2  2004/10/16 21:54:10  merlinm
* added 4th option / arial Hn style
* added Pragmata/Monaco-centric pre/code/example


*/