/** Documentation **/
/*______________________________________________________________________________

	Mushpup Home Stylesheet

	Last Update: Jul 2006
	Author: Tom Atwell (klenwell@gmail.com)


	NOTES:
	
	blue cascade: #f8f8ff, #00f, #6699cc, #006699, #000066
	
	See bottom for helpful references.
	
	background: color image repeat attached x-pos y-pos
	background: #fff url('_PATH_') no-repeat fixed top left;

______________________________________________________________________________*/


/* BASIC LAYOUT */
/*____________________________________________________________________________*/

html
{
 /* height:100% */ /* for page centering, uncomment (see http://www.quirksmode.org/css/centering.html) */
 margin:0; padding:0;
}
body
{
 /* height:100% */ /* for page centering, uncomment */
 margin:0; padding:0;
 font:1em/1.2em Arial, Helvetica, sans-serif;
 color:#666;
 background:#fff;
}
#page
{
 width:96%;
 margin:8px auto;
}

/* Links */
a 
{ 
 color:#000066; 
 text-decoration:underline;
}
a:hover 
{ 
 color:#00f; 
 text-decoration:none; 
}
a.blue
{
 color:#f0f0f8; 
 text-decoration:underline;
}
a.blue:hover
{
 color:#fff; 
 text-decoration:none;
}

/* minimizer */
.minimizer
{
 position:absolute;
 top:0px; right:4px;
 font:11px Verdana, Geneva, sans-serif;
 margin:2px;
}
a.minimizer { color:#900; text-decoration:none; }
a.minimizer:hover { color:#f00; }
	
/*____________________________________________________________________________*/



/* DEFAULT HTML TAGS */
/* reference: http://kurafire.net/lab/initial.css?v21 */
/*____________________________________________________________________________*/

h1, h2, h3, h4, h5, h6 { margin:0 0 .5em; padding:0; }
p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
ul li { list-style:none; margin-left:.5em; }
form, fieldset { margin: 0; padding: 0; }
dd, blockquote { margin-left: .5em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
table { border-collapse:collapse; }
td { vertical-align:top; }

/*____________________________________________________________________________*/



/* CORE */
/*____________________________________________________________________________*/

#core
{
 color:#fff;
}

/* SOLUTION BLOCK */
#solution_block_parent
{
 display:none;
 margin-bottom:10px;
}
#solution_block
{
 margin:0 10px;
 padding:10px 40px;
 color:#666;
 background:white;
 border:1px solid #6699ff;
}

/*____________________________________________________________________________*/


/* MUSHPUP FORM */
/*____________________________________________________________________________*/
#mushpup_form_parent
{
 padding:10px;
}
#mushpup_form
{
 margin:0 0 0 26%;
 padding:10px;
 color:#336699;
 background:#f3f3ff;
}
#mushpup_form h2
{
 margin:.2em .2em .5em;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-weight:bold;
 color:#336699;
}
#mushpup_form p
{
 margin:0 0 .5em;
 clear:right;
}
#mushpup_form label
{
 float:left;
 clear:right;
 width:12em;
 text-align:left;
 margin-right:.5em;
 margin-top:.2em;
 color:#3366ff;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-size:1.1em;
 font-weight:bold;
}
p#passkey_confirm
{
 display:none;
}
p#url_advice
{
 position:relative;
 top:-6px;
 margin:0 2em 0 0;
 line-height:1.2em;
 font-size:.7em;
 color:#006699;
}
p#url_advice b
{
 color:#00F;
}

/*____________________________________________________________________________*/


/* SIDEBAR */
/*____________________________________________________________________________*/

/* SIDEBAR */
#sidebar
{
 float:left;
 width:25%;
 margin:0 10px 0 0;
}

/* SIDEBAR PRESET */
#sidebar_preset
{
 padding:10px 6px 20px;
 text-align:center;
 background:#6699cc;
 color:white;
}
#sidebar_preset h3 
{
 margin:0 0 4px;
 line-height:1.1em;
 font-size:1.5em;
 color:#ffff99;
}
#sidebar_preset p 
{
 margin:8px 0;
 font-size:.7em;
 line-height:1.2em; 
}
#sidebar_preset h6 
{
 margin:0;
 font-size:.8em;
 font-weight:normal;
}

/* SIDEBAR FAQ */
#sidebar_faq
{
 position:relative;
 display:none;
 padding:8px;
 background:#6699cc;
 color:#fff;
}
#sidebar_faq h3
{
 margin:4px 0;
 color:#ffff66;
 font-size:.8em;
}
#sidebar_faq p
{
 margin:0 0 .5em;
 line-height:1.4em;
 font-size:.75em;
}
.faq
{
 margin-bottom:10px;
}

/*____________________________________________________________________________*/


/* NOOB TABLE */
/*____________________________________________________________________________*/

#noob_block
{
 margin:0;
 padding:0;
 color:#eeeeff;
 background:#336699;
 border-top:4px solid #6699ff;
}
#noob_block h2
{
 margin:0;
 padding:20px 20px;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-size:2.5em;
 font-weight:normal;
 font-style:italic;
}
#noob_block a
{
 padding-left:.6em;
 color:#fff;
 text-decoration:none;
 font-size:.8em;
 font-weight:normal;
 font-style:normal;
}
#noob_block a:hover { color:#ffffcc; }

table#noob_table
{
 display:none;
 font-size:.75em;
}
table#noob_table td
{
 width:25%;
 padding: 8px 8px;
 vertical-align:top;
 background:#6699cc;
}
table#noob_table h3
{
 margin-bottom:4px;
 color:#fff;
}

#pitch
{
 margin:0;
 padding:10px;
 font-size:.8em;
 font-weight:bold;
 color:#fff;
 background:#6699ff;
}

/*____________________________________________________________________________*/


/* NOW WHAT TABLE */
/*____________________________________________________________________________*/

h2#not_sure
{
 margin:.5em 1em;
 font-weight:normal;
}
#now_what_block
{
 display:none;
}
table#now_what_table
{
 font-size:.75em;
 border-bottom:2px solid #00f;
}
table#now_what_table td
{
 width:25%;
 padding:8px 12px;
 vertical-align:top;
}
table#now_what_table td.step0 
{
 padding:1em;
 vertical-align:middle;
 text-align:center;
 line-height:1em;
 font-size:2em;
 color:#fff;
 background:#006699;
}
table#now_what_table td.step0 p
{
 display:block;
 margin-top:1em;
 font-size:.6em;
}
.lefty
{
 color:#f66;
}
.righty
{
 color:#66f;;
}

/*____________________________________________________________________________*/


/* HASH BLOCK */
/*____________________________________________________________________________*/

#hash_block 
{
 margin:0 auto;
 padding-left:20px;
}
#hash_label 
{
 margin:1em .5em 1.5em;
 font-weight:bold;
 color:#6699cc;
}

/* HASH CASE */
#hash_case 
{
 position:relative;
 padding:0;
 font-family:Lucida Console, Monaco, monospace;
 font-size:10px;
 letter-spacing:10px;
}

.ruler
{
 position:absolute;
}
#top_ruler
{
 top:-20px;
 _top:-15px;
 color:#f66;
}
#bottom_ruler
{
 top:20px;
 _top:25px;
 color:#66f;
}
.ruler1
{
 position:absolute;
 left:4px;
}
.ruler10
{
 position:absolute;
 left:-1px;
}
#top_ruler1 { color:#f66; }
#top_ruler10 { color:#fcc; }
#bottom_ruler1 { color:#66f; }
#bottom_ruler10 { color:#ccf; }

.hash0
{
 padding:4px 0;
 background:#eef;
 color:#fff;
 border-top:1px solid #F00;
 border-bottom:1px solid #00F;
 border-width:1px 0;
} 
.hash1
{
 padding:4px 0;
 background:#fff;
 color:#eef;
 border-top:1px solid #F00;
 border-bottom:1px solid #00F;
 border-width:1px 0;
}

#the_hash 
{
 font-size:20px;
 letter-spacing:4px;
}

/*____________________________________________________________________________*/


/* MASTHEAD */
/*____________________________________________________________________________*/
#masthead
{
 width:auto;
 padding:10px 20px; 
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 color:#e0e0ff;
 background-color:#6699cc;
}
#masthead_bg
{
 width:98%;
 background-image:url("../img_bin/mushpup_logo.png");
 background-position:right center;
 background-repeat:no-repeat;
}

#masthead h1
{
 margin:0 0 10px;
 _margin-bottom:20px;
 font-weight:lighter;
 color:#fff;
}
#masthead h1 sup
{
 _position:relative;
 _top:-6px;
 color:#e0e0ff;
 font-weight:normal;
 font-size:.6em;
}
#masthead h2
{
 margin:0;
 font-size:1.2em;
 font-weight:normal;
}
#masthead h2 b
{
 color:#fff;
 font-size:1em;
 font-weight:bold;
}
#masthead p
{
 font-family:Arial, Helvetica, sans-serif;
 margin:.2em 0 0;
 color:#fff;
}

/*____________________________________________________________________________*/


/* METABAR (deprecated) */
/*____________________________________________________________________________*/

#metabar
{
 text-align:left;
 padding:0 0 8px;
 font:12px Verdana, Geneva, sans-serif; 
}
#metabar a
{
 margin-left:6px;
 text-decoration:none;
}
	
/*____________________________________________________________________________*/


/* FOOTER */
/*____________________________________________________________________________*/

#footer_parent
{
 margin:0 auto;
 padding:4px;
 clear:both;
 text-align:center;
 font:11px/1.4em Verdana, Geneva, sans-serif; 
}
#footer_left
{
 float:left;
}
#footer_right
{
 float:right;
}

/*____________________________________________________________________________*/


/** References **/
/*______________________________________________________________________________

	CSS Reference (w3schools.com)
	http://www.w3schools.com/css/default.asp
	
	Page Centering with Valid CSS (quirksmode.org)
	http://www.quirksmode.org/css/centering.html
	
	Jigsaw CSS Validator (w3.org)
	http://jigsaw.w3.org/css-validator/
	
	World Wide Web Consortium Home Page (w3.org)
	http://www.w3.org/
	
	Browser-Neutral Default Settings
	http://kurafire.net/lab/initial.css?v21

______________________________________________________________________________*/