/*<?PHP header("Content-type: text/css"); ?> */


#pagebox {
       border: 1px solid black;
	width: 100%;
	background: url("images/tile_texture_2.jpg");
	color: white; /* #e9f5fe; */
	-moz-box-shadow: 8px 8px 13px #000;
	-webkit-box-shadow: 8px 8px 13px #000;
	box-shadow: 8px 8px 13px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#cd {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.35);
}

.cdimagebox {
	width: 400px;
	height: 405px;
	padding: 5px;
	background-color: white;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 8px 8px 13px #000;
	-webkit-box-shadow: 8px 8px 13px #000;
	box-shadow: 8px 8px 13px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.cdimageholder {
	width: 400px;
	background-color: black;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cdimage {

}


.menu {
  text-shadow: 3px 3px 3px black;
}

a {
  color: #8fa0d8;  // lighter light blue
  text-decoration: none;
}

a:visited {
  color: #8fa0d8;  // lighter light blue
  text-decoration: none;
}

/* Remember to keep :hover AFTER :link and :visited */
a:hover, a:focus {
  color: #aec0f9; // lightest light blue
  text-decoration: none;
}

a:active {
  color: white;
  text-decoration: none;
}

#pagebox #main a {
  color: #51a2d1; // #006600;   /* #0a124d; */ Color of links within the main part of the page
  text-decoration: none:
}

body {
  margin:           0;
  border:           0;
  padding:          0;
  color:            white;
  font-size:        1.2em;
  font-family:      Arial,Helvetica,sans-serif,"Trebuchet MS";
  text-align:       center;

  /* Pages Background Gradient Color
  background: #0a124d;*/ /* for non-css3 browsers */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a124d', endColorstr='#64698f');*/ /* for IE */
  /*background: -webkit-gradient(linear, left top, left bottom, from(#0a124d), to(#64698f));*/  /* for webkit browsers */
  /*background: -moz-linear-gradient(top, #0a124d, #64698f);*/ /* for firefox 3.6+ */ 
  
  background: #0283f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMjgzZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDgwZjE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #0283f4 0%, #080f16 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0283f4), color-stop(100%,#080f16)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #0283f4 0%,#080f16 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #0283f4 0%,#080f16 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #0283f4 0%,#080f16 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #0283f4 0%,#080f16 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0283f4', endColorstr='#080f16',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  
  
  
  
}

#content {
  display:      block;
  width:        900px;
  margin-left:  auto;
  margin-right: auto;
  padding:      25px;
  text-align:   left;
}

#header {
  display:    block;
  clear:      both;
  padding:    5px;
  text-align: center;
}

#main {
  display:    block;
  background: #003f68;
  opacity:    0.9;
  clear:      both;
  text-align: left;
  padding:    5px 25px 5px 25px;
  margin:	30px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

#footer {
  text-align: center;
  padding: 5px;
  clear: both;
}

.ptext {
  text-decoration: none;
  font-size: 0.95em;
  color: white;
}

.center {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.f_left {
  display:       inline;
  float:         left;
  padding-right: 15px;
}

.f_right {
  display:      inline;
  float:        right;
  padding-left: 15px;
}

p {
  margin-top:    10px;
  margin-right:  0px;
  margin-bottom: 10px;
  margin-left:   0px;
}

.menu {
  display:      table;
  margin-top:       10px;
  margin-right: auto;
  margin-left:  auto;
  border:       0;
  padding:      5px 10px 20px 10px;
  text-align:   left;
  white-space:  nowrap;
  overflow:     hidden;
  font-weight:  bold;
  color:        #d0ffa0;
}

.menu > ul {
  display:    table-row;
  margin:     0;
  border:     1px dotted gray;
  padding:    0;
  text-align: left;
  list-style: none;
} 

.menu > ul > li {
  display:    table-cell;
  margin:     0;
  border:     0;
  padding:    0 10px 5px 10px;
  text-align: center;
}

.menu > ul > li.item_selected > a {
  color: white;
}

.headline {
  font-weight:  bold;
  font-size:    1.6em;
  color: white; /* #0a124d; color:        #d0ffa0;*/
  font-family:  arial,helvetica,sans-serif;
  text-align:   center;
  padding: 20px;
}

.subheadline {
  position:	relative;
  text-align: center;
  left: -20px;
  font-size: 1.1em;
  font-weight: bold;
  color: white;/* color: #b0ffcf; */
}

.videobox {
  margin:  0;
  padding: 0.2em 2em 0.2em 2em;
}

.borderless {
  border:    0;
}

.nodec {
  text-decoration: none;
}

.copyright{
  clear:    both;
  font-size:  .75em;
  text-align:  center;
  color: #ffffff;
}

.brad5 {
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
}

.eventtitle {
  position: relative;
  left:     -20px;
  font-size: 1.1em;
  font-weight: bold;
  //color: #b0ffcf;
}

.fb_box {
  background-color:      #f8f8ff;
  width:                 739px;
  overflow:              hide;
  border:                1px solid #90b0ff;
  margin:                8px 0px 8px 0px;
  padding:               7px;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;
  border-radius:         5px;
}

.spacer {
  margin-top: 3em;
}

#pictureFrameHolder {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#pictureFrameBox {
  width: 440px;
  height: 620px;
  display: block;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid gray;
  background: #000000;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 8px 8px 13px #000;
  -webkit-box-shadow: 8px 8px 13px #000;
  box-shadow: 8px 8px 13px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#playerDiv {
  text-align:		center;
  width:		640px;
  margin: 		0 auto;
  padding:		0.2em 2em 0.2em 2em;
}

#musicPlayerBox {
  border: 2px solid gray;
  background: #000000;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 8px 8px 13px #000;
  -webkit-box-shadow: 8px 8px 13px #000;
  box-shadow: 8px 8px 13px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.player_button {
  font-size: 0.7em;
  width: 285px;
  border: 1px solid #3c5596; // darker color
  background-color: #4a69b9; // lighter color
  border-radius: 15px;
  box-shadow: inset 5px 6px 12px #4a69b9, inset -1px -20px 5px #3c5596, 1px 2px 1px black;
  -o-box-shadow: inset 5px 6px 12px #4a69b9, inset -1px -20px 5px #3c5596, 1px 2px 1px black;
  -webkit-box-shadow: inset 5px 6px 12px #4a69b9, inset -1px -20px 5px #3c5596, 1px 2px 1px black;
  -moz-box-shadow: inset 5px 6px 12px #4a69b9, inset -1px -20px 5px #3c5596, 1px 2px 1px black;
  color: white;
  text-shadow: 1px 1px 1px black;
  padding: 5px 30px;
}

.player_table_box {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.player_table {
  width: 100%;
}

.nowplayingbox {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 0.5em;
  background: #dadada;
  color: black;
  font-style: italic;
}

.cdsongs {
	text-decoration: none;
	font-size:.8em;
	font-weight: bold;
}

.cdsongs table {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 80%;
}
.cdsongs a {text-decoration:none;color:black;}
.cdsongs a:visited {text-decoration:none;color:black;}
.cdsongs a:hover {text-decoration:underline;color:black;}
.cdsongs a:active {text-decoration:none;color:black;}
.cdsongs a:focus {text-decoration:underline;color:black;}

/* Link and Button Colors For Reference
color: #8fa0d8;  // lighter light blue
color: #4a69b9;  // darker light blue
color: #99b0ff;  // lightest light blue
color: #3c5596;  // darkest blue */

.small {
	font-size: 0.6em;
}

#monitor.us.Box {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%
  border: 1px solid black;
  background: white;
  color: black;
  -moz-box-shadow: 8px 8px 13px #000;
  -webkit-box-shadow: 8px 8px 13px #000;
  box-shadow: 8px 8px 13px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  border-radius: 15px;
  -moz-border-radius: 15px;
}

#monitor.us {
  width: 140px;
  height: 60px;
  display: block;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid gray;
  background: #000000;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 8px 8px 13px #000;
  -webkit-box-shadow: 8px 8px 13px #000;
  box-shadow: 8px 8px 13px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#tablebox {
    display: table;
}

#row  {
    display: table-row;
    width: 100%;
}

#left {
    display: table-cell;
    width: 325px;
    vertical-align: top;
    text-align: center;
}
#right {
    display: table-cell;
    width: 402px;
    height: 242px;
}
#middle {
    display: table-cell;
}