/* 
Theme Name: Orthodontisten Framework
Theme URI: http://www.orthodontistenwebsite.nl/ 
Description: Orthodontisten Framework
Author: Clearsite 
Version: 1.0 
Tags: ortho, orthodontist 
*/  
@import url("css/reset.css");
/*=========================================
 STYLE
=========================================*/
body, select, input, textarea {
  color:#000;}
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;}
a, a:active, a:visited {
  color:#607890;}
  a:hover {color:#036;}
p {
  margin:0 0 15px;}
p:last-child {margin:0;}
em {
  font-style:italic;}
dt, strong {
  font-weight:bold;}
/*=========================================
 HELPERS
=========================================*/
.menu {
  list-style:none;}
/* For image replacement */
.ir {
  display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr;}
/* Hide for both screenreaders and browsers */
.hidden {
  display:none; visibility:hidden;}
/* ClearFix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display:block; height:0; overflow:hidden;}
  .clearfix:after {clear:both;}
  .clearfix       {zoom:1;}
.alignleft, .fl {
  float:left;}
.alignright, .fr {
  float:right;}
img.alignleft , img.alignright {
  display:block;}
/* GMAP */
.gmap-wrapper {
  position:relative; margin-bottom:25px; overflow:hidden;}
.gmap-wrapper .gmap-border {
  display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:999;
  -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.3);}
/*=========================================
 DEMO
=========================================*/
#ccss-widget-3 {position:fixed; top:0; right:0; width:40px; height:40px; padding:0 !important; background:#000 url("http://orthosite.nl/wp-content/themes/demosite/img/colors.png") no-repeat 0 0;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0 0 0 10px;
border-radius: 0 0 0 10px;}
#ccss-widget-3 h3 {display:none;}
#ccss-widget-3 ul {width:150px; display:none; border:none !important; position:absolute; top:0; right:40px; background-color:#F1F1F1;
-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5); }
#ccss-widget-3 ul li {border:none; padding:0 !important;}
#ccss-widget-3 ul li a {font-family:arial, sans-serif; line-height:1; text-decoration:none; color:#42AFE3; display:block !important; font-size:14px !important; padding:10px 0 !important; text-indent:10px !important;}
#ccss-widget-3 ul li a:hover {background-color:#515151; color:#fff !important;}
#ccss-widget-3:hover {background-position:0 -40px; -moz-border-radius-bottomleft:0; -webkit-border-radius:0; border-radius:0; cursor:pointer;}
#ccss-widget-3:hover ul {display:block;}