/*-- Main Style Sheet for ErikaAllison.com by art.violetblaze.com ------------------------------*/
/*  
Theme Name: 'The Artistry of Erika Allison' theme
Theme URI: http://www.erikaallison.com/
Description: Theme for erikaallison.com, designed by and coded by Trillian
Version: 2.4
Author: Trillian
Author URI: http://art.violetblaze.com/
*/

	


/*-- global container --------------------------------------------------------*/

html {
	background-color: #010009; /*-- erg testing --*/
}

body {
	background-color: #030211;
}

#main_body {
	background-color: #030211;    
}


.dnone {
	display: none;
}

.nobdr {
	border: none;
}

/*--- end global container --------------------------------------------------------*/

/*--- primary container ------------------------------------------------------*/


#primary_container {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0px;
    text-align: left;
    margin-left: 5%;
    left: -64px;
    width: 95%;
    height: 840px;
    border-left: 2px solid #333333;
}


/*--- end primary container -------------------------------------------------*/

/*--- header ---------------------------------------------------------------*/


#header {
    z-index: 1;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0px;
    left: 0px;
    width: 1265px; /*-- mod --*/
    height: 187px; /*--mod --*/
    border: none;
    overflow: visible;
}


/*--- end header ---------------------------------------------------------------*/

/*--- visual container ---------------------------------------------------------------*/


#visual_container 
        {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120px;
	background: #000000;
        border: none;

}


/*--- end visual container ---------------------------------------------------------------*/

/*--- logo -----------------------------------------------------------------*/



div#name_logo {
    position:absolute;
    top: 0px;
    left: 0px;
}

div#name_logo img {
    border: none;
    color: #77e;
    font-size: 33px;
    line-height: 200px;
    text-indent: 40px;
    text-shadow: 2px -2px 14px #a7e, -1px 1px 7px #a0a;  /*-- CSS3 --*/
    display: block;
    height: 200px;
    width:1245px; 
}

 
a#name_logo_bt {
	z-index: 4;
	display: block;
	position: absolute;
	top: 67px;
	left: 56px;
	width: 344px;
	height: 64px;
}

a#name_logo_bt:hover {
	background: url('images/name_logo_sm_hover_new.png') 0px -7px no-repeat;
}



/*--- end logo -----------------------------------------------------------------*/


/*--- main navigation ------------------------------------------------------*/


#main_nav_container {
    z-index: 9;
    position: absolute;
    left: 422px;
    top: 20px;
    width: 900px;
    height: 28px; /*-- erg now --*/
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: none;
}

#main_nav_list {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: none;    
}

#main_nav_list li {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    height: 27px;
    background-color: transparent;
}

#main_nav_list a {
    text-decoration: none;
    color: #88aa66;
    color: #84AE6B;
    font-family:  'Times New Roman', 'Arial', serif;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
}


/*--- main navigation items ------------------------------------------------*/


#main_nav_list a {
/*--    overflow: hidden; --*/
    width: auto;                     
    background: none;
    margin: 0;
    padding: 2px 14px 4px 33px;
    padding: 3px 14px 4px 34px; /*-- erg --*/
    display: block;
    float: left;
    line-height: 22px;
    text-align: left;
    height: 22px;
    background: url(images/buttons/teal_button_33.png) 0px -2px no-repeat;
}

#main_nav_list a.main_nav_item:hover {
    background: transparent;
    background: url(images/buttons/redbutton_sm_274.png) 7px 0px no-repeat;
    background-color: #9C5931;
    background-color: transparent; /*-- mod --*/
    color: #ffeeaa;
    text-decoration: none;
}


#main_nav_list a.main_nav_active_item {
    background: transparent;
    background: url('images/buttons/button_background2_sm.png') 0px -1px no-repeat;
    color: #aE2029;
    color: #dd3344;
    color: #de3344;
}



#main_nav_list a.main_nav_active_item:hover {
    background: transparent;
    background: url(images/buttons/goldengreendot_button_sm.png) no-repeat;
    color: #ffeeaa;
}



/*--- main nav items solid positioning -----------------*/

#mni1, #mnai1 {
	position: absolute;
	left: 0px;
}

#mni2, #mnai2 {
	position: absolute;
	left: 92px;
}


#mni3, #mnai3 {
	position: absolute;
	left: 204px;
}


#mni4, #mnai4 {
	position: absolute;
	left: 301px;
}


#mni5, #mnai5 {
	position: absolute;
	left: 402px;
}


#mni6, #mnai6 {
	position: absolute;
	left: 491px;
}


/*--- end main navigation items -----------------------------------------------*/ 


/*--- for drop down menus --------------------*/

#main_nav_container, #main_nav_list {overflow:visible}


#main_nav_container .sub_nav_list li {
	margin: 0;
	padding: 0;
	height: 32px;
}

#main_nav_container .sub_nav_list a.sub_nav_item {
	color: #aaaaaa;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-variant: normal;
	font-size: 11px;
	background:  url(images/buttons/right_arrow.png) 14px 9px no-repeat transparent;
	margin: 0;
	padding: 0px 3px 0px 33px;
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
}

#main_nav_container .sub_nav_list a.sub_nav_item:hover {
	background:  url(images/buttons/right_arrow_glow.png) 14px 9px no-repeat transparent;
	color: #eecc99;

}

#main_nav_container .sub_nav_list a.sub_nav_active_item {
	color: #77aaee;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-variant: normal;
	font-size: 11px;
	background:  url(images/buttons/right_arrow_glow.png) 14px 9px no-repeat transparent;
	margin: 0;
	padding: 0px 3px 0px 33px;
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
}

#main_nav_container .sub_nav_list a.sub_nav_active_item:hover {
	color: #eeaaee;
}

#main_nav_container .sub_nav_list {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}



/*--- end main navigation ------------------------------------------------------*/

/*--- sub nav ----------*/


/*--- sub container 1-5 ------------------------------------------------------*/


#sub_container1 {
	z-index: 2;
	position: absolute;
	top: 24px;
	left: 92px;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	width: 110px;
	overflow: hidden;
	height: 90px;
}


#sub_container2 {
	z-index: 0;
	position: absolute;
	top: 24px;
	left: 204px;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	width: 140px;
	overflow: hidden;
	height: 100px;
}


#sub_container3 {
	z-index: 2;
	position: absolute;
	top: 24px;
	left: 300px;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	width: 140px;
	overflow: hidden;
	height: 90px;
}

#sub_container4 {
	z-index: 2;
	position: absolute;
	top: 24px;
	left: 402px;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	width: 140px;
	overflow: hidden;
	height: 90px;
}

#sub_container5 {
	z-index: 2;
	position: absolute;
	top: 24px;
	left: 491px;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	width: 146px;
	overflow: hidden;
	height: 123px;
}



/*--- for independent drop down menus --------------------*/


.sub_nav_list {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	list-style-type: none;
	background-color: #000000;
}

.sub_nav_list li {
	float: left;
	margin: 0;
	padding: 0;
	height: 32px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 11px;
}


.sub_nav_list a.sub_nav_item {
	color: #aaaaaa;
	width: 200px;
	background:  url(images/buttons/right_arrow.png) 14px 9px no-repeat transparent;
	margin: 0;
	padding: 0px 3px 0px 33px;
	display: block;
	float: left;
	line-height: 32px;
	text-align: left;
	height: 32px;
	list-style-type: none;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
}

.sub_nav_list a.sub_nav_item:hover {
	background:  url(images/buttons/right_arrow_glow.png) 14px 9px no-repeat transparent;
	color: #eecc99;

}

.sub_nav_list a.sub_nav_active_item {
	color: #6B3C31;
	background: url(images/icons/side_sub_nav_active.ico) no-repeat #77aaee;
	width: 200px;
	margin: 0;
	padding: 0px 3px 0px 33px;
	display: block;
	float: left;
	line-height: 32px;
	text-align: left;
	height: 32px;
	list-style-type: none;
	text-decoration: none;
	font-weight: normal;
	overflow: hidden;
}

.sub_nav_list a.sub_nav_active_item:hover {
	color: #eeaaee;
}

ul.sub_nav_list {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}


/*--- end sub nav -----------*/

/*--- main container -----------------------------------------------------*/


#main_container {
    position: absolute;
    top: 189px;
    left: 0px;
    width: 1245px;
    min-height: 574px;
    padding: 0px;
    margin: 0px;
    background-color: #000000;
    border-right: 1px dotted #240919;
}


/*--- end main container -------------------------------------------------*/


/*--- left column ------------------------------------------------*/


#left_column {
   	z-index: 0;
	overflow: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 550px;
	padding: 0;
	margin: 0;
}


/*--- begin rainbow ---------------------------------------------------*/


#rainbow {
	position: relative;
	top: -9px;
	width: 74px;
	height: 585px;
	background: url('images/rainbow_column.jpg') no-repeat;
}


/*--- end rainbow ---------------------------------------------------*/


/*--- end left column container --------------------------------------------*/




/*--- content container ----------------------------------------------------*/


#content_container {
 	z-index:0;
  	position: relative;
	top: 0px;
	left: 90px;
	width: 918px;
	min-height: 640px;    /*--- erg ----*/
	padding: 30px 29px 47px 29px;
	margin: 0;
	margin-bottom: 19px;
	text-align: left;
	background: transparent;
	overflow: hidden;
	border: none;
	border-bottom: 1px solid #191919;
	background-color: #000000;
}


/*--- end content container ------------------------------------------------*/


#rc_abovet {
	z-index: 4;
	position: absolute;
	right: 0px;
	top: 79px;
	width: 50px;
	height: auto;
height: 89px; /* ergy */
	margin: 0px;
	padding: 4px 0px 0px 0px;
	overflow: visible;
	background: url('images/buttons/seagreen_circle_button_33.png') 29px -4px repeat-y;
	background-color: #111111;
	border: 1px dotted #343434;
	border-right: 1px dotted #391818;
}


#rc_tile {
    position: relative;
    width: 24px;
    padding: 10px 14px 10px 7px;
}


#rc_tile a {
	display: block;
	margin: 0px 0px 3px 2px;
	padding: 0px;
	line-height: 11px;
	border: 1px solid #000000;
	width: 19px;
	background-color: green;
}


#rc_tile a:hover  {
	margin: 0px 0px 3px 2px;
	padding: 0px;
	border: 1px solid #77ccaa;
}

#rc_tile a img {
	text-decoration: none;
	border: solid 1px #7C15AF;
	padding: 0px;
	width: 16px;
	height: 16px;
	background-color: #442233;
	margin:0px;
}

#rc_tile a:hover img {
    text-decoration: none;
    border: solid 1px #7711ee;
    padding: 0px;
    margin: 0px;
    color: #00ffff;
}

#rc_tile a:link img, #rc_tile a:active img, #rc_tile a:visited img  {
       font-size: 11px;
       font-family: 'Arial', serif;
       font-weight: bold;
       color: #7ae;
}



/*--- end right col container -----*/


/*--- begin content ----------------------------------------------------*/




span.ea {
	color: #bb44cc;
        color: #B04DCF;
        font-style: italic;
        font-weight: bold;
        font-variant: normal;
        font-family: 'Arial', serif;
        font-size: 16px;
}


a:hover span.ea {
	color: #dd66ee;
        color: #d06def;
}


.content {
	color: #ff33aa;
        color: #FFE3A5;
	font-style: normal;
        font-family: 'Times New Roman', 'Georgia', 'Arial', serif;
        font-size: 1.2em;
}



p.center {
       text-align: center;
}


/*--- special content ------------------------------------------------*/



span.track {
        color: #ccbbaa;
        color: #c5b2A5;
        font-style: italic;
        font-weight: 600;
        font-variant: small-caps;
        font-family: 'Arial', 'Comic Sans MS', serif;
        font-size: 15px;
}

a:hover span.track {
	color: #aaccee;
	color: #a5c2e5;
}

span.album {
	color: #aa9988;
	color: #a59285;
	font-style: normal;
	font-weight: 500;
	font-variant: normal;
	font-family: 'Comic Sans MS', 'Arial', serif;
	font-size: 16px;
}

a:hover span.album {
       color: #bb88ee;	
       color: #BD86E7;
       background-color: #440022;
       background-color: #4A0421;
}


span.book {
       font-style: italic;
       font-weight: 600;
}





.lyrics {
       font-size: 17px;
       font-family: 'Lucida Handwriting', 'Times New Roman', serif;
       color: #cc99ff;
       color: #cf95ff;
       background-color: #331122;
       background-color: #3a0e19;
       text-align: center;
       font-style: italic;
       font-variant: normal;
}


.lyrics h6 { /* ergy  h3 to h6 */
	color: #888888;
	color: #848284;
	background-color: #000000;
	font-size: 19px;
	text-align: center;
	font-family: 'Times New Roman', serif;
	font-variant: small-caps;
	line-height: 34px;
}




.note {
       font-size: 12px;
}

.note a {
	color: #ffeeff;
	color: #FFecF0;
}

.note a:hover {
	color: #eeaaee;
	color: #eFace0;
}


body .imageleft, body .alignleft { 
       float: left; 
       margin: 0 10px 10px 0; 
}

body .imageright, body .alignright 
       {
       float: right; margin: 0 0 10px 10px; 
}

body .imageblock {
       display: block; margin: 0 0 1em 0; 
}

body .imagecentre, body .imagecenter, body .centered, body .aligncenter 
       {
       display: block;
       text-align: center;
       margin: 0 auto 1em auto; 
}


h4 { /* ergy new */
	color: #72b2e6;
	color: #5292D6;
	text-decoration: none;
	font-family: 'tempus sans itc', 'lucida handwriting', serif;
	font-size: 19px;
	font-weight: bold;
	font-variant: normal;
	font-style: italic;
	padding: 5px 19px 0px 0px;
        margin-top: 0px;
	color: #79c;
	text-shadow:  -1px 0px 1px #77e, 2px 1px 1px #000, 0px -1px 5px #a0a, 0px -1px 19px #f20;
}


h5 {  /* ergy  h4 to h5 */
	color: #5599dd;
	color: #72b2e6;
	color: #5292D6;
	color: #aaaaee;
	text-decoration: none;
	text-align: left;
	font-family: 'tempus sans itc','lucida handwriting',serif;
	font-size: 22px;
	font-weight: bold;
	font-variant: normal;
	font-style: italic;
	padding: 5px 19px 0px 0px;
	margin-top: 16px;
	margin-bottom: 29px;
	margin-left: 100px;
}


h5 span.eaname { /* ergy h4 to h5 */
	color: #5292D6;
	font-family: 'lucida handwriting', serif;
	background-color: transparent;
	font-variant: small-caps;
	font-size: 23px;
	padding: 0px 9px 0px 7px;
	webkit-text-shadow: -1px 1px 0px #00f, -1px -1px 1px #74e, 2px -2px 9px #77e, 1px 1px 5px #a0e;  /*-- browser specific CSS3 --*/
	khtml-text-shadow: -1px 1px 0px #00f, -1px -1px 1px #74e, 2px -2px 9px #77e, 1px 1px 5px #a0e;  /*-- CSS3 bs --*/
	text-shadow: -1px 1px 0px #00f, -1px -1px 1px #74e, 2px -2px 9px #77e, 1px 1px 5px #a0e;  /*-- CSS3 --*/
	-webkit-border-radius: 4px;  /*-- browser specific CSS3 --*/
	-khtml-border-radius: 4px;  /*-- CSS3 bs --*/
	-moz-border-radius: 4px;  /*-- CSS3 bs --*/
	border-radius: 4px;  /*-- CSS3 --*/
}


h5 a:hover {text-decoration:none;} /* ergy h4 to h5 */
h5 a:hover span.eaname{text-decoration:none; background-color:#330e24;} /* ergy h4 to h5 */


#event_listing {
	width: 710px;
	padding: 20px;
	padding-left: 70px;
	margin: 40px;
	margin-top: 10px;
	border: none;
}

#event_listing { /* ergy */
	width: 820px;
	padding: 0px;
	padding-left: 50px;
	margin: 40px 40px 40px 0px;
}


#event_listing p {
	font-size: 18px;
}

#event_listing hr {
	border: none;
	border-bottom: 1px solid #222222;
	-webkit-box-shadow: 1px 0px 4px #a7c;  /*-- CSS3 bs --*/
	-khtml-box-shadow: 1px 0px 4px #a7c;  /*-- CSS3 bs --*/
	-moz-box-shadow: 1px 0px 4px #a7c;  /*-- CSS3 bs --*/
	box-shadow: 1px 0px 4px #a7c;  /*-- CSS3 --*/
}

#quote { /* check */
	position: relative;
	top: 9px;
	left: 57px;
	width: 430px;
	height: 90px;
	padding: 14px;
	font-style: normal;
	color: #CEBA9C;
	background-color: transparent;
	border: none;
	text-shadow: 1px 1px 5px #a0a;  /*-- CSS3 --*/
	-moz-border-radius: 9px;
	-webkit-box-shadow: 1px 1px 40px rgba(70,50,140,1);  /*-- CSS3 bs --*/
	-khtml-box-shadow: 1px 1px 40px rgba(70,50,140,1);  /*-- CSS3 bs --*/
	-moz-box-shadow: 1px 1px 40px rgba(70,50,140,1);  /*-- CSS3 bs --*/
	box-shadow: 1px 1px 40px rgba(70,50,140,1);
}

#news p {
	color: #dec29c;
	font-family: 'arial', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
}


/*--- end content ------------------------------------------------------*/


/*--- footer ---------------------------------------------------------------*/


#footer {
    z-index: 1;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0;
    padding-bottom: 14px;
    width: 1245px;
    border: none;
    background-color: transparent;
}



#footer_text 
        {
	padding: 0px;
        padding-top: 7px;
	margin: 0;
	text-align: center;
	color: #779999;  /*-- mod web safe color --*/
	color: #779799;
	font-style: italic;
        font-variant: small-caps;
	font-variant: normal;
	font-weight: normal;
	font-weight: bold;
        font-family: 'Arial', 'Georgia', serif;
        font-size: 12px;
        line-height: 14px;
}



#footer_text .sitemap {
        color: #777777; 
	color: #555555;
        font-family: 'Arial', 'Times New Roman', serif; 
        font-variant: normal; 
        font-style: normal;
	margin-bottom: 7px;
}


#footer_text div.sitemap {
	position: relative;
        padding: 0px;
        margin: 0px;
        margin-bottom: 4px;
}


#footer_text .sitemap ul {
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}


#footer_text .sitemap li {
	display: inline;
	width: auto;
        padding: 0px;
	font-weight: bold;
}



#footer_text .sitemap  a, #footer_text .sitemap  a:link, #footer_text .sitemap a:visited {
	color: #CCCCCC;
	color: #999999;
        font-family: 'Arial', 'Times New Roman', serif; 
        font-variant: normal; 
        font-style: normal;
	text-decoration: none;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 11px;
        padding: 0px 23px 0px 23px;
}


#footer_text .sitemap a:hover {
	color: #88dd99;
	color: #84DF94;       
	font-family: 'Arial', 'Times New Roman', serif; 
        font-variant: normal; 
        font-style: normal;
	text-decoration: none;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-size-adjust: none;
}

#footer_text a:link, #footer_text a:active, #footer_text a:visited 
        {
	color: #779999;
	color: #779799;
        line-height: 1.5;
}


#footer_text a:hover {	
	color: #88dd99;
	color: #84DF94;
        line-height: 1.5;
}


#footer_text span.EAname a {
	color: #5599dd;
	color: #5292D6;
	text-decoration: none;
	font-family: 'lucida handwriting', serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	font-style: italic;
	padding-left: 4px;
}


#footer_text span.EAname a:hover {
	color: #F7D76B;
	color: #77aaee;
	color: #74a3e7;
	text-decoration: none;
	font-family: 'lucida handwriting', serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	font-style: italic;
	padding-left: 4px;
	font-size-adjust: none;
}


#footer_text a.violetblaze, #footer_text a.violetblaze:visited img  {
        color: #9933CC;
	font-family: 'Tempus sans itc', serif;
	font-size: 14px;
	font-variant: normal;
}


#footer_text a.violetblaze img {
        border: none;
}

#footer_text a.violetblaze:hover, #footer_text a.violetblaze:hover img {
        color: #993399;
	font-family: 'Tempus sans itc', serif;
	font-size-adjust: none;
	text-decoration: none;
	text-shadow: 0px 0px 5px #70e, 0px 0px 14px #70e; /*-- CSS3 --*/
}


#footer_text span#credit {
	font-family: 'Arial', 'Times New Roman', serif;
	color: #999999;
	color: #7e7e7e;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-size: 11px;
}


#footer_text span.copy {
	 font-family: 'Georgia', serif;
}



div#firefox {
	z-index: 3;
	position: absolute;
	left: 7px;
	top: 82px;
}

#firefox a img {
	border: none;
}


/*--- end footer -------------------------------------------------------------*/

/*--- Special ----------------------------------------------------------------*/

#gallnav {
	position: absolute;
	top: 505px; 
	left: 29px;
}

#view_gallery {
	position: absolute;
	left: auto;
	right: 29px;	
	top: 55px;
}

#gallnav_b {
	position: absolute;
	bottom: 50px; 
	left: 19px;
}

/*--- Begin Filmstrip -------------------*/



#filmstrip {
	height: 44px;
	width: auto;
	overflow: hidden;
	margin: 0px;
	padding: 4px;
	border: 1px dotted #442266;
	background: transparent;
}


#filmstrip ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}


#filmstrip li {
	padding: 0px 0px 4px 1px;
	display: inline;
	float: left;
}


#filmstrip li a  {
	margin-right: 2px;
	text-align: center;
	display: block;
	overflow: visible;  /*-- attn: necessary if a dims are smaller than img dims + border --*/
	border: 2px solid #520C39

}


#filmstrip li a:hover, #filmstrip li a:focus {
	border: 2px solid #943D5B;
}


#filmstrip a img {
	border: none;
}


#filmstrip a:hover img {
	border: none;
}


#filmwrapper {
	padding: 0px;
	margin: 0px;
	height: 44px;
	font-size: 7px;
}


#filmstrip .active_thmb a {
	border-color: #777799;
	border-color: #775599;
	border-color: #995599;
}

#filmstrip .active_thmb a:hover {
	border-color: #995599;
	border-color: #775599;
}



li#larrow a, li#larrow a:hover, li#larrow a:focus {
	display: block;
	width: 16px;
	height: 16px;
	border: none;
	margin: 14px 4px 0px 0px;
	background: url('images/buttons/left_arrow.png') no-repeat;
}

li#larrow a:hover {
	background: url('images/buttons/left_arrow_glow.png') no-repeat;
}


li#rarrow  a, li#rarrow  a:hover, li#rarrow  a:focus {
	display: block;
	width: 16px;
	height: 16px;
	border: none;
	margin: 14px 0px 0px 4px;
	background: url('images/buttons/right_arrow.png') no-repeat;
}

li#rarrow  a:hover {
	background: url('images/buttons/right_arrow_glow.png') no-repeat;
}


#larrow a img, #rarrow a img{
	display: none;
}

#larrow a:hover img, #rarrow a:hover img, #larrow a:focus img, #rarrow a:focus img, #larrow a:active img, #rarrow a:active img{
	display: inline;
}


/*--- Begin Gallery -------------------*/



div.img
{
  margin: 4px;
  border: 1px solid #191919;
  width: 240px;
  height: 230px;
  float: left;
  text-align: center;
}


div.img img
{
  display: inline;
  margin: 5px;
  margin-top: 19px;
  border: 1px solid #111111;
  width: auto; /* ergy */
  height: 150px;

}


div.img a:hover img {border: 1px solid #00ffff;}


div.desc
{
  color: #00ffff;
  text-align: center;
  font-family: 'tempus sans itc', 'lucida handwriting', serif;
  font-weight: bold;
  font-size: 12px;
  width: 179px;
  margin: 4px 34px 0px 33px;
}



/*--- End Gallery -------------------*/


/*--- Begin Detail ----------------*/


#detail {
	position: relative;
}


div#description {
	position: absolute;
	max-width: 34%;
	padding: 20px;
	background-color: #110909;
	border: 1px solid #111133;
	-webkit-border-radius: 9px;  /*-- CSS3 bs --*/
	-khtml-border-radius: 9px;  /*-- CSS3 bs --*/
	-moz-border-radius: 9px;  /*-- CSS3 bs --*/
	border-radius: 9px;  /*-- CSS3 --*/
	-webkit-box-shadow: 0px 0px 4px #115;   /*-- CSS3 bs --*/
	-khtml-box-shadow: 0px 0px 4px #115;   /*-- CSS3 bs --*/
	-moz-box-shadow: 0px 0px 4px #317;   /*-- CSS3 bs --*/
	-moz-box-shadow: 0px 0px 4px #115;   /*-- CSS3 bs --*/
	box-shadow: 0px 0px 4px #115;   /*-- CSS3 --*/
}



#description h6 { /* ergy h3 to h6 temporarily */ /* check find */
	color: #99ccee;
	color: #55aadd;
	color: #77aaee;
	background-color: #330011;
	padding: 2px 2px 3px 2px;
	padding: 2px 4px 3px 3px;
	white-space: pre-wrap;
	font-size: 14px;
	font-size: 15px;
	font-size: 16px;
	-webkit-border-radius: 5px;  /*-- CSS3 bs --*/
	-khtml-border-radius: 5px;  /*-- CSS3 bs --*/
	-moz-border-radius: 5px;  /*-- CSS3 bs --*/
	border-radius: 5px;  /*-- CSS3 --*/
	-webkit-box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e;   /*-- CSS3 bs --*/
	-khtml-box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e;   /*-- CSS3 bs --*/
	-moz-box-shadow:  1px 1px 7px #77e, -1px -1px 5px #a0a, 2px 2px 3px #000, -1px -1px 3px #000,  -1px -1px 19px #f20;   /*-- CSS3 bs --*/
	-moz-box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e;   /*-- CSS3 bs --*/
	box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e;   /*-- CSS3 --*/
	text-shadow:  -1px 0px 1px #77e, 2px 1px 1px #000, 0px -1px 5px #a0a, 0px -1px 19px #f20;  /*-- CSS3 --*/
}



#description h3 {    /* ergy h5 to h3 */   
	color: #99ccee;
	color: #55aadd;
	color: #77aaee;
	background-color: #330011;
	padding: 7px 4px 7px 3px;
	margin-top: 10px;
	margin-bottom: 25px; /* ergy override browser default style */
	white-space: pre-wrap;
	font-family: 'tahoma', 'arial', sans-serif;
	font-weight: bold;
	font-size: 15px;
        text-align: center;
	-webkit-border-radius: 5px;  /*-- CSS3 bs --*/
	-khtml-border-radius: 5px;  /*-- CSS3 bs --*/
	-moz-border-radius: 5px;  /*-- CSS3 bs --*/
	border-radius: 5px;  /*-- CSS3 --*/
	-webkit-box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e, 0px 2px 9px #909;   /*-- CSS3 bs --*/
	-khtml-box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e, 0px 2px 9px #909;   /*-- CSS3 bs --*/
	-moz-box-shadow:  1px 1px 7px #77e, -1px -1px 5px #a0a, 2px 2px 3px #000, -1px -1px 3px #000,  -1px -1px 19px #f20;   /*-- CSS3 bs --*/
	-moz-box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e, 0px 2px 9px #909;   /*-- CSS3 bs --*/
	box-shadow: -1px 1px 7px #000, -1px 1px 1px #000, 0px 0px 7px #77e, 0px 2px 9px #909;   /*-- CSS3 --*/
	-webkit-text-shadow:  -1px 0px 1px #77e, 2px 1px 1px #000, 0px -1px 5px #a0a, 0px -1px 19px #f20;  /*-- CSS3 bs --*/
	-khtml-text-shadow:  -1px 0px 1px #77e, 2px 1px 1px #000, 0px -1px 5px #a0a, 0px -1px 19px #f20;  /*-- CSS3 bs --*/
	text-shadow:  -1px 0px 1px #77e, 2px 1px 1px #000, 0px -1px 5px #a0a, 0px -1px 19px #f20;  /*-- CSS3 --*/
}



#description h4 {  /* ergy new */
	font-size: 14px;
	font-style:normal;
	font-family: 'arial', sans-serif;
	margin: 0;
	padding: 0;
}



#description p {
	font-family: 'georgia', sans-serif;
	font-size: 10.5px;
	line-height: 7px;
	font-style: normal;
	font-weight: bold;
	text-indent: 7px;
	white-space: nowrap;
	font-variant: small-caps;
}



#description p.pc {
	color: #aaaa99;
	color: #aca092;
	font-size: 14px;
	line-height: 23px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	font-family: 'Arial', 'Helvetica', sans-serif;
}


#description cite {
        vertical-align: 2px;
	font-size: 10px;
	font-weight: bold;
}


#description hr {
	border: none;
	border-top: 1px solid #440033;
	border-bottom: 2px solid #330022;
	padding: 0px 0px 0px 0px;
	margin: 19px 0px -4px 0px;
}


#auth_note {display:none;}


#description:hover #auth_note {
	display: block;
	margin: 20px 5px 0 5px;
	color: #aaaaaa;
	font-size: 13px;
	font-family: 'arial', sans-serif;
	font-style: italic;
	font-weight: bold;
}



/*--- End Detail ------------------*/

/*--- Share This ------------*/

.stbuttontext {
	color: #777777;
}

/*--- End Share This -------------*/

/*--- Begin Painting Inquiry ---*/


p.inquire {
	text-align: right;
	color: #aae;
	font-size: 11px;
	font-family: serif;
	font-style: italic;
	font-weight: bold;
}



/*--- End Painting Inquiry ---*/



/*---- Additional Style Calls -----*/


#content_container {
	padding-bottom: 20px;
}



/*--- Sitemap -----*/



#sitemap span.none, #sitemap span.vert, #sitemap span.last, #sitemap span.mid {
	background: transparent 0px 2px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin-left: 1em;
}


#sitemap span.topl {
	background: transparent 0px 0px no-repeat;
	width: 34px;
	height: 34px;
	display: block;
	float: left;
	padding-right:4px;
}


#sitemap span.vert {background: url(images/buttons/impressionist_button3_33.png) -16px 0px no-repeat;}
#sitemap span.last {background: url(images/buttons/teal_button_33.png) -9px 4px no-repeat;}
#sitemap span.mid {background-image: url(images/buttons/right_arrow.png);}
#sitemap span.topl {background-image: url(images/buttons/planet_round_button2_33.png);}

#sitemap ul, #sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sitemap li.topl {
	list-style-type: none;
	margin-left: 19px;
	padding: 0;
        line-height:39px;
	
}

#sitemap a {
	color: #ffeeaa;
        color: #FFE3A5;
        text-decoration: none;
}

#sitemap a:hover {
	color: #ffccaa;
        color: #ffcaae;
	background-color: #441144;
        background-color: #40144F;
}


#sm {
	padding-left: 160px;
	padding-top: 40px;
}

/*--- Opera, Chrome, IE weirdness ----*/

#sitemap ul li ul li ul li {
	clear: both;
}


/*--- END Special ---------------------------------------------------------*/


/*---- Additional Style Calls -----*/




.content {
	color: #ffeeaa;
        color: #FFE3A5;
	font-style: normal;
        font-family: 'Times New Roman', 'Georgia', 'Arial', serif;
        font-size: 1.2em;
}

.content h1 {
        color: #ee44aa;
        font-size: 33px;
	font-family: 'tempus sans itc', serif;
        font-style: italic;
	font-weight: bold;
        font-variant: small-caps;
        text-align: left;
	background: url(images/buttons/impressionist_button_33.png) -4px 12px no-repeat;
	padding-top: 19px;
	padding-left: 23px;
	margin-left: 34px;
}


.content h1 {
	background: url('images/buttons/seagreen_circle_button_33.png') no-repeat;
	padding: 4px 0px 33px 43px;
        font-weight: bold;
        font-style: italic;
        font-variant: small-caps;
        font-size: 24px;
        text-align: left;
	font-family: 'Arial', 'Helvetica', sans-serif;
	color: #CCCCCC;
}


h2 {font-size: 24px}


.content h2 {
	font-size: 21px;
	font-family: 'Tempus sans itc', serif;
        font-weight: bold;
        font-style: italic;
        text-align: left;
        text-decoration: none;
	margin-left: -29px;
        padding-bottom: 9px;
	padding-left: 29px;
	padding-top: 9px;
	color: #bbccff;
	color: #b5c7ff;
	background: url('images/buttons/impressionist_button_33.png') -3px 0px no-repeat;
        background-color: transparent;
}


.content h6 {  /* ergy check */
	color: #ffeeaa;
        color: #FFE3A5;
	background-color: #441122;
        background-color: #4F0720;
        font-size: 14px;
        text-align: center;
}

.content hr {
	border: 1px groove #222222;
}


/*-- end additional style calls -----------*/


/*--- BEGIN alt style calls from 12.html --------*/



body #main_body {
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}

a:link {
	color: #CCCCCC;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #999999;
}

a:hover {
	text-decoration: underline;
	color: #999999;
}

a:active {
	text-decoration: none;
}



a:link img, a:active img { color: #222; }

a:visited img { color: #222; }

a:hover img { color: #00ffff; }

a:focus img, a:active img { color: #00ffff; }




/*--- erg ------*/

div#tln {
	position: relative;
	display: inline;
}


span#credit {
	line-height: 47px;
}


div#tln a.violetblaze img {
	vertical-align: middle;
	border: none;
}