/* Index of Sections */
/* ================= */
/* ------ Section 1  - Global Body, Font and Link Settings ------ */
/* ------ Section 2  - Global Page Structure -------              */
/* ------ Section 3  - Page Structure Details ------              */
/* ------ Section 4  - Left Column Navigation ------              */
/* ------ Section 5  - Additional Navigation ------               */
/* ------ Section 6  - Specific Font Styles ------                */
/* ------ Section 7  - Boxes ------                               */
/* ------ Section 8  - Frequently Used Styles ------              */
/* ------ Section 9  - Site Search ------                         */
/* ------ Section 10 - Form Build It! ------                      */
/* ------ Section 11 - Content 2.0 ------                         */
/* ------ Section 12 - RSS/BlogIt! ------                         */
/* ------ Section 13 - Socialize It! ------                       */
/* ------ Section 14 - Link to this Page ------                   */
/* ------ Section 15 - Explanatory Pop-ups etc ------             */
/* ------ Section 16 - Site Map ------                            */
/* ------ Section 17 - Blog Widget ------                         */
/* ------ Section 18 - Cookie Q etc ------                        */
/* ------ Section 19 - Comment Form ------                        */
/* ------ Section 20 - Archive Menu ------                        */


/* ------ Section 1 - Global Body, Font and Link Settings ------ */

body {
  background-color: #fcebdd; /* colour for browser window background color and footer top border */
  background-image: url(); 
/*background-attachment: fixed;*/
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color: #000;
  font-size: 85%;
}

/* -- General Link Styling -- */

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

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

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

a:active {
  color: #cc0000;
  text-decoration: none;
}

a.split-link:hover {
  text-decoration:none; 
}
a.split-link .underlined:hover { 
  text-decoration:underline; 
}


/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {       
  width: 960px;
}

#Header {
  height: 225px;
}

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

#CenterColumn {
  margin: 0 180px 0 180px;     /* STEP 1: set to "0 RightColumnWidth 0 LeftColumnWidth" */
}

#LeftColumn {
  float: left;
  width: 179px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */
  margin-left: -960px;        /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
}

#RightColumn {
  float: left;
  width: 179px;                 /* STEP 4: to set right column at 180, set 1 less than 180 here */
  margin-left: -180px;          /* STEP 5: set to -(RightColumnWidth) */
}

#Footer {
  clear: both;
  width: 100%;
  text-align: center;
  padding: 0px;
}

.Liner {
  padding: 10px 10px;
}

#Header .Liner {
  padding: 0px; /* was 10px */
}

#Footer .Liner {
  margin: 0;
  border: 0px solid #000;
  padding: 0 0 40px 0;
}

/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
  position: relative;  /* establish base position at top left */
  left: 0px;
  top: 0px;
  border: 0px solid #336699; 
  margin: 0 auto 0 auto;
  background-image: url(http://www.altered-art.net/image-files/background-bearsbydesign.jpg); 
  background-repeat: repeat-y;
/*box-shadow:3px 8px 33px 0px #000000;*/
}

#Header {
  background-image: url(http://www.altered-art.net/image-files/header-bearsbydesign.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
}

#Header a {
width: 960px;     /* Width of clickable header */ /* was 940px */
height: 130px;    /* Height of clickable header */ /* was 110px */
display: block;   
}

#ContentWrapper {
  background-image: url();
  background-repeat: repeat-y;
}

#LeftColumn {
  background-image: url();
  background-repeat: repeat-y;
  background-color: transparent;
}

#CenterColumn {
  padding: 15px;
  background-image: url();
  background-repeat: no-repeat;
  background-color: transparent;
}

#RightColumn {
  background-image: url();
  background-repeat: no-repeat;
  background-color: transparent;
}

#Footer {
  background-image: url(http://www.altered-art.net/image-files/footer-bearsbydesign.jpg);
  background-position: bottom left; 
  background-repeat: no-repeat; 
  width: 100%;
  border: 0px solid #336699; 
}

/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
  width: 99%;
  font-family: Verdana, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  background-color: transparent;
}

/* -- Nav Headers -- */

.Navigation h3 {
  padding: 0;
  font-size: 110%;
  color: #fff;
  border-bottom: 0px solid #fff;
  margin: 12px 0;
}

/* -- Nav List -- */

.Navigation ul {
  list-style-type: none;
  padding: 0 0 8px 5px;
  margin: -6px 0 0 -10px;
}

.Navigation li {
  background-color: none;        /* for button and RSS box backgrounds -- */
  margin-bottom: 3px;
}

/* -- Navigation Link styles -- */

.Navigation a {
  border: 2px solid;
  border-top-color: #fff;  /* button appears slightly raised */
  border-right-color: #cac2bb;
  border-bottom-color: #cac2bb;
  border-left-color: #fff;
  color: #8484c5;
  text-align: left; 
  display: block;
  font-weight: bold;
  padding: 3px 0 3px 6px; 
  text-decoration: none;
}

.Navigation a:visited {
  border-top-color: #fff;  /* button appears slightly raised */
  border-right-color: #cac2bb;
  border-bottom-color: #cac2bb;
  border-left-color: #fff;
/* color: #8484c5; */
/* text-decoration: none; */
}

.Navigation a:hover {
  border-top-color: #cac2bb;  /* button appears slightly depressed */
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #cac2bb;
  color: #828282;
}

.Navigation a:active {
  border-top-color: #cac2bb;  /* button appears slightly depressed */
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #cac2bb;
  color: #828282;
}

.Navigation .button { 
  margin-top: -24px;  /* normal navigation button overwrites 'greyed-out' button when visible */
}

.Navigation .unbutton {       /* 'greyed-out' navigation button */
  border: 2px solid;
  border-top-color: #fff;     /* button appears slightly raised when visible */
  border-right-color: #cac2bb;
  border-bottom-color: #cac2bb;
  border-left-color: #fff;
  color: #cac2bb;
  text-align: left; 
  display: block;
  visibility: hidden;
  font-weight: bold;
  padding: 3px 0 3px 6px; 
  text-decoration: none;
}

.ThisPageLink { display: none; }  /* Don't display Link to this Page by default */

.sbiHelp { display: none; }       /* Don't display SBI! Help links by default */

/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation -- */

.imageCaptionLinkGroup { text-align: center; }

.imageCaptionLinkGroup a { text-decoration: none; }

.imageCaptionLinkGroup .caption { text-decoration: underline; }

/* return to top link */
@media only screen and (max-width:860px) { 
  #scroll { 
     display:none; 
  } 
}
#scroll { 
  position: fixed;
  right: 10px;
  bottom: 10px;
}
#scroll img {
  width: 50px;
  height: 50px;
}

/* -- Horizontal Text NavBar -- */

.text-NavBar {
  font-family: Verdana, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  margin: 12px auto 12px auto;
  background-color: #abc4e3;
  width: 600px;           /* same width as the width of the center column (960 -180 - 180) */
}

.text-NavBar ul {
  list-style-type: none;
  padding: 0;
}

.text-NavBar ul li {
  display: inline;
  background-color: #ffc;
  text-align: center;
}

.text-NavBar a {
  color: blue;
  text-decoration: none;
  text-align: center;
  padding: 0 4px;
}

.text-NavBar a:visited {
  color: purple;
  text-decoration: none;
}

.text-NavBar a:hover {
  color: red;
  background-color: #d3e4fb;
  text-decoration: underline;
}

/* ------ Section 6 - Specific Font Styles ------ */


.TOC dt {
  font-weight: bold;
  margin: 5px 0 3px 0;
}

#LeftColumn {
  font-size: 90%;
  color: white;
}

#RightColumn { font-size: 90%; }

#Footer { font-size: 95%; }

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  background-color: transparent;
  color: #204f76;
  clear: none;
}

h4, h5, h6 { color:#000; }

h1 { margin-top: 5px; }

h2, h3, h4, h5, h6 { margin-top: 24px; }

h1 { font-size: 175%; } /* Currently approx equivalent to 24px */
h2 { font-size: 160%; } /* Currently approx equivalent to 22px *//*
h2 { font-size: 130%; } /* Currently approx equivalent to 18px */
h3 { font-size: 115%; } /* Currently approx equivalent to 16px */
h4 { font-size: 100%; } /* Currently approx equivalent to 14px */

#LeftColumn h4 {
  font-size: 90%;
  color: #fff;
  margin-top: 0;
}

#RightColumn h4 {
  font-size: 90%;
  color: #000;
  margin-top: 0;
}

.Caption {
  font-size: 85%;
  font-weight: bold;
  color: #000;
  clear: both;
  line-height: 14px;
}


/* ------ Section 7 - Boxes ------ */

.CalloutBox {
  background-color: ;
  background-image: url(http://www.altered-art.net/images/light-background.jpg); 
  width: 85%;
  border: 2px solid;
  border-top-color: #b3a182;  /* Appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;	
  margin: 18px auto 24px auto;
  padding: 4px;
  font-size: 95%;
  color: #000;
}

div.CalloutBox p {
  margin: 13px;
}
p.CalloutBox {
  padding: 13px;
}

div.CalloutBox h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
p.CalloutBox h1, h2, h3, h4, h5, h6 {
  padding: 0;
}

.ReminderBox, .ReminderBoxLeft { /* the container box */
  background-color: ;
  background-image: url(http://www.altered-art.net/images/light-background.jpg);
  width: 40%; 
  border: 2px solid;
  border-top-color: #b3a182;  /* Appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;	
  padding: 0 0 15px 0;        
  color: #000;
}

.ReminderBox {
  margin: 0 0 12px 18px;
  float: right;
}

.ReminderBoxLeft {
  margin: 0 18px 12px 0;
  float: left;
}

.ReminderBox h4, .ReminderBoxLeft h4 {
  margin: 0;
  padding: 3px 0 5px 0;
  text-align: center;
  background-color: #336699;
  background-image: url(http://www.altered-art.net/images/blue-background.jpg); 
  border: 1px solid;
  border-top-color: #7799bb;  /* appears slightly raised */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb;
  color: #fff;
}

.ReminderBox p, .ReminderBoxLeft p {
  font-size: 90%;
  margin: 10px 10px 0px 10px;
  padding: 0 5px 0 5px; 
}


.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxRightColumn {
  padding: 5px;
  background-color: ;
  border: 0px;
}
.AdSenseBoxLeft {
  margin: 0px 18px 12px 0px;
  float: left;
}
.AdSenseBoxRight {
  margin: 0px 0px 12px 18px;
  float: right;
}
.AdSenseBoxCenter468 {
  width: 468px;
  margin: 0px auto 12px auto;
  padding: 0px;
  clear: both;
}
.AdSenseBoxRightColumn {
  padding: 0;
  margin: 0 auto 12px auto;
  clear: both;
}

.CommentBoxRight {
  background-image: url(http://www.altered-art.net/images/light-background.jpg);
  border: 2px solid;
  border-top-color: #b3a182;  /* Appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;	
  float: right; 
  width: 35%;
  margin: 0px 0px 15px 15px;
  font-size: 80%;
}
.CommentBoxRight .CommentBoxLiner {
  padding: 5px 10px 15px 10px;
}
.CommentBoxRight h4, .CommentBoxLeft h4 {
  margin-bottom: 0px;
  padding: 3px 0 5px 0;
  text-align: center;
  background-color: #336699;
  background-image: url(http://www.altered-art.net/images/blue-background.jpg); 
  border: 1px solid;
  border-top-color: #7799bb;  /* appears slightly raised */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb;
  font-size: 110%;
  color: #fff;
}

.ReturnToNavBox {
  background-color: ;
  background-image: url(); 
  width: 100%;
  border-top: 1px solid #b2a182;
  border-bottom: 0px solid #b2a182;
  margin: 6px auto 15px auto; /* was 15px auto 15px auto */
  padding: 10px 0 5px 0; /* was 5px 0 5px 0 */
}

/* -- RSS Box -- */

#RSSbox {
  width: 87%;
  background-color: transparent;
  border: 2px solid;
  border-top-color: #334466;  /* RSS box appears slightly recessed */
  border-right-color: #7799bb;
  border-bottom-color: #7799bb;
  border-left-color: #334466;
  margin: 8px auto 10px 3px;
  padding: 10px 2px 10px 2px;
  font-size: 90%;
  font-weight: bold;
  color: #ffffff;
  line-height: 14px;
  text-align: center;
}
  
#RSSbox p {
  margin: 5px;
}

.questionMark {
  padding: 0 0 1px 0;
}
.questionMark a {
  border: 1px solid; 
  border-top-color: #7799bb;  /* appears slightly raised */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb;
  color: #ffffff;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  line-height: 19px;
  padding: 0px 1px 2px 1px;
  margin: 0px;
}
.questionMark a:visited {
  border-top-color: #7799bb;  /* appears slightly raised */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb; color: #ffffff;
  text-decoration: none;
}
.questionMark a:hover {
  border-top-color: #334466;  /* appears slightly recessed */
  border-right-color: #7799bb;
  border-bottom-color: #7799bb;
  border-left-color: #334466;
  color: #dddddd;
  text-decoration: none;
}
.questionMark a:active {
  border-top-color: #334466;  /* appears slightly recessed */
  border-right-color: #7799bb;
  border-bottom-color: #7799bb;
  border-left-color: #334466;
  color: #dddddd;
  text-decoration: none;
}
#CenterColumn .questionMark a {
  background-color: #336699;
  background-image: url(http://www.altered-art.net/images/blue-background);
  font-size: 85%;
}


/* ------ Section 8 - Frequently Used Styles ------ */

.bold { font-weight: bold; }

.clear { clear: both; }

.faqs { font-weight: bold; }

.hidden { display: none; }

.italic { font-style: italic; }

/* tooltips with red dot underline */

span.tooltip, span.tooltipX { 
  position: relative; /* this is the key */
  z-index: 24;
  text-decoration: none; 
}
span.tooltip { border-bottom: dotted red 1px; /* underline only for .tooltip */
} 
span.tooltip:hover, span.tooltipX:hover { 
  z-index: 25;
  cursor: default; 
} 
span.tooltip span, span.tooltipX span { 
  display: none; 
} 
span.tooltip:hover span, span.tooltipX:hover span { /* the span will display just on :hover state */
  display: block;
  position: absolute;
  top: 2.5em;
  left: 2.5em;
  width: 300px;
  border: 1px solid #000;
  background-color: #ffffe1;
  box-shadow: 5px 5px 15px -5px #000;
  color: #000;
  text-align: left;
  padding: 15px;
  font-style: normal;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.4em;
} 

.ReturnLink {
   font-size: 95%;
   font-weight: normal;
}

.inside-border, .outside-border { border: 2px solid; }

.inside-border1, .outside-border1 { border: 1px solid; }

.inside-border, .inside-border1 {
  border-top-color: #b3a182;  /* Gives a slightly recessed look */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73; 
} 

.outside-border, .outside-border1 {
  border-top-color: #f7ebd6;  /* Gives a slightly raised look */
  border-right-color: #9d8f73;
  border-bottom-color: #b3a182;
  border-left-color: #f7ebd6;
}

.inside-border-blue {
  border: 2px solid;
  border-top-color: #334466;  /* Gives a slightly recessed look */
  border-right-color: #7799bb;
  border-bottom-color: #7799bb;
  border-left-color: #334466; 
} 

.outside-border-blue {
  border: 2px solid;
  border-top-color: #7799bb;  /* Gives a slightly raised look */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb;;
}

.blue-button {
  background-color: #336699;
  background-image: url(http://www.altered-art.net/images/blue-background.jpg); 
  border: 1px solid;
  border-top-color: #7799bb;  /* appears slightly raised */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb;
  color: #fff;
  font-weight: bold;
  font-size: 90%;
  padding: 0px 1px 1px 1px;
}

p.dividerRule {  border-top: 1px solid #204F76; }  /* Like a horizontal rule */
   
p.extraline { margin-top: 25px; }  /* Extra space before this paragraph */

.banner-link {
   display: block; 
   border-top: 1px solid #204f76;
   border-bottom: 1px solid #204f76;
   padding: 5px 0;
   margin: 5px 0px;
}

img { border: 0 solid #ddd; }

/* Copyright link */

.copyright a:link {
  color:#000000; 
  text-decoration: none;
}
.copyright a:visited {
  color: #000000;
  text-decoration: none;
}
.copyright a:hover {
  color: #cc0000;               /* colour change and underline only on hover */
  text-decoration: underline;
}
.copyright a:active {
  color: #000000;
  text-decoration: none;
}

/* -- lists -- */

#CenterColumn ul {
  list-style-type: none;
  list-style-image: url(http://www.altered-art.net/images/bullet.gif);
}

#CenterColumn ol { list-style-type: decimal; }

#CenterColumn li { }

#CenterColumn .extraspace li { margin-top: 5px; }

/* -- floats -- */

.ItemRight {
  float: right;
  margin: 2px 0 12px 18px;
  text-align: center;
}

.ItemCenter {
  margin: 2px auto 12px auto;
  text-align: center;
  clear: both;
}

.ItemLeft {
  float: left;
  margin: 2px 18px 12px 0;
  text-align: center;
}

.center { 
  text-align: center;
}

/* ------ Section 9 - Site Search ------ */

.searchbox {
  border: 1px solid;
  border-top-color: #334466;  /* Surround appears slightly recessed */
  border-right-color: #7799bb;
  border-bottom-color: #7799bb;
  border-left-color: #334466;
  margin: 0px 7px 15px auto;
  padding: 5px 0px 5px 0px;
  text-align: center;
}

.searchbox input[type="text"] { /* correct problem whereby search box is too wide in Chrome */
  width: 130px;
}

/* ------ Section 10 - Form Build It! ------ */

.FbiForm form {
  border: 2px solid;
  border-top-color: #b3a182;  /* Form appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73; 
  padding: 10px 20px 15px 20px;
  margin: 20px 0 20px 0;
  width: 90%;  
}

/* New format forms */

.FbiForm form.FormBlockLeft td { 
  padding:4px; 
}

.FbiForm form.FormBlockLeft td[colspan="2"] { 
  padding: 4px 4px 8px 4px;
  text-align: center; 
}

/* End new format forms */

.FbiForm form table { }

.FbiForm .formbody table { }

.form_builder_form_field_is_missing { color: #cc0000; }


/* ------ Section 11 - Content 2.0 ------ */

/* C2.0 invitation */

body .c2Form {
  border: 2px solid; 
  border-top-color: #b3a182;  /* Form appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;	
  padding: 20px;
  margin: 15px 0 20px 0;
  width: 90%; 
}

.c2Form .dividerRule { border-top: 0px; }  /* Remove section borders */ 
.c2Form .titleInput { width: 98%; }        /* Title field aligns to left */
/* The only way I've got this to align left is to make it full-width */
.c2Form .storyInput { height: 150px; }     /* Reduce height of story field */                      
.c2Form p { margin: 6px 0 4px 0; }         /* Close up line spacing */

.c2Form .otherText { font-size: 85%; }     /* Restore author information text to proper size */

.c2Form #show_hide_link { font-size: 85%; } /* Link to expand form */

/* C2.0 invitation Thank You page Notification Options */

#CenterColumn #notification ul { list-style-image: url(); }   /* No bullet */             

/* C2.0 comment form */

.c2body form {
  border: 2px solid;
  border-top-color: #b3a182;  /* Form appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;
  background-color: ;
  padding: 15px; 
  margin: 15px;
}

.c2body .vIsText_3000 { height: 85px; }       /* Reduce height of comment field */

/* C2.0 submission page */

.c2body #comments h2 { display: none }        /* Don't display comment header */

.c2body #comments .date { font-size: 95%; }   /* Comment date slightly smaller... */
.c2body #comments .author { font-size: 90%; } /* Comment author slightly smaller... */
.c2body #comments .author strong { font-weight: normal; } /* ...and normal weight */

.c2body hr { display: none; }                 /* Don't display dividing lines between comments */


/* ------ Section 12 - RSS/BlogIt! ------ */

.blogBody hr { display: none; }               /* Don't display dividing lines between entries (old format) */

.blogBody .blogItItem { 
  margin: 25px 0px;
  border-bottom: 0px solid #ccc;              /* Don't display dividing lines between entries (new format) */
}

.blogBody h3 {
  display: inline;
  margin-top: 25px;
  padding: 10px 0px 1px 0px;
  border-bottom: 1px solid #204f76;
}

.blogItItem .blogItThumbnail {                /* automatic CSS copied from blog page */
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 150px
}
.blogItItem .blogItReadMore { clear: both }

.blogItItem {
  margin: 18px 0;
  border-bottom:1px solid #ccc
}                                             /* end automatic CSS copied from blog page */


/* ------ Section 13 - Socialize It! ------ */

#socialize {                 /* This is the whole block, including the Link to this Page link */                             
  width: 97%;
  font-size: 85%; 
  border: 2px solid; 
  border-top-color: #b3a182;  /* Block appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;
  padding: 5px 0 8px 0;
}

.fb_iframe_widget iframe { position: relative! important; }  /* FB Like misalignment fix */


/* ------ Section 14 - Link to this Page ------ */

.LinkToPage textarea {
	 background-image: url(http://www.altered-art.net/images/light-background.jpg); 
}


/* ------ Section 15 - Explanatory Pop-ups etc ----- */

.pop-up .inside-border {
  padding: 0 20px; 
  text-align: left; 
  font-size: 85%;
}

.pop-up .outside-border {
  background-image: url(http://www.altered-art.net/images/background.jpg); 
  text-align: center; 
  margin: 15px; 
  padding: 5px;
  box-shadow: 5px 5px 15px -5px #000;
}

.pop-up ul {
  list-style-type: none;
  list-style-image: url(http://www.altered-art.net/images/bullet.gif);
}

.pop-up .window-close {
  text-align: right;
  font-size: 95%; 
}


/* ------ Section 16 - Site Map ------ */

#CenterColumn .sitemap ul { list-style-image: url(); } /* no bullets */

.sitemap .level-1 li { margin-top: 15px; margin-bottom: 10px;}
.sitemap .level-2 li { margin-top: 10px; margin-bottom: 10px;}
.sitemap .level-3 li { margin-top: 3px; margin-bottom: 0px;}
.sitemap .level-1 a { font-weight: bold; text-decoration: underline; }
.sitemap .level-2 a { text-decoration: none; }
.sitemap .level-2 a:hover { text-decoration: underline; }
.sitemap .level-3 a { font-weight: normal }


/* ------ Section 17 - Blog Widget ------ */

#blogWidget {
  width:147px;
  background-image:url(http://www.altered-art.net/images/light-background.jpg); 
  margin:10px auto 10px 0px;
  border:1px solid;
  border-top-color:#b3a182;  /* Appears slightly recessed */
  border-right-color:#f7ebd6;
  border-bottom-color:#f7ebd6;
  border-left-color:#9d8f73;
}
#blogWidget #blogHead {
  background-color:#369;
  background-image:url(http://www.altered-art.net/images/blue-background.jpg); 
  color:#fff;
  font-weight:bold;
  padding:3px 5px 5px 5px;
  text-align:left;
}
#blogWidget #blogHead img {
  float:right;
  vertical-align:middle;
}
#blogWidget #blogBody {
  background-color:none;
  border:1px solid;
  border-top-color:#b3a182;  /* Appears slightly recessed */
  border-right-color:#f7ebd6;
  border-bottom-color:#f7ebd6;
  border-left-color:#9d8f73;
  color:#000;
  font-weight:normal;
  padding:10px 10px 5px 10px;
  text-align:left;
}
#blogWidget #blogBody p.blog-item {
  margin:0px 0px 5px 0px;
}
#blogWidget #blogBody .bloglink {
  font-weight:bold;
}  
#blogWidget #blogBody a:link {
  color:#369;
  text-decoration:none;
}
#blogWidget #blogBody a:visited {
  color:#900;
  text-decoration:none;
}
#blogWidget #blogBody a:hover {
  color:#c00;
  text-decoration:underline;
}
#blogWidget #blogBody a:active {
  color:#c00;
  text-decoration:none;
}
#blogWidget #blogFooter {
  background-color:#369;
  background-image:url(http://www.altered-art.net/images/blue-background.jpg); 
  font-weight:normal;
  font-size:85%;
  padding:5px 5px 5px 5px;
  text-align:left;
}
#blogWidget #blogFooter a:link {
  color:#fff;
  text-decoration:none;
}
#blogWidget #blogFooter a:visited {
  color:#fff;
  text-decoration:none;
}
#blogWidget #blogFooter a:hover {
  color:#fff;
  text-decoration:none;
}
#blogWidget #blogFooter a:active {
  color:#fff;
  text-decoration:none;
}

/* ------ Section 18 - Cookie Q ------ */

.__cqDispIfOptedOut { display:none; }
.__cqDispIfOptedIn { display:none; }
.__cqDispIfOptedInNonID { display:none; }

.yes-button a, .maybe-button a, .no-button a {
  width: 140px;
  display: block;
  background-color: #fceadc;
  background-repeat: no-repeat;
  border: 2px solid;
  border-top-color: #fff;  /* button appears slightly raised */
  border-right-color: #cac2bb;
  border-bottom-color: #cac2bb;
  border-left-color: #fff;
  font-size: 100%; /* was 85% in right column */
  font-weight: bold;
  text-align: left;
  color: #8484c5;
  padding: 3px 0px 4px 4px; 
  text-decoration: none;
}

.yes-button a:hover, .maybe-button a:hover, .no-button a:hover {
  border-top-color: #cac2bb;  /* button appears slightly depressed */
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #cac2bb;
  color: #828282;
}

.yes-button a { 
  background-image: url(http://www.altered-art.net/image-files/yes-button-pink.jpg); 
} 

.maybe-button a { 
  background-image: url(http://www.altered-art.net/image-files/maybe-button-pink.jpg); 
} 

.no-button a { 
  background-image: url(http://www.altered-art.net/image-files/no-button-pink.jpg); 
}

#RightColumn .yes-button a, #RightColumn .maybe-button a, #RightColumn .no-button a {
  font-size: 95%;
}

#cookie-table table { 
  border-collapse: collapse;
  margin: 25px auto;
}

#cookie-table th, #cookie-table td {
  vertical-align: text-top; 
  text-align: left;
  font-size: 85%;
  border: 1px solid black;
  margin: 0px;
  padding: 10px 7px;
}

#cookie-table p { margin: 0px 0px 10px 0px; }


/* ------ Section 19 - Comment Form ------ */

#comment-box { 
  background-image: url(http://www.altered-art.net/images/light-background.jpg);
  border: 2px solid;
  border-top-color: #b3a182;  /* Appears slightly recessed */
  border-right-color: #f7ebd6;
  border-bottom-color: #f7ebd6;
  border-left-color: #9d8f73;	
  margin: 0px;                /* to be specified externally */
  font-size: 80%; 
}

#comment-box h4 {
  margin: 0px;
  padding: 3px 0 5px 0;
  text-align: center;
  background-color: #336699;
  background-image: url(http://www.altered-art.net/images/blue-background.jpg); 
  border: 1px solid;
  border-top-color: #7799bb;  /* appears slightly raised */
  border-right-color: #334466;
  border-bottom-color: #334466;
  border-left-color: #7799bb;
  font-size: 110%;
  color: #fff;
}   

#comment-box #intro { 
  width: 170px;
  margin: 10px;
}

#comment-box #list { 
  width: 180px;
  height: 300px;
  margin: 10px 0px 10px 10px;
  overflow: auto;
}

#comment-box #list p {
  margin: 0px auto 5px auto;
}

#comment-box #form {
  width: 180px;
  margin: 10px 10px 10px auto;
}

#comment-box #form td {
  font-size: 100%;
}


/* ------ Section 20 - Archive Menu ------ */

div.ArchiveMenu {
  width:100%;
  overflow:hidden;
}
.ArchiveMenu p {
  margin:5px 0px; 
  float:right;
}
.ArchiveMenu a { 
  margin:0px 2px;
  padding:5px 7px;
  color:#eed7ad;
  text-decoration:none;
  font-weight:bold;
}
.ArchiveMenu a:link { 
  background-color:#b9a786; 
}
.ArchiveMenu a:visited { 
  background-color:#b9a786; 
}
.ArchiveMenu a:hover { 
  background-color:#9a8b70; 
}
.ArchiveMenu a:active { 
  background-color:#9a8b70; 
}
.ArchiveMenu .current { 
  margin:0px 2px;
  padding:5px 7px;
  color:#eed7ad;
  font-weight:bold;
  background-color:#6e6350; 
}