/*
-----------------------------------------------
Liz Ainslie
author:   Maanik Singh Chauhan > http://maanik.com/design
version:  09 January 2005
revision: 24 February 2011
-----------------------------------------------
*/

html, body {
	color: #333;
	background: #ededed url("../images/bg.jpg") fixed repeat-x;
	}

body { font-size:100%; }
h1 { color: #333; font-size:2.25em;  /* 16x2.25=36 */ }
h2 { font-size:1.5em;   /* 16x1.5=24 */ }
h3 { font-size:1.125em; /* 16x1.125=18 */ }
h4 { font-size:1em; /* 16x0.875=14 */ }
p  { font-size:0.875em;  /* 16x0.75=12 */ }

/* HEADER */

div#header {
	padding: 0px;
	background: #fff;
	height: 150px;
	}

#header h1 {
font-size: 2.5em;
padding: 0px;
margin: 0px;
display: inline;
}

#header h1 a {
color: #333;
}

h1, h2, h3, h4 {
font-family: "Arvo", serif;
}

/*h2, h3, h4 {
font-variant:small-caps;
}*/


/* MAIN */ 

div#main {
	background: #fff;
	width: 940px;
	margin: 0px auto;
	padding: 20px;
	}

div#content {
	width:920px;
	text-align: left;
	padding: 0px;
	}

p {
word-spacing:0.25em;
text-align:left;
line-height: 1.5em;
font-family: "Droid Sans", sans-serif;
}

ul {
	margin: 0px;
	padding: 0px;
	}

ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

a:link, a:visited {
	color: #399; 
	text-decoration: none;
	}
a:hover {
	color: #333; 
	text-decoration: none;
	}

blockquote {
	font: italic "times new roman",times, sans-serif;
	}

table td {
	color: #666;
	vertical-align: top;
	font: 10px geneva, sans-serif;
	}

table#index td {
	vertical-align: top;
	padding: 10px;
	}


/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
img {border: 0px;}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}



/*  NAVIGATION +++++++++++++++++++++ */

#navcontainer {
display: inline;
position:relative;
top:-39px;
left:220px;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
float: left;
width: 100%;
font-family: "Arvo", serif;
}

#navcontainer ul li { display: inline;}

#navcontainer ul li a
{
padding: 0.2em .6em;
text-decoration: none;
float: left;
color: #999;
background-color: #fff;
border-right: 2px solid #fff;
font-family: "Arvo", serif;
font-size: 23px;
text-transform:uppercase;
}

#navcontainer ul li a:hover
{
background-color: #399;
color: #fff;
border-bottom: 2px solid #399;
}

#navcontainer
{
width: 100%;
float: left;
}

/*  FOOTER +++++++++++++++++++++ */


div#footer {
	width:940px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	color: #999;
	font-size: .8em;
	font-family: "Droid Sans", sans-serif;
	line-height:140%;
	}

div#footer div#copyright {
	float: right;
	clear; left;
	}

/*  THUMBNAILS, PAINTINGS, DRAWINGS +++++++++++++++++++++ */

div.thumb {
	width: 250px;
	margin: 5px 10px 5px 0px;
	padding: 10px 0px;
 	position: relative;
 	top: 0;
 	right: 0;
 	padding-right: 200px;
	}

div.thumb div.info {
	width: 250px; 	
	position: absolute;
	left: 120px;
 	top: 25%;
 	display: table-cell;
 	vertical-align: middle;;
	background: none;
	line-height: normal;
	font-size: .75em;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	}
	
div.thumb img {
	vertical-align: middle;
	padding-right: 10px;
	width: 100px; 
	display: inline;
	}

div.paintThumb{
	margin: 5px 10px 5px 0px;
	padding: 10px 0px;
	width: 100%;
	/*border-bottom: 1px dotted #ccc;*/
	}

div.paintThumb img {
	vertical-align: middle;
	padding-right: 8px;
	width: 100px; 
	}

div.paintThumb a:link, div.paintThumb a:visited {border: 0;}
div.paintThumb a:hover {border: 0; background: none;}


div.paintThumbInfo {
	display: inline;
	padding: 5px;
	width: 250px;
	height: 100px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	}
	
div.paintThumbInfo a:link,
div.paintThumbInfo a:visited {
color: #399; text-decoration: none; border-bottom: 1px dotted #399;
	}
div.paintThumbInfo a:hover {
	color: #fff; background: #399; text-decoration: none;
	}

table#work td {
	padding-right: 10px;
	vertical-align: top;
	}


/* FORM STYLES +++++++++++++++++++++ */

form#contact fieldset {
  margin-bottom: 10px;
}
form#contact legend {
  padding: 0 2px;
  font-weight: bold;
}
form#contact label {
  display: block;
  line-height: 2;
  vertical-align: top;
  font: x-small verdana, sans-serif;
  letter-spacing: 1px;
  line-height:140%;
  text-transform: uppercase;
  padding: 4px 0px;
}
form#contact fieldset ol {
  margin: 0;
  padding: 0;
}
form#contact fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  border=bottom: #ccc;
}
form#contact fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form#contact fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form#contact fieldset fieldset label {
  display: block;
  width: auto;
}
form#contact em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form#contact label {
  width: 120px; /* Width of labels */
}
form#contact fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form#contact input,
form#contact textarea,
form#contact select {
    font-size: medium;
    line-height: 1.2 em;
    padding: 3px 0px;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff;
}

input:focus,
textarea:focus
	{
	color: #399;
	background-color: #eee;
	}

form#contact input#reset,
form#contact input#submit {
	color: #333;
	background-color: #ccc;
	margin-top: 5px;
	padding: 2px;
	border: 0px;
	}

/* IMG VIEWER */

#showimage{
position:absolute;
visibility:hidden;
}

#dragbar{
cursor: pointer;
background: #eee url(images/bg.gif);
padding: 2px 1px;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 2px;
color: #999;
font-family: arial, sans-serif;
}