.Black {
  Color: #000000;
}

.Pale Green {
  Color: #F1FFE2;
}

.Very dark blue for anchors {
  Color: #003874;
}

.Pink for Form backgrounds{
  Color: #FDE8F7;
}

.Pale yellow  for content background{
  Color: #FEFFE1;
}

.Dark Beige {
  Color: #D0947E;
}

.Dark purple for backgrounds {
  Color: #71004A;
}
 
Light turquoise {
  Color: #23ADB9;
}


Dark turquoise {
  Color: #0F7780;
}

.Light Blue  {
  Color: #E2FFFF;
}

.Deep yellow {
  Color: #FFFFFF;
}





.centralbox {
	width:600px;
	height:100px;
	margin:0 auto 0 auto;
	border:0;
         background:#71004A;
font-size:20px;
text-align:center;
color:#FFFFFF;
}


.newcentralbox {
	width:300px;
	height:100px;
	margin:20px  auto 0 auto;
        background:F0DCD4;
        padding:15px;
text-align:center;
vertical-align:top;
color:red;
}
 
#topofpagelogin{
position:absolute;
width:100px;
height:110px;
font-size:10px;
color:#F0DCD4;
font-weight:bold;
right:0px;
top:0px;
background-color: #71004A;
}   
        
#topofpagelogin a {color:white; background-color: #71004A;}
#topofpagelogin a:hover {color:#71004a; background-color:#FEFFE1;}


#topofpageleft{
position:absolute;
width:100px;
height:70px;
font-size:10px;
color:#F0DCD4;
font-weight:bold;
left:0px;
top:10px;
background-color: #71004A;
}   
        
#topofpageleft a {color:white; background-color: #71004A;}
#topofpageleft a:hover {color:#71004a; background-color:#FEFFE1;}



/*Button Stuff*/


 #cmenu {
   float:left;
   width:100%;
   background:#71004A;
   margin-bottom:-20px;
   border-bottom:0;
   padding:10px 0 15px 0;
   overflow:hidden;
   position:relative;
}
#cmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#cmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#cmenu ul li a {
   display:block;
   margin:0 6px; 0 1px;
   padding:10px 10px;
   background:#000000;
   color:#FFF;
   border:#000000 solid 2px;
   text-decoration:none;
   font: bold  12px/14px verdana, arial, helvetica, sans-serif;
   line-height:1.3em;
}
#cmenu ul li a:hover {
   border:#FEFFE1 solid 2px;
   background:#FFFFFF;
   color:#003874;

}




body {
padding:0;
text-align:left;
color:#000;
background:  #71004A;
margin:0 ;
font: 11px verdana, arial, helvetica, sans-serif;
border:none ;
}


#content {
position: relative;
margin: 10px 168px 0 168px;
padding: 0 10px 10px 10px;
border-right: 1px solid #000;
background: #FEFFE1;
color: #000;
}






/* HEADINGS */

h1 {
margin:0px -173px 0px -172px;
background-color:#000; 
padding:0px;
height:30px;
font-size:20px;
text-align:center;
color:#FFFFFF;
}

h2 {
font:bold 12px/14px verdana, arial, helvetica, sans-serif;
margin:16px 0px 5px 0px;
padding:0px;
}

h3 {
font: bold italic 12px/14px verdana, arial, helvetica, sans-serif;
margin:16px 0px 5px 0px;
padding:0px;

}
h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

p {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}



blockquote {
background:  #FEFFE1;
border-left: 4px solid #71004A;
border-top: 1px solid #71004A;
border-bottom: 1px solid #71004A;
border-right: 1px #71004A;
font-size: 11px;
color: #000;
margin: 8px 2px 10px 6px;
padding: 10px 10px 10px 6px;
}



/* HEADER CONTAINING LOGO IN BACKGROUND */
#header {
width: 100%;
height:150px;
text-align:center;
overflow: hidden;
background: #71004a;
}




/* BLOG ENTRIES */

.blogentry {
margin:20px 0 20px 0;
background-color:#F0DCD4;
border:1px #003366 solid;
border-bottom:double;
padding:0px 15px 0px 15px;
}

.blogentry h1
{
margin: 0 -15px 0px -15px;
padding:10px;0;
background-color:#23ADB9;
color:#FFF;
}

.blogentry h2
{
font:10px verdana, arial, helvetica, sans-serif;
text-align:center;
height:20px;
margin: 0 -15px 20px -15px;
padding:5px 0 0 0;
background-color:#0F7780;
color:#FFF;
font-weight:bold;
}

.blogbottombit {
margin:-20px 0 20px 0;
text-align:left;
background-color:#FFFFFF;
border-bottom :1px #000 solid;
padding:0px 15px 0px 15px;
}


.commententry {
margin:20px 0 20px 0;
background-color:#F0DCD4;
border:1px #003366 solid;
border-top: 10px solid #D0947E;
border-bottom:double #D0947E;;
padding:5px 15px 0px 15px;
}

.commentbottombit {
margin:-20px 0 20px 0;
text-align:left;
background-color:#FFFFFF;
border-bottom :1px #D0947E solid;
padding:0px 15px 0px 15px;
}


/* FORMS and FORM ELEMENTS    */

.myform {
margin: 10px;
padding: 5px;
background-color: #FDE8F7;
border:  #71004A 2px solid;
width:620px;
}

.myform p {
clear: both;
 margin: 0;
}

fieldset {
padding: 0.25em 0;
margin: 10px 0;
padding: 10px;
border:#000000 1px solid;}

legend {
font-weight: bold;
color: #000000;
margin-bottom: 1em; 
}

.myform label {
 background-color: #FFFFFF;
 margin-top: 1px;
 margin-right: 10px; 
 padding-right: 10px; 
 width: 150px;
 height:auto; 
 display: block; 
 float: left; 
 text-align: right; 
 position: relative; 
}


.myform .hint {
 margin-left: 170px; 
 font-size: 90%; 
color: #000000;}
 
 .myform .spacer {
border-bottom: solid 1px #D0947E;
margin: 0 ;
padding: 0 0 6px 0;
clear: both;
}


.myform input {
display: inline; 
float: none;
margin :0 }

.myform input[type=text] {
width: 40px;
}

.myeventlist {
width:590px;
}


.eventnotlisted{
margin-left:300px;
}


textarea {
width: 400px;
height: 100px;
}

input[type=submit], input[type=reset] {
font-weight: bold;
width: 80px;
}

.sortradioframe {
display:block; 
border:1px  #D0947E solid; 
width:590px;}


.genrebox td{
width:89px;
color:#889900;
text-align:center;
}


/* ANCHORS              */

a {color: #003874; text-decoration: none; font-weight: bold;}
a:link {color: #003874;  text-decoration: none; font-weight: bold;}
a:visited {color: #003874; text-decoration: none;}
a:hover {color: #003874; text-decoration: none; background-color: #FFFFFF; border-bottom: 1px solid #000000;}
a.imglink:hover { border-bottom : 0; } /* for image links */

.ticket_stub {
width: 620px;
position: relative;
background-color:#E2FFFF;
border: 2px #003874 solid;
padding: 0 0 10px 10px;
margin:0 0 5px 0;
}

.ticket_stub td {
border-bottom:1px solid  #D0947E;
}

.ticket_stub table {
 border-collapse: collapse; 
}


/* TABLES AND STANDARD DISPLAYS */



.socialtable {
border-collapse: collapse;
width:580px;
}
 .socialtable td {
border-bottom:1px solid  #D0947E;
border-left:1px solid #d0947e;
background-color:#F0DCD4;
padding-top:4px;
padding-bottom:5px;
padding-left:1px;
text-align:center;
lwidth:207px;
}

.tixtable {
border-collapse: collapse;
background-color:#D0947E;
width:620px;
}
 .tixtable td {
border-bottom:1px solid  #D0947E;
border-left:1px solid #d0947e;
background-color:#F0DCD4;
padding-top:10px;
padding-bottom:5px;
padding-left:1px;


}

 .tixtable th {
border-bottom:1px solid  #D0947E;
height:20px;
text-align:center;
}


.showmail{
background-color:#F0DCD4;
border:  #D0947E 2px solid;
margin-top: 15px;
margin-bottom:15px;
width:620px;
margin-left:10px;
padding:5px;
}


.showoffer{
background-color:#F0DCD4;
border:  #D0947E 2px solid;
margin-top: 15px;
margin-bottom:15px;
width:620px;
margin-left:10px;
padding:5px;
}

.showoffer td {
border-bottom:1px solid  #D0947E;
}

.showoffer table {
 border-collapse: collapse;
 width:500px;
}




/* SHADING FOR TABLE GRIDS FOR BUYERS SELLERS ETC */


.show_seller_active {
background:#B1FDAF;
color:#044402;
}
.show_seller_inactive {
background:#D1DBD1;
color:#044402;
}

.show_available {background:#F0DCD4;}
.show_sold      {background:#eeeeee;}
.show_removed   {background:#eeeeee;}


/* TABLES FOR HEADINGS */

.tableblue {background-color:#E2FFFF;
            text-align:center;
            height:30px;
            font-size:16px;
            color:#003874;

}

.frontpagescrolly{
height: 430px;
overflow: auto;
border: 2px solid #003874;
background-color:  #000;
color:#FFF;
padding: 8px;
text-align:left;

}

.frontpagescrolly a {
color:#23adb9;}

.frontpagescrolly a:hover {
background-color:#000;
color:#ffffff;
};


/*  USER PHOTOS  */


.userphoto
{
 
border:1px solid #FFFFFF;
}

.userphoto:hover {
  position: relative  ;
  pptop: -140px;
  left: 0px;
  height: auto;
  width: auto;
  border-width: 2px;
  border-color: #FFFFFF;
}





/* ODDS AND SODS */




.center {
text-align: center;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
font-family: lucida grande, verdana, arial, sans-serif;
margin-bottom:6px;
}

img {
margin: 0;
padding: 0;
border: 0;
}



/* STATUS MESSAGES TO USER  */
.infomessage {
color:#000;
background-color:#FFFFFF;
font-weight:bold;
font-size:14px;
width:400px;

}


/* LEFT HAND PART OF THE SCREEN   */


#leftbar {
position: absolute;
top: 204px;
left: 5px;
background: #FEFFE1;
border: 2px solid #000000;
color: #000000;
margin:0;
padding: 0;
width: 160px;
}


#leftblog {
color: #000000;
padding: 15px 0 15px 0;
font-size: 12px;
text-align:center;
margin:0;
background-color:  #FEFFE1;
border: 2px solid #000000;
}

#leftblog  p{
margin-top:2px;
margin-bottom:6px;
line-height: 12px; 

}

.menusubsection {
color: #FFFFFF;
padding: 8px 0 8px 0;
font-size: 14px;
font-weight:bold;
text-align:center;
margin:5px 0 5px 0;
background-color:#000000;
}


#leftbar a {color:#003874;}

#leftbar li {
margin-bottom:4px;
}

#leftbar ul{
margin: 0;
padding: 0 0 15px 0;
list-style: none;
text-align:center;
border: none;
}



/* RIGHT HAND PART OF THE SCREEN  width increases 160 to 180 18/8/13 */


#rightbar {
position: absolute;
top: 204px;
right: 1px;
background:#F0DCD4;
border: 2px solid #000000;
color: #000000;
margin:0;
padding: 0;
width: 180px;
}

#loggedin {
color: #000000;
padding: 15px 0 15px 0;
font-size: 12px;
text-align:center;
margin:0;
background-color: #FEFFE1;
border: 2px solid #000000;
}

#newmessages {
color: #000000;
padding: 15px 0 15px 0;
font-size: 12px;
text-align:center;
margin:0;
background-color: #23ADB9;
border: 2px solid #000000;
}

#notloggedin {
color: #000000;
padding: 15px 0 15px 0;
font-size: 12px;
text-align:center;
margin:0;
background-color: #FEFFE1;
border: 2px solid #000000;
}

#rightbar a {color:#003874;}

#rightbar li {
margin-bottom:4px;
}

#rightbar ul{
margin: 0;
padding: 0 0 15px 0;
list-style: none;
text-align:center;
border: none;
}

.sidetitle {
margin: 15px 10px 10px 10px;
font-size: 12px;
background: transparent;
color: #fc0;
}



/* BOTTOM PART OF THE SCREEN   */


#footer {
position: relative;
margin: 5px 180px 0 180px;
padding: 10px;
text-align:center;
background: #E0ECFF;
color: #000;
}

.date {
font-size: 13px;
background: transparent;
color: #036;
text-align: left;
margin-top: 20px;
margin-bottom: 0;
padding: 0;
}






.spacer {
margin: 0;
padding: 0;
clear: both;
}

.input {
border-top:        1px solid #F0DCD4;
border-left:       1px solid #F0DCD4;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #F0DCD4;
border-left:       1px solid #F0DCD4;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}





.adsense468 {
width: 468px;
margin-left: auto;
margin-right: auto;
}

.adsense728 {
width: 728px;
margin-left: auto;
margin-right: auto;
}



@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
.myform {width:590px;}
.ticket_stub {width:590px;}
.tixtable {width:590px;}
.showoffer{width:590px;}
.showmail{width:590px;}
.myeventlist {width:560px;}
.sortradioframe {width:550px;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  
  

  
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}