/* Style sheet for go-fast.org/webdev page
   (c) Dave Mills
================================================*/ 

/* text styles
================================================*/ 
p,h1,a,hr	{
			font-family:Georgia, serif;
			font-style: normal;
			font-weight: normal;
			color: #008;
			background-color:transparent;
}
h1          {
			font-size:1.2em;
			font-weight:bold;
}
p           {
			text-align:justify;
			font-size: .85em;
			margin-top:1em;
}
p.rjust		{
			text-align:right; float:right;
			line-height:1em;
			clear:both;
}
a	        {
			text-decoration: none;
			border-bottom:1px dotted #008;
}
a:hover	    {
			color:#08F;
			background-color:transparent;
			border-bottom:1px solid #08F;
}
a.imglink:visited {border:none;} 
a.imglink:link {border:none;} 
a.imglink:hover {background:transparent;} 
hr			{ height:1px;}


/* div styles
================================================*/ 
*		{
		margin:0;
		padding:0;
}
html 	{
		color:#008;
		background-color:white;
}
body	{
		margin-top:20px;
}
img 	{ 
/*		display:block;
*/		border:none; 
}
/*
* Try this when you get a chance for making the background/drop shadow. It may be cleaner
==============================================*/
#wrapper	{
		margin-top:20px;
		margin-left: auto;
    	margin-right: auto;
		width:500px;
		background-image:url("images/background.jpg") ;
}
#row1 {
	height: 10px;
	clear: both;
	}
span.side-left, span.side-right {
	display: block;
	width: 10px;
	height: 10px;
	}
#row1  span.side-left {
	background-position: 0 0;
	float: left;
	margin-right: 10px;
	}
#row1  span.side-right {
	background-position: 100% 0;
	float: right;
	background: url("images/sh1.gif") no-repeat;
	}

#row2	{
		float:left;
		padding-left:30px;
		padding-top:20px;
		padding-bottom:10px; 
		padding-right:45px;
		background:url(images/sh2.gif) right repeat-y;
}
#content-text	{
		clear:both;
		float:left;
		margin-top:10px;
		margin-left:0px;
		border-top:1px #008 solid;
}

#row3 {
	background: url("images/sh4.gif") repeat-x 0 0;
	height: 10px;
	clear: both;
	}
#row3 span.side-left {
	background-position: 0 0;
	float: left;
	margin-right: 10px;
	background: url("images/sh3.gif") no-repeat;
	}
#row3 span.side-right {
	background-position: 100% 0;
	float: right;
	background: url("images/sh5.gif") no-repeat;
	}