/* CSS for: www.hildaneilyart.com 
   Author: Jantuan Vlad
   Info: Main styles for web site	
*/

/* GENERAL -----------------------------*/

*{ margin:0; padding:0;} 

body { 
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color:#000000;
	text-align: left;
	margin-left: 286px;}

/* LINKS -----------------------------*/
a.menu:link, a.menu:visited {  
	color:#FFFFFF;
	text-decoration:none;}	
a.menu:hover, a.menu:active { 
	color: #000000;
	text-decoration:none;}
	
a.top:link, a.top:visited {
	display: block;  
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 12px;
	background: url(../img/arrow_top.gif) no-repeat 0px 7px;
	clear:left;}	
a.top:hover, a.top:active {
	display: block;   
	color:#FFFFFF;
	text-decoration:underline;
	padding-left: 12px;
	background: url(../img/arrow_top.gif) no-repeat 0px 7px;
        clear:left;}
	
a.img:link, a.img:visited {
        display: block;
	width: 150px;
	height: 150px;  
	border: 3px solid #FFFFFF;
	margin-right: 10px;
	margin-bottom: 7px;
        float: left;}
	
a.img:hover, a.img:active { 
	display: block;
        width: 150px;
	height: 150px;  
	border: 3px solid #333333;
	margin-right: 10px;
	margin-bottom: 7px;
        float: left;}
	
/* MENU -----------------------------*/
#menu {
	display: block;
	width: 530px;
	height: 109px;	
	font-size:11px;
	background: #444242 url(../img/two_houses.jpg) no-repeat 0px 0px;
	z-index: 0;}

#menu ul {
	display: block;
	list-style: none;
	padding: 72px 0px 20px 260px;}
	
#menu ul li {
	display: inline;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
	background: url(../img/arrows.gif) no-repeat 7px 4px;}


/* WELCOME TEXT + FRAME PICTURE -----------------------------*/	
#welcome {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 405px;
	text-align: right;
	padding-top: 168px;
	background: url(../img/frame.jpg) no-repeat 0px 0px;
	z-index: 0;}

#welcome h1 {
	text-align: left;
	text-indent: -9000px;} 
		
#welcome h2 {
	width: 200px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	padding: 10px 140px 0px 60px;}
	
#welcome p {
	padding: 10px 140px 10px 60px;
	color: #333333;
	width: 200px;}
	
/* GALLERY -----------------------------*/
#gallery {
	display: block;
	width: 520px;
	padding-top: 43px;
	padding-left: 10px;
	background: #444242 url(../img/gallery_categories_text.gif) no-repeat 260px 30px;
	z-index: 2;}

#gallery h2 {
	display: block;
	text-indent: -9000px;}
	
#gallery h3 {
	display: block;
	width: 510px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color:#FFFFFF;
	text-align: right;
	padding: 3px 20px 3px 0px;
	margin-left: -20px;
	margin-bottom: 30px;
	background-color: #626160;}
	
#gallery img {
	width: 150px; 
        height: 150px;
	border: none;}
	
#gallery #lanscape_paintings, #seascape_paintings, #stilllife_paintings, #abstract_paintings {
	margin-top: 30px;
	padding-left: 10px;
	z-index: 2;}
	
/* IMAGE PREVIEW -----------------------------*/	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 10px;
	padding-top: 5px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}


/* FOOTER -----------------------------*/
#footer {
	display: block;
	width: 530px;
	padding-top: 105px;
	background: #444242 url(../img/footer.jpg) no-repeat right bottom;}
	
#footer span {
	display: block;
	width: 391px;
	padding: 25px 0px 0px 10px;
	font-family: Tahoma ,Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;}
	
#footer a {
	display: block;
	width: 391px;
	padding: 0px 0px 19px 10px; } 

.clear { clear: both;}	

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

/*STYLES FOR "ABOUT ARTIST" PAGE */
#about #gallery {
	padding-top: 45px;
	background: #444242 url(../img/about.gif) no-repeat 260px 30px;
	color: #FFFFFF;}
	
#about #gallery p {
	padding: 10px 20px 0px 10px;}

#about #gallery p#intro {
	background: url(../img/nancy_graham.JPG) no-repeat 15px 10px;
	padding-left: 165px;
	height: 200px;}
	
#about #gallery h3 {
	margin-top: 28px;
	margin-left: -10px;}
	
#about #gallery h2 {
	padding-top: 18px;}
	
#about #gallery ul {
	list-style: none;
	padding-left: 10px;}
	
#about #gallery ul li {
	padding: 10px 0px 0px 10px;}
	
#about #gallery ul#block_list {
	padding-bottom: 50px;
	text-align:left;}
	

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

/*STYLES FOR "CONTACT" PAGE */
#contact #gallery {
	padding-top: 45px;
	background: #444242 url(../img/contact.gif) no-repeat 260px 30px;}
	
#contact #gallery p {
	padding: 10px 20px 10px 10px;
	color: #FFFFFF;}
	
#contact form {
	color:#FFFFFF;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 50px;}
	
#contact form input {
	width: 200px;
	margin-bottom: 10px;}

#contact form textarea {
	width: 330px;}

#contact #subject {
	width: 330px;}
		
#contact #button {
	display: block;
	width: 70px;
	margin-top: 10px;}