/* @override http://mid.uk/index.php?css=home/mono.css */

/* @override 
	http://mid.uk/index.php?css=home/mono.css */



	@import url('/home/mid.css');

#switch-mono {
	display: none;
}

#switch-colour {
	
	display: inline-block;
}

#switch-colour a {
color: #fff;
background: #00A8E8;
width: 2rem;
height: 2rem;
line-height: 2rem;
	display: block;
	text-align: center;
}


.colour-only {
	display: none;
}


.mono-only {
	display: inline-block;
}


body {
  background: #333;
  color: #eee;
 }



a, {
  color: #fff;
 
 }
 
 .page a {
 	  color: #fff;
 	border-color: #fff;
 }
  a:hover, a:focus {
color: #eee; }

.hover {
	color: #eee;
}
.hover h4 a{
	color: #eee;
}


h1 { color:  #fff;
 
 }

h2 {
	color: #fff;
}
h2 {color:  #fff;
 }

h3 {color:  #fff;
  }
  
.blue h2, .green h2 , .blue h3{

	color: #fff;

}

   cite {
  font-style: normal;
    display: block;
    color: #555; }

#contact .panel {
  background: rgba(255, 255, 255, .25) !important;
}



.blue {
color: #ffffff;
	background: #444;
	border-color: #fff;
}

.blue h2, .blue h4 a  {
	color: #ffffff !important;
	
}
.blue form {

}
.green , .green h2{
color: #333;
	background: #ddd;
}
.green .panel {
	color: #555;
}

.panel h4 {
	color: #eee;
}
.orange , .orange h1 ,  .orange h2 ,  .orange h3{
color: #ffffff;
	background: #666;
}

.red,  .yellow, .yellow h3{
color: #ffffff;
	background: #555;
}

.pink a {
	border-bottom: 2px dotted #fff;
}
 .grey  {
color: #ffffff;
	background: #666;


}
.grey h4 {
	color:  #eee
}

.blue .feature p {
color: #ffffff;
}

.blue h2 {
	color: #eee;
}

.homeintro a , .orange a{
	color: #efefef !important;
	border-color: #efefef;
}
.homeintro a:hover, .orange a:hover {
	color: #fff !important;
		border-color: #fff;
	
}

.orange .homeintro h3 {
color: #eee;
    }

.homeintro strong {
  		  color: #fff;
  	
  }
 

.panel {
	background: #444;
}

.panel p {
	color: #fff;
}

.red .panel blockquote{
	color: #fff;
}

.panel cite  {
	color: #ccc;
}

.panel cite strong {
	color: #eee;
}
p.openquote {

	color: #bbbbbb;
}




#stress-free   {
color:  #222222;
	background: #ccc;

	}
	

#stress-free h2 {
	color: #333;
}	
	
.footer p, .footer li {
	color:  #eee;
}
.footer em a {
color: #fff;
}

.twitter ul, .twitter ul li  a {
	color: #ddd; border-color: #ddd;
}

a.cookieswitch {
	color: #666;
}
a.cookieswitch:hover {
		color: #000;
	
}
a.cookieswitch:hover .off{
	background: #666;
}



button, .button {
   background-color: #444;
  border-color: #eee;
  color: #FFFFFF;
 }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #333; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }
    
    
    
    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    
      background-color: #fefefe;
          }
          
          
          .reg {
          	color:  #cccccc;
          }
          
          
          
          label {
          	color: #fff !important;
          }


.orange .medium-6 , .orange .medium-12 h2 {
	  color: #fff;
}

#modalTitle, #myModal {color: #333}


	.red {
		background: #111111 !important;
	}



#expressionengine , #expressionengine  h2 {
	background: #111
}


  
.csstransitions  .headroom {background: #333;  	
  }

#header.headroom--not-top  {
		 background: rgba(0, 0, 0,0.8);


}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  
border: 1px solid #ccc;
 }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {

    border-color: #000;
 }




.blue h4 a {
		color: #fff!important;
		border-bottom: 1px dotted #fff;
	}
	
	
	.blue h4 a:hover {
				border-bottom: 1px solid #fff;
		
	}




a.cookieswitch .off {
color: #333;
		background: #333;

}