/* CSS Document */

body {
 background-color: #000;
background-image:url("../siteimages/mattBG.gif");
 background-position:left top;
 background-repeat: no-repeat;
 background-attachment:fixed;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}


#heady {
 margin: 24px 0 0 182px;
 width:890px;
}

#photoRealm {
 float:left;
 width:550px;
 text-align:right;
}

#photoRealm img {
 border:2px solid #fff;	
 margin-left:20px;
}

#mphLogo {
  margin:5px 0 0 0px; 
}

h1#headLabel {
 background: #026bac;
 color:#fff;
 padding:.5em;
 font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align:center;
}

h2#home_intro {
	font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	margin:0px 0 0 0px;
	padding:.5em;
	border-bottom:thin solid #000;
	background:#CCDEDE;
	width:68%;
}

#container { 
	width: 890px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 28px 0 0 192px; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	  min-height:500px;
	  height:auto !important;
	  height:500px;
	  padding:5px;
        background:#000;

	opacity: 0.8;					  
	  overflow:visible;

  
}


#container a {
 text-decoration:none;
 color:#0066CC;
}

.roundedBox {position:relative; padding:17px; margin:10px 0;}

    .corner {position:absolute; width:17px; height:17px;}

        .topLeft {top:0; left:0; background-position:-1px -1px;}
        .topRight {top:0; right:0; background-position:-19px -1px;}
        .bottomLeft {bottom:0; left:0; background-position:-1px -19px;}
        .bottomRight {bottom:0; right:0; background-position:-19px -19px;}

    #container .corner {background-image:url(../siteimages/corners-type1.gif);}

#homeLeft {
	float:left;
	width:390px;
	margin-left:12px;
	margin-top:12px;
}

#showsHome {
 	
  width:90%;
  margin-top:8px;
  margin-left:8px;
}
.showMod {
  border-bottom:thin solid black;	
  font:.8em Arial, Helvetica, sans-serif;
  border:2px dotted #03F;
  margin-top:.4em;
  background:#fff;
}

td {
 vertical-align:top;

}

#homeRight {
  float:left;
  width:470px;
  margin-top:12px;
}

.newsPost {
 background:#CCC;
 border:thick inset #FFF;
 padding:.4em;
 margin-top:8px;
 
}

.newsPost h2 {
 font:bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
 margin:none;
}

.newsPost p {
 font:.7em "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

div#blogLinks {
  text-align:center;
  margin-top:16px;
  background:#09F;
}

div#blogLinks a, div#blogLinks a:visited{
	color:#fff;
}

div#blogStage {
  
  width:95%;
  margin-top:16px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  background:#FFF;
  border:2px solid black;
  padding:10px;
  padding-top:6px;
}

div#blogStage h3 {
	font: bold 16px Arial;
	margin-bottom:12px;
}

#left {
 width:430px;
 float:left;
 padding:5px;

} 

#left ul li {
font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;

}

#right {
 width:300px;
 margin-left:15px;
 margin-top:15px;
 float:left;
 clear:right;
color:#fff;
}

#right a {
font:.9em Trebuchet MS, Arial, Helvetica, sans-serif;



}

#web_left {
 width:230px;
 float:left;
}

#web_right {
 width:490px;
 float:left;
 clear:right;
 border:2px solid red;
}

#location {
  background: #242021 url(../siteimages/Manhattan.gif) left top no-repeat;
  width:290px;
  height:200px;
  margin-top:20px;
}

#status {
  position:relative;
  top:95px;
  left:14px;
  color:#fff;
}

h1 {
  font:bold 18px Arial;
  color:#000033;
  margin-top:0;
  border-bottom:3px solid #000033;
}
h2 {
 font:bold 16px ;
 margin-bottom:0;

}

h3 {
 font:bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
;
 margin-bottom:4px;
color:white;
}
p {
 margin-top:2px;
 font:.8em Arial;
}

#socialLinks {
  background:white;
  padding:3px;
  width:85%;
}

div#jokeMonth {
 color:#fff;
}