/* Copyright Vanbar Multimedia Ltd 2006 */

/*************************** Top Level ****************************/
* { margin:0; padding:0; border:0;
	font-family:Lucida Grande, Verdana, Helvetica, Arial;
	font-size:small;
	color:#000000;
}
body { background-color:#F2F2F2; } /* was EDEDED */


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both}
.clearleft		{clear:left}
.clearright		{clear:right}

/* Styling */
p {
	margin:10px 5px 15px 15px;
}
h1 {
	font-size:x-large;
	margin-bottom:15px;
	color:#7C786F;
}
h2 {
	font-size:medium;
	margin:25px 0 5px 0;
	color:#7C786F;
}
ul, ol, dl {
	margin:10px 0 15px 30px;
}
li {
	margin:2px 0 2px 0;
	list-style:square;
}
ul ul {
	margin-top:5px;
}
dt {
	margin-top: 15px;
}
dd {
	margin-bottom: 20px;
	font-weight:bold;
}
hr {
	background-color:#7C786F;
	height:1px;
	color:#7C786F;
}
blockquote {
	margin-left:30px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:medium;
}

/* forms */
form {
	margin:50px;
}
input, textarea, select {
	border:1px solid #7C786F;
	padding:3px;
	width:250px;
	margin-bottom:5px;
}
label {
	width:150px;
	float:left;
	text-align:right;
	margin:3px 10px 0 0;
}
textarea {
	height:100px;
}
input {}
input.submit {
	width:auto;
}

/* links */
a 			{ }
a:link		{ }
a:active	{ }
a:visited	{ }
a:hover		{ }


/************************* Common Divs *************************/
.container	{
	/* see artwork section for their container divs */
	width:960px;
	margin:0;
	padding:0 20px 0 20px;
}
#header {
	margin:20px 0 5px 0;
}
#content {
	padding:21px 0 0 0px;
	margin-left:205px;
}


/*************************** Menu ****************************/
ul#menu {
	margin:0; /* override default */
}
ul#menu li {
	/* Can't get IE to show bullet points in a horizontal list 
	and haven't got more time to put into it */
	list-style:none;
	float:left;
	padding:0 12px 0 4px;
	margin:0; /* override default */
	background:url(/images/common/button_spacer.gif) no-repeat center right;
}
ul#menu li a {
	display:block;
	padding:3px 5px 3px 5px;
}
ul#menu li#firstchild, ul#menu li#firstchild a  {
	padding-left:0;
}
ul#menu li#lastchild {
	background:none;
	padding-right:0;
}


/************************** LeftCol ***************************/
div#leftCol {
	width:155px;
	clear:left;
	float:left;
	text-align:right;
}
div#leftCol img#get_in_touch {
	margin-top:50px;
}
div#leftCol form {
	margin:0; /* override default */
}
div#leftCol textarea, div#leftCol input {
	width:147px;
}
div#leftCol textarea {
	height:70px;
}
div#leftCol input.submit {
	width:auto;
}
div#leftCol p#credit {
	margin-top:20px;
	color:#7C786F;

	font-size:xx-small;
}
div#leftCol p#credit a {
	color:#7C786F;
	text-decoration:none;
	font-size:xx-small;
}

/************************** Submenu ***************************/
ul#submenu {
	margin:0; /* override default */
	height:123px;
	margin-top:25px;
}
ul#submenu li {
	margin:0; /* override default */
	list-style:none;
	width:155px;
	height:auto;
/*	background:url(/images/common/submenu_bullet.gif) right 2px no-repeat; */
}
ul#submenu a {
	display:block;
/*	margin-right:7px; */
	padding:2px 0 2px 0;
}
div#no_submenu { /* Used for pages without a submenu */
	margin:0; /* override default */
	height:148px;
}


/************************** Artwork ***************************/
/* Note - wanted to have this as a dl, dt, dd setup with the image as the dt
and info as the dd - IE couldn't use a floated div around the dt dd combos
as it couldn't calculate the width for a setting of auto... */
body#artwork div#content p {
	width:750px; /* should be 755 but thats IE for you.... */
}
body#artwork div#content ul {
	margin:0; /* override default */
}
body#artwork div#content ul li {
	float:left;
	width:auto;
	padding:0 25px 0 25px;
	text-align:center;
	list-style:none;
	margin:0; /* override default */
}
body#artwork div#content ul li div.img_wrapper {
	margin-top:20px;
	height:295px;
	float:left; /* IE hack - see the corresponding clear in the H3 below too */
	width:auto;
}
body#artwork div#content ul li h3 {
	clear:left; /* IE hack - see the corresponding float in the img_wrapper above too */
	font-size:x-small;
}
body#artwork div#header {
	margin-left:-20px;
}
/* containers */
div#figure_container,
div#portrait_container,
div#landscape_container,
div#drawings_container,
div#watercolours_container {
	padding:0 20px 0 20px; /* must be same as .container div */
	border:1px solid #EDEDED; /* IE Hack */
	border-top:0;
	border-left:0;
}
div#figure_container div#header,
div#figure_container {
	width:2200px;
}
div#portrait_container div#header,
div#portrait_container {
	width:1300px;
}
div#landscape_container div#header,
div#landscape_container {
	width:1600px;
}
div#drawings_container div#header,
div#drawings_container {
	width:2400px;
}
div#watercolours_container div#header,
div#watercolours_container {
	width:2000px;
}

/* heading images */
body#artwork img.art_type {
	display:inline;
}
body#artwork img#oils {
	margin-left:100px;
}


/************************** Contact ***************************/
form#contact_form input.submit {
	margin-left:260px;
}


/*************************** Home ****************************/
body#home div#content {
/*	background:url(/images/home/home_bg.jpg) no-repeat 340px 100px;
	height:435px; */
}
body#home p#top {
	padding-top:0px;
	padding-left:0px;
}
/*ul#home_thumbs {
	float:right;
	width:405px;
}
ul#home_thumbs li {
	float:left;
	width:95px;
	margin:0 20px 20px 20px;
	list-style-type:none;
}

body#home p#mid {
	padding-right:350px;
}
body#home p#bottom {
	padding:0px 360px 0 0px;
}*/
ul#home_thumbs li {
	float:left;
	width:190px;
	margin:0 20px 20px 20px;
	list-style-type:none;
}


/**************** Commissions > Testimonials *****************/
dl dt#warner img {
	margin-top:-20px;
	float:right;
}


/************************ Exhibtions *************************/
body#exhib div#content ul li {
	margin-bottom:25px;
}


/***************************** CV *****************************/
div#cv_left,
div#cv_right {
	float:left;
	width:350px;
}
div#cv_left {
	margin-left:15px;
}



/*************************** Admin ****************************/
form#add_event {margin:0 200px 0 0; float:right;} /* this is all a bit of a hack */
form#add_event label,
form#add_event input	{float:left;padding:1px 3px}
form#add_event label {width:250px; clear:left}
form#add_event input {width:250px}
form#add_event input.button	{width:auto; clear:left; margin:0; margin-left:265px;}
form#add_event p.form_error   {margin-left:265px; color:#66F; font-weight:bold;}

table#cur_events  	{border-collapse:collapse;}
table#cur_events th,
table#cur_events td  {border:1px solid #7C786F; padding:2px}
table#cur_events th  {background:#FFF; color:#7C786F; font-size:120%; font-weight:bold;}

form.in_table						{margin:0; padding:0}
table#cur_events td				{vertical-align:top;}
table#cur_events td.actions   {width:130px;} /* for IE *sigh* */
table#cur_events input  		{width:200px}
table#cur_events input.date   {width:80px;}
table#cur_events input.button	{width:auto; float:left; margin:0 3px; border-width:1px; padding-top:2px; padding-bottom:1px}
table#cur_events p.form_error	{color:#66F; font-weight:bold; margin:0; font-size:90%;}