/*   
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

p{font-family: 'Source Sans Pro', sans-serif; font-size:17px; margin:1.5em 0px 0 0; letter-spacing: 0.5px;}
a {color: #03f;font-family: 'Source Sans Pro', sans-serif;}
a:hover {color: #69f;font-family: 'Source Sans Pro', sans-serif;}
h1{font-family: 'Source Sans Pro', sans-serif;}
h2{font-family: 'Source Sans Pro', sans-serif; font-size:26px;color:#68BCFC;}
h3{background:#68BCFB; font-family: 'Source Sans Pro', sans-serif; color:#fff; font-size:18px;text-align:center; -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
h4{font-family: 'Source Sans Pro', sans-serif; font-size:22px;color:#5062B8;margin-top:20px;content:none;}
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrap100{
	width:100%;
	height:100px;
    background-color: #68bcfc;
}

#top-wrapper {
    margin: 0 auto;
    width: 960px;
}


#wrapper {
	width: 1000px; 
	margin: 0px auto; 
	padding:10px; 
	overflow:visible; 
	background-color:#fff;
	/*border-left: 4px solid #7acedb;
    border-right: 4px solid #7acedb;*/
	}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}

/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/

@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
} */



#header{
	float:left;
	height:100px;
	width:;
}

#logo {
	margin-top:50px;
    position: absolute;
    z-index: 12000;
	margin-left: -42px;
}

#nav{
	float:right;
	height:50px;
	width:;
	margin-top:50px;
}


#galleryContainer {
	float:left;
	position: relative;
}

#overlayContainer {
	width: 960px;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	display: none;
	overflow: none;
}

#overlayContainer>img {
	width: 960px; 
	height: 300px;
	border-radius: 8px 8px 0 0;
    border: 10px solid white;
    box-shadow: 2px 2px 2px 3px #e3e3e3;
    margin-bottom: 10px;
	}

#slideshow {width: 960px; height: 300px;}
#slideshow img {
	border-radius: 8px 8px 0 0;
    border: 10px solid white;
    box-shadow: 2px 2px 2px 3px #e3e3e3;
    margin-bottom: 10px;
	width:1000px !important;
	}
ul#nav-slider {
	width: 960px;
	height: 70px;
}

ul#nav-slider{ 

	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8cf7ec', endColorstr = '#79cdff');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8cf7ec', endColorstr = '#79cdff')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	/*background-image: -moz-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: -ms-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: -o-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#8cf7ec), to(#79cdff));
	background-image: -webkit-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: linear-gradient(top, #8cf7ec, #79cdff);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	/*-webkit-padding-start: 0px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	border-radius: 0 0 8px 8px;*/
}



ul {
    font-size: 17px;
    list-style: outside none disc !important;
    margin-left: 0;
}

.entry ul li:before {

	padding-right: 5px;
	color: #68BCFB;
}

ul > li{
    color: ;
}

ul p{
    color: #000;
}

.entry li {
    margin-left: 50px;
}


ul#nav-slider>li {list-style-type: none;float: left;}
ul#nav-slider>li>img {width: 73px;height: 33px;}
ul#nav-slider > li > img {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");
     background-color: gray;
     /* box-shadow: -3px -3px 3px 2px rgba(0, 0, 0, 0.3) inset, 0 0 0 5px rgba(255, 255, 255, 0.6) inset, 0 0 0 1px rgba(0, 0, 0, 0.5), 2px 2px 10px rgba(0, 0, 0, 0.6);*/
    box-sizing: border-box;
    display: block;
    height: 250px !important;
    width: 300px !important;
	margin: 0px !important;
	border: 10px solid white;
    box-shadow: 2px 2px 2px 3px #e3e3e3;
    margin-bottom: 10px;
}

#large01{margin-right:30px;}
#large02{margin-right:30px;}
#large01 img{border-radius: 0 0 0 8px!important;}
#large03 img{border-radius: 0 0 8px 0!important;}


#cssmenu-2825 ul li ul li{
box-shadow: 1px 1px 1px 0 #ededed;
 width: 238px;
}
#cssmenu-2825 ul li ul li a{
 width: 238px!important;
}

.small-pic.alignleft.wp-image-2906.size-full,
.small-pic.wp-image-2905.size-full.alignleft ,
.staff-pic.wp-image-2862.size-full.alignleft {
    float: left;
    margin-right: 10px;
}

.staff-pic {
    float: left;
}

/* Page & Post Header Image Plugin aditional styles here */

.chi_display_header{float:left;}

/*CSS MENU HERE */

#cssmenu-2825{
	background: #68BCFC!important;
	min-width:140px;
	z-index: 20000!important;
	
}
	
#cssmenu-2825 > ul > li:hover > a{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8cf7ec', endColorstr = '#79cdff');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8cf7ec', endColorstr = '#79cdff')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: -ms-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: -o-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#8cf7ec), to(#79cdff));
	background-image: -webkit-linear-gradient(top, #8cf7ec, #79cdff);
	background-image: linear-gradient(top, #8cf7ec, #79cdff);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	-webkit-padding-start: 0px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	/*-webkit-border-radius: 8px 8px 0 0;*/
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	min-width:140px;
}

#cssmenu-2825 > ul > li > a{
	color:#333!important;
	font-size:20px!important;
	font-family: 'Source Sans Pro', sans-serif;
	min-width:140px;
}

#cssmenu-2825 > ul > li:active> a{
	color:#fff!important;
	font-family: 'Source Sans Pro', sans-serif;
	background:	background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b7e1f7', endColorstr = '#60cac7')!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b7e1f7', endColorstr = '#60cac7')";
	background-image: -moz-linear-gradient(top, #b7e1f7, #60cac7);
	background-image: -ms-linear-gradient(top, #b7e1f7, #60cac7);
	background-image: -o-linear-gradient(top, #b7e1f7, #60cac7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#b7e1f7), to(#60cac7));
	background-image: -webkit-linear-gradient(top, #b7e1f7, #60cac7);
	background-image: linear-gradient(top, #b7e1f7, #60cac7);
	-webkit-padding-start: 0px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0!important;
	color:#333;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	min-width:140px;
}
/* Adds round bottoms on the last item in each drop down box
Add in the menu ID's of the last menu items in each drop down box.*/
#menu-item-2800, #menu-item-2802 {
    border-radius: 0 0 8px 8px;
}

.chi_display_header{
	border: 10px solid white;
    box-shadow: 2px 2px 2px 3px #e3e3e3;
    margin-bottom: 10px;
}
/*-----------------------------------------
		Body content. 3x posts go here.
------------------------------------------*/


.post {
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 20px;
    width: 720px;
}

#post-2822 {
    width: 960px;
}
#post-2822 p {
    margin-left: 200px;
    text-align: center !important;
    width: 500px;
	}

.wp-image-3072.alignright {
    float: right;
}

.tooth-center {
    margin-left: 360px;
}
.tooth-left {
    margin-top: 70px;
    position: absolute;
    z-index: 2000;
}
.tooth-right {
    margin-left: 780px;
    margin-top: 70px;
    position: absolute;
    z-index: 2000;
}
/*-----------------------------------------
		Sidebar. Contains Widgets.
------------------------------------------*/
.textwidget img {
    padding: 5px;
}

#sidebar{
	float:right;
	background-color:;
	min-height:750px;
	width:250px;
	padding:8px;
}
.widget.widget_text{
	min-height:200px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:30px;
}

#widgetized-area {
    float: ;
}


#text-11 {
    float: left;
    width: 400px;
}

#text-12 {
    float: right;
    height: 150px;

}


#text-8 , #text-7{
	float:left;
    border: medium none;
	width:660px;
}
#text-8{margin-top:100px;margin-bottom: -80px;}

#add_form_entry_1 {
    width: 660px;
}

.sidebar-box.widget_dcg_opening_hours.clr {
    background-color: #abdbfe;
}

.opening-hours-main .day-wrapper {
    display: table-row;
}

.opening-hours-main .day-container {
  
    border-radius: 3px;
    border-spacing: 1px;
    box-sizing: border-box;
    display: table;
    padding: 2px;
    width: 100%;
}

.hours-heading .hours-subtitle {
    color: #333333;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    padding: 0 15px;
    text-align: center;
}

.hours-heading {
    background: none repeat scroll 0 0 #c8e4ee;
       box-sizing: border-box;
    display: table;
    margin-top: 5px;
    padding: 2px;
    width: 100%;
	}
	
.opening-hours-main .day-wrapper {
    display: table-row;
}

.opening-hours-main .day-title, .opening-hours-main .day-data {
    font-size: 13px;
    line-height: 20px;
}
.opening-hours-main .day-title, .opening-hours-main .day-data {
    box-sizing: border-box;
    display: table-cell;
    font-size: 13px;
    line-height: 20px;
    padding: 8px 15px;
}
.day-data {
    background-color: white;
}

/*page css */

.staff-pic , .small-pic, .small-right{
    border: 10px solid white;
    box-shadow: 2px 2px 2px 3px #e3e3e3;
    margin-bottom: 10px;
}
.small-right{float:right!important;}




/*footer css */
#foot100{
	border-top: 1px solid #ddd;
	float:left;
	min-height:200px;

	width:100%;
	margin-top:20px;
	background:#68BCFC;
	border-bottom:5px solid #5962B8;
}

#footer {
    margin: 0 auto;
    position: relative !important;
    width: 960px;
}
#foot-copy{
	margin-top:20px;
	float:left;
	}