/* Benj Arriola's Default CSS File 12-08-2004
  ****************************************************************************/

/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }

/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; font-weight: normal; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
7 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea?
 *****************************************************************************/
a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...
 *****************************************************************************/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }

/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }

/* use for top of page link
 *****************************************************************************/
.topofpage { text-align: right; }
#right p.topofpage a{ font-weight: bold; }

/* use to clear below floats
 *****************************************************************************/
.clear { clear: both; height: 1px; overflow: hidden;}

/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #060;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active{
	color: #F30;
	text-decoration: underline;
}

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	text-align: center;
	color: #41403b;
	background: #FFD1B6 url(../images/allpages/back.jpg) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#container{
	background: url(../images/allpages/container-back.jpg);
	margin: 0 auto 0 auto;
	text-align: left;
	width: 774px;
}

/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 * ---------------------------------------------------------------------------- 
 * Purpose: undo some of the default styling of common (X)HTML browsers
 *****************************************************************************/

/* Thanks to Mike Hawkins for sharing, and to him and Andy Waer for the 
 * mini-lessons. Custom modifications to the file by:
 * Benj Arriola http://www.benjarriola.com (spammers, go away!)
 *****************************************************************************/

/* Main Horizontal Boxes
 *****************************************************************************/

	#head{
		background: url(../images/allpages/head.jpg);
		height: 129px;
		position: relative;
	}
			#head a{
				position: absolute;
				width: 342px;
				height: 36px;
				margin: 27px 0 0 33px;
			}
	#main-top{
		background: url(../images/allpages/main-top.jpg);
		height: 38px;
		width: 738px;
		margin: 0 0 0 18px;
	}
	
	#left{
		background: url(../images/allpages/column-top.jpg) repeat-x top;
		width: 180px;
		float: left;
		margin: 0 0 0 19px;
		display: inline;
	}
			#left ul{
				margin: 0 0 0 21px;
			}
			#left ul li{
				list-style: url(../images/allpages/nav-bullet.gif);
				margin: 0 0 10px 15px;
			}

					#left ul li ul{
						margin: 0 0 0 8px;
					}
					#left ul li ul li{
						list-style: circle none;
						margin: 5px 0 0 5px;
					}
					
			#ad-box{
				border: 1px solid #000;
				margin: 15px;
				padding: 5px 0 0 0;
			}
			
			#left p{
				margin: 5px 10px 10px 10px;
			}
			
	#right{
		background: url(../images/allpages/column-top.jpg) repeat-x top;
		width: 555px;
		float: left;
		margin: 0 0 0 1px;
	}
			.page-titles{
				width: 517px;
				border-bottom: 1px solid #000;
				height: 25px;
				margin: 0 0 25px 19px;
				padding: 0;
			}
			.title-line{
				display: none;
			}
			#right h2{
				font-size: 20px;
				font-weight: bold;
				margin: 20px 19px 10px 30px;
			}
					#right h2 a{
						font-size: 20px;
						font-weight: bold;
					}
			#right p{
				margin: 0 19px 10px 40px;
			}
			#right ul{
				margin: 0 19px 0 40px;
			}
			#right li{
				margin: 0 15px 10px 20px;
			}
			#right p a{
				font-weight: normal;
			}
			#right pre{
				background: #FFF8F1;
				border: 1px solid #060;
				padding: 10px;
				margin: 0 40px 10px 50px;
				
			}
			
					.tutorialbullets li{
						list-style: square;
					}
	
	
	#main-bottom{
		background: url(../images/allpages/main-bottom.jpg);
		height: 44px;
		float: none;
		clear: both;
	}
	
	.temp-pusher{
		height: 350px;
	}
	
	#extlinks{
		background: url(../images/allpages/pwkk.jpg);
		width: 682px;
		height: 42px;
		margin: 20px auto;
		position: relative;
		text-align: left;
	}
			#extlinks span{
				display: none;
			}
			
			#extlinks #lnkPW{
				position: absolute;
				margin: 0;
				height: 42px;
				width: 314px;
			}

			#extlinks #lnkKK{
				position: absolute;
				margin: 0 0 0 368px;
				height: 42px;
				width: 314px;
			}

	#footer-text{
		padding: 0 0 20px 0;
	}
	#footer-text a{
		font-weight: normal;
	}
 
/* Specific Boxes
 *****************************************************************************/

/* Titles */

	#ttlAbout{
		background: url(../images/titles/about.jpg) no-repeat left top;	
	}
	#ttlStuff{
		background: url(../images/titles/stuff.jpg) no-repeat left top;	
	}
	#ttlStarted{
		background: url(../images/titles/started.jpg) no-repeat left top;	
	}
	#ttlThanks{
		background: url(../images/titles/thanks.jpg) no-repeat left top;	
	}

/* Other Details
 *****************************************************************************/

/* Text Nav */
	
		#text-nav{
			clear: both;
			width: 500px;
			margin: 10px auto 15px auto;
			text-align: center;
		}	

		#text-nav ul{
			margin: 0;
		}
			
		#text-nav ul li{
			margin: 0;
			padding: 0 15px 0 20px;
			display: inline;
			border-left: 1px solid #000;
			background: none;
			font-size: 14px;
			line-height: 13px;
		}

		#text-nav li.first{border: none;}
		#text-nav p{line-height: 13px; font-size: 12px; color: #000000;}
		#text-nav a:link, #text-nav a:visited{color: #060; font-size: 12px;}
		#text-nav a:hover, #text-nav a:active{color: #f30; font-size: 12px;}
		a.dead { color: #808080; font-size: 12px;}
		a.dead:hover { color: #808080; font-size: 12px;}