/* CSS Document */

html, body {font-family:Arial, Helvetica, sans-serif; margin: 0; padding:0}



#wrap {

	position:absolute;

	left:0;

	width: 850px;

	background-color:#fff;

		}

h1 	{

	color: #999999;

	font-family: georgia;

	font-size: 1.8em;

	margin-bottom: 5px;

}



h2 	{

	color: #666;

	font-family: georgia;

	font-size: 1.2em;

	margin:0;

}





/*need to make this specific to each section*/

#about #main {margin-left: 150px;

border-style: none none solid none; 

border-color:#c66; border-bottom-width: 20px;

padding-bottom: 10px;

}



#about #main a, #about #main a:link  {text-decoration:none; color:#603}

#about #main a:visited {text-decoration:none; color:#600}

#about #main a:hover {text-decoration:underline; color:#c03}



#main2 {

margin-left: 30px;

padding-bottom: 10px;

}

#potbrushes {float: right; width: 100px}



#sitestosee {width: 185px; float: left; }

#sitestosee ul {margin: 0; padding: 0;list-style-type: none}

#sitestosee ul li {

background-image:url(images/bullet/yel_square.gif); 

background-repeat:no-repeat;

background-position:left;

padding: 0;

margin: 0;

padding-left: 10px;

}



#sitestosee div a img{ margin-left: 20px;border: none; padding: 0;}

#sitestosee ul li a:link {text-decoration:none; color:#333333; font-size:12px;}

#sitestosee ul li a:visited {text-decoration:none; color:#666666;font-size:12px; }

#sitestosee ul li a:hover, #sitestosee ul li a:visited:hover {text-decoration:underline}



#hpenv {margin-left: 185px; padding-left: 50px}



.middle {margin-left: auto; margin-right: auto}



#footer {margin-left: 150px}



#footer a:link {

	text-decoration: underline;

	color: #6699CC;

	font-weight:700;

	font-size: smaller;

	font-family: arial;

}





#footer a:visited {

	text-decoration: underline;

	color: purple;

	font-weight:700;

	font-size: smaller;

	font-family: arial;

}





#footer a:link:hover {

	text-decoration: underline;

	color: blue;



}



#footer a:visited:hover {

	text-decoration: underline;

	color: blue;

}



#rick a:link {color: #333}

#rick a:visited {color: #666}

#rick a:hover, #rick a:visited:hover {color: #c03}



#pic_table td {width: 250px}

#pic_table td div a{text-decoration: none; font-weight: 800; font-size: smaller; color:#666666}

#pic_table td div a img.b{border: 1px solid #333}

#pic_table td div a:visited img.b{border: 1px solid #999}

#pic_table td div a:hover{text-decoration:underline; color:#333333}





/*MARGINS

-----------------*/

.topless {margin-top: 0;}

.bottomless {margin-bottom: 0}

.pad_left {padding-left: 20px}

.pad_left_more {padding-left: 100px}

.nowrap {white-space: nowrap; }/*used on home page*/

.space_top_bit {margin-top: 5px}





/*sizing

------------*/

.small {font-size:smaller}

.x-small{font-size:x-small}

.redbold {

	color: #CC6666;

	font-family: georgia;

	font-weight: 700;

}



.redtone {color: #CC6666;}



.bluebold {

	color: #6699CC;

	font-family: georgia;

	font-weight: 700;

}



/*LINKS

-----------------*/



a:hover {color:#000066}



a.special, a.special:visited {color:#666; text-decoration: none; }

a.special:hover {text-decoration:underline}



.bordered {

	border-style: none none dashed;

	border-left:none;

	border-color: #CCCCCC;

}

.borderless {border: none}



.whatsnew {

	background-color: #999999;

	color: #FFFFFF;

	font-family: helvetica;

	font-size: 12pt;

	padding:2px;

	border-top: 2px solid maroon;

	border-bottom: 2px solid maroon;

	width: 110px;

}



#top_row_about {background-color:#c03; background-image:url(../images/still_life/back_red.jpg); background-repeat:repeat-x;white-space:nowrap}

#top_row_portfolio {background-color:#FFCC66; background-image:url(../images/still_life/bluetile.jpg); background-repeat:repeat-x}



#menu_row {background-color:#c03; margin: 0; padding: 0; white-space:nowrap} /*need to be specific to area*/

#menu_row ul{

padding: 0;

margin: 0;

background-color: #000;

/*background-image:url(../images/bullet/gradient_black.gif);

background-repeat:repeat-x;*/

color: White;

float: left;

font-family: arial, helvetica, sans-serif;

width: 100%;

min-width: 700px;

white-space:nowrap

}



#menu_row  ul li

{

display: inline;

list-style: none;

margin: 0;

float: left

}



#menu_row ul li a { 

	color: white;

	text-decoration:none;

	padding-right: 21px;

	padding-left: 21px;

	padding-bottom: 4px;

	padding-top: 4px; 



}

#menu_row ul li a:hover {color:#c03}



.yellow_back {background-color:#FFCC66}

.red_back {background-color:#c66}

#current {background-color:#999999; border: #999 solid 1px; }



#menu_row ul li#current a:hover {color: white}

/*#strip {padding-left: 125px;border: #FFCC66 solid 1px; } this should be unspecified*/

#about #strip {padding-left: 125px;border: #c66 solid 1px; }



/*FLOATS, PICS

==========================*/



.pic_left {float:left; width: 100px}

.pic_right {float: right; width: 100px; margin-left: 20px; padding-bottom: 30px}

.pic_right div{font-size: smaller; text-align:center; color:#666666}

.space_top_more {margin-top: 30px}



#dash {border-top:dashed #999 2px; width: 185px; line-height: 5px}



#sitestosee ul li {

background-image:url(../images/bullet/yel_square.gif); 

background-repeat:no-repeat;

background-position: .2em ; 

padding: 0;

margin: 0;

padding-left: 10px;



}



#sitestosee ul li.sub{

background-image:url(../images/bullet/yellow_triangle.gif);

background-repeat:no-repeat;

background-position: .8em ; 

padding: 0;

margin: 0;

padding-left: 25px;



}



.buttoned {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px; 
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;
}