/* www.pheemcfaddell.com all rights protected*/ /* Paypal addto cart button onclick="open(this.href, 'window_name');" onClick="window.open(this.href); return false;"> */ /* T- CSS P159 Some Browsers add margin and padding this removes it */ body, div, dl, dt, dd, ul, ol, li, h1,h2,h3,h4,h5,h6, pre,form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;} /* Normalizes font size*/ h1,h2,h3,h4,h5,h6{ font-size : 100%; } /* Removes list-style from lists */ ol,ul{ list-style: none; } /* Normalizes font-style and font-weight */ address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal;} /* Removes borders form table */ table{border-collapse: collapse; border-spacing: 0;} /* Removes borders fieldset and img */ fieldset, img { border: 0;} /* left-aligns text in caption and th */ caption, th { text-align: left;} /* Removes quotation marks from q FUTURE!!!!!!!!!!!!!!!!! q:before, q:after {content: "";} */ /* to center the browser window using a body class and a div to establish a 700px container see http://positioniseverything.net/articles/jello-expo.html for a better way to have a flexible container Not using this at this time but support the idea of a flexible right wall and setting a min and max. */ /*used ID to center the page and a
id to fix width */ /* Target Blank Fix --- xhtml strict does not support target="blank" so one fix is to use onclick and onkeypress like this This is required only to link to pages that are not "back button complient" like the dragon site or sites with a lot of trash (I try not to do that) or just bad code on sites. */ /* 8/5/2008 PHP transition I have started to add php to the site and the folloewing code must be added to all php includes (include page) */ /* //Disable right mouse click Script //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive //For full source code, visit http://www.dynamicdrive.com Add to header of any page you want to parcially stop copying You are calling a Java script from "util" folder Note: this example is two levels from root */ /* */ /* with Purple text */ #bodycentered {text-align: center; font-family: "Briannic Bold", Helvetica, Arial; font-size: medium; color: #800080; } /* without Purple text */ #bodycenter {text-align: center; font-family: "Briannic Bold", Helvetica, Arial; font-size: medium;} /* When placed in body this turns off the link line execpt hover */ .alinknone a:visited {text-decoration:none;} .alinknone a:link {text-decoration:none;} .alinknone a:hover {text-decoration:underline;} /* When placed in
this turns on the link underline hover */ .alinkyes a:visited {text-decoration:underline;} .alinkyes a:link {text-decoration:underline;} .alinkyes a:hover {text-decoration:underline; text-transform:uppercase;} /*
id to fix width */ #wrapper500 {width: 500px; margin: 0 auto; text-align: left; } #wrapper600 {width: 600px; margin: 0 auto; text-align: left; } #wrapper650 {width: 650px; margin: 0 auto; text-align: left; } #wrapper700 {width: 700px; margin: 0 auto; text-align: left; } #wrapper770 {width: 770px; margin: 0 auto; text-align: left; } #wrapper800 {width: 800px; margin: 0 auto; text-align: left; } #wrapper900 {width: 900px; margin: 0 auto; text-align: left; } #wrapper1000 {width: 1000px; margin: 0 auto; text-align: left; } /* Gallery page only black with magents text*/ #gallery {text-align: center; font-family: "Briannic Bold", Helvetica, Arial; font-size: medium; background-color: #000000; color: #FF00FF; line-height: normal} #gallery a:link {color: #FF00FF} #gallery a:visited {color: #FF00FF} /* used to indent text */ .width500 {width: 500px} .width600 {width: 600px} .width700 {width: 700px} .width770 {width: 770px} .width800 {width: 800px} .bglightblue {background-color: #F3F4F9; color: #00F;} .bggallery {background-color: #000000; color: #FFffFF;} /* Pagethegalery.htm Black & White */ .bgtan {background-color: #FFEFDE; color: #625132;}/* PageTeaInexaustable.htm tan & brown */ .bgpowderblue {background-color:#e1f3f9; color:#0a6f8c;} /* craft/fairies/A07LunaMoonbeems */ .bgpowderblue a:visited {color:#0a6f8c; text-decoration: none} .bgpowderblue a:link {color: #0a6f8c; text-decoration:none;} .bgpowderblue a:hover {color:#0a6f8c; text-decoration:underline;} .powderblue { color:#e1f3f9;} .bgburntumber {background-color: #d67a0e; color: #ffe0bb} /* Holiday crafts */ .bgburntumber a:visited {color:#ffe0bb; text-decoration: none} .bgburntumber a:link {color: #ffe0bb; text-decoration:none;} .bgburntumber a:hover {color:#ffe0bb; text-decoration:underline;} .burntumber {color: #d67a0e;} .bglightseagreen {background-color: #20B2AA; color: #003400} .bglightseagreen a:visited {color: #008000; text-decoration: none} .bglightseagreen a:link {color: #021400; text-decoration:none;} .bglightseagreen a:hover {color:#021400; text-decoration:underline;} /* dark green on lightseagreen pagecoloringmermaidcolor.htm*/ #03d1cf .bggreen {background-color: #039391; color: purple;} .bggreen a:visited {color: Purple; text-decoration: none} .bggreen a:link {color: #800080; text-decoration:none;} .bggreen a:hover {color:purple; text-decoration:underline;} .hidebggreen {color: #039391;} /* dark green */ /*This is for COLORING PAGES, removes background image class="coloring" */ .coloring {background-image: none; background-color: #039391;text-align: center;} /* Assorted classes t */ .nobackground {background-image: none;} .noborders {border: none} /* Assorted color classes to control text color */ .lightblue {color: #F3F4F9} .mediumPurple {color: #8C75C3} .purple {color: #800080} .pink {color: #FFC0CB} .black {color: #000000} .pheegreen {color: #039391} .lightseagreen {color: #20B2AA} /* Assorted color classes to control text color and links removing underline except in hover Good for image text*/ .green {color: #62F335;} /* Index Page */ .green a:visited {color: #62F335; text-decoration:none;} .green a:link {color: #62F335; text-decoration:none;} .green a:hover {color:#62F335; text-decoration:underline;} .brown {color: #663300;}/* PageTeaInexaustable.htm tan & brown */ .brown a:visited {color: #663300; text-decoration: none} .brown a:link {color: #663300; text-decoration:none;} .brown a:hover {color:#663300; text-decoration:underline;} .orange {color: #FFA500} /* Index and good for Halloween */ .orange a:visited {color: #FFA500; text-decoration:none;} .orange a:link {color: #FFA500; text-decoration:none;} .orange a:hover {color: #FFA500; text-decoration:underline;} .burntumber {color: #d67a0e} /* Index and good for Halloween */ .burntumber a:visited {color: #ffe0bb; text-decoration:none;} .burntumber a:link {color: #d67a0e; text-decoration:none;} .burntumber a:hover {color: #ffe0bb; text-decoration:underline;} p.small {font-size: small} /* Small letters under Thumbs I use this for text under an href that has and class="floatl or floatr" and an image copy that i need to schrunch the words to make them fit using a

this centers smaller text under the Image 11/07 MW */ .kristenitc {font-family:"kristen itc", "bradley hand itc", "Comic Sans MS", Geneva, Helvetica, sans-serif; } .lucidahand {font-family: "Lucida Handwriting"} .brannicbold { font-family: "Briannic Bold", Helvetica, Arial; font-size: medium;} /* used for

to clear both left or right images */ .clear {clear: both} .clearl {clear: left} .clearr {clear: right} /*used for image Margin Standard img margin is set to 10 class allows for removing margin to 0 or adding*/ img {margin: 10px} img.imgmargin20 {margin: 20px} img.imgmargin40l {margin: 0px 0px 0px 40px} /* Halloweenintro to shove a floatr image right */ img.imgmargin100r {margin: 0px 100px 0px 0px} /*used in november2008 newsletter to shove a floatr image more toward the center */ img.imgmargin100b {margin: 0px 0px 100px 0px} /*used in Bard (moth image BardAct3) to raise the Moth image up to match the image next to it */ img.imgmargin0 {margin: 0px;} img.imgmargin2 {margin: 2px;} img.padding0 {padding: 0;} img.align-m {float: left} img.tight {padding: 0 0 0 0; margin: 0 0 0 0;} .imgmargin0 {margin: 0px;} .padding0 {padding: 0px;} /*used for break OLD may not be used*/ .break {clear:both;} /* Used to float img. Best used in Anchor tag to float both imag and the text inclosed between the the anchor tags (see note above for "a {text-align: center;}" */ .floatr {float: right; margin: 0px 10px 0px 10px; } .floatl {float: left; margin: 0px 10px 0px 10px;} .floatn {float: none; margin: 0px 10px 0px 10px;} /*used to float inside borders almost works */ .floatleft100 {float: left; padding-left: 100px; margin: 0 0 10px 0px;} .floatleft {float: left; padding-left: 10px; } .floatright {float: right; padding-right: 10px;} .floatright100 {float: right; padding-right: 100px;} .textindent100 {margin-left: 100px;} .boldtextindent100 {margin-left: 100px; font-weight: bold;} .boldtextindent200 {margin-left: 200px; font-weight: bold;} .rightmargin {margin-right: 20px;} .rightmarginplus {margin: 10px 20px 10px 0px;} .rightmargin200 {margin-right: 200px;} /* Most used to stack images left or right to form a row of images I use leftmargin the most but will use the others to center when less then three images on a "three imag row" or when image text on that row is too wide use leftmar10 or nothing */ .leftmargin {margin-left: 20px;} .leftmar1em {margin-left: 1em;} .leftmar5em {margin-left: 5em;} .leftmar10em {margin-left: 10em;} .leftmar20em {margin-left: 20em;} .leftmar30em {margin-left: 30em;} .leftmar40em {margin-left: 40em;} .leftmar50em {margin-left: 50em;} .leftmar100em {margin-left: 100em;} .leftmar10 {margin-left: 10px;} .leftmar20 {margin-left: 20px;} .leftmar30 {margin-left: 30px;} .leftmar40 {margin-left: 40px;} .leftmar50 {margin-left: 50px;} .leftmar60 {margin-left: 60px;} .leftmar70 {margin-left: 70px;} .leftmar80 {margin-left: 80px;} .leftmar100 {margin-left: 100px;} .leftmar150 {margin-left: 150px;} .leftmar200 {margin-left: 200px;} .leftmar240 {margin-left: 240px;} .leftmar380 {margin-left: 380px;} .leftmarginplus {margin: 10px 0px 10px 20px;} .leftmargin75 {margin-left: 100px; margin-right: 100px;} .leftmargin50 {margin-left: 50px; margin-right: 20px;} .leftmargin100 {margin-left: 100px; margin-right: 20px;} .margins100 {margin-left: 100px; margin-right: 100px;} .rightmar100 {margin-right: 100px;} .rightmar200 {margin-right: 200px;} .topbotommar20 {margin-top: 20px; margin-bottom: 20px;} /* This funny thing is used with a pair of 's to push part of the text to the left and part to the right in a single sentence or

(floatl) or (floatr) should do the same */ span.left { float: left;} span.right {float: right;} .textalignright {text-align: right;} .textalignleft {text-align: left;} /* font types and sizes */ .arial {font-family: Arial, Helvetica, sans-serif;} /* font types and sizes */ .arial-black {font-family: "Arial Black", sans-serif;} /* font types and sizes */ .comic-sans {font-family: "Comic Sans MS", cursive;} /* font types and sizes */ .georgia {font-family: Georgia, serif;} /* font types and sizes */ .impact {font-family: Impact, sans-serif;} /* font types and sizes */ .trebuchet-ms {font-family: "Trebuchet MS", sans-serif} /* font types and sizes */ .verdana {font-family: Verdana, Arial, Helvetica, sans-serif;} /* font types and sizes */ .timesnewroman {font-family: "Times New Roman", serif;} /* font types and sizes */ .courier-new {font-family: "Courier New", Courier, monospace;} /* font types and sizes */ .sans-serif {font-family: sans-serif;} /* font types and sizes */ .serif {font-family: serif;} /* font types and sizes */ .cursive {font-family: cursive;} /* font types and sizes */ .fantasy {font-family: fantasy;} /* font types and sizes */ .kristenitc {font-family: "kristen itc", "Comic Sans MS", Geneva, Helvetica, sans-serif;} .garamond {font-family: Garamond} /* NOt web safe */ .fontxx-small {font-size: xx-small} .fontx-small {font-size: x-small} .fontsmall {font-size: small} .fontmedium {font-size: medium} .fontlarge {font-size: large} .fontx-large {font-size: x-large} .fontxx-large {font-size: xx-large} .large {font-size: 1.5em} /* used to increase the size of text ((origionally for halloween story but not used there)*/ /* highlighted borders for href images */ a:link {color: purple; } a:link img {border: none;} a:visited {color: purple; } a:visited img {border: none;} a:active {color: blue;} a:active img { border: none;} /* This is the start of standard page template a work in progress*/ div#banner h1 { margin: 0; padding: .3em 0 .3em .5em; } div#container { } div#navigation { float: left; width: 150px; padding-top: 2em; } /* this is the end */ .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black; /*url(media/titlebar.png) repeat-x center left; */ margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; /*background: url(media/arrowbullet.png) no-repeat center left; custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; }