/* 	
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Styles for Affordable Art NE v1.0 website
		Styles by www.theimagesgroup.co.uk
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

* {padding: 0em;margin: 0em;} /* Global Reset */

body	{background: #2b2b2b; padding: 15px 0px 35px 0px; font-family: 'Myriad Pro', Myriad, Arial, sans-serif; color: #fff; }

body, input {font-size:0.96em; }

input {color:#000; }

p {line-height:1.5em; margin-bottom:1.0em; }

blockquote {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 130%;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #fffbe5;
	border-top: 1px solid #a0a0a0;
	border-right: 5px solid #a0a0a0;
	border-left: 5px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}


/* Standard links
------------------------------ */
a 			{color: #f0f000;}
a:link 		{color: #f0f000;}
a:visited	{color: #f0f000;}
a:active 	{color: #fff;}
a:focus 	{color: #fff;}
a:hover 	{color: #fff;}

a.menu_current	{font-weight:bold; }

h1, h2, h3, h4, h5, h6 {font-weight:normal;margin: 0.4em 0.2em 0.4em 0em; }

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}

hr {color: #ccc; background: #ccc; border: 0; height: 1px;margin:1em;}
abbr, acronym {border: 0;text-decoration:none;}

form 	{margin: 0; padding:0; }

address {font-style: normal;}


/*	Begin Custom Classes & Ids
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outer {z-index:2; position:relative; width:978px; margin:0 auto; }

em.highlight	{background:#ffc; color:#333; border-top:1px solid #fc6; border-bottom:1px solid #fc6; }

/*	Header Styles
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header				{position:relative; width:100%; color:#fff; padding: 5px; }
#headercontent 		{text-align:right; }
#headercontent h2.head_tag_line	{position:absolute; left:0; bottom:0;  }

/* Menu1 */
#menu			{position:relative; height:3em; padding:0em 1.0em; margin-bottom:0em; }
#menu ul 		{position:absolute; top:1.1em; }
#menu ul li 	{position:relative; display: inline; border-right:1px solid #808080; }
#menu ul li a	{padding: 0.5em .8em 0.5em .8em; color:#fff; text-decoration: none; }

#menu ul li a:hover			{color:#f0f000; }
#menu ul li a.menu_current	{color:#f0f000; font-weight:bold; }
#menubar					{background:url('images/colour-bar.png') 50% 0 no-repeat; height:4px; margin:0; }

/* menu2 */
#menu2			{position:relative; height:3em; padding:0em 1.0em; margin-bottom:1em; }
#menu2 ul 		{position:absolute; top:1.1em; }
#menu2 ul li 	{position:relative; display: inline; border-right:1px solid #808080; }
#menu2 ul li a	{padding: 0.5em .8em 0.5em .8em; color:#fff; text-decoration: none; }
/* menu2 */

/* Main Content */
/* Holds the Content Areas (maincontent & secondarycontent) */
#content 			{padding:0 0 3em 0; margin-bottom:2em; z-index:1; }

#container			{float:left; margin-right:-18.0em; width:100%; }
#secondarycontent	{float:right; width: 18.0em; padding:0; margin-top:1.5em; z-index:10;}

#maincontent, #maincontent-full	{font-size:0.9em; }

#maincontent		{margin:0.5em 22em 2em 0em; } /* For 2 Column Layout */
#maincontent-full	{margin:0.5em 0em 2em 0em; } /* For Single Column Layout */

#maincontent ul, #maincontent-full ul,
#maincontent ol, #maincontent-full ol {padding:1em;margin-left:2em;}
#maincontent li, #maincontent-full li {margin-bottom:0.5em;}

#maincontent img, #maincontent-full img {margin:5px;}

/* Set Main Headings Colour */
#maincontent h1, #maincontent h2,
#maincontent-full h1, #maincontent-full h2 {color:#f0f000; }

/* Set Main Headings Colour */
#maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6,
#maincontent-full h3, #maincontent-full h4, #maincontent-full h5, #maincontent-full h6, {color:#808080; }

/* Set Main Headings Drop Caps 
#maincontent h1:first-letter, #maincontent h2:first-letter, #maincontent h3:first-letter,
#maincontent-full h1:first-letter, #maincontent-full h2:first-letter, #maincontent-full h3:first-letter {font-size:160%; }*/

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6,
#maincontent-full h1, #maincontent-full h2, #maincontent-full h3, #maincontent-full h4, #maincontent-full h5, #maincontent-full h6 {display:block; padding:10px 10px 15px 2px;}


/* Footer
	- -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  */
#footer			{position:relative; clear:both; font-size:0.8em; padding-bottom:1em; color:#808080; }
#footer .sig	{letter-spacing:1px; font-size:110%; line-height:140%; padding-bottom:10px;  }
#footerbar		{background:#808080; height:4px; margin:10px 0; }

#footer	a		{text-decoration:none; color:#fff;}
#footer a.grey	{color:#808080;}
#footer a:hover, #footer a:hover span	{text-decoration:underline; color:#fff; text-decoration:underline;}
#footer div.big	{font-size:160%; }


/* Footermenu */
#footermenu			{position:relative; clear:both; margin:0 0 3px 0; }
#footermenu ul		{font-size:0.8em; }
#footermenu ul li	{display: inline; margin-right:5px; }

#footermenu ul li a:link, #footermenu ul li a:visited	{color:#fff;}
#footermenu ul li a:hover, #footermenu ul li a:active	{color:#f0f000;}

div.foot_padding	{height:2em; }


/* Modules Blocks, etc 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	
/* Artists A - Z List  */
#az-list li			{display:inline; }
#az-list li	a		{padding: .2em .8em; text-decoration:none; }

/* Artists A - Z Table */
#az-container td	{vertical-align:top; }
#az-container ul	{padding:0 0 1em 0; margin:0; list-style-type:none; width:100%; text-align:center; font-size:110%; }
#az-container a:link img	{border:4px solid #ffffff; }
#az-container a:hover img	{border:4px solid #f0f000;}

/* Artists List (when viewing search results) */
#artistlist-table	{vertical-align:top; }



/* Custom Colours for Profile / Gallery Pages 
	- -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  - -  */
div.profile		{
	background:#000; 
	position:relative;
/*	overflow:auto; /* ie7 fix for bg colour */ 
	height:1%; /*ie6 fix */
}
div.profile #maincontent	{padding:1em; }

div.padding		{padding:.5em;	}

#artist-menu	{background:#2b2b2b; position:absolute; right:0; top:0; width:600px; padding:8px;  }
#artist-menu a	{padding:5px 0; }
#artist-menu a.menu_current	{color:#fff; }


/* Artist Gallery Tables */
#table-gallery, #table-gallery-large	{text-align:center; width:100%; }

/* Artist Gallery Table (Grid View) */
#table-gallery td		{vertical-align:top; width:24%; }

/* Artist Gallery Table (Detail/Fullsize View) */
#table-gallery-large	{vertical-align:top;}


/* New Styles for the wb WYSIWYG content 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Coloured Text */
span.blue, p.blue, div.blue, a.blue			{color:#013e66;}
span.orange, p.orange, div.orange, a.orange	{color:#f78f1e;}
span.cyan, p.cyan, div.cyan, a.cyan			{color:#19bcb9;}
span.grey, p.grey, div.grey, a.grey			{color:#808080;}
span.yellow, p.yellow, div.yellow, a.yellow	{color:#f0f000;}
span.green, p.green, div.green, a.green		{color:#00c800;}

/* To Hide an Element */
.stealth {display:none; display:none; }

span.big, p.big, a.big, strong.big	{font-size:160%; }

/*  Float containers fix: */
.clr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

img.featured-artist	{margin:10px 5px;}


/* 	Side Columns Boxes
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Group All Boxes to set alignment and padding */
.box-cyan, .box-lightcyan, .box-darkblue, .box-red, .box-purple, .box-yellow, .box-orange, 
.box-blue, .box-green, .box-black, .box	{
	padding: 1em;
	text-align:center;
	margin-bottom:2em;
}

/* Individual Box Colours */
.box-cyan		{background:#19bcb9; color:#fff; }
.box-lightcyan	{background:#a0d9d8; color:#000; }
.box-darkblue	{background:#013e66; color:#fff; }
.box-red		{background:#C80000; color:#fff; } /* #f14d49 */
.box-purple		{background:#9a5aa4; color:#fff; }
.box-yellow		{background:#fff7c7; color:#000; }
.box-orange		{background:#f78f1e; color:#fff; }
.box-blue		{background:#0000C8; color:#fff; } /* #004990 */
.box-green		{background:#00c800; color:#fff; }
.box-black		{background:#000000; color:#fff; }
.box			{color:#fff; }

/* Set Box Heading Size */
.box-cyan h3, .box-lightcyan h3, .box-darkblue h3, .box-red h3, .box-purple h3, .box-yellow h3,
.box-orange h3, .box-blue h3, .box-black h3, .box-green h3, .box h3 	{font-size:1.3em; }

/* Dark BGs Font Colour */
.box-cyan h3, .box-darkblue h3, .box-green h3, .box-red h3, .box-purple h3, 
.box-orange h3, .box-blue h3, .box-black h3, .box h3		{color:#fff;}

/* Light BGs Font Colour */
.box-lightcyan h3, .box-yellow h3,	{color:#000; }

/* Make sure any hyperlinks are in a visible colour contrasting to the bg */
div.box-darkblue a:link, div.box-darkblue a:visited,
div.box-cyan a:link, div.box-cyan a:visited,
div.box-purple a:link,	div.box-purple a:visited	{color:#fff; }

/* Apply margin to ordered & unordered lists */
.box-cyan ul, .box-lightcyan ul, .box-darkblue ul, .box-red ul, .box-purple ul, .box-yellow ul, .box-orange ul, .box-blue ul, .box-green ul, .box-black ul, .box ul
.box-cyan ol, .box-lightcyan ol, .box-darkblue ol, .box-red ol, .box-purple ol, .box-yellow ol, .box-orange ol, .box-blue ol, .box-green ol, .box-black ol, .box ol	{margin-left:.9em; }

/* Profile Pic Formatting */
div.profile div.box img	{border:4px solid #fff; }


/* Misc Styles 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Used for Notes to bring emphasis to certain text */
.highlight	{
	background:#ffc;
	color:#333;
	border-top:3px solid #fc6;
	border-bottom:3px solid #fc6;
	padding:5px;
	margin:0 auto;
}
.highlight a:link, .highlight a:visited		{color:#30c;}
.highlight a:active, .highlight a:hover		{color:#39f;}


ol.left, ul.left	{text-align:left; }
ol.right, ul.right	{text-align:right; }

.button-yellow, .button-red, .button-blue	{padding:4px; font-weight:bold; }
.button-yellow	{background:#fff7c7; color:#000; }
.button-red		{background:#f14d49;}
.button-blue	{background:#004990;}

/* Styles added by Database Guys */

table.calendar	{width:160px; margin-left:auto; margin-right:auto; border:1px solid #eee; }
.calendarHeader	{font-weight:bold; }
.calendar		{}
.calendarToday	{color:#f14d49; }

.error	{
	font-size:140%;
	color:#f00;
	background:#fff;
	border:2px solid #ffc;
	padding:5px;
	margin:0 auto;
}

.required{font-size:160%; color:#e00; font-weight:bold; line-height:80%; }

#maincontent fieldset	{padding:0.4em; }
#maincontent legend		{}

.redtext			{font-size:1em; color:#FF0000; font-weight:bold; }/* Displays Required Text */
.redtext .required	{padding-top:3px; }

.message	{
/*	font-size:11px;
	color:#FF0000;
	font-weight:bold;*/
	background:#ffc;
	color:#333;
	border-top:3px solid #fc6;
	border-bottom:3px solid #fc6;
	padding:5px;
	margin:0 auto;
}
.lefttext{
	width:200px;
	text-align:left;
	padding:5px;
}
legend{
	font-weight:bold;
	padding:5px;
	color:#f0f000;
}

.text_box	{width:200px; }
.drop_down	{width:200px; }

.button	{}

.common_padding	{padding:3px;}

td {padding:3px; }

.img {padding: 2px; border: 1px solid #B65701; }

span.tip	{color:#fc9; font-size:0.9em; }
/*--------------------forNext-------------------------------------*/
#forNext{
	width:150px;
	float:right;
	/*background-color:#999999;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*-----------------------------------------------------------------*/

/* EOF */