/*
 * leefenvisual.css -- defines the style that defines Lee Fenyves.
 */
 
/*  Body: This HTML tag encompasses the entire site. It sets the general font and color,
 *  so that you don't have to do it in every tag. */ 
body {
	margin: 0;
	padding: 0;
	background-image: url(images/bg_sidebar.gif);
	background-repeat: repeat-y;
	background-color: #E6E7E8;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	color: #808284;
}

p {
font-family:
Arial, Helvetica, sans-serif;
font-size:10.5px;
line-height:15px;
text-align:left;
color: #808284;
color: #808284;
}

/* headwrap: Makes the gray line that runs along the top of the page.
 */
#headwrap	{
	margin: 0;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
	background-color: #E6E7E8;
	padding: 0;
	height: 72px;
}

/* mainlinks: Defines the style of the links 'print interactive photography resume ... '
 */
#mainlinks	{
	margin: 0;
	color: #E6E7E8;
	background: #808284 url(images/bg_mainlinks.gif) repeat;
	overflow: hidden;
	padding: 0;
	height: 2.1em;
	line-height: 2.1em;
	font-size: 11px;
	text-decoration: none;
	}
/* sublinks: Defines style for '1997 1998 1999 ... '*/
#sublinks	{
	margin: 0;
	color: #808284;
	background-color: #E6E7E8;
	overflow: hidden;
	padding-top: 0;
	padding-left: 15px;
	height: 3em;
	line-height: 3em;
	font-size: 11px;
	text-decoration: none;
	}

/* indent: Sometimes you just want to indent, you know?
 */
/* #indent	{
	position: relative;
	margin: 0;
	border: 0;
	top: 0px;
	left: 415px;
	width: 200px;
	} */

/* sidebartop: this is the rounded top of the left sidebar. 
 */
#sidebartop	{
	margin: 0;
	background: #E6E7E8 url(images/round_sidebar.gif) top left no-repeat;
	padding: 0;
	height: 32px;
	}

/* sidebar: Style of the area that holds the thumbnails and rollovers.
 */
#sidebar {
	margin: 0;
	color: #E6E7E8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 10px;
	font-weight : bold; 
	text-decoration: none;
	width: 145px;
	text-align: right;
	}

#headwrap h1 {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 72px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:72px; /* for pre 6.0 IE Win */
	}
	
h1#logo {
	}

.description {
	color: #324849;
	font-weight: bold;
	}

/* selected: defines the selected links. For example, if you're
   in photography -> san francisco, then both of those catagories are selected.
 */
.selected {
	background: url(images/rollover.gif) bottom right no-repeat; 
	}
	
/* copyright: Defines style of copyright
 */
#copyright {
	color: #516363;
	top:341px;
	position:absolute;
/*	left:665px;
	width:219px;
	height:20px;
	z-index:3
*/	}

/*
 * Anchors (ie. links. they look like this in HTML: <a href="...">)
 */

/* mainlinks: Design Art Photography
 */
#mainlinks a {
	padding-left: 25px;
	color: #E6E7E8;
	padding-bottom: 4px;
	text-decoration : none;
	}

#mainlinks a:hover {
	font-weight : bold;
	text-decoration : none;
	color: #E6E7E8;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

#mainlinks a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #E6E7E8;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

/* Sublinks: print interactive logos ...
 */
#sublinks a {
	color: #516363;
	padding-left: 10px;
	padding-bottom: 4px;
	text-decoration : none;
	}

#sublinks a:hover {
	color: #516363;
	padding-bottom: 4px;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

#sublinks a:active {
	color: #516363;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

/* sidebar: Ride Snowboards  AIDS Walk LA  Slightly Pointed East ...
 */
#sidebar a {
	padding-bottom: 5px;
	color: #E6E7E8;
	}

#sidebar a:hover {
	color: #E6E7E8;
	}

#sidebar a:active {
	color: #E6E7E8;
	}
	
.orange a {
	font-weight : bold;
	margin: 1em 0;
	padding-bottom: 4px;
	text-decoration : none;
	color: #808284;
	background: transparent; 
	}

.orange a:hover {
	font-weight : bold;
	text-decoration : none;
	color: #808284;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

.orange a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #808284;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

/*
 * default links 
 */
a {
	font-weight : bold;
	margin: 1em 0;
	text-decoration : none;
	color: #808284;
	background: transparent; 
	}

a:hover {
	font-weight : bold;
	text-decoration : none;
	color: #808284;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #808284;
	background: transparent;
	}

/*
 * img: HTML tag for images.
 */
img {
	display: inline;
	border: 0;
	}

.homeblock {
	margin: 0;
	position: absolute;
	left: 210px;
	top: 140px;
	width: 600px;
	height: 270px;
}	

/* artblock: This is the block that contains the art
 * and art description that shows up on the rollover.
 */
.artblock {
	margin: 0;
	visibility: hidden;
	position: absolute;
	left: 210px;
	top: 140px;
	width: 600px;
	height: 270px;
}	

/* art: simply holds the art image.
 */
.art {
	visibility: inherit;
	position: absolute;
	text-align: center;
	width: 400px;
	height: 270px;
	left: 0px;
	top: 0px;
}

/* artdescription: holds
 */
.artdescription {
	visibility: inherit;
	position: absolute;
	width: 200px;
	left: 450px;
	top:  0px;
}

.artdescription h1{
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	display: block;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
}

#resume {
	text-align: left;
}
#resume ul
{
	list-style-type: none;
	padding: 0 0 10 0;
	margin: 0;
}
#resume h1 {
	color: #f5973a;
	font-size: 13px;
	font-weight: normal;
	padding: 10 0 0 0;
	margin: 0;
}
#resume h2 {
	font-size: 12px;
	display: inline;
}
#resume h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
#resume ul.disc {
	list-style-type: circle;
	list-style-position: inside;
}

#links {
	text-align: left;
}
#links a {
	padding-bottom: 4px;
	text-decoration : none;
	}

#links a:hover {
	font-weight : bold;
	text-decoration : none;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

#links a:active {
	font-weight : bold; 
	text-decoration : none;
	background: url(images/rollover.gif) bottom right no-repeat; 
	}

/* homeText: shows up on the homepage.
 */
#homeText{
	width: 250px;
	height: 600px;
	overflow:visible;
	/* I've used an ExtraDiv to display the background behind this layer, but IE 
	doesn't like my idea. So i put the background directly in the Div for browsers 
	that do not support "!important" */  
	background:transparent !important;
	padding-left: 15px;
	border-left: 1px dotted #808284;
}
#homeText p, #news p{
	border-bottom: 2px dotted #808284;
	margin: 5px;
	padding: 0 0 10px 0;
	line-height: 16px;
}
#homeText h1, #news h1{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	display: block;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
}
#homeText h2, #news h2{
	color: #f5973a;
	font-size: 11px;
	text-align: left;
	display: block;
	padding: 0 0 0 5px;
	margin: 0;
}

p.copy { 
text-align: left;
}
p a { color: #f5973a;
font-weight: bold;}
p a:hover { color: #fff; background: #f5973a;}