/* CODOG CSS VISUAL FORMATTING ONLY */
/* working on this, Monday, 14 February, 2005 and continuing */
/* Tuesday, 15 Feb 2005, 23:15:50 CODOG16.CSS */
/* BODY AND BASICS */

body {
color : #000;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
z-index: 0;
}

body.b1 {background:#ccc url("images/logos/thimbleberry.gif") repeat-y fixed top left;}
body.b2 {background: #9cf url("https://coherentdog.org/hilar/images/logos/hearts.gif") repeat-y fixed top left;}
body.b3 {background: #9cf url("images/logos/leaves.gif") repeat-y fixed top left;}
body.b4 {background: #9cf url("images/logos/thimbleberry.gif") repeat-y fixed top left;}


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

a:active {
color: #f00;
text-decoration: underline;
}

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

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


h1 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: xx-large;
text-align: center;

}

h2 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: x-large;
text-align: center;
}

h3 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: large;
font-weight: bold;
text-align: center;
}

h4 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: medium;
font-weight: bold;
font-variant: small-caps;
text-align: center;
}

h5 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: medium;
font-weight: bold;
font-variant: small-caps;
text-align: center;
}

h6 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: medium;
font-weight: bold;
text-align: center;
}


p {
width: 96%;
margin-left: 1%;
margin-right: 1%;
padding: 1%;
}


/* TEXT CONTROL, GENERAL; MAY BE USED ANYWHERE */
/* WebDev Forums say "text-align" affects images too. */

.centerit {
text-align: center;
}


/* WRAPPER, after Russ Weakley */
/* errr, SIMPLEBITS! Dan Cederholm */
/* Carol: WRAP ENTIRE PAGE CONTENT? */


#wrapper {
margin: 0;
padding: 0;
}



.pagehedcontent {
width: 96%;
margin: 0px 0px 0px 20px;
padding: 0;
}


#banner {
width: 96%;
margin-left: 20px;
border: 0;
}


/* BOBSTUFF FOR STYLE NAV */
/* MstrBob from WebDev forums */
/* details in HTMLCSSHELP.txt */


ul {
list-style:none;
margin:0;
padding:0;
}


/* WATCH OUT! THIS APPEARS TO AFFECT ALL list items! */

li {
display:inline;
}


#nav {
list-style:none;
width: 96%;
margin: 0 0 0 20px;
padding: 0;
}


/* CAROL ADDITION */
/* line-height: 180%; */
/* end CAROL ADDITION from W3C properties */


#nav li {
display:block;
width:20%;
line-height: 180%;
float:left;
margin:0;
text-align:center;
}


#nav a {
display:block;
width:100%;
}

#nav a:link, #nav a:visited {
background:#09c;
color:#fff;
text-decoration:none;
}
#nav a:hover, #nav a:active {
background:#069;
color:#fff;
text-decoration:underline;
}

/* END BOBSTUFF */

/* NAVIGATION  DO NOT USE */
/* Carol's poor efforts */
/* NOT USING RIGHT NOW */
/*Sunday, 13 Feb 2005, 17:55:46*/

.linkslist li {
float: left;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 120%;
line-height: 180%;
width: 19%;
display: inline;
}

/* end Carol's NAV efforts */

/* REMAINDER of ACROSS-FULL-PAGE content */

#animlogo {
float: right;
border: thin solid black;
margin: 2px;
padding: 2px;
}


#fullpageheds {
width: 96%;
margin: 0 0 10px 20px;
padding: 0;
}


/* COLUMNS: THREE, TWO */
/*************************/

/* COLUMNS: Three col, Two col */
/*************************/


/* 3 COLS after Russ Weakley */
/*************************/


#threecol1 {
float: left;
width: 17%;
margin-left: 8%; }

#threecol2 {
float: left;
width: 48%;
margin-left: 3%; }

#threecol3 {
float: left;
width: 20%;
margin-left: 3%; }


/* end 3 COLS */



/* 2 COLS after Russ Weakley */
/* But Carol fixed left margin */
/* Carol: wrap pair of columns? */
/*************************/


#twocolwrap {
margin: 0% 0% 0% 3%;
padding: 0;
clear: both;
}


/* May need to remove "display: inline;" from twocol1 */


#gutter4colone {
float: left;
width: 3%;
height: 1px;
}

#gutter4coltwo {
float: left;
width: 3%;
height: 1px;
}



#twocolone {
float: left;
width: 42%;
}


#twocoltwo {
float: left;
width: 52%;
margin-left: 3%;
}


/* UNIVERSAL inside-col PADDING, after Russ Weakley */

#twocolone * {
margin-left: 6px;
margin-right: 6px;
}


#twocoltwo * {
margin-left: 6px;
margin-right: 6px;
}


/* end 2 COLS after Russ Weakley */

/* FINISHED COLUMNS *;

/* ACROSS FULL PAGE: FOOTER AREA */


#footarea {
background: #fff;
color: #000;
width: 96%;
margin-left: 20px;
clear: both;
}

/* END FULL-PAGE MAIN PAGE STYLING */


/* DETAILS FOR VARIOUS THINGS */
/*************************/


/* ARTICLES and STORIES */
/* ORDERED LISTS */
/* FORMS [set for full-page widths right now) */
/* PHOTO GALLERIES */
/* MISBEHAVIOR OF STYLING */

/* ARTICLES and STORIES */
/* ordered list (should show numbers) */


/* ORDERED LIST: should show numbers */
/* REFER BACK TO NAV (above) for possible problem with LI list items */


.numordlist {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 100%;
width: 97%;
margin: 1%;
padding: 1%;
text-align: left;
}


/* SPECIAL TEXT FORMATTING - BLOCKQUOTE STYLE */
/* FOR FULL-PAGE WIDTHS ONLY */
/* OBYDOBY */

.obydobytext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: medium;
/*  font-variant: small-caps; */
margin-left: 150px;
margin-right: 150px;
}


/* FORMS - formatting text for FORMS */


.feedput {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: large;
margin-left: 100px;
text-align: left;
}

.feedbutton {
margin: 2em;
border: thin;
padding: 6px;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: large;
text-align: center;
}


/* VARIOUS TEXT FORMATTING: headings and text */
/* for WITHIN or WITHOUT DISPLAY BOXES */


/* HEADINGS for WITHIN or WITHOUT BOXES */


.boxh1 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: x-large;
font-weight: bold;
width: 100%;
margin-left: 1%;
margin-right: 1%;
padding: 0;
text-align: center;
}


.boxh2 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: large;
font-variant: small-caps;
font-weight: bold;
width: 100%;
margin-left: 1%;
margin-right: 1%;
padding: 0;
text-align: center;
}


.boxh3 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: large;
font-weight: bold;
width: 100%;
margin-left: 1%;
margin-right: 1%;
text-align: center;
}


.boxh4 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: medium;
font-variant: small-caps;
font-weight: bold;
width: 100%;
margin-left: 1%;
margin-right: 1%;
text-align: center;
}


/* TEXT for WITHIN or WITHOUT DISPLAY BOXES */


.noticetext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: normal;
width: 100%;
margin-left: 1%;
margin-right: 1%;
padding: 1%;
text-align: left
}


.newstext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: normal;
width: 100%;
margin-left: 1%;
margin-right: 1%;
text-align: left
}


.messagetext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: normal;
width: 100%;
margin-left: 1%;
margin-right: 1%;
text-align: left
}


/* DISPLAY BOXES WITH BORDERS */
/* THESE BOXES ARE ASKED TO BEHAVE WELL */
/* BEHAVING BOXES */


/* BOXES FOR FULL-PAGE-WIDTH AREAS */
/* DISPLAY BOXES ASKED TO  BEHAVE WELL*/

/* MAY BE USED WITHIN OR WITHOUT COLUMNS */
/* I THINK! DEPENDS ON MEANING OF "width"! */
/* WATCH OUT FOR PIXEL DEFS, margins and padding */
/* maybe try percentages! */
/* MIGHT WORK WITHOUT COLUMNS, BUT NEED REVISION FOR WITHIN THEM */

/* GENERALIZE FULL-PAGE  AND COLUMN BOXES */


/* FULL-PAGE-WIDTH BOX

.fullpagebox {
background-color: #c0c0c0;
width: 96%;
margin 0 0 0 24px;
padding: 2%;
}


.centerfullpagebox {
background-color: #c0c0c0;
width: 48%;
margin-left: 25%;
margin-right: 25%;
padding: 10px;
}


/* COLUMN-WIDTH BOXES */

/* BOXES for TWOcol PAGES */

.colonex2box {
background-color: #c0c0c0;
width: 42%;
margin: 0 0 0 30%;
padding: 2%;
}


.noboxcolonex2 {
width: 42%;
margin: 0 0 0 30%;
padding: 2%;
border: 0;
}


.coltwox2box {
background-color: #c0c0c0;
width: 52%;
margin: 0 0 0 47%;
padding: 2%;
}


.noboxcoltwox2 {
width: 52%;
margin: 0 0 0 47%;
padding: 2%;
border: 0;
}





/* BOX BORDERS */


/* VISIBLE and INVISIBLE (space-holding) BORDERS */
/* Try using no-border to hold space in column one */
/* Try display as block to make the space to hold */

.nobord {
border: 0;
display: block;
}

.noticebord {
border: thick ridge #f00;
display: block;
}

.spanbord {
border: thick groove #009;
display: block;
}

.newsbord {
border: thick groove #009;
display: block;
}

.messagebord {
border: thick outset #f00;
display: block;
}


/* SPECIAL LOCATION BOXES */
/* BOX for INCLUDED SSI FOOTER */

#futbox {
background-color: #9cf;
width: 96%;
border: 0;
margin: 16px 10px 0px 20px;
padding: 16px 10px 10px 10px;
text-align: center;
}

/* PHOTOS AND PHOTO GALLERIES */

/* PHOTO GALLERIES, INDIVIDUAL PAGES */
/* THESE ARE FULL-PAGE WIDTHS */
/* May need revision */
/* in use currently */
/* Tuesday, 15 Feb 2005, 08:37 */
/* for all individual photo gallery pages */


/* These are set for FULL PAGE WIDTH */
/* some captions or text might work inside columns */

/* PHOTOS - GENERAL, for FULL-PAGE WIDTHS */
/* FORMATTING TEXT for PHOTO GALLERIES */

/* TEXT on FULL-PAGE-WIDTH GALLERIES */
/* for individual pages */

/* PHOTOS - STYLING BORDERS and so forth */



#footerphoto {
width: 96%;
margin-left: 20px;
border: 0;
}


.cleanbord {
border: 0;
}

/* PHOTOS - POSITIONING IMAGES */
/* WARNING! May have to take out display: inline; */
/* on the two FLOATs */

.rightfloat {
float: right;
display: inline;
}

.leftfloat {
float: left;
display: inline;
}


.anyphoto {
margin: 2px;
padding: 2px;
}

/* TEXT for PHOTO GALLERY PAGES */


.galrytxt {
margin-left: 100px;
margin-right: 100px;
text-align: left
}

/* GALLERY HEADINGS FULL PAGE WIDTHS */
/* heading control in GALLERIES */
/* including KLUDGES */


/* GALLERY HEADINGS FULL PAGE WIDTHS*/

.galryh3 {
font-style: normal;
font-size: large;
text-align: center;
}


/* KLUDGE? */


.hedcontrol {
margin-left: 80px;
}


/* PHOTO CAPTIONS */

.galrycap {
font-size: medium;
font-weight: bold;
text-align: center;
}


.phcap {
font-family: Arial,Helvetica,sans-serif;
font-size: medium;
font-weight: bold;
color: #000;
text-align: left;
/* margin-left: 80px; */
/* margin-right: 40px; */
}


.phcapright {
font-family: Arial,Helvetica,sans-serif;
font-size: medium;
font-variant: small-caps;
/* font-weight: bold; */
/* width: 100%; */
color: #000;
text-align: right;
/* margin-right: 1%; */
/* padding: 1%;*/
}

/* PHOTOS WITH CAPTIONS GOING WITH THEM */
/* These are individual images, not too big */
/* These may be in areas spanning full page width */
/* or contained in columns within a page */


.capunderphoto {
margin: 2px;
padding: 2px;
}



/* PHOTO GALLERY FULL-PAGES ABSOLUTE pos for headings */
/* ABSOLUTE POSITIONING for head text in Photo Galleries */

.hedphlogo {
    z-index: 1;
}

#hedgalrylogo {
    z-index: 1;
}


.hed1abs {
    position: absolute;
    top: 15px;
    left: 100px;
    text-align: center;
    z-index: 2;
}

.hed2abs {
    position: absolute;
    top: 15px;
    left: 120px;
    text-align: center;
    z-index: 2;
}


.hed3abs {
    position: absolute;
    top: 15px;
    left: 140px;
    text-align: center;
    z-index: 2;
}


.hed4abs {
    position: absolute;
    top: 15px;
    left: 160px;
    text-align: center;
    z-index: 2;
}


.hed5abs {
    position: absolute;
    top: 15px;
    left: 180px;
    text-align: center;
    z-index: 2;
}


.hed6abs {
    position: absolute;
    top: 15px;
    left: 200px;
    text-align: center;
    z-index: 2;
}

.hed7abs {
    position: absolute;
    top: 15px;
    left: 220px;
    text-align: center;
    z-index: 2;
}

.hed8abs {
    position: absolute;
    top: 15px;
    left: 240px;
    text-align: center;
    z-index: 2;
}

.hed9abs {
    position: absolute;
    top: 15px;
    left: 260px;
    text-align: center;
    z-index: 2;
}

.hed10abs {
    position: absolute;
    top: 15px;
    left: 280px;
    text-align: center;
    z-index: 2;
}


/* KLUDGE ABSOLUTE headings positioning */
/* find out where I used this! */

.hed1aabs {
    position: absolute;
    top: 15px;
    left: 150px;
    text-align: center;
    z-index: 3;
}


/* SPECIAL FAMILY GALLERY */
/* FIND OUT IF I'M USING THESE IN THE OTHER GALLERIES */

.prancygalrycap {
font-size: medium;
font-weight: bold;
margin-left: 30px;
text-align: left;
}


.prancygalrytxt {
margin-left: 30px;
margin-right: 100px;
text-align: left
}


/* PHOTOSFRONT page only? */
/* That is, front page for Special Family Gallery */

.righth3 {
font-family: Arial,Helvetica,sans-serif;
font-size: large;
font-weight: bold;
color: #000000;
text-align: right;
margin-left: 80px;
margin-right: 40px;
}


/* SPECIAL FAMILY GALLERY HEADINGS */
/* Check whether I use these in other galleries too */


.prgalhedh1 {
background-color: #669999;
font-family: Arial,Helvetica,sans-serif;
font-size: x-large;
color: #000000;
text-align: center;
}


.prgalhedh2 {
background-color: #669999;
font-family: Arial,Helvetica,sans-serif;
font-size: large;
color: #000000;
text-align: center;
}

.prgalhedh3 {
background-color: #669999;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: large;
color: #000000;
text-align: center;
}


/* KLUDGE to fit Prancy's Long song */
/* In PRANCYDESK PAGES */


.prancysong {
font-style: normal;
font-size: large;
margin-left: 20px;
text-align: center;
}



/* MISBEHAVIOR MISBEHAVIOR - THE MISBEHAVIOR OF STYLE */
/* BOXES: Misbehaving boxes : "collapse" and "scroll boxes" */


/* BOXES FOR BOX-MISBEHAVIOR */
/* for scrollboxes, collapsing boxes */


.wideboxscroll {
/*    position: relative;*/
    top: 10px;
    left: 50px;
    background-color: #c0c0c0;
    border: thick groove #000099;
    height: 250px;
    overflow: scroll;
    width: 90%;
    padding-top: 16px;
    padding-right: 2px;
    padding-bottom: 16px;
    padding-left: 2px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 80px;
}


.rightboxscroll {
    background-color: #c0c0c0;
    border: thick ridge #ff0000;
    float: right;
    height: 250px;
    overflow: scroll;
    width: 42%;
    padding-top: 16px;
    padding-right: 2px;
    padding-bottom: 16px;
    padding-left: 2px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.leftboxscroll {
    background-color: #c0c0c0;
    border: thick outset #ff0000;
    float: left;
    height: 250px;
    overflow: scroll;
    width: 42%;
    padding-top: 16px;
    padding-right: 2px;
    padding-bottom: 16px;
    padding-left: 2px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 30px;
}

/* end for scrollboxes, collaping boxes */


/* MISBEHAVING HEADINGS (photo galleries, prancydesk) */

/* PHOTO HEADINGS for MISBEHAVIOR */
/* FIXED PHOTO Gallery headings: Carol's Hilarious Errors */


.hed1fix {
    position: fixed;
    top: 15px;
    left: 100px;
    text-align: center;
    z-index: 3;
}

.hed1afix {
    position: fixed;
    top: 15px;
    left: 150px;
    text-align: center;
    z-index: 3;
}


.hed2fix {
    position: fixed;
    top: 15px;
    left: 200px;
    text-align: center;
    z-index: 3;
}


.hed3fix {
    position: fixed;
    top: 15px;
    left: 300px;
    text-align: center;
    z-index: 3;
}


/* RELATIVE POSITIONING for headings */
/* POSSIBLE MISBEHAVIOR */
/* I don't think I used these */


.hed1rel {
    position: relative;
    top: 15px;
    left: 100px;
/*    text-align: center;*/
    z-index: 3;
}

.hed2rel {
    position: relative;
    top: 15px;
    left: 200px;
/*    text-align: center;*/
    z-index: 3;
}


.hed3rel {
    position: relative;
    top: 15px;
    left: 300px;
/*    text-align: center;*/
    z-index: 3;
}


/* ************************************************* */
/* NAV ADD to HILAR for Return of Hilarious Errros */
/*Add this to every .CSS file for Hilarious Erross */
/* ************************************************* */





/* ************************************************* */
/* NAVMAIN for all main pages, horizontal nav, top */
/* ************************************************* */



#navbox {
margin: 0;
padding: 0;
background-color: #0c6;
width: 100%;
border: 0;
}


ul#navmain {
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 0 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navmain li {
display: inline;
list-style-type: none;
}

#navmain a {
padding: 3px 10px;
}

#navmain a:link, #navmain a:visited {
color: #fff;
/* background-color: #036; */
background-color: #09c;
text-decoration: none;
}

#navmain a:hover, #navmain a:active {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
background-color: #069;
color: #fff;
text-decoration: none;
/* text-decoration: underline; */
}


ul#navsub {
/* background-color: #0c6; */
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 1em 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navsub li
{
display: inline;
list-style-type: none;
}

#navsub a {
padding: 3px 10px;
}

#navsub a:link, #navsub a:visited {
color: #fff;
/* background-color: #369; */
/* background-color: #39c; */
background-color: #09c;
text-decoration: none;
}

#navsub a:hover {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
/* background-color: #396; */
background-color: #069;
text-decoration: none;
}



ul#navsub2 {
/* background-color: #0c6; */
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 1em 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navsub2 li {
display: inline;
list-style-type: none;
}

#navsub2 a {
padding: 3px 10px;
}

#navsub2 a:link, #navsub2 a:visited {
color: #fff;
/* background-color: #369; */
/* background-color: #39c; */
background-color: #09c;
text-decoration: none;
}

#navsub2 a:hover {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
/* background-color: #396; */
background-color: #069;
text-decoration: none;
}


ul#navsub3 {
/* background-color: #0c6; */
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 1em 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navsub3 li {
display: inline;
list-style-type: none;
}

#navsub3 a {
padding: 3px 10px;
}

#navsub3 a:link, #navsub3 a:visited {
color: #fff;
/* background-color: #369; */
/* background-color: #39c; */
background-color: #09c;
text-decoration: none;
}

#navsub3 a:hover {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
/* background-color: #396; */
background-color: #069;
text-decoration: none;
}


/* ************************************************* */
/* END HORIZONTAL NAV FOR MAIN PAGES */
/* ************************************************* */


/* ************************************************* */
/* VERTICAL NAV after Russ Weakley */
/* ************************************************* */


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
color: #fff;
background-color: #036;
width: 8em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#navcontainer a:hover {
background-color: #369;
color: #fff;
}

#navcontainer li li a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
color: #fff;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}