*{
  margin: 0;
  padding: 0;
  }


html, body {
height: 100%;
margin: 0;
padding: 0;
font-family:Helvetica,Arial,sans-serif;
color: #000000;
font-size: 12px;
font-variant:normal;
background-color:#DE6183;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
  

  

  #mainbox {
  width:935px;
  margin:0 auto;
  height:1045px;
  position:relative;
  z-index:1;
  }
  
  .pink{
  
  color:#DE6183;
  
  }
  
  
  
  #logo-menu {
  width:935px;
  height:117px;
  margin:0 0 0 0;
  padding:24px 0 0 0;
  float:left;
  }

  #logo{
  width:377px;
  height:117px;
  float:left;
  }
  
  #logo h1 {
  text-indent:-2000px;
  }
  
  #logo h1 a {
  display:block;
  height:117px;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(images/new-logo-home.png) no-repeat;  
  behavior: url("http://workplay.com/wp-content/themes/workplay/iepngfix.htc");
  }
  

  
  #logo h1 a:hover {
  display:block;
  height:117px;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(images/new-logo-home.png) no-repeat;  
  behavior: url("http://beta.workplay.com/wp-content/themes/workplay/iepngfix.htc");
  }
  
  #menu{
  width:558px;
  height:97px;
  float:right;
  padding: 20px 0 0 0;
  }
  
  #sb{
  width:548px;
  height:40px;
  float:left;
  margin:0 0 0 0;
  text-align:right;
  }
  
  #menu-bar{
  width:548px;
  float:left;
  margin:0 0 0 0;
  height:20px;
  }
  
  #menu-bar ul{
  list-style:none;
  padding:0;
  float:right;
  }
  
  #menu-bar ul li{
  list-style:none;
  float:left;
  padding: 0 0 0 15px;
  margin:0 0 0 7px;
  font-size:12px;
  font-weight:bold;
  }
  
  .menu{
  background-image:url(images/list-icon3.jpg);
  background-repeat:no-repeat;
  background-position:-4px 0px;
  }
  
  #menu-bar ul li a{
  text-decoration:none;
  color:#404040;
  }
  
  #menu-bar ul li a:hover{
  text-decoration:underline;
  color:#404040;
  }
  
  #sign{
  width:548px;
  height:30px;
  float:left;
  color:#fdca00;
  text-align:right;
  font-weight:bold;
  font-size:16px;
  }
  
  #sign a{
  text-decoration:none;
  color:#ffffff;
  } 
  
  #sign a:hover{
  text-decoration:underline;
  color:#ffffff;
  }    
  
  
  #soundstage{
  width:915px;
  height:328px;
  padding:7px 0 0 6px;
  margin:1px 0 20px 0;
  float:left;
  }
  
  #middle{
  width:915px;
  height:834px;
  padding:10px;
  margin:0;
  float:left;
  background-image:url(images/bg-white.png);
  background-repeat:no-repeat;

  }
  
  #left-pink{
  width:529px;
  height:400px;
  margin:0;
  float:left;
  }
  
  
  #news-image{
  width:514px;
  height:280px;
  margin:0 0 0 0;
  float:left;
  }
  
  #heading{
  width:504px;
  font-size:24px;
  padding: 0 0 0 10px;
  color:#333333;
  float:left;
  height:32px;  
  }
  
  #sub-heading{
  width:504px;
  font-size:16px;
  padding: 0 0 0 10px;
  color:#333333;
  float:left;
  font-weight:bold; 
  }
  
  #heading h3{
  font-size:32px;
  color:#333333;
  }
  
  #heading h3 a{
  font-size:32px;
  color:#333333;
  text-decoration:none;
  }
  
  #heading h3{
  font-size:32px;
  color:#333333;
  text-decoration:none;
  }
  
  #main-content{
  width:514px;
  height:400px;
  margin:0;
  float:left;
  }
  
  .post{
  width:504px;
  margin:30px 0 0 0;
  padding: 0 0 0 10px;
  float:left;
  }
  
  .post1{
  width:484px;
  margin:30px 0 0 0;
  padding: 0 20px 0 10px;
  float:left;
  }
  
  .post1 p{
  margin-bottom:5px;

  }
  
  .thumbnail{
  width:79px;
  height:123px;
  margin:0 0 0 0;
  float:left;
  }
  
  .content{
  width:415px;
  margin:0 0 0 0;
  padding: 0 0 0 10px;
  float:right;
  }
  
  .title{
  width:415px;
  margin:0 0 0 0;
  float:left;
  font-size:16px;
  font-weight:bold;
  }
  
  .title h1{
  font-size:16px;
  font-weight:bold;
  }
  
  .title h1 a{
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#333333;
  }
  
  .title h1 a:hover{
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#333333;
  }


  .post-content{
  width:395px;
  margin:10px 0 0 0;
  padding: 0 20px 0 0;
  float:left;
  font-size:12px;
  }
  
    
  #sidebar-pink{
  width:364px;
  height:400px;
  margin:0;
  padding: 0 10px 0 7px;
  float:right;
  }
  
  .hottickets{
  width:358px;
  float:left;
  margin:0 0 10px 0;
  }
  
  .hottickets-top{
  width:358px;
  height:14px;
  float:left;
  background-image:url(images/sidebar-top.jpg);
  background-repeat:no-repeat;
  }
  
  .display{
  display:none;
  
  }
  
  .hottickets-middle{
  width:338px;
  float:left;
  padding:10px;
  background-image:url(images/sidebar-middle.jpg);
  background-repeat:repeat-y;
  overflow:auto;
  text-align:right;
  font-size:18px;
  font-weight:bold;
  line-height:30px;
  text-align:center;
  color:#A3FF8D;
  }
  
  .hottickets-middle a{
  font-size:18px;
  font-weight:bold;
  color:#A3FF8D;
  text-decoration:none;
  }
  
  .hottickets-middle a:hover{
  font-size:18px;
  font-weight:bold;
  color:#A3FF8D;
  text-decoration:none;
  }
  
  h2{
  color:#000000;
  font-size:22px;
  text-align:rightl
  
  }
  
  .hottickets-bottom{
  width:358px;
  height:14px;
  float:left;
  background-image:url(images/sidebar-bottom.jpg);
  background-repeat:no-repeat;
  }
  
  
  #footer{
  width:935px;
  height:50px;
  margin:0;
  float:left;
  }
  
  #footer1{
  width:935px;
  height:25px;
  margin:0;
  float:left;
  text-align:center;
  line-height:25px;
  }
  
  #footer1 ul{
  width:705px;
  padding: 0 0 0 230px;
  list-style:none;
  text-align:center;
  }
  
  #footer1 ul li{
  list-style:none;
  float:left;
  color:#FFFFFF;
  margin:0 10px 0 0;
  } 
  
  #footer1 ul li a{
  color:#FFFFFF;
  text-decoration:none;
  }
  
  #footer1 ul li a:hover{
  color:#FFFFFF;
  text-decoration:underline;
  }  
  
  #footer2{
  width:935px;
  height:25px;
  margin:0;
  float:left;
  line-height:15px;
  }
  
  #footer2 ul{
  width:655px;
  padding: 0 0 0 280px;
  list-style:none;
  color:#fac305;
  }
  
  #footer2 ul li{
  list-style:none;
  float:left;
  color:#78eaff;
  margin:0 10px 0 0;
  }
  
  #footer2 ul li a{
  text-decoration:none;
  color:#78eaff;
  }
  
  #footer2 ul li a:hover{
  text-decoration:underline;
  color:#78eaff;
  } 
  
  
/*---------------------------------------------*/
/*--------------------Pop ups-----------------*/
/*-------------------------------------------*/

  #mask {
  width:600px;
  height:400px;
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  float:left;
  }
  
  #boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:none;
  z-index:9999;
  padding:0 0 10px 10px;
  }
  
  #boxes a{
  color:#000000;
  }
  
  #boxes a:hover{
  color:#000000;
  }  
  
  .close{
  float:right;
  margin:5px 5px 0 0;
  color:#000000;
  }
  
  .close a{
  color:#000000;
  }
  
  .close a:hover{
  color:#000000;
  }
  
  .close2{
  float:right;
  margin:0 20px 0 0;
  color:#00CCFF;
  }
  
  .signup{
  margin:140px 0 0 0;
  color:#000000;
  }
  
  
  .signup a{
  text-decoration:underline;
  color:#000000;
  }
  
  .signup a:hover{
  text-decoration:underline;
  color:#000000;
  }  

  #boxes #dialog {
  width:600px; 
  height:340px;
  padding:10px;
  background-color:#ffffff;
  background-image:url(images/login-bg.jpg);
  background-repeat:no-repeat;
  padding: 0 0 0 0;
  border:1px solid #666666;
  top:130px;
  left:320px;
  }

  #boxes #dialog1 {
  width:600px; 
  height:475px;
  top:460px;
  left:5px;
  overflow:hidden; 
  }

 

  #boxes #dialog2 {
  width:400px; 
  height:320px;
  background-image:url(images/contact-us-bg.jpg);
  background-repeat:no-repeat;
  color:#000000;
  border:1px solid #666666;
  background-color:#FFFFFF;
  text-align:left;
  font-weight:bold;
  position:absolute;
  top:680px;
  left:150px;
  }
  
  #boxes #dialog2 p {
  padding:5px;
  }
  
  #boxes #dialog2  a {
  color:#000000;
  text-decoration:underline;
  }
  
  #boxes #dialog2 a:hover {
  color:#000000;
  text-decoration:underline;
  }
  
  #boxes #dialog3 {
  width:600px; 
  height:400px;
  padding:10px;
  background-color:#ffffff;
  background-image:url(images/privacy.jpg);
  background-repeat:no-repeat;
  padding: 0 0 0 0;
  border:1px solid #666666;
  color:#000000;
  text-align:justify;
  font-weight:bold;
  top:600px;
  left:150px;
  }
  
  #boxes #dialog3 p {
  padding:5px;
  }
  
  #boxes #dialog3 p a {
  text-decoration:none;
  color:#000000;
  }
  
  #boxes #dialog3 p a:hover {
  text-decoration:underline;
  color:#000000;
  }

  #boxes #dialog4 {
  width:600px; 
  height:340px;
  padding:10px;
  background-color:#ffffff;
  background-image:url(images/TERMS.jpg);
  background-repeat:no-repeat;
  padding: 0 0 0 0;
  border:1px solid #666666;
  color:#000000;
  text-align:justify;
  font-weight:bold;
  top:650px;
  left:150px;
  }
  
  #boxes #dialog4 p {
  padding:5px;
  }
  
  #boxes #dialog4 p a {
  text-decoration:none;
  color:#000000;
  }
  
  #boxes #dialog4 p a:hover {
  text-decoration:underline;
  color:#000000;
  } 
  
  
  #boxes #dialog5 {
  width:375px; 
  height:500px;
  padding:10px;
  background-color:#ffffff;
  background-image:url(images/catering.jpg);
  background-repeat:no-repeat;
  padding: 0 0 0 0;
  border:1px solid #666666;
  color:#000000;
  text-align:justify;
  font-weight:bold;
  top:460px;
  left:150px;
  }
  
  #boxes #dialog5 p {
  padding:5px;
  }
  
  #boxes #dialog5 p a {
  text-decoration:none;
  color:#000000;
  }
  
  #boxes #dialog5 p a:hover {
  text-decoration:underline;
  color:#000000;
  }  
  
   
   
  
  /*---------------------------------------------*/
/*--------------Blog Page Css-----------------*/
/*-------------------------------------------*/
  
  #top-mainbox{
  width:100%;
  background-image:url(images/blog-bg.jpg);
  }
  
  #middle-new{
  width:915px;
  height:829px;
  padding:15px 10px 10px 10px;
  margin:0;
  float:left;
  }
  
  #left-new{
  width:524px;
  height:834px;
  margin:0;
  float:left;
  padding:0 0 0 5px;
  }

  #main-content-top-new{
  width:524px;
  margin:0 0 0 0;
  float:left;
  background-image:url(images/main-content-bg.jpg);
  background-repeat:no-repeat;
  height:23px;
  }
  
  #main-content-new{
  width:524px;
  float:left;
  background-image:url(images/main-content-bg-bottom.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  background-color:#3a687a;
  color:#ffffff;
  height:790px;
  padding:0 0 10px 0;
  }
  
  #main-content-blog-new{
  width:514px;
  float:left;
  color:#ffffff;
  height:780px;
  overflow:auto;
  }
  
  .menu-blog{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(images/blog-menu-bg.png) no-repeat;  
  behavior: url("/paul/wp-content/themes/workplay/iepngfix.htc");
  background-position:-1px 0;
  }

  .post-new{
  width:484px;
  margin:0 0 30px 0;
  padding: 0 0 0 10px;
  float:left;
  }
  
  .thumbnail3-new{
  width:79px;
  height:123px;
  margin:0 0 0 0;
  float:left;
  }
  
  .thumbnail3-new a{
  color:#FFFFFF;
  text-decoration:none;
  }
  
  .thumbnail3-new a:hover{
  color:#FFFFFF;
  text-decoration:underline;
  } 
  
  .content3-new{
  width:380px;
  margin:0 0 0 0;
  padding: 0 0 0 8px;
  float:left;
  } 
  
  .post-content3-new{
  width:380px;
  margin:10px 0 0 0;
  padding: 0 0 0 0;
  float:left;
  font-size:12px;
  }
  
  .post-content3-new a{
  color:#F8D016;
  text-decoration:none;
  }
  
  .post-content3-new a:hover{
  color:#F8D016;
  text-decoration:underline;
  }
  
  .title3-new{
  width:350px;
  margin:0 0 0 0;
  float:left;
  font-size:16px;
  font-weight:bold;
  }
  
  .title3-new h1{
  font-size:16px;
  font-weight:bold;
  }
  
  .title3-new h1 a{
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#ffffff;
  }
  
  .title3-new h1 a:hover{
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#ffffff;
  } 
  
  #sidebar-new{
  width:374px;
  margin:0;
  padding: 0 0 0 7px;
  float:right;
  }
  
  #hottickets{
  width:358px;
  float:left;
  }
  
  #hottickets-top{
  width:338px;
  height:34px;
  float:left;
  padding: 10px 20px 0 0;
  text-align:right;
  }
  
  .display{
  display:none;
  }
  
  #hottickets-middle-new{
  width:333px;
  float:left;
  padding:10px 15px 10px 10px;
  text-align:left;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  }
  
  #hottickets-middle-content-new{
  width:318px;
  float:left;
  overflow:auto;
  padding: 0 10px 0 0;
  }
  
  #hottickets-middle-content-new h3{
  font-size:20px;
  color:#f3c523;
  margin:0 0 5px 0;
  }
  
  #hottickets-middle-content-new p{
  color:#3a6879;
  font-size:
  }
  
  #hottickets-bottom-new{
  width:358px;
  height:14px;
  float:left;
  }
  
  #banner-sidebar-new{
  width:298px;
  height:259px;
  float:left;
  margin: 14px 0 0 0;
  padding:0 0 0 10px;
  }
  
  #banner-sidebar-new h3{
  font-size:20px;
  color:#f3c523;
  margin:0 0 5px 0;
  } 
  
  #banner-sidebar-new ul{
  font-size:12px;
  color:#3a6879;
  list-style:none;
  } 
  
  #banner-sidebar-new ul li{
  font-size:12px;
  color:#3a6879;
  list-style:none;
  }
  
  #banner-sidebar-new ul li a{
  font-size:12px;
  color:#3a6879;
  list-style:none;
  text-decoration:none;
  } 
  
  #banner-sidebar-new ul li a{
  font-size:12px;
  color:#3a6879;
  list-style:none;
  text-decoration:underline;
  }