css106.css

@import url(“/photography/css/dropdown.css”);

BODY { background-color:#f4f4f8;
color:#000000;
border:1px solid #cccccc;
margin-left:1%;
margin-right:1%;
padding:0;
font:13px ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
line-height:150%; }
h1 { padding:0;
margin:0;
color:#000;
font-size:130%; }
h2 { padding:0;
margin:0;
color:#000;
font-size:120%; }
h3 { padding:0;
margin:0;
color:#000;
font-size:105%; }
a { color:#2C71F2;
text-decoration:none;
font-weight: bold;
}
a:hover { text-decoration:underline; }

#newcontent {background-color:#d8e8f8;
padding-left:1em;}

#introtext {background-color:#FBF5D7;
padding-left:2em;
padding-right:2em;
padding-top:0.5em;
padding-bottom:0.5em;
border:1px solid #B4E4FA;
}

#introtext2 {
padding-left:2em;
padding-right:2em;
padding-top:0.5em;
padding-bottom:0.5em;
border:1px solid #ff0000;
background-image: url(‘/photography/common/fall.jpg’);
background-repeat: repeat
}

.comment {border-width:thin;
border-style:solid;
border-color:silver;
padding-left:25px;
padding-right:25px;
padding-top:5px;
padding-bottom:5px;
background:rgb(250,250,250);

}

.quote { font-style:italic;
background:rgb(250,250,250);

}

.quotes {
font-family: Georgia, “Times New Roman”, Times, serif;
font-size: 12px;
font-style: italic;
padding-left:20px;
padding-right:20px;
color: #000000;
background-color:#CCC896;
text-align: left;
border-width:thin;
border-style:solid;
border-color:black;
margin:10px;

}

.dayquote {border-width:thin;
border-style:solid;
border-color:silver;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
font:9px ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
background:rgb(250,250,250);

}

#highlight {border-width:thin;
border-style:solid;
border-color:silver;
padding-left:2px;
padding-right:2px;
padding-top:1px;
padding-bottom:1px;
background:rgb(250,250,0);
}

.snow {border-width:thin;
border-style:solid;
border-color:silver;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
background-image: url(‘/photography/common/snow_bg2.jpg’);
background-repeat: repeat
}

#header { background-color:#ffffff;
border-bottom:3px solid #ffffff;
padding:.2em .2em .2em .7em; }

#header h1 { font-size:12px;
padding:0;
margin:0;
font-weight:bolder;
color:#000; }

.topmenu2 { border-bottom:4px solid #1A5086;
background-color:#d8e8f8;
background-image: url(‘/photography/common/headerbg.jpg’);
margin-bottom:5px;
padding:.2em .2em .2em .7em;
clear:both; }

.sides { border-bottom:2px solid #CFDCE6;
background-color:#d8e8f8;
margin-left: 240px; /* was set to auto */
margin-right: auto;
margin-bottom:5px;
padding:.2em .2em .2em .7em;
clear:both; }

.sides ul { padding: 0; margin:0; }

.sides li { display:inline;
padding:0;
margin:0;
margin-right:3px; }

.sides a { font-size:12px;
text-decoration:none;
color:#FFF; }

.sides a:hover { text-decoration:underline; }

.navigation { background-color:#ffff00;
position: absolute;
top:100px;
left:30px;
}

/*
#right { float:right; width:70%;
}
#left { margin-right:70%; z-index:0; }
*/

/* attempt to make left column fixed width, right column fluid*/
#right {
max-width: 975px;
margin-left:240px;
padding:1px 10px 10px;
}

#left {
position:absolute;
top: 11em;
left:10px;
width:250px;
border:0px solid #c0c0c0;
}

.box { background-color:#fcfcf9;
border:1px solid #dddddd;
margin-right:5px;
margin-left:5px;
margin-bottom:5px; }

.box h1 { padding: 0px 0px 3px 0px; margin:0; line-height:1.2; color:#000; font-size:25px; border-bottom:1px solid #cccccc; }

.box h2 { padding:0; margin:0; color:#204666; font-size:20px; border-bottom:1px solid #cccccc; }

.boxcontent { padding:1em;
background-color:#fcfcf9;
margin:2px;
border-left:1px solid #fff }

.boxcontent2 { padding:1em;
background-color:#D9E4F3;
margin:2px;
z-index: -1;
font:10px ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
line-height:100%;
border-left:1px solid #fff }

.boxcontent3 { padding:1em;
background-color:#f0f0f0;
margin:2px;
z-index: -1;
border-left:1px solid #fff }

.boxcontent0 { padding:1em;
background-color:#FDFFEF;
margin:2px;
z-index: -1;
border-color: red;
border-style: solid;

}

/*

b.rtop, b.rbottom { display:block; background-color:#ffffff; }
b.rtop b, b.rbottom b { display:block; height:1px;
overflow:hidden; background-color:#ffffff; }
b.r1 { margin:0 5px; }
b.r2 { margin:0 3px; }
b.r3 { margin:0 2px; }
b.rtop b.r4, b.rbottom b.r4 { margin:0 1px; height:2px; }

*/

a.amazon {color: #B07A02;}

.buttons a {color: #000080;
border: 2px solid;
background-color: #78b8e8;
padding: 0px;
padding-left: 0px;
font: 10px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #204460 #6084a0 #6084a0 #204460;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons a:hover {border: 2px solid;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
background-color: #808080;
border-color: #204460 #6084a0 #6084a0 #204460;
color: #FFFFFF;
text-decoration: none;}

.buttons2 a {color: #000080;
border: 1px solid;
background-color: #EEE5C4;
padding: 0px;
padding-left: 0px;
font: 10px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons2 a:hover {border: 1px solid;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
background-color: #284A88;
border-color: #444444 #444444 #444444 #444444;
color: #FFFFFF;
text-decoration: none;}

iframe.left
{
float:left;
margin:10px 10px 10px 0px;
}

iframe.right
{
float:right;
margin:10px 0px 10px 10px;
}

table.sample {
border-width: 1px;
border-spacing: ;
border-style: solid;
border-color: silver;
border-collapse: collapse;

}
table.sample th {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: silver;

-moz-border-radius: ;
}
table.sample td {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: silver;

-moz-border-radius: ;
}

table.sample2 {
border-width: 1px;
border-spacing: ;
border-style: solid;
border-color: silver;
border-collapse: collapse;

}
table.sample2 th {
border-width: 1px;
padding: 10px;
border-style: solid;
border-color: silver;

-moz-border-radius: ;
}
table.sample2 td {
border-width: 1px;
padding: 10px;
border-style: solid;
border-color: silver;

-moz-border-radius: ;
}

table.oldstyle {
border: 0;
font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
font-size:14px;
line-height:150%;
}

table.oldstyle {
background-color: #FFFFFF

}

.adbox {
background-color: rgb(252,252,246);
background-image: url(“/photography/products/adorama_olive_blank.jpg”);
background-repeat: no-repeat;
width: 544px;
padding:15px 5px 0px 145px;
border: 1px;
border-style: solid;
border-color: #EEE;
margin: 0px;

}

.abx2 {
background-color: rgb(252,252,246);
background-image: url(“/photography/products/adorama_green_blank.jpg”);
background-repeat: no-repeat;
width: 544px;
padding:15px 5px 0px 145px;
border: 1px;
border-style: solid;
border-color: #EEE;
margin: 0px;

}

.adbox3 {
background-color: rgb(252,252,246);
background-image: url(“/photography/products/adorama_purple-camera_blank.jpg”);
background-repeat: no-repeat;
width: 544px;
padding:15px 5px 0px 145px;
border: 1px;
border-style: solid;
border-color: #EEE;
margin: 0px;

}

.adbox4 {
background-color: rgb(252,252,246);
background-image: url(“/photography/products/adorama_green-camera_blank.jpg”);
background-repeat: no-repeat;
width: 544px;
padding:15px 5px 0px 145px;
border: 1px;
border-style: solid;
border-color: #EEE;
margin: 0px;

}

.adbox5 {
background-color: rgb(252,252,246);
background-image: url(“/photography/products/adorama_cyan_blank.jpg”);
background-repeat: no-repeat;
width: 544px;
padding:15px 5px 0px 145px;
border: 1px;
border-style: solid;
border-color: #EEE;
margin: 0px;

}

ul.indent {
margin: 0px;
padding-bottom: 15px;
list-style-image: url(‘/photography/products/adorama_blue_blank_bullet.gif’);
list-style-position: inside;

}
a.ex1:link {color: blue; font-weight: normal;}
a.ex1:visited {color: blue; font-weight: normal;}
a.ex1:hover {color: red; font-weight: normal;}