makes a list inside a sentance, separated my commas.
*/
#inline-list {
border: 1px solid #000;
margin: 2em;
width: 80%;
padding: 5px;
font-family: Verdana, sans-serif;
}
#inline-list p {
display: inline;
}
#inline-list ul, #inline-list li {
display: inline;
margin: 0;
padding: 0;
color: #339;
font-weight: bold;
}
/* vertical Breadcrumb trails
http://www.alistapart.com/articles/taminglists/
gives
Home Products Computers Software
*/
/* use html:
*/
/* generate the character (or any other character you might want to use as a separator) with the :before pseudo-element, combined with a class="first" so that the first LI doesnt generate a separator:
#bread-gen ul li:before {
content: "\0020 \0020 \0020 \00BB \0020";
color: #ff9;
}
#bread-gen ul li.first:before {
content: " ";
}
*/
#bread {
color: #ccc;
background-color: #006;
padding: 3px;
margin-bottom: 25px;
}
#bread ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
}
#bread ul li {
margin-left: 0;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}
#bread-gen ul li:before {
content: "\0020 \0020 \0020 \00BB \0020";
color: #ff9;
}
#bread-gen ul li.first:before {
content: " ";
}
.free {letter-spacing:.48em; text-align:center; color: #af1b52;}
/*
:first-line - can only be attached to a block-level element.
Only the following properties apply to :first-line ---
font
color
background
word-spacing
letter-spacing'
text-decoration
vertical-align
text-transform
line-height
text-shadow
clear
*/
/* .firstline:first-line
used for "initial caps" and "drop caps"
This type of initial letter is similar to an inline-level element if its 'float' property is 'none', otherwise it is similar to a floated element.
The properties that apply to :first-letter pseudo-elements:
font
color
background
text-decoration
vertical-align (only if 'float' is 'none')
text-transform
line-height
text-shadow
clear
margin
padding
border
float
To make a drop cap initial letter span two lines:
p { font-size: 12pt; line-height: 12pt }
p:first-letter { font-size: 200%; font-style: italic;
font-weight: bold; float: left }
*/
/* using Times New Roman for whole section - not just first letter - needs narrower container */
.firstline:first-line {
text-transform: uppercase; color:#808000; }
/*
.slogancontainer { letter-spacing:.15em;
clear:both;
width:12.9em;
margin:0 auto 0 30%;
padding:0;
text-align:left;
font:normal 200% "Times New Roman", serif;
line-height:1em;
}
*/
/* slogan stuff removed
(except for --- logoword --- ) to
slogan.css
as the IE hack doesn't validate */
/* margin:0 -.2em 0 -.2em; "DejaVu Serif", */
/* letter-spacing ~~ block-level elements ~~ Inherited: */
/* logoword - margin only needed if ......... sidebar at one side ..... margin:.5em 0 .25em 1.5em; */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
END OF masthead text-display */
/* butt is for pictures that need to join properly*/
.butt {
position: relative;
display: inline;
border: none;
margin: 0;
padding: 0;
}
/* for footer @ image in email address symbol */
.em-butt {
width:1.4em;
position: relative;
display: inline;
border: none;
padding: 0;
margin: 0 0 -.5em 0;
}
.blocklink {
width: 100%; text-align:center;}
.blocklink a:link, .blocklink a:visited {
display:block;
padding:4px;
margin:0;
font-weight:bold;
text-decoration:none;
width:97%;
text-align:center;
border:none;
}
.blocklink a:link { color:#204544;
border:none; background:#d3d3d3;}
.blocklink a:visited { color:#7b0013;
border:none; background:#d3d3d3;}
.blocklink a:hover { color:blue;
/*#8b8970; pale grey*/
border:none; background:#d3d3d3;
/*text-decoration:underline;*/
}
.blocklink a:active { color: #d3d3d3;
border:none; }
.blocklink a:focus { color: #d3d3d3;
border:dotted 1px green; }
.newsletter {
border: 3px solid #b5d3d2;
border-right: none;
color: #204544;
background:transparent;
}
.slogansimple {
display:block; font-style:normal; font-size:1em; margin:.3em 0 .4em 0; padding:0; letter-spacing:.1em; }
.slogansimplehome {
display:block; font-style:normal; font-size:1.2em; margin:.3em 0 .4em 0; padding:0; letter-spacing:.1em; }
/* homepage picture navigation buttons */
.homepagenav {
display:inline; background:#fff; width:10%; margin:0% 8% 0% 2%; padding:0; float:right; text-align:center; }
.newhomepagenav {
display:inline; background:#fff; width:33%; margin:0% 1.8% 2.8% 0%; padding:1.4%; float:right; text-align:center; font-size:.9em;}
.navnew2 {background:transparent; display:inline; width:34%; float:right; margin:1.1% 0% 0% 0%; padding:0;}
.homepagenavleft {
display:inline;background:#fff; width:10%; margin:0% 2% 0% 8%; padding:0; float:left; text-align:center; }
.imghomenav {
border:solid 2px #666; background:#fff; padding:0; margin:0; }
#bookmark {
background:#fff;}
.foothead {
font-size:1em; text-align:center; border:none; padding:0; margin:0% 0% -.5% 0%; }
.logoword {
display:block;
color:#666;
font:3em "Times New Roman", Times, serif;
font-style:italic;
text-align:center;
margin:0 0 0 0;
padding:0;
word-spacing:0;
letter-spacing:.2em;
}
/* margin only needed if ......... sidebar at one side ..... margin:.5em 0 .25em 1.5em; */
.logowordsmall {
display:block;
color:#666;
font:italic 1.3em "Times New Roman", Times, serif;
text-align:center;
margin:.1em 0 0 0;
padding:0;
word-spacing:.18em;
letter-spacing:.25em;
}
/* THESE TWO ARE USED ON HOME PAGE */
.logowordhome {
display:block;
color:#666;
font:4.1em "Times New Roman", Times, serif;
font-style:italic;
text-align:center;
margin:0;
padding:0;
letter-spacing: .22em;
}
/* margin only needed if ......... sidebar at one side ..... margin:.5em 0 .25em 1.5em; */
.logowordsmallhome {
display:block;
color:#666;
font:italic 2.6em "Times New Roman", Times, serif;
text-align:center;
margin:.1em 0 0 0;
padding:0;
/*word-spacing:.18em;*/
letter-spacing: .22em;
}
#border, #border1, #border2, #border3, #border4, #border5, #border6 {
border:1px solid #653e8d; padding:1em; }
.border, #border1, #border2, #border3, #border4, #border5, #border6 {
border:1px solid #653e8d; margin:1%; }
.content1 { display:inline; float:left; width:46%; margin:0; padding:0 3% 0 0; }
.content2 { display:inline; float:right; width:46%; margin:0; padding:0 0 0 4%; }
.contactform1 { display:inline; float:left; width:42%; margin:0; padding:0 3% 0 0; }
.contactform2 { display:inline; float:right; width:40%; margin:0; padding:0 0 0 4%; }
.cardshow { display:block; float:left; text-align:center; width:29%; margin:0; padding:2% 1.8% 1.8% 1.5%;
}
.cardshowborder { display:block;
width:29%;
float:left; text-align:center;
margin: 1%; padding: .5% .1% 1.5% .1%;
border: 1px solid #653e8d;
}
.cardborder { display:inline;
width:96%;
border: 1px solid #653e8d;
padding:.2em; margin:0% .5%;
}
.butt, .buttfoot, #buttfoot, #butt {
position: relative;
display: inline;
border: none;
margin: 0;
padding: 0;
float:none;
}
/* no underline for link */
.nou, #nou {
text-decoration:none; }
.withpipe { display:inline;
text-align:center;
margin:0% 2%;
padding:0;
}
.nobreak {
white-space:nowrap;}
.textborder {
display:block; width:96%; margin-left:2%; padding:0;
border:2px solid #653e8d;
}
.formbuy { display:inline; }
#formbuy1 { display:inline; vertical-align:middle; }
#formbuy2 { display:inline; vertical-align:middle; }
.formbuy1 { display:inline; vertical-align:middle; }
.formbuy2 { display:inline; vertical-align:middle; }
.origprice, #origprice { display:block;
padding:.2em 0 .4em 0;
font:normal 130% "Times New Roman", Times, serif;
line-height:1.2em;
text-align: left;
background:transparent;
color:#666;
font-weight: bold;
}
#center { display:block; font-