/* OneClickWebcastingStyle.css - for the OneClickWebcasting Website*/
/* Original (c) 2007 by Paul Kirkaas */
/* Customizations of standard HTML elements (h1, li, etc) are at end of style sheet */


/*
#content {margin-left: 10em;}
*/

body {
/*
  background: #ccc;
*/
  background: transparent;
  height: 100%;
  min-width: 770px;
}
/*
  width: 100%;
*/

/* otherpromo & promotron must have same background color as body */
/* They are the containers for the left & right colummn content*/
  .otherpromo {
    position: relative;
    font-weight: bold;
    font-style: italic;
    float: left;
    width: 160px;
    height: 100%;
}
  .promotron {
    position: relative;
    font-weight: bold;
    font-style: italic;
    float: right;
    width: 160px;
}

.pkcontainer {
  background: transparent;
  height: 100%;
  width: 720px;
  overflow: auto;
}

/*
 */


.main {
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0px;
  background-image: url(./Images/ABackgroundPattern-jt60.jpg);
  height: 100%;
  overflow: auto;

/*
  width: 100%;
  margin-left: 170px;
  background-image: url(./Images/CloseUpVideoCam-543245_43020824.jpg); 
  border: 4px solid black;
  padding-top: 130px;
*/
}
.main p {padding: .5em;}
.main li {margin: .5em;}

.boxRight, .boxRightLinks {
  margin-top: .5em;
  margin-left: .5em;
  position: relative;
  float: right;
  border: 2px solid Black;
  width: 20em;
  padding: .5em;
  font-size: small;
  background: Yellow;
}
.boxRight li {margin-left: 2em;}

 .boxRightLinks { width: 400px;}
/* Here we redifine the dimensions of the default PK3colCSS classes */
.container {
  top: 0px;
  margin-left: 170px;
  margin-right: 170px;
  background-image: url(./Images/ABackgroundPattern-jt60.jpg);
  height: 100%;
  width: 100%;
/*
  background-image: url(./Images/HarmlessBackground1.gif);
To have borders here, have to shrink column content widths by a couple pixels, or increase margins.
  border-width: 2px;
  border-style: solid;
  border-color: black;
*/
}

/* The left column */
.decor {
/*
  font-size: small;
*/
  width: 160px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  background: #ccc;
  overflow: auto;
}
  
.textborder {border: 1px solid black; padding: 0px;}

#headers {
/*
  border-width: 5px;
  border-style: solid;
  border-color: black;
*/
  top: 0px;
/*
  height: 125px;
  height: 135;
  background-image: url("./Images/FrostedGlass.bmp");
  background-image: url("./Images/BlueBlackPattern-933241_22105636-r90h-rev.jpg");
  margin: 0cm 0cm -.5cm 0cm;
*/
  width: 920px;
  background-color: transparent;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

 /* FOOTER HEIGHT, TOP-MARGIN, AND CLEARpADDING HEIGHT MUST BE THE SAME!!! */
/* "clearPadding" -- include at bottom of columns; height = footer height.
 */
.clearPadding {height: 20px; /* This is same height as footer; follows each Content 
				column to allow for pulling up footer by negative margin.*/}
.footer {
  margin-top: -20px;
  height: 20px;
}
 

body {
  top: 0px;
  color: black; 
  font-family: arial, helvetica, sans-serif;
/* Background color for side columns - must be the same as promotron & other promo
  background-color: #33ccff ;
*/
  background-color: white;
  height: 100%;
}

/* To standardize the images on the sidebars */
.sideimage{
  padding: 0;
/*
  border: solid 3px black;
  margin-top: .5em;
  margin-bottom: .5em;
*/
}

/* The class to format the company name "One Click Webcasting" wherever it occurs.  Could use "content" here if only *!@#!! IE supported it...*/

.octm {
  font-family: "Arial";
  font-stretch: wider;
  font-style: oblique;
  font-weight: bolder;
  color: #660000;
/*
  font-family: "Arial Black";
  font-weight: bold;
*/
}


/* Simple Menues 1 */
ul#navigationS1 {
/*
height: 40px;
*/
padding: 0;
margin: 0;
background-color: black;
color: #fff;
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
float: left;
width: 100%;
}
ul#navigationS1 li { display: inline; }
ul#navigationS1 li a {
padding: .25em .5em;
background-color: black;
color: #fff;
text-decoration: none;
float: left;
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}

ul#navigationS1 li a:hover {
/*
color: #fff;
background-color: #660000;
*/
color: black;
background-color: transparent;
}

ul#navigationS1 li a:active {background-color: #000; color: #0f0;} 
/* END: Simple Menues 1 */


/*
  "This is text"
  before { content: "Hi!";}
  after: "Goodbye!";
  margin-left: 10%; margin-right: 10%;
*/

/* Customizations of standard HTML elements (h1, li, etc)*/

h1 {
  padding-top: .5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: .3em;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: .3em;
}

li {
  padding-top: 0em;
  padding-bottom: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
}
/*  Doesn't seem to work...
*/

/* Decorations for custom commemorative web pages:
 */

.frame {
  float: right;
  background-image: url("./Images/portrait-Frame.gif");
  background-position: center center;
  background-repeat: no-repeat;
  width: 335px;
  height: 340px;
  padding: 0px;
  border: solid 1px black;
}

/* To be put in .frame, above */
.framedphoto {
  width: 315px;
  height: 320px;
  margin: 10px;
}


.bluebox {
  float: left;
  width: 230px;
  border: solid 1px blue;
  background-image: url("./Images/fieldset-bg-beach.gif");
  background-repeat: repeat-x;
  margin-right: 1em;
}

.bluebox h1 {
  font: verdana medium;
  padding-left: .5em;
  font-size: medium;
  color: blue;
}

.bluebox p {
  color: blue;
}


.pinkbox {
  float: left;
  width: 230px;
  border: solid 1px fuchsia;
  background-image: url("./Images/PinkToWhite.gif");
  background-repeat: repeat-x;
  margin-right: 1em;
}

.pinkbox h1 {
  font: verdana medium;
  padding-left: .5em;
  font-size: medium;
  color: fuchsia;
}

.pinkbox p {
  color: fuchsia;
}

/* Pricelist formatting */
.pricelist {background: #ffff75;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;

  }

.pricelist td {
    padding: .5em;
  }