@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700);
@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400italic,300,300italic,500,500italic,700,700italic,800);
@import url('https://fonts.googleapis.com/css?family=Cherry+Cream+Soda');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i');
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,300,300italic,500,500italic,700,700italic,800);

/*
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700italic,700);
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Lustria);
@import url(http://fonts.googleapis.com/css?family=Lusitana);
@import url(https://fonts.googleapis.com/css?family=Fanwood+Text:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Ek+Mukta|Source+Serif+Pro|Source+Sans+Pro);
*/


  *, *:before, *:after {
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box;
      }

      body { margin: 5; }

      .columnsContainer, footer, header { position: relative; margin:
      0 auto; max-width: 70em; background-color: white}

      .leftColumn, .rightColumn, footer, header {  border: 0px solid  #ccc; padding: 1.25em;}

      .leftColumn { margin-bottom: .5em; }

      .nav {
      list-style: none;
      margin-left: 20;
      margin-bottom: 0;
      padding-left: 0;
      }

      .nav > li,
      .nav > li > a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      }

      .inline-items {
      margin-top: 0;
      }

      .inline-items li {

      margin-left: 0;
      border-left: 1px solid #987;`
      padding-left: 10px;
      padding-right: 10px;
      }

      .inline-items li:first-child {
      margin-left: 0;
      border: none;
      padding-left: 0;
      padding-right: 10px;
      }

      .inline-items li:last-child {
      padding-right: 0;
      }

      iframe.news {
      frameborder: 0; 
      seamless: seamless;
      padding: 0;
      margin:0; 
      width: 100%;
      height: 100%;
      min-height:800;
      border-width:0;
      }

      /* MEDIA QUERIES */
      @media screen and (min-width: 960px ) {
      .leftColumn { margin-right: 29em; }
      .rightColumn { position: absolute; top: 0; right: 0;  width: 25em; }   
      }




.header {
  //  position: fixed;
    top: 0%;
    height:46px;
    width: 100%;
    margin:0 auto;
    border: 0px;


}
/* colors */
header, h2.main {
  background-color: #c0dedc; /*#bfdedc;*/
}

h1.jsdName{
    color:#eec040;
}
h2 {
     color: #fff;
}

body {
    background: white;
}

li.navigate {
    float: right;
    color:fff;
    font-family: 'Anonymous Pro', sans;
}


a.navigate {
    display:block;
    letter-spacing: 1px;
    width: 150px;
}


 
li, ul {
    margin: 0;
    text-align: middle;
    padding: 10px;
}

#main_nav {
margin: 0 20 400 0;
}


/******************** FONTS ***************************/
#jsdCurrentWork,input.more, input.less {
     font-family: 'Crimson Text', Alegreya, serif;
     font-size: 16px;
    line-height: 1.5;
}

ul{
 font-size: 16px;
  font-family: 'Anonymous Pro', serif;

}

.quote {
 font-size: 100%; 
 color: #777;
 font-style: italic;
}

.contact {
	  font-family: 'Anonymous Pro', monospace;

}
img.little {
    max-width=100px;
}
p.contact {
font-size: 13.px;
}
h1 {
   color: #bbbbbb;
   font-size: 70px;
   font-family: 'Cherry Cream Soda'; 
   font-weight: 900;
}
h1.header {
    font-size: 70px;
}
h2 {
   font-size: 14px;
     font-family: 'Cherry Cream Soda';
   font-weight: 700;
   padding: 0px 0 0 5;
}
h1.contact, h2.contact {
	  color: #445599;
}

h2.writing {
	   text-indent: -30px;
}


.text {
    font-family:'Crimson Text', Alegreya,  serif;
  line-height: 1.6;
  font-size: 15px;
}

.blurb {
font-family: 'Anonymous Pro', sans-serif;
font-size: 85%;
}


td{
	padding: 10px;
}
td.mainmenu {
   padding: 30px;
}	
td.jsdimage {
    padding:30px;
}

/* for news section */
.newsdate {
    color: red;
}

.upcoming, .ongoing, .past {
    font-family: 'Anonymous Pro';
}
.upcoming {
    color: #002222;
    font-size: 14px;
}
.ongoing {
    color:  #444;
    font-size: 13px;
/*    background-color: #fffbfb;*/
}
.past {
    font-size: 12px;
    color: #99aaaa;
}

.location {
    font-weight:bold;
}

/* for continuation buttons */
input {
    background: #fff; 
    padding: 0.0;
    border: none;
}
#shortVersion, .fade, .more {
    opacity: .5;
}
input.less {
    opacity:.5;;
}


input:hover {
    font-size:105%;
    
}



a:link    {color:#b86555; font-size: 103%; text-decoration:none;}
a:visited {color:#b86555; font-size: 103%;  text-decoration:none;}
a:hover   {color:#bb8666; font-size: 106%; text-decoration:none;}
a:active  {text-decoration: none; color:ddbbaa;}

a.navigate{color: #ca3456;;}
a.nameNavigate{color: #ca3456;;}


a.upcoming:link    {color:#aa00aa; font-size: 103%; text-decoration:none;}
a.upcoming:visited    {color:#aaaa00; font-size: 103%; text-decoration:none;}
a.upcoming:hover   {color:#dd6666; font-size: 106%; text-decoration:none;}
a.upcoming:active  {text-decoration:none; color:#ddbbaa;}