/*
Theme Name: CYVTM website
Author: Julia Makin and Alex Moss
*/
body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
}

/*.roundcorners{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;  
}
*/
.ophead {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  /*color: #fff;*/
  color: #eeeeee;
  /*background-color: #6d8da7;*/
  background-color: #9dbdd7;
  padding: 0.2em 0 0.2em 0;
  margin: 0 0 0.1em 0;
}
.ophead li{
  text-decoration: none;
}


#mainheading {
  padding: 0 0 0.5em 0;
}

#appoptions {
  float: right;
  width: 10em;
  background-color: #7e9eb8;
  border: 0.1em;
  border-color: #eee;
  padding: .1em 0.1em 0.2em 0.1em;
  margin: 25px 5px 0px 0px;
  -moz-box-shadow: 3px 3px 2px #222222;
  -webkit-box-shadow: 3px 3px 2px #222222;
  -o-box-shadow: 3px 3px 2px #222222;
  box-shadow: 3px 3px 2px #222222;

}
	
#appoptions h2{
  color: #fff; 
}

#optcontrolblock{
  width: 10em;
  text-align: center;
  margin: 0 0 0.3em 0;
}

#optcontrolblock ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
#optcontrolblock a{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.89em;
  font-weight: bold;
  text-decoration: none;
  color: #222222;

  background-color: #9fbdd9;
  margin: 0.1em;
  padding: 0.5em 0.1em 0.5em 0.1em;
  border: 1px solid #6e8ea8;
}
*/

.timelbl {

   /* border-bottom: 1px solid #3e5e88; */
}

#timeselector {
    /*font-family: monospace;   
    font-size: 1.2em;*/
}


#optcontrolblock a:link, #optcontrolblock a:visited {
  font-size: 0.89em;
  font-weight: bold;
  text-decoration: none;
  color: #eeeeee;
  text-shadow: 1px 1px 0px #000000;

  background-color: #6e8ea8;  
  
  /*margin: 0.1em;*/
  padding: 0.5em 0 0.5em 0;
  border: none;
  /*border-bottom: 2px solid black;*/
  -moz-box-shadow: 3px 3px 2px #222222;
  -webkit-box-shadow: 3px 3px 2px #222222;
  -o-box-shadow: 3px 3px 2px #222222;
  box-shadow: 3px 3px 2px #222222;
  
  padding-left: 5px;
  padding-right: 5px;
  
}


#optcontrolblock a:hover{
  color: #ffffff;
  /*background-color: #A1CDE6;*/
  background-color:  #3e5e88;    
}

#optcontrolblock a:active {
	color: #ff0;
	position: relative;
	top: 2px;
	margin-top: 2px;
	border: none;
  -moz-box-shadow: 1px 0px 3px #222222;
  -webkit-box-shadow: 1px 0px 3px #222222;
  -o-box-shadow: 1px 0px 3px #222222;
  box-shadow: 1px 0px 3px #222222;
        
}


#thetimer {
  margin: 0 10em 0 0;
}

#timercontrolblock {
  font-size: 1.2em;
  font-weight: lighter;
  /*background-color: #7e9eb8;*/
  background-color: transparent;
  margin: 0 0 1em 0;
  padding: 0.9em 0.2em 0.7em 0.2em;
  
}


#timercontrolblock ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
  
#timercontrolblock li{
  display: inline;
}

#timercontrolblock li a{
  width: 10em;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  /*color: #222222;
  background-color: #9fbdd9;*/
  background-color: #6e8ea8; 
  /*border: 1px solid #6e8ea8;*/
  color: #eeeeee;
  text-shadow: 1px 1px 0px #000000;
  border: none;
 /* border-bottom: 2px solid black;  
  margin: 0.2em;*/
  padding: 0.3em 0.7em 0.2em 0.7em;
      margin-bottom: 2px;
    margin-right: 1px;
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;*/
    -moz-box-shadow: 3px 3px 2px #000000;
    -webkit-box-shadow: 3px 3px 2px #000000;
    -o-box-shadow: 3px 3px 2px #000000;
    box-shadow: 3px 3px 2px #000000;
}

#timercontrolblock a:hover{
  /*background-color: #a1cde6;*/
    background-color:  #3e5e88; 
  color: #fff;
}

#timercontrolblock a:active {
	color: #ff0;
	position: relative;
	top: 2px;
	margin-top: 2px;
	border: none;
        left: 1px;
        margin-left: 1px;
        margin-right: 0;
        margin-bottom: 0;
        -moz-box-shadow: 1px 0px 3px #000000;
  -webkit-box-shadow: 1px 0px 3px #000000;
  -o-box-shadow: 1px 0px 3px #000000;
  box-shadow: 1px 0px 3px #000000;
}

#timesetoptions {
  padding: 0 0 0 0.1em;
}

#timersettings {
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  color: #111111;
  margin: 1em 0 0 0;
  padding: 0.1em;
}

#wtime1 {
  background: #22ff22;
}

#wtime2 {
  background: #ffff44;
}

#wtime3 {
  background: #ff4444;
}



#timedisplay {
  margin: 0.1em 1em 0.1em 0.1em;
  height: 23em;
  text-align: center;
  color: #1111ff;
  background: #888888; /*#c8c8c8;*/
  -moz-box-shadow: 5px 4px 3px #222222;
  -webkit-box-shadow: 5px 4px 3px #222222;
  -o-box-shadow: 5px 4px 3px #222222;
  box-shadow: 5px 4px 3px #222222;
  /*border: 0.2em solid #eee;*/
}

#digtime {
  border: none;
  margin: 0;
  /*margin-top: 0.5em;*/
  padding: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 7em;
  
  text-align: center;
  /*padding: 0.2em 0 0 0;*/
}

#digtimehead {
  margin: 0;
  background: transparent;
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
  font-weight: lighter;
  font-size: 1.8em;
  text-align: center;
  color: #cb6323;  
  padding: 0;/*0.2em 0 0 0;*/
  border: none; /*0.1em;*/
}

#instructions {
	display: none;
}

#nojs {
  margin-left: -1em;
  
}
#nojs2 {
  margin-top: -1.5em;
  width: 70%  
}