/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* MAIN SITE */
/* Style sheet for Doug Badger, Cellist */



body {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-color: #000;
  height: 100%;
  background-color: #443266;
}

#bgContainer {
  min-height: 100%;
  background-color: #443266;
  width: 100%;
  margin: 0 auto;
  margin-bottom: -40px;
}

/* Formatting for footer */
footer {
  width: 960px;
  margin: 40px auto 0 auto; /* Top was 0 */ 
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 10px;
  height: 40px;
  background-color: #f1f0ff;
}

html {
  height: 100%;
  overflow-y: scroll;
}

/* Position decorative images outside the page area */
#sparklesLeft {
  display: block;
  margin: 0 auto 0 -750px;
  position: absolute;
  top: 450px;
  left: 50%;
}
  .starsLeft {
    width: 249px;
    height: 208px;
    padding: 0;
  }

  img.sparkle-left {
    position: absolute;
    margin-left: -729px;
    top: 450px;
    left: 50%;
    background: url(../img/stars-left.png);
  }

#sparklesRight {
    display: block;
    margin: 0 auto 0 490px;
    position: absolute;
    top: 0px;
    left: 50%;
  }
  .starsRight {
    width: 249px;
    height: 208px;
    padding: 0;
  }

  img.sparkle-right {
    position: absolute;
    margin-left: 490px;
    top: 0px;
    left: 50%;
    background: url(../img/stars-right.png);
  }

/* Headings */
h1, h2, h3, h4, h5, h6, p {
  color: #000;
  font-family: Verdana, sans-serif;
  font-weight: bold; }

h1 {
  font-size: 24px;
  padding-top: 10px;
}

h2 {
  font-size: 20px;
  padding-top: 10px;
}

h3 {
  font-size: 16px;
  padding-top: 10px;
}

h3.aboutsearch {
  font-size: 16px;
  padding: 0;
}

/* Paragraph font */
p, h1.index {
  font-size: 14px;
  margin-bottom: 14px;
  text-align: justify;
  line-height: 20px;
  font-weight: normal;
}

h1.index {
  font-weight: bold;
}

p.breadcrumbs {
  font-size: 12px;
}

/* Container for pages */
#container {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  background-color: #f1f0ff;
  min-height: 900px;
}

/* Styling for HTML5 layout tags */
header, footer, nav, aside {
  display: block;
}

  header {
    height: 90px;
    background-color: #443266;
  }

/* Table, CV page */
table {
  border-collapse: collapse;
  margin: 14px auto 14px auto;
  width: 100%;
}
td {
  font-size: 14px;
  padding-bottom: 16px;
  vertical-align: top;
  text-align: left;
}
td.col1 {
  width: 100px;
}
td.col2 {
  width: 350px;
}
td.col3 {
  width: 182px;
}

table.active {
  margin: auto;
}
th.active {
  text-align: left;
  vertical-align: top;
}
td.active {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  padding-right: 50px;
}
.width20 {
  width: 36px;
}
.width100 {
  width: 100px;
}

/* Navigation */
nav {
  height: 30px;
  margin-top: 0px;
  clear: both;
}
  #navBottom {
    margin-top: 50px;
    margin-bottom: 30px;
  }

  /* Colours */
  .home {
    background-color: #8865c8;
  }
  
  .music {
    background-color: #a08dcf;
  }

  .media {
    background-color: #8c489f;
  }

  .about {
    background-color: #6f81c3;
  }   
  
  .contact {
    background-color: #b78fcb;
  }   

  .links {
    background-color: #c3c3e5;
  }   
  
/* Menu bar */
#menuTop, #menuBottom {
  position:relative;
}

ul {
  list-style: none;
  padding-bottom: 10px;
}

li {
  font-size: 14px;
  padding-bottom: 3px;
}

  /* Top level menu */
  .menu ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-bottom: 10px;
  }

  .menu li {
    position: relative;
    float: left;
    width: 160px;
    font-size: 12px;
    padding-bottom: 0px;
    white-space: nowrap;
    display: inline;
    margin-bottom: -10px;
   /*height: 48px;*/
  }
  .menu li.sub {
    text-indent: 20px;
  }
  
    /* Background colours */
    .menu ul li.liHome, .menu ul li.liHomeBottom {
      border-bottom: 4px solid #8865c8; /*4c3681 5a2faa 8865c8*/
    }
    .menu ul li.liHome:hover{
      background-color: #8865c8;
    }

    .menu ul li.liMusic, .menu ul li.liMusicBottom {
      border-bottom: 4px solid #a08dcf;
    }
    .menu ul li.liMusic:hover{
      background-color: #a08dcf;
    }

    .menu ul li.liMedia, .menu ul li.liMediaBottom {
      border-bottom: 4px solid #8c489f;
    }
    .menu ul li.liMedia:hover{
      background-color: #8c489f;
    } 

    .menu ul li.liAbout,  .menu ul li.liAboutBottom {
      border-bottom: 4px solid #6f81c3;
    }
    .menu ul li.liAbout:hover{
      background-color: #6f81c3;
    }
  
    .menu ul li.liContact,  .menu ul li.liContactBottom {
      border-bottom: 4px solid #b78fcb;
    }
    .menu ul li.liContact:hover{
      background-color: #b78fcb;
    }
  
    .menu ul li.liLinks, .menu ul li.liLinksBottom {
      border-bottom: 4px solid #c3c3e5;
    }
    .menu ul li.liLinks:hover{
      background-color: #c3c3e5;
    }
  
  /* Dropdown menu */
  .menu li ul {
    clear: both;
    position: absolute;
    top: 48px;
    left: -14000px;
  }
  .menu li ul li {
    clear: both;
  }
  .menu li:hover ul {
    left: 0;
  }
    /* Dropdown items */
    .menu a {
      display: block;
      width: 160px;
      margin: 10px;
    }
    /* Colours for dropdown items */
    .menu li ul.home {
      background-color: #a78bda;
      z-index: 1;
    }
    .menu li ul.home:hover {
      background-color: #a78bda;
      z-index: 1;
    }
    .menu li ul.music {
      background-color: #c3b7e2;
      z-index: 1;
    }
    .menu li ul.music:hover {
      background-color: #c3b7e2;
      z-index: 1;
    }
    .menu li ul.media {
      background-color: #a856bf;
      z-index: 1;
    }   
    .menu li ul.media:hover {
      background-color: #a856bf;
      z-index: 1;
    }
    .menu li ul.about {
      background-color: #93a5e5;
      z-index: 1;
    }   
    .menu li ul.about:hover {
      background-color: #93a5e5;
      z-index: 1;
    }
    .menu li ul.contact {
      background-color: #daafef;
      z-index: 1;
    }
    .menu li ul.contact:hover {
      background-color: #daafef;
      z-index: 1;
    }
    .menu li ul.links {
      background-color: #dadaf7;
      z-index: 1;
    }   
    .menu li ul.links:hover {
      background-color: #dadaf7;
      z-index: 1;
    }

/* Set up left and right aside columns */
aside, aside.left, aside.right, aside.rightNoBorder {
  width: 164px;
  margin-top: 30px;
  font-size: 14px;
}
aside.left, aside.right {
  min-height: 700px;
}
  aside.left {
    float: left;
  }
  aside.right, aside.rightNoBorder {
    float: right;
    margin-top: 16px;
  }
  aside.right p { /* right column navigation where needed */
    border-bottom: 1px solid #a08dcf;
    line-height: 20px;
    font-size: 12px;
  }

  div.img_right { /* Matthew Kam image on concerts_chamber page; note aside doesn't work in Opera */
    position: absolute;
    top: 950px;
    margin-left: 640px;
  }

/* Home page layout */
  #indexContent {
    background: url(../img/home_g.jpg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 960px;
    min-height: 810px;
  }
  div.transbox {
    position: relative;
    left: 30px;
    top: 30px;
    width: 479px;
    height: 480px;
    margin: 20px 0px;
    background-color: #f1f0ff;
    border: 1px solid #8865c8;
    border-radius: 48px;
    padding-top: 20px;
    z-index: 0;
    /* for IE */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter:alpha(opacity=90);
    /* CSS3 standard */
    opacity:0.90;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
  }

  div.transbox p  {
    margin: 15px 30px;
    font-weight: bold;
    color: #000;
    text-align: justify;
    line-height: normal;
  }

  object.playerHome {
    margin-top: 30px;
    margin-left: 56px;
  }

 .playerDevice {
    margin-top: 45px;
    margin-left: 56px;
  }

 .playerDeviceMediaAudio {
    margin-top: 0px;
    margin-left: 0px;
  }

  /* Set up image block on main page above bottom nav and footer */
  #imgBlock {
    display: block;
    white-space: nowrap;
    width: 960px;
    margin: 0 auto;
    position: absolute;
    top: 870px;
  }
    /* Set up block for each image across bottom of home page */
    .block {
      width: 160px;
      height: 160px;
      float: left;
      margin-top: -30px;
      padding: 0;
    }
    /* Position images in boxes */
    .img-home {
      margin-left: 41px;
      margin-top: 4px;
    }
    .img-music {
      margin-left: 2px;
      margin-top: 26px;
    }
    .img-media {
      margin-left: 30px;
      margin-top: 6px;
    }
    .img-about {
      margin-left: 36px;
      margin-top: 8px;
    }
    .img-contact {
      margin-left: 24px;
      margin-top: 2px;
    }
    .img-links {
      margin-left: 30px;
      margin-top: 4px;
    }

/* Styling for content div */
#content {
  display: block;
  margin-top: 22px;
  margin-left: 158px;
  width: 610px;
  padding: 10px 0 4px 10px;
  min-height: 700px; 
}
  /* Set up left border on main content */
  #content.borderHome {
    border-left: 2px solid #8865c8;
  }
  #content.borderMusic {
    border-left: 2px solid #a08dcf;
  }
  #content.borderMedia {
    border-left: 2px solid #8c489f;
  }
  #content.borderAbout {
    border-left: 2px solid #6f81c3;
  }
  #content.borderContact {
    border-left: 2px solid #b78fcb;
  }
  #content.borderLinks {
    border-left: 2px solid #c3c3e5;
  }

/* Background images and special formatting for specific pages */
.musicpage {
  background: url(../img/musicpage_floor.png);
  background-position: 660px 270px;
  background-repeat: no-repeat;
}
.functionspage {
  background: url(../img/cellopiano2.png);
  background-position: 800px 240px;
  background-repeat: no-repeat;
}
.concertspage {
  background: url(../img/minerva-doug.png);
  background-position: 600px 220px;
  background-repeat: no-repeat;
}
.bibliopage {
  background: url(../img/scrollfront.png);
  background-position: 640px 230px;
  background-repeat: no-repeat;
}
.aboutpage {
  background: url(../img/scrollright.png);
  background-position: 710px 218px;
  background-repeat: no-repeat;
  margin-right: 58px;
}
.teachingpage {
  background: url(../img/youngme.png);
  background-position: 600px 280px;
  background-repeat: no-repeat;
}
.chamberpage {
  height: 1030px;
}
.mediapage {
  background: url(../img/media-l.png);
  background-position: 660px 130px;
  background-repeat: no-repeat;
}
.mycello {
  background: url(../img/celloback.png);
  background-position: 300px 180px;
  background-repeat: no-repeat;
}

.sitemappage {
  background: url(../img/monkeycello-m.png);
  background-position: 420px 170px;
  background-repeat: no-repeat;
}

.contactpage {
  background: url(../img/contact.png);
  background-position: 750px 44px;
  background-repeat: no-repeat;
} 

/* Special formatting for media audio page to push bottom beyond media player down */
#mediaAudioPage {
  margin-bottom: 920px;
}
.mediaAudio {
  width: 960px;
  margin-left: 0;
  padding-left: 10px;
  position: absolute;
  top: 300px;
}
h1.audioPlaylist {
  padding-left: 18px;
}
p.audio {
  padding-left: 18px;
}
p.audioPlaylist {
  padding-left: 8px;
  margin-bottom: 14px;
}

.figMedia { /* Images of composers on media audio page */
  float: left;
  margin: 10px 0 40px 0;
}

/* General formatting */
em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.small {
  font-size: 12px;
}

.capital {
  text-transform: capitalize;
}

.smcap {
  font-variant:  small-caps;
  font-size: 16px;
}

.mt0 {
  margin-top: 0px;
}
.mt3 {
  margin-top: 3px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt75 {
  margin-top: 75px;
}
.mt120 {
  margin-top: 120px;
}
.mt150 {
  margin-top: 150px;
}
.mt250 {
  margin-top: 250px;
}

.mr80 {
  margin-right: 80px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb50 {
  margin-bottom: 50px;
}
.mb130 {
  margin-bottom: 130px;
}

.pt0, .pb0 {
  padding-top: 0;
  padding-bottom: 0;
}
.pt16 {
  padding-top: 16px;
}
.pt20 {
  padding-top: 20px; /* Links page other places */
  margin-bottom: 0;
}
.pl6 {
  padding-left: 6px;
}
.p92 {
  padding-left: 92px;
}
.pl10 {
  padding-left: 10px;
}
.pl40 {
  padding-left: 40px;
}
.pl260 {
  padding-left: 260px;
}

.txtspace {
  word-spacing: 1px;
  letter-spacing: .7px;
}

.indent {
  margin-left: 20px;
  margin-top: 0px;
} /* Events descriptions, Music images left aside text */

.clear {
  clear: both;
}

.readmore {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}

.hang { /* Hanging indent on links page*/
    display: block;
    margin-left: 0em;
    padding-left: 28px;
    text-indent: -28px;
}

.journalDate {
  font-size: 16px;
}

.journalRef {
  font-size: 12px;
  font-weight: normal;
} /* Events reference no. */

/* Images */
img {
  border: 0;
  outline: none;
}

#lightbox {
  display: none;
  position: absolute;
  opacity:0.5;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #443266;
  background-attachment: scroll; z-index: 1001;
}
#lightbox-image {
  display: none;
  position: absolute;
  top: 200px;
  left: 0;
  border: 0;
  padding: 0;
  z-index: 1002;
  overflow: auto;
}
.gallerylist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gallerylist li {
  float: left;
  margin: 0;
  padding: 5px;
}
.gallerylist img {
  display: block;
  margin: 0;
  padding: 2px;
}

.pagination {
  clear: left;
  font-size: 14px;
  line-height: 50px;
}

.imgborder { /* Images of composers on media audio page */
  border: 4px ridge #8c489f;
}

/* Drop capital images */
.figleft {
  float: left;
  margin: -4px 4px 0 0px;
}

.hidden { /* Hide first letter of words using drop cap images */
  display: none; !important
}

/* Positioning images */
.figcentre {
  text-align: center;
  width: 400px;
  margin: auto;
}

.divider {text-align: center;
margin: auto;
width: 100px;
clear: both;
border: 1px solid 8px;
}

.figright {
  float: right;
}

.leftfloat {
  float: left;
  margin-left: 20px; /* Music stand on Concerts page */
}

.cellists { /* Casals and Rostropovich images on The Cello page; and spiderweb on Interests page */
  float: left;
  margin: 4px 15px 8px 0;
}

/* Images left-aligned in content */
.figalign {
  text-align: left;
  margin: 30px auto 50px auto;
}

.caption, .caption2 {
  font-size: 12px;
  padding-left: 4px;
  font-style: italic;
  text-align: center;
  color: #000;
}
.caption2 {
  padding-left: 34px;
}

p.inline {
  display: inline;
}

/* Forms base.css */
  form {
    margin-bottom: 0px;
  }
  fieldset {
    margin-bottom: 0px;
  }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  /*input[type="file"],*/  
  textarea,
  select { 
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 14px Verdana, sans-serif;
    color: #000;
    margin: 0;
    width: 300px;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;    
    background: #fff;
  }
  select {
    padding: 0;
    height: 30px;
  }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="file"]:focus,
  textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2);
  }
  textarea {
    min-height: 60px;
  }
  label, legend {
    display: inline;
    font-weight: bold; 
    font-size: 14px;
  }
  select {
    width: 300px;
  }
  input[type="checkbox"] {
    display: inline;
  }
  label span, legend span {
    font-weight: normal;
    font-size: 14px;
    color: #000;
  }

#content textarea{
  margin: 0;
  min-height: 60px;
}
#cboLocation {
  height: 31px;
}

#search {
  height: 31px;
  width: 300px;
  display: block;
  margin-bottom: 8px;
}

/* Chess widget formatting */
#chesswidget {
  float: right;
  width: 100px;
  padding-left: 10px;
  padding-top: 0;
  margin-top: -10px;
}
#chesswidget a, a:link, a:visited  {
    color: #f93;
    text-decoration: none;
}
#chesswidget a:hover  {
    color: #f60;
    text-decoration: underline;
}

/* Links */

a, a:link, a:visited, a:hover {
  color: #000;
  text-decoration: none;
}
a.bold {
  font-weight: bold;
  color: #351c73;
}
a.underlined {
  border-bottom: 1px solid #a08dcf;
}

/*New for html5 playlist*/
audio {
  margin-top: 0px;
  margin-left: 0px;
  background-color: transparent;
}
audio.playlisthome {
  margin-top: 24px;
}

#playlist, #playlisthome, #playlistmusic, #playlistconcerts, #playlistfunctions, #playlistmedia {
  width: 400px;
  position: relative;
  left: 0px;
  width: 350px;
  height: 90px;
  margin: 0px 0px;
  padding-top: 5px;
  background-color: #443266;
  font-family: serif;
  font-size: 11pt;
  border-radius: 10px;
  /* for IE */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.90;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#playlisthome {
  height: 95px;
  margin-left: 50px;
}

#playlistmusic {
  height: 95px;
}

#playlistconcerts {
  height: 135px;
}

#playlistfunctions {
  height: 170px;
}

#playlistmedia {
  height: 540px;
  width: 920px;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 14px;
}

ul li, ol li{
  font-family: Verdana, sans-serif;
  color: #ffffff;
  font-size: 12px;
}

#playlistmedia ul li {
  list-style: none;
}

#playlist.active a, #playlisthome.active a, #playlistmusic.active a, #playlistfunctions.active a, #playlistconcerts.active a, #playlistmedia.active a{
  color: #fff799;
}

#playlist li a, #playlisthome li a, #playlistmusic li a, #playlistfunctions li a, #playlistconcerts li a, #playlistmedia li a{
  color: #fff;
  display:block;
}

#playlist li a:hover, #playlistmusic li a:hover, #playlistfunctions li a:hover, #playlistconcerts li a:hover, #playlistmedia li a:hover{
  text-decoration: none;
  color: #fff799;
}

/* Dashboard */
.dashboard a {
      display: block;
      width: 250px;
      line-height: 32px;
}

#dashboard {
  margin-top: 40px;
}

#dashboard ul li a {
  display: block;
  width: 300px;
  text-decoration: none;
}

#dashboard ul, #login ul {
  margin: 0;
}

#dashboard li, #login li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

#dashboard img {
  float: left;
  padding-top: 6px;
  margin-right: 12px;}

#dashboard p {
  line-height: 32px;
  max-width: 250px;
  padding-top: 12px;
  padding-bottom: 16px;
  background-color: #c8bee3;
}

#login ul li a {
  display: block;
  width: 164;
  text-decoration: none;
}

/* Buttons use Modernizr */
#buttons, #buttonsRight {
  margin-top: 30px;
  width: 172px; /*for IE */
}

#buttons p, #buttonsRight p {
  display: inline;
  padding-right: .4em;
}
#buttonsRight p {
  text-align: right;
}

/* Effect Modernizr buttons for links */
.buttonstyle {
  margin-left: 3px;
  background-color: #fbfafa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #fbfafa, #cccccc);
  background-image: -moz-linear-gradient(top, #fbfafa, #cccccc);
  background-image: -ms-linear-gradient(top, #fbfafa, #cccccc);
  background-image: -o-linear-gradient(top, #fbfafa, #cccccc);
  background-image: linear-gradient(top, #fbfafa, #cccccc);
  border: 1px solid #717171;
  border-radius: 3px;
  color: #333;
  font: 12px Verdana, sans-serif;
  padding: 2px 6px;
  text-align: center;
  width: 150px; }
  .buttonstyle:hover {
    background-color: #b7e2fd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #fff, #87cffc);
    background-image: -moz-linear-gradient(top, #fff, #87cffc);
    background-image: -ms-linear-gradient(top, #fff, #87cffc);
    background-image: -o-linear-gradient(top, #fff, #87cffc);
    background-image: linear-gradient(top, #fff, #87cffc);
    border: 1px solid #4a4ab3;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
  .buttonstyle:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

p.message, p.messagestatic {
  font-size: .8em;
  margin-bottom: 0;
}
p.message {
  color: #ff0000;
  margin-top: 1.5em;
}
p.messagestatic {
  color: #443266;
  line-height: 1em;
  font-style: italic;
  margin-bottom: 1em;
  margin-top: 0;
}

p.messagestatic span {
  display: none;
}

p.nb {
  margin-bottom: 0em;
}
.view_more {
  font-size: .8em;
  font-style: italic;
}

/* Tables */
table.admin_tables {
  margin: 40px 0 0 40px;
  width: 100%; /* for IE */
  border-collapse: collapse;
}

table.admin_tables th, td {
  text-align: left;
  vertical-align: top;
  padding: 10px;
}
table.admin_tables th {
  color: #444;
  background-color: #c8bee3;
  font-weight: bold;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

table.admin_tables td.edit {
  padding-bottom: 20px;
  padding-top: 10px;
}

table.admin_tables td.tdTitle, td.tdContent,
 td.tdUsername, td.tdDate, td.tdURL, td.tdImage,
 td.tdGallery, td.tdCaption, td.tdPhotographer,
 td.tdLength, td.tdArtist, td.tdComposer, td.tdMusicTitle, td.tdRole, td.tdID,
 td.tdUser, td.tdJournal, td.tdBooking, td.tdMusicfile, td.tdRolePermissions {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}
table.admin_tables td.tdTitle, td.tdUsername,
td.tdImage, td.tdGallery, td.tdPhotographer, td.tdRole {
  width: 10%;
}
table.admin_tables td.tdContent {
  width: 80%;
}
table.admin_tables td.tdDate, td.tdURL {
  width: 5%;
}
table.admin_tables td.tdCaption {
  width: 70%;
}
table.admin_tables td.tdMusicTitle {
  width: 20%;
}
table.admin_tables td.tdComposer {
  width: 15%;
}
table.admin_tables td.tdArtist {
  width: 35%;
}
table.admin_tables td.tdLength {
  width: 10%;
}






table.admin_tables tr:nth-last-child(-n+1) {
  visibility: hidden;
  display: none;
}
/* Responsive images in base CSS*/



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}

  /* iPad 1/2 Portrait */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
  {
    /* Remove background sparkles for mobile devices*/
    #sparklesLeft { display:none; visibility: hidden; }
    #sparklesRight { display:none; visibility: hidden; } 
    /* Take out dropdown menus for mobile devices */
        .menu li ul.home {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.home:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.music {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.music:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.media {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.media:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.about {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.about:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.contact {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.contact:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.links {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.links:hover, {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
  }

/* This is more future proof... specs http://www.w3.org/TR/css3-values/#resolution*/
  @media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
  only screen and (                min-resolution: 2dppx) { 
    
    /* Retina-specific stuff here */
    /* Remove background sparkles for mobile devices*/    
    #sparklesLeft { display:none; visibility: hidden; }
    #sparklesRight { display:none; visibility: hidden; } 
    /* Take out dropdown menus for mobile devices */
        .menu li ul.home {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.home:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.music {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.music:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.media {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.media:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.about {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.about:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.contact {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.contact:hover {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.links {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
        .menu li ul.links:hover, {list-style: none; margin: 0; padding 0;
          display:none; visibility: hidden;
        }
  }

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/