@charset "utf-8";
/*
Theme Name: drbrody
Theme URI: http://long-island-dental.com/
Description: This template is designed for Dr brody, DDS.
Author: Juan Vides
Tags: custom header, fixed width, two columns
*/
#menu li a, #menu li a:link, #menu li a:visited{padding:15px 31px !important}
body {
	background:#ffffff;
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#575757;
	outline: none;
	transition: all;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
}

a { color: #016084; text-decoration:none; }
a:hover { color:#009dd1; text-decoration:underline; }
a img { outline:none; border:0px; }
img { max-width:100%; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cabin Condensed', sans-serif;
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#0076a3;
}

p {
	margin:0px 0px 15px 0px;
	padding:0px;
	line-height:22px;
	}

blockquote {
	background:#f9f9f9;
	border-top:solid 3px #016084;
	border-bottom:solid 3px #016084;
	padding:20px 20px 1px 20px; margin:0px 20px 20px 20px; }

label { display:block; margin:0px 0px 5px 0px; }
input, textarea { font-family: 'Archivo Narrow', sans-serif; width:91.5%; padding:4%; margin:0px 0px 15px 0px; border:solid 1px #cdcdcd; background:#ffffff; font-size:14px; color:#231f20; border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; box-shadow:inset 0px 0px 8px #ccc; }
textarea { resize:none; height:88px; }
select { width:100%; padding:3.8%; margin:0px 0px 15px 0px; border:solid 1px #cdcdcd; background:#ffffff; color:#231f20; border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; box-shadow:inset 0px 0px 8px #ccc; font-size:14px; }
input[type="submit"] { width:100%; color:#ffffff; font-size:22px; background:#016084; border:0px; margin:0px; padding:3% 8%;
transition:ease-in-out background 250ms; -moz-transition:ease-in-out background 250ms; -o-transition:ease-in-out background 250ms;
-webkit-transition:ease-in-out background 250ms; -ms-transition:ease-in-out background 250ms; cursor:pointer; }
input[type="submit"]:hover { background:#004863; color:#ffffff; }

/*** Wrappers ***/
.wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 0px 10px;
}

#internal-page { padding:50px 25px 25px 25px; }

/*** Header ***/
#header {
	background:#e0e9ff;
	padding:20px 0px;
	height:105px;
}
#header-left {
	width: 460px;
	float: left;
	padding-top: 20px;
}
#header-right {
	width: 220px;
	float: right;
}

#phone_nums { font-size:28px; float:right; text-align:center; padding-right:20px; color:#004863;  }
#phone_nums span { display:block; }

#social-box {
	float:right;
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	}

#social-box a img {
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
	}

#search-bar { padding-top: 10px; }
#search-bar input {
	background:#004863;
	color:#ffffff;
	border:none;
	border-radius:5px;
	box-shadow:none;
	
}

/*** Main Slider ***/
#main_slider_area {}

/*** Schedule Box ***/
#schedule_box {
	background-image: url(images/mid-bg.png);
	background-repeat: no-repeat;
	background-size:100%;
	margin:-60px 0px 0px 0px;
	position:relative;
	z-index:999;
}

#schedule_box a { color:#ffffff; }

#schedule_box h1 {
	font-family: 'Cabin Condensed', sans-serif;
	font-weight:normal;
	color: #016084;
	font-size: 46px;
	text-align: center;
	padding: 25px 0px 5px 0px;
}
#schedule_box h2 {
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:normal;
	color: #FFF;
	font-size: 36px;
	text-align: center;
	line-height: 120px;
}
#schedule_box h3 {
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:normal;
	color: #fffbc2;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
}
#schedule_box h4 {
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:normal;
	color: #ffd2d2;
	font-size: 17px;
	text-align: center;
	line-height: 23px;
	padding:5px 0px;
}

#schedule_box .space-top { padding-top:12px; }
#schedule_box .space-top2 { padding-top:20px; }

.off-time {
	background:#016084;
	width: 870px;
	margin: 0px auto 10px auto;
	border-radius: 10px;
	padding: 20px;
}
.off-time .col {
	width: 250px;
	padding: 0px 15px;
	border-right: #014c68 2px solid;
	float: left;
	height:120px;
}
.off-time .col-last {
	width: 275px;
	padding: 10px 15px 0px 15px;
	border-right: none;
	float: left;
	height:110px;
}

/*** Content Area ***/
#content_area_wide {
	margin:0px;
	padding:0px 0px 0px 0px;
	min-height:350px;
	}

#content_area_wide.narrow {
	width: 600px;
	border-left: #0e7ea8 3px solid;
	float: right;
	padding:0px 0px 0px 30px;
	}

.page_content_box { margin:0px; padding:0px; }

h1.archhead { font-size:30px; line-height:34px; border-bottom:solid 2px #b7a366; padding-bottom:5px; }

.page_content_box h1 { font-size:28px; line-height:32px; text-transform:capitalize; }

.page_content_box h2 { font-size:25px; line-height:30px; }
	
.page_content_box h3 { font-size:22px; line-height:28px; }

.page_content_box h4 { font-size:19px; line-height:24px; }
	
.page_content_box h5 { font-size:17px; line-height:22px; }

.page_content_box h6 { font-size:17px; line-height:19px; border-bottom:solid 2px #b7a366; }

.page_content_box p { margin-bottom:15px; line-height:22px; }

.page_content_box ol{ list-style-position:inside; margin:0px 0px 0px 15px; padding:0px 0px 12px 0px; }
	
.page_content_box ol li{ padding:0px 0px 3px 0px; line-height:22px; }

.page_content_box ul{ list-style-position:inside; margin:0px 0px 0px 15px; padding:0px 0px 12px 0px; }

.page_content_box ul li{ padding:0px 0px 3px 0px; line-height:22px; }
 
.postbox ul.bigorange li { color:#ff8901; font-size:18px; line-height:24px;  }

/*** Sidebar ***/
#sidebar { float:left; width:250px; margin:0px; padding:0px; }

#sidebar h1 { font-size:24px; line-height:26px; }
	
#sidebar h2 { font-size:30px; line-height:32px; margin-bottom:12px; }
	
#sidebar h3 { font-size:26px; line-height:29px; margin-bottom:12px; }
	
#sidebar h4 { font-size:22px; line-height:26px; margin-bottom:12px; }
	
#sidebar h5 { font-size:18px; line-height:23px; margin-bottom:12px; }

#sidebar h6 { font-size:15px; line-height:20px; margin-bottom:12px; }

#sidebar p { margin-bottom:15px; line-height:22px; } 

#sidebar ol{ list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px; }
	
#sidebar ol li{ padding:4px 0px 4px 0px; line-height:22px; border-top:dotted 1px #666666; }

#sidebar ul{ list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px; }

#sidebar ul li{ padding:4px 0px 4px 0px; line-height:22px; border-top:dotted 1px #666666; }

#sidebar li:first-child{ border-top:0px; }

#sidebar a { text-decoration:none; }

#sidebar .widget {
	margin-bottom:15px;
	}

/*** Tour Box ***/
#tour_box { background-color:#0076a3; padding:20px 0px; color:#ffffff; }
#tour_box #tour_left { width:710px; float:left; }
#tour_box #tour_right { width:230px; float:right; padding-top:18px; }
#tour_box h1 { font-size:54px; margin-bottom:0px; color:#ffffff; }
#tour_box p { color:#ffffff; font-size:15px; }

#tour_box #tour_btn a {
	display:block;
	background-color:#5caecd;
	border:solid 1px #ffffff;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	padding:20px 15px;
	color:#ffffff;
	font-size:22px;
	text-align:center;
	font-family: 'Archivo Narrow', sans-serif;
	transition:ease-in-out background 250ms; -moz-transition:ease-in-out background 250ms; -o-transition:ease-in-out background 250ms;
-webkit-transition:ease-in-out background 250ms; -ms-transition:ease-in-out background 250ms;
	}

#tour_box #tour_btn a:hover {
	background-color:#004863;
	text-decoration:none;
	color:#ffffff;
	}

/*** Footer Form ***/
#form-home {
	padding:30px 0px;
}
#form-home h1 {
	font-size:36px;
	color:#0076a3;
	text-align:center;
	margin-bottom:20px;
}

#form-home .frm_box { width:470px; float:left; margin-right:20px; }
#form-home .frm_box.last { width:470px; float:right; margin-right:0px; }

/*** Footer ***/
#footer {
	width:100%;
	background-color:#e0e9ff;
	padding:25px 0px;
	color: #111111;
}
#footer #copyright {
	padding-top:15px;
	text-align:center;
}
#ftr-menu, #ftr-menu1 {
	text-align:center;
	padding:0px 0px;
}
#ftr-menu ul, #ftr-menu1 ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#ftr-menu ul li, #ftr-menu1 ul li {
	border-left:1px solid #111111;
	list-style:none;
	display:inline-block;
	margin:0px;
	padding:0px 15px;
}
#ftr-menu1 ul{margin:12px 0 0 0;}
#ftr-menu1 ul li{font-size:13px; padding:0 4px;}
#ftr-menu ul li:first-child, #ftr-menu1 ul li:first-child {  border:none; }
#ftr-menu1 ul li:first-child{color:#0076a3; font-weight:bold;}

#footer a { color:#111111; }
#footer a:hover { color:#666; }


/*** Misc. Styles ***/
.clear { clear:both; }

.center { text-align:center; }

.navigation {
	padding:5px 0px 15px 0px;
	margin:auto;
	}

.align-left {
	float:left;
	}

.align-right {
	float:right;
    text-align:right;
	}

.navigation a  {
	display:inline-block;
	background-color:#016084;
	text-decoration:none;
	padding:6px 12px;
	font-size:18px;
	color:#ffffff;
	}

.navigation a:hover  {
	background-color:#004863;
	transition:ease-in background 300ms;
	-moz-transition:ease-in background 300ms;
	-o-transition:ease-in background 300ms;
	-webkit-transition:ease-in background 300ms;
	color:#ffffff;
	}

.alignleft {
	margin-top:5px;
	margin-right:10px;
	float:left;
	}

.alignright {
	margin-top:5px;
	margin-left:10px;
	float:right;
	}

.aligncenter {
	display:block;
	margin:0px auto 10px auto;
	}

.imgbrdr { background:#cfcfcf; border:solid 1px #0076a3; padding:4px; }

/*** CForm 07 Style ***/
span.wpcf7-not-valid-tip { display:none !important; }

#wpcf7-f4-o1 div.wpcf7-response-output { font-size:13px; font-family: "Arial","Helvetica",sans-serif; background:#900; border:0px; color:#ffffff; text-align:center; padding:5px; margin:10px 0px 0px 0px; }

#wpcf7-f4-o1 div.wpcf7-mail-sent-ok { font-size:13px; font-family: "Arial","Helvetica",sans-serif; background:#398f14; border:0px; color:#ffffff; text-align:center; padding:5px; margin:10px 0px 0px 0px; }

div.wpcf7 img.ajax-loader { display:none; }

/*** Blog Page Styles ***/
.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; }
.author { background-image: url(images/user.png); background-repeat: no-repeat; padding-left: 20px; }
.post-info { color: #333; font-size: 12px; margin-bottom: 6px; padding: 5px 0px; border-top: dotted 1px #181818;
	border-bottom: dotted 1px #181818; }
.category { background-image: url(images/category.png); background-repeat: no-repeat; padding-left: 20px; }
.tags { background-image: url(images/tag.png); background-repeat: no-repeat; padding-left: 20px; margin-bottom: 10px; display: block; }
.comments { background-image: url(images/comment.png); background-repeat: no-repeat; padding-left: 20px; }
.bottom-info { color: #333; font-size: 12px; margin-bottom: 15px; padding: 5px 0px; border-top: dotted 1px #181818;
	border-bottom: dotted 1px #181818; }

/* COMMENT FORM */
#commentform input { width:150px; padding:2px; margin:0px; box-shadow:none; }
#commentform { margin: 0px 0px 0 0; }
#commentform textarea { width: 98%; font-family:Arial, Helvetica, sans-serif; padding: 2px; resize: none; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { background-color: #016084; border: solid 1px #b7a366; color: #ffffff; padding:5px 8px; margin: 0 0 5px 0px; width:auto; }
#commentform #submit:hover { background-color: #004863; color: #ffffff; }
.commentlist li .avatar { width: 32px; float: right; padding: 2px; background: #016084; margin-right: 0px; }
ol.commentlist { list-style: none; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; }
ol.commentlist li { background: none; padding-bottom: 5px; margin: 0px; }
.comment-meta { padding-bottom: 8px; }
ol.commentlist a { text-decoration: none; font-style: normal; }
ol.commentlist a:hover { text-decoration: underline; }
.reply { padding-bottom: 5px; }
.reply .comment-reply-link { background-color: #016084; padding: 4px 4px 4px 4px; color: #ffffff; }
.reply .comment-reply-link:hover { background-color: #004863; color: #ffffff; text-decoration: none; }
ul.children { list-style: none; margin: 0px; padding: 0px; }
.comment-body { border:solid 1px #016084; box-shadow:0px 0px 3px #c6c6c6; background-color: #f9f9f9; padding: 10px;
	margin-bottom: 5px; color: #000000; }

/*** Four-o-Four ***/
#four-o-four {}
#four-o-four h1 { font-size:282px; line-height:282px; text-align:center; }
#four-o-four h2 { font-size:70px; line-height:80px; text-align:center; }
#four-o-four span { display:block; }

.caption_box { width:400px; }
.caption_box .prime_head { background:url(images/overlay-w.png); padding:5px; text-align:right; color:#0076a3; font-size:28px; font-weight:bold; margin-bottom:10px; line-height:32px; }
.caption_box .second_head { background:url(images/overlay-b.png); padding:10px; color:#ffffff; font-size:15px; line-height:22px; }


/**For Screens Equal to 768px and Less than 960px ***/
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	/*** Wrappers **/
	.wrapper { width:730px; }

	/*** Header ***/
	#header { height:auto; }

	#phone_nums { float:none; padding-right:0px; clear:both; padding-bottom:10px; }
	#phone_nums span { display:inline-block; padding:0px 5px 0px 5px }
	
	
	/*** Schedule Box ***/
	#schedule_box { width: 730px; margin:-20px 0px 0px 0px; }
	#schedule_box h1 { font-size: 30px; }
	#schedule_box h2 { font-size: 30px; line-height: 100px; }
	#schedule_box h3 { font-size: 20px; }
	#schedule_box h4 { font-size: 16px; }
	
	#schedule_box .space-top { padding-top:6px; }
	#schedule_box .space-top2 { padding-top:20px; }
	
	.off-time { width: 680px; padding: 10px; height: auto; }
	.off-time .col { width: 200px; padding: 10px 0px; margin-bottom: 10px; height: 100px; }
	.off-time .col-last { width: 240px; height: 100px; }
	
	/*** Content Box & Sidebar ***/
	#content_area_wide.narrow { width:400px; padding-left:22px; }
	#sidebar { width:250px; }
	
	/*** Tour Box ***/
	#tour_box #tour_left, #tour_box #tour_right { width:100%; float:none; text-align:center; padding-top:0px; }
	#tour_box h1 { font-size:48px; }
	
	/*** Footer Form ***/
	#form-home .frm_box, #form-home .frm_box.last { width:355px; }
	textarea { resize:none; height:78px; }
	
	.alignleft, .alignright, .aligncenter { float:none; display:block; margin:0px auto 15px auto; }
}

/**For Screens Equal to 480px and Less than 768px ***/
@media only screen and ( max-width: 767px ) {
	/*** Wrappers **/
	.wrapper { width:440px; }
	#internal-page { padding:50px 0px 25px 0px; }

	/*** Header ***/
	#header { height:auto; }
	#header-left, #header-right { width:100%; float:none; padding-top:0px; }
	#header-left img { width:100%; }

	#phone_nums { float:none; padding-right:0px; clear:both; padding-bottom:10px; }
	#phone_nums span { display:inline-block; padding:0px 5px 0px 5px }

	#social-box { float:none; text-align:center; padding:15px 0px; }
	#social-box a img { float:none; margin:0px 0px 0px 5px; padding:0px; }
	#search-bar { padding-top:0px; }
	
	/*** Schedule Box ***/
	#schedule_box { width: 440px; margin:-10px 0px 0px 0px; }
	#schedule_box h1 { font-size: 30px; }
	#schedule_box h2 { font-size: 30px; line-height: 30px; }
	#schedule_box h3 { font-size: 20px; }
	#schedule_box h4 { font-size: 16px; padding: 10px 0px; }
	#schedule_box .space-top { padding-top:6px; }
	#schedule_box .space-top2 { padding-top:20px; }
	.off-time { width: 380px; height: auto; }
	.off-time .col { width: 100%; padding:0px; margin-bottom: 10px; border-right: none; border-bottom: #014c68 2px solid; float: none; height: auto; }
	.off-time .col-last { width: 100%; padding:0px; border-right: none; float: none; height: auto; }
	
	/*** Content Box & Sidebar ***/
	#content_area_wide  { min-height:100px; }
	#content_area_wide.narrow { float:none; width:100%; border:0px; padding:0px; margin-bottom:0px; }
	#sidebar { float:none; width:100%; }
	
	/*** Tour Box ***/
	#tour_box #tour_left, #tour_box #tour_right { width:100%; float:none; text-align:center; padding-top:0px; }
	#tour_box h1 { font-size:48px; }
	
	/*** Footer Form ***/
	#form-home .frm_box, #form-home .frm_box.last { width:100%; float:none; margin-right:0px; }
	
	blockquote { margin:0px 0px 20px 0px; }
	
	.alignleft, .alignright, .aligncenter { float:none; display:block; margin:0px auto 15px auto; }

}

/**For Screens Equal to 320px and Less than 480px ***/
@media only screen and ( max-width: 479px ) {
	/*** Wrappers **/
	.wrapper { width:280px; }
	#internal-page { padding:50px 0px 25px 0px; }
	
	/*** Header ***/
	#header { height:auto; }
	#header-left, #header-right { width:100%; float:none; padding-top:0px; }
	#header-left img { width:100%; }

	#phone_nums { float:none; padding-right:0px; clear:both; padding-bottom:10px; }
	#phone_nums span { display:block; padding:0px 5px; }

	#social-box { float:none; text-align:center; padding:15px 0px; }
	#social-box a img { float:none; margin:0px 0px 0px 5px; padding:0px; }
	#search-bar { padding-top:0px; }
	
	/*** Schedule Box ***/
	#schedule_box { width: 280px; margin:-5px 0px 0px 0px; }
	#schedule_box h1 { font-size: 30px; }
	#schedule_box h2 { font-size: 30px; line-height: 30px; }
	#schedule_box h3 { font-size: 20px; }
	#schedule_box h4 { font-size: 16px; padding: 10px 0px; }
	.off-time { width: 240px; height: auto; }
	.off-time .col { width: 100%; padding:0px; margin-bottom: 10px; border-right: none; border-bottom: #014c68 2px solid; float: none; height: auto; }
	.off-time .col-last { width: 100%; padding:0px; border-right: none; float: none; height: auto; }

	
	/*** Content Box & Sidebar ***/
	#content_area_wide  { min-height:100px; }
	#content_area_wide.narrow { width:100%; padding:0px; border:0px; }
	#sidebar { width:100%; }

	/*** Tour Box ***/
	#tour_box #tour_left, #tour_box #tour_right { width:100%; float:none; text-align:center; padding-top:0px; }
	#tour_box h1 { font-size:48px; }

	/*** Footer Form ***/
	#form-home .frm_box, #form-home .frm_box.last { width:100%; float:none; margin-right:0px; }
	
	/*** Four-o-Four ***/
	#four-o-four {}
	#four-o-four h1 { font-size:150px; line-height:160px; text-align:center; }
	#four-o-four h2 { font-size:38px; line-height:50px; text-align:center; }
	
	.caption_box { width:100%; display:none; }
	.caption_box .prime_head { font-size:24px; padding:5px; margin-bottom:5px; }
	.caption_box .second_head { font-size:13px; line-height:22px; }
}