/* Copyright Vanbar Multimedia Ltd 2008 */

/*************************** Top Level ****************************/
*	 { margin:0; padding:0; border:0; }
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	line-height: 120%;
 }
body.twocols { background: #FFFFFF url(/images/common/twocols_bg.gif) repeat-y; }
body.threecols { background: #FFFFFF url(/images/common/threecols_bg.gif) repeat-y; }
body.fourcols { background: #FFFFFF url(/images/common/fourcols_bg.gif) repeat-y; }
/* homecols,biogcols, newscols and gallerycols are further down */
/* The content divs for each of these classes are styled below */

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

/* Styling */
p, h1, h2, h3	{ font-size: small; }
p				{margin:10px 0 10px 0}
p.no_margin		{margin:0;}
h1				{margin:10px 0 10px 0}
h2				{margin:10px 0 10px 0}
.coloured		{color:#CC6633}
pre {
	font-family:monospace;
	background-color:#CCCCCC;
	color:#000066;
}
img {}
img.embedded_left {
	margin:10px 10px 10px 0;
	float:left;
}
ul, ol {
	margin:5px 0 5px 45px;
}
li {
	margin:2px 0 2px 0;
}

/* forms */
form {
	padding:15px 0 15px 30px;
	border:1px solid #666666;
	}
input, textarea, select {
	border:1px solid #666666;
	float:left;
	margin:0px 0 10px 0;
	padding-left:5px;
	width:250px;
	}
label {
	margin:0px 5px 5px 0;
	clear:left;
	float:left;
	text-align:right;
	width:100px;
	}
textarea {
	vertical-align:text-top;
	height:115px;
	}
input {
	height:18px;
	}
input.radio {
	width:auto;
	height:auto;
}
div#buttons {
	clear:both;
	text-align:center;
}
div#buttons input {
	float:none;
	width:auto;
	padding:0 3px 0 3px;
	margin:10px;
}

span.painting_title {
	font-style:italic;
}
span.exhibition_title {
	font-style:italic;
}

/* links */
a 			{ text-decoration: none; }
a:link		{ color: #996699; }
a:active	{ color: #996699; }
a:visited	{ color: #996699; }
a:hover		{ color: #000000; }


/************************* Common Divs *************************/
div#container {
	width:980px;
	padding:0 0 10px 10px;
}
div#content {
	float:left;
	margin-right:15px;
}
div#content.full {
	margin-left:12px;
	margin-right:0;
}
/* body classes set in the Top Level */
body.twocols div#content { width:650px; }
body.threecols div#content { width:500px; }
body.fourcols div#content {
	width:340px;
	float:left;
	padding-left:12px;
	padding-right:5px;
}
/* the third column of the fourcols layout 
Used for biblio list and exhibitions list */
div#fourcols_thirdcol { 
	float:left;
	width:345px; 
	padding-left:12px;
	padding-right:5px;
	margin-top:-4px;
}
/* newscols and gallerycols are further down */
	

/************************** Header ***************************/
div#header {
	height:130px;
	margin-left:-4px;
	background-color:#FFFFFF;
}


/*************************** Menu ****************************/
div#menu {
	width:97px;
	float:left;
}
div#menu ul {
	margin:0; /* override default */
}
div#menu li {
	text-align:right;
	list-style:none;
	margin:0; /* override default */
}
div#menu li a {
	display:block;
	width:77px; /* plus padding & margin = 95 same as menu div*/
	padding:6px 8px 6px 10px;
	text-decoration:none;	
}
body#home div#menu a#home,
body#news div#menu a#news,
body#exhibitions div#menu a#exhibitions,
body#gallery div#menu a#gallery,
body#biography div#menu a#biography,
body#bibliography div#menu a#bibliography,
body#read_articles div#menu a#read_articles,
body#contact div#menu a#contact,
body#film div#menu a#film,
body#faq div#menu a#faq,
body#search div#menu a#search {
	font-weight:bold;
	color:#CC6633;
}


/************************** Footer ***************************/
#footer {
	text-align:center;
	color:#D0D0D0;
}
#footer a {
	color:#D0D0D0;
	text-decoration:none;	
}


/************************** Submenu ***************************/
div#submenu {
	width:140px;
	float:left;
	padding-left:2px;
}
div#submenu h2 {
	margin:6px 0 0 10px; /* same as li's */
	font-size:small;
}
div#submenu h3 a {
	color:#666666;
	padding-bottom:0;
	padding-top:6px;
}
div#submenu h3 a:hover {
	color: #996699;
}
div#submenu ul {
	margin:0; /* override default */
	margin-bottom:8px;
}
div#submenu li {
	list-style:none;
	margin:0; /* override default */
}
div#submenu a {
	display:block;
	width:115px; /* plus padding & margin = 130 same as menu div*/
	padding:2px 5px 2px 10px;
	text-decoration:none;
}
div#submenu a.active {
	font-weight:bold;
	color:#CC6633;
}

/************************** Home ***************************/
div#home_copy {
	float:left;
	margin-left:14px;
	width:350px;
}
body.homecols { background: #FFFFFF url(/images/common/homecols_bg.gif) repeat-y; }


/************************ Listings **************************/
div.list_item {
	margin-bottom:20px;
}
div.list_item h2 {
	margin-top:5px; /* override default */
	color:#666666;
	font-weight:normal;
}
div.list_item h2 a {
	color:#666666;
}
div.list_item h2 a:hover {
	color:#996699;
}
div.list_item p {
	margin:2px 0 2px 0;
}
div.list_item a img {
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}
div.list_item a:hover img {
	-moz-opacity:1;
	filter:alpha(opacity=100);
}


/************************ Gallery **************************/
/*ul#decade, ul#category, ul#sort_options
 {
	display:none;
}*/
body.gallerycols { background: #FFFFFF url(/images/common/gallerycols_bg.gif) repeat-y; }
body.gallerycols div#content {
	width:340px;
}
body.gallerycols div#content p {
	font-size:90%;
}
/*ul#decade li a, ul#category li a,  ul#sort_options li a {
	padding-top:2px;
	padding-bottom:2px;
}*/
div#painting_list {
	width:148px;
	height:600px;
	overflow:scroll;
	float:left;
	padding-top:6px;
	padding-left:12px;
	padding-right:5px;
	margin-right:17px;
}
div#painting_list div.list_item h2,
div#painting_list div.list_item p {
	font-size:90%;
}
div#painting_list div.list_item h2 {
	margin-bottom:0;
}
img.gallery_painting {
	margin-top:6px;
}

/************************ News **************************/
body.newscols { background: #FFFFFF url(/images/common/newscols_bg.gif) repeat-y; }
body.newscols div#content {
	width:293px;
	padding-left:12px;
	float:left;
	margin:0;
	margin-top:-4px;
}
body#news div#news_list {
	width:343px;
	padding:0 30px 0 12px;
	margin:-4px 187px 0 5px;
	float:right;
	display:inline; /*IE hack */ 	
}
div#news_list h1 {
	color:#CC6633;
}
div.list_item h2.news_list {
	margin:0;
	font-weight:bold;
}
h2.news_title {
	margin:0;
}
h3.news_date {
	margin:0;
	font-weight:normal;
}


/********************* Bibliography ***********************/
h2.work_list_group {
	font-weight:bold;
	color:#CC6633;
}
h2.work_list_subgroup {
	font-weight:normal;
	color:#CC6633;
}


/*********************** Biography *************************/
body.biogcols { background: #FFFFFF url(/images/common/biogcols_bg.gif) repeat-y; }
body.biogcols div#content {
	width:340px;
}


/************************** Search ***************************/
form#search {
	border:0;
	margin:0;
	padding:0;
}
form#search input,
form#search input.button {
	width:200px;
	height:18px;
	padding:2px;
}
form#search input.button {
	width:auto;
	margin-left:15px;
	border:0;
	background-color:#CC6633;
	color:#FFFFFF;
	height:24px;
	padding:2px 5px;
}

/************************ Pagination *************************/
p#pagination a,
p#pagination span.pagination_current,
p#pagination span.pagination_disabled {
	margin:0 3px;
	padding:0 3px;
}