/*  Main CSS file for PaulWL.com                   */
/*  Updated 15 July 2006                           */
/*  Lovingly handcoded by Paul Wilde L'Heureux     */
/*  Internet Explorer = CSS torture device.        */


body { 
	font: 13px/16px Georgia, Garamond, "Times New Roman", Times, serif; 
	background: #FFF url(../img/bg/bg-redyellow2.jpg) top center;
	margin: 0;
	padding: 0;
	color: #AAA;
}

#header { width: 960px; height: 309px; margin: 0 auto; padding: 0; text-align: center; }

#columns { position: relative; width: 960px; margin: 0 auto; padding: 0; background: #FFF; }

#col1 {
	position: absolute; 
	left: 85px;
	top: 0;
	width: 160px;
	margin: 0 0 30px 0;
	padding: 8px 0 0 0;
}

#col2 {
	position: absolute; 
	left: 262px;
	top: 0;
	width: 240px;
	margin: 0 0 30px 0;
	padding: 0 0 20px 10px;
	overflow:visible;
}

#col3 {
	position: absolute; 
	left: 557px;
	top: 0;
	width: 320px;
	margin: 0 0 30px 0;
	padding: 5px 0 0 0;
}

#menu
{
	padding: 0;
	margin: 0;
	list-style: none;
	font: 10px/12px Georgia, Garamond, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .1em;
}


#menu li a { display: block; color: #AAA; padding: 5px 5px 5px 8px; margin: 0; background: #FFF; text-decoration: none; }

#menu li a:hover { color: #FFF; background: #BBB; }


#worklist { font-size: 15px; font-style: italic; color: #EF7C1E; margin: 0; padding: 0 0 0 25px; }
#worklist a { display: block; text-decoration: none; color: #000; background: #FFF; padding: 5px 5px 5px 8px; margin: 0; }
#worklist a:hover, #col1 h1 a:hover { background: #FDEFDE; color: #F9290F;}
#worklist a h1 { font: 17px/20px Georgia, Garamond, "Times New Roman", Times, serif; margin: 0; padding: 0; }
#worklist a p { color: #AAA; padding: 0; margin: 0; font-size: 14px; }
#worklist li { margin: 0 0 10px 0; padding: 0; }

#submenu
{
	font-size: 11px;
	font-style: italic;
	color: #EF7C1E;
	margin: 15px 0 0 0;
	padding: 15px 0 0 25px;
	border-color: #EF7C1E;
	border-width: 1px 0 0 0;
	border-style: dotted;
}
#submenu a { font: 13px/15px Georgia, Garamond, "Times New Roman", Times, serif; margin: 0; padding: 0; display: block; text-decoration: none; color: #000; background: #FFF; padding: 3px 3px 3px 5px; margin: 0; }
#submenu a:hover { background: #FDEFDE; color: #F9290F; }


#col1 h1 { color: #BBB; font: 17px/20px Georgia, Garamond, "Times New Roman", Times, serif; margin: 0; padding: 5px 0 0 0; }
#col1 h1 a { display: block; text-decoration: none; color: #BBB; background: #FFF; padding: 5px 5px 5px 8px; margin: 0; }


#col2 h1 { color: #000; font: 17px/20px Georgia, Garamond, "Times New Roman", Times, serif; margin: 0; padding: 5px 0 0 0; }
#col2 h2 { font: 14px/16px Georgia, Garamond, "Times New Roman", Times, serif; margin: 0; padding: 0; }
#col2 p { margin: 16px 0 16px 0; padding: 0; }

#col2 p a { color: #EF7C1E; text-decoration: none; border-bottom: 1px #CCC dotted; }
#col2 p a:hover { color: #000; }

#col2 p.downloadqt { color: #FFF; font: 10px/12px Georgia, Garamond, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: .1em; margin: 15px 0 15px 0; }
#col2 p.downloadqt a { color: #FFF; padding: 5px 8px 5px 8px; margin: 0; background: #BBB; border-style: none; text-decoration: none; }
#col2 p.downloadqt a:hover { background: #FDEFDE; color: #F9290F; }

#col2 ol.letterlist { list-style: lower-alpha; margin: 0; padding: 15px 0 15px 23px; }
#col2 ol.letterlist li { padding: 5px 0 5px 0; margin: 0;}


#bcst-a { position:absolute; left: 0px; top: 0px; width: 205px; height: 205px; }
#bcst-b { position:absolute; left: 210px; top: 0px; width: 100px; height: 100px; }
#bcst-c { position:absolute; left: 210px; top: 105px; width: 100px; height: 100px; }
#bcst-d { position:absolute; left: 0px; top: 210px; width: 100px; height: 100px; }
#bcst-e { position:absolute; left: 105px; top: 210px; width: 100px; height: 100px; }
#bcst-f { position:absolute; left: 210px; top: 210px; width: 100px; height: 100px; }

#four-a { position:absolute; left: 0px; top: 0px; width: 320px; height: 205px; }
#four-b { position:absolute; left: 0px; top: 210px; width: 100px; height: 100px; }
#four-c { position:absolute; left: 105px; top: 210px; width: 100px; height: 100px; }
#four-d { position:absolute; left: 210px; top: 210px; width: 100px; height: 100px; }

#nine-a { position:absolute; left:   0px; top:   0px; width: 100px; height: 100px; }
#nine-b { position:absolute; left: 105px; top:   0px; width: 100px; height: 100px; }
#nine-c { position:absolute; left: 210px; top:   0px; width: 100px; height: 100px; }
#nine-d { position:absolute; left:   0px; top: 105px; width: 100px; height: 100px; }
#nine-e { position:absolute; left: 105px; top: 105px; width: 100px; height: 100px; }
#nine-f { position:absolute; left: 210px; top: 105px; width: 100px; height: 100px; }
#nine-g { position:absolute; left:   0px; top: 210px; width: 100px; height: 100px; }
#nine-h { position:absolute; left: 105px; top: 210px; width: 100px; height: 100px; }
#nine-i { position:absolute; left: 210px; top: 210px; width: 100px; height: 100px; }

.bigred { font-size: 17px; color: #F9290F;}

.lilred { font-size: 15px; color: #EF7C1E;}

.sixblock a, .sixblock a img { color: #f35e17; text-decoration: none; border-color: #F35E17; }
.sixblock a:hover, .sixblock a:hover img { color: #C00; border-color: #C00; }


#largeimg { position:absolute; left: 85px; top:85px; width: 790px; }