/*
Theme Name: Dr Ian Hill
Author:
/* Begin Typography & Colors */

.widecolumn .entry p { font-size: 1.05em; border:none; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata {  }
.thread-alt { background-color: #fff; }

.depth-1 {  }
.even, .alt { }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 1.5em; }
#headerimg .description { font-size: 1.2em; text-align: center; }
h2.pagetitle { font-size: 1.6em; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
.commentlist li, #commentform input, #commentform textarea { }
.commentlist li ul li { font-size: 1em; }
.commentlist li { }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #242424; }
small a { color:#424242; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover {  text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */

/* Begin Structure */
#page { background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596; }
.post { margin: 0 0 0 0; padding-bottom:10px; text-align: justify; }
.post hr { display: block; }
.postmetadata { clear: both; border:none; background:#EFEFEF; padding:5px !important ; }
.clear { clear: both; }
/* End Structure */

/*	Begin Headers */

h1 { padding-top: 70px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top:0px; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right;}
.alignleft { float: left; }
/* End Images */

/* Begin Lists*/
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px;  }
html>body .entry li { margin: 0px 0 0px 10px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom:0; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; line-height:25px; color:#000; }
/* End Entry Lists */

/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:left; }
select { width: 130px; }
#commentform input { padding: 6px; margin: 5px 5px 1px 0;border: 1px solid #ccc; width:250px; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 98%; padding: 5px;  border: 1px solid #ccc; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit {  background-color: #D20801;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 27px;
	float:right;
    margin: 0 0 0 5px;
    padding: 0 0 3px;
    width: 153px;}
/* End Form Elements */

/* Begin Comments*/

.alt { margin: 0; padding: 0; }
.thread-even { background-color:#efefef;border:solid 1px #CCC }
.thread-odd{ background-color:#fff; border:solid 1px #ddd }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin: 5px; background-color:#FFF; border:0 }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */



/* Begin Sidebar */
#sidebar form { margin: 0; }
/* End Sidebar */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; font-size: 11px; line-height: 17px; color:#666 }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; }
/* End Various Tags & Classes*/


/* Captions */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

#respond h3{ clear:both; padding-top:20px;}

/*-------------------------------------------------------------------------------------------*/

body {margin: 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:21px;}

h1 , h2 , h3 , h4 , h5, form, input{ margin:0; padding:0;}

h1{font-size:30px; color:#D20801; font-weight:normal; margin:0; padding:0; line-height:normal;}
h2{font-size:20px; color:#D20801; font-weight:normal; margin:0; padding:0; line-height:normal;}
h3{font-size:18px; color:#000; font-weight:bold; margin:0; padding:0; line-height:normal;}
h4{font-size:16px; color:#D20801; font-weight:bold; margin:0; padding:15px 0 6px 0; line-height:normal;}

a{ color:#D20801; text-decoration:none;}
img{border:0}
a:hover{ color:#D70007; text-decoration:none;}
.clear { clear:both;}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.wrapper {margin:0 auto; padding:0; width:100%;}

/*top*/
#top{ float:left; width:100%; background:#fff; position:relative; padding:30px 0 30px 0; height:30px; z-index:9999999}
.logo{ float:left; position:absolute; left:30px; top:30px; z-index:1;}
.socialicon{ float:right; padding:0 20px 0 0 }
.cont_text{ float:left; width:100%; position:relative; left:0; top:0px; z-index:99999; min-height:800px;}
.top_midbg{width:100%; background: url(images/cont_bg.png) repeat left top;float:left; text-align:center; padding:10px 0;  display:none}
.top_bg{ width:100%; background:url(images/top_migbg2.png) repeat-x left top; height:10px; float:left; }
.boxcont{ padding:0 40px;}
.top_midbg1{width:100%;float:left;background:url(images/top_midbg.png) no-repeat center top; padding:0 0 21px 0; text-align:center; z-index:9;}
.top_midbg1 a{ display:block; background:url(images/plus.png) no-repeat center top; height:40px; width:100px; margin:0 auto; }
.top_midbg1 a.active{ background:url(images/close.png) no-repeat center top; }
.top_midbg1 a:link,.top_midbg1 a:visited{ font-size:14px; color:#000; cursor:pointer; z-index:99;}

/*header*/
.header{ float:left; width:100%; position:relative; }
.bg_img { height: 100%; position: fixed; width: 100%; z-index: 0;}
.bg_img img { height: 100%; width: 100%; z-index: 0;}

ul#overlay { list-style-type:none; margin:-20px 0 0 0; padding:0;}
ul#overlay li a{ color:#fff; margin:0; padding:0; text-indent:-9999px; overflow:hidden;}

.net_bg{ position:absolute; left:0; top:0; background:url(images/net_bg.png) repeat left top; width:100%; height:100%;}
/*menu*/
#mainmenu{ float:right}
ul.menu {list-style:none; padding:0 20px 0 0; margin:0; float:right;}
ul.menu li{ float: left; z-index:9999999999; padding:0 5px;  margin:0; position:relative; line-height:28px; }
ul.menu li a:link, ul.menu li a:visited { margin:0; padding:5px 5px; color:#000; font-size:18px; font-family: 'open_sansregular';}
ul.menu li a:hover , ul.menu li.current_page_item a , ul.menu li a.menuhover {color:#333; border-bottom:2px solid #FF0000;}

ul.menu ul { position:absolute; left:5px; top:40px; display:none; list-style:none; margin:0; padding:0; z-index:9999999 !important;}
ul.menu ul li { position:relative; margin:1px 0 0 0; font-size:13px; font-weight:normal; padding:0;  z-index:9999999; border:none;}
ul.menu ul li a:link , ul.menu ul li a:visited {display:block; margin:0; padding:3px 10px; color:#fff; text-decoration:none; font-size:12px; text-transform:capitalize; height:auto; font-family: 'open_sansregular'; z-index:99999; text-align:left;  line-height:20px; font-weight:normal; background:#FF0000; border:none; }
ul.menu ul li a:hover,ul.menu ul li.current a{ color:#fff; background:#000;}


.left_side{ position:absolute; left:94px; top:450px; width:430px; float:left; z-index:999999 } 
.left_side h1{font-size:32px; font-family: 'open_sansregular'; line-height:normal; font-weight:normal; color:#fff; float:left; display:block;}
.left_side span{font-size:24px;  font-family: 'open_sansregular'; color:#000; background:#fff; margin:4px 0 0 0;padding:5px 5px;  line-height:normal; font-weight:normal; float:left; display:block;}

.copy_text{ position:relative; font-size:14px; color:#000; text-align:center; width:100%; z-index:99; }
.copy_inner{ float:left; width:100%; font-size:14px; color:#000; text-align:center; width:100%; z-index:99; padding:30px 0 20px 0; position:relative;}

/*page2*/
.dr_img {border:2px solid #fff; margin-bottom:10px}
.cont_text span{ font-size:14px; font-weight:bold;}

/*inner page*/
#inner{ float:left; width:100%; position:relative;}
.in_head { float:left; width:100%; min-height:130px;}
.in_head img{width:100%; min-height:130px; }
.inner_ti { float:left; margin:0 0 0 53px; padding:0;}
.inner_ti table td {height:130px; margin:0; padding:0;}
.inner_ti table td span {padding:7px; background:#333; color:#fff; font-size:32px; margin:0; line-height:normal;}

#content{ float:left; width:100%; margin-top:26px; position:relative;}
.main_content { padding:0 40px 0 53px;}
.cont_left{ font-size:14px; width:100% }
.cont_left a:link,.cont_left a:visited {color:#D20801; text-decoration:underline;}
.cont_left a:hover{ color:#000; text-decoration:none;}


.cont_right{float:right; width:378px; margin-left:20px; }
.cont_right img{ max-width:100%;}
.menu_link{ display:none}

.cont_post_left{ width:auto; padding-right:320px;}
.sidebar{ position:absolute; top:0; right:30px; width:300px; }
.sidebar ul{ margin:0; padding:0}
.sidebar ul li{ margin:0; padding:0; list-style:none}

.sidebar .right_box{ padding-bottom:15px;}
.attachment-200x9999{ float:left; margin-right:10px; margin-bottom:5px;}
.postbox { clear:both; margin:10px 0; border-bottom:solid 1px #CCC; float:left; width:100%; padding-bottom:10px;}
.postbox:after{ content:"."; display:block; height:0; visibility:hidden}
.postbox .cdate{ display:block; color:#999; margin-bottom:10px;}
.mid_img{border:1px solid #000; padding:1px;}
.mid_img2{ width:225px;}
.addres{ line-height:25px;}
.addres p{ margin:0; padding:0;}
.left_side_in{ width:100%; float:left; padding-bottom:20px;}
.left_side_in ul{ margin:0; padding:0; list-style-type:none; width:800px;}
.left_side_in li{ padding:0; margin:0; width:400px; float:left;}
.map_box{ float:left; width:800px; margin-bottom:20px;}
.map{ float:right; width:350px; border:1px solid #000; clear:both; }
.addres2{ line-height:25px; float:left; width:350px; margin-right:20px;}
.addres2 span{ float:left; width:100%; margin:10px 0 0 0; padding:0; line-height:normal; font-weight: bold;}
.addres2 p{ margin:0; padding:0;}
#fancybox-overlay{ z-index:9999999 !important;}
#fancybox-wrap{ z-index:99999999 !important;}
.cont_right2{ float:right;}
.copytxt{ float:right; padding-right:10px;}
@media (max-width:1024px){
    .map_box{ width:508px;}
    .map{ float:left;}
	.cont_right2{ float:right;}
}

@media (max-width:768px)  {
.cont_text{ min-height:850px;}
.left_side{ left:34px}
.cont_right{width:278px; right:30px;}
.cont_right img{ width:100%}
.main_content { padding:0 30px 0 30px;}
.cont_post_left{ width:auto; padding-right:260px;}
.sidebar{ position:absolute; top:0; right:30px; width:220px; }
.socialicon, ul.menu{ padding:0 10px 0 0}
.left_side_in ul { float: left; margin:0; padding:0; list-style-type:none; width:700px;}
.left_side_in li{margin:0; padding:0; width:300px; float:left;}
.map_box{ float:left; width:100%;}
.addres2{ line-height:25px; float:left; width:315px; margin-right:20px;}
.map{ float: none;}
.cont_right2{ float: none;}
.cont_right2 img{ width:100%;}
.logo{ left:20px;}
ul.menu li{ padding:0 1px}

}

@media (max-width:700px){

	.menu_link{ clear:both; margin-top:25px; display:block !important; background:#1B1B1B url(images/res_menu_link.png) no-repeat right center; padding:5px 15px; text-decoration:none; font-size:16px; color:#FFF; z-index:99999; font-family: 'open_sansregular'; text-transform:uppercase}
	.menu_link:hover,.menu_link.active{ color:#ccc; background:#333 url(images/res_menu_linkh.png) no-repeat right center; text-decoration:none;}
	
	#mainmenu ul{ display:none; background:#333; position:absolute; left:0px; top:86px; margin-top:0px; text-align:left; padding-bottom:5px; width:100%; height:auto; z-index:99999; padding:0 }
	#mainmenu ul li{ display:block; padding:2px 0; border:none; margin:0px; float:none; background:none; line-height:20px; }
	#mainmenu ul li.logo_bg{ display:none !important}
	#mainmenu ul li a:link,#mainmenu ul li a:visited{ display:block; background:none; border:none; width:100%; float:none; font-size:14px; padding:5px 5px 5px 10px; line-height:20px; color:#fff !important }
	#mainmenu ul li a:hover, #mainmenu ul.menu li.current a{ color:#fff; background:#FF0000}
	#mainmenu ul li a.menuhover{background:#1B1B1B}
	#mainmenu ul li a span{ display:block; background:none; border:none; width:100%; float:none; line-height:30px}
	#mainmenu ul ul { position:inherit; top:0px; left:0; background:#FF0000;} 
	#mainmenu ul ul li a{ padding:2px;} 	
	#mainmenu ul ul li a:hover{ background:#333} 		
	
	#top{ padding:30px 0 25px}
	.logo{ top:15px;}
	.cont_text{ min-height:500px;}
	
	.left_side{ width:auto}
	.left_side h1{font-size:20px;}
	.left_side span{font-size:14px;}

	.cont_right{width:200px; }
	.main_content { padding:0 20px 0 20px;}
	
	.inner_ti{ margin:0 0 0 10px}
	.in_head img{min-height:130px; }
	
	.cont_post_left{ width:100%; padding-right:0px; }
	.sidebar{ position:relative; clear:both; width:auto;  padding-left:30px;}	
	.left_side_in ul { float: left; margin:0; padding:0; list-style-type:none; width:440px;}
    .left_side_in li{margin:0; padding:0; width:215px; float:left;}
	
	.map_box{ float:left; width:100%;}
    .addres2{ line-height:25px; float:left; width:315px; margin-right:20px;}
	.map{ float:left; width:350px; border:1px solid #000; }
	.cont_right{ width:100%;}
	.socialicon, #mainmenu{ float:none}
	.socialicon{ position:absolute; right:0px; top:10px;}
	.copytxt{ float:none; width:auto; text-align:center}

}


@media  (max-width:320px)  { 
	.cont_text{ min-height:330px;}
	.left_side{ top:180px; left:10px; width:auto}
	.boxcont img{  max-width:200px;}
	.boxcont{ padding:0 10px; font-size:12px; line-height:18px;}
	.in_head { display:none}	
	.inner_ti table td span {font-size:20px;}
	.net_bg{ position:relative}
	.inner_ti table td{ height:auto;}
	.inner_ti{ padding:20px 0 0}
	.cont_right{ width:100%; padding:0 0 10px 0;}
	.main_content { padding:0 10px 0 10px;}	
	.left_side_in ul { float: left; margin:0; padding:0 0 10px 0; list-style-type:none; width:100%;}
    .left_side_in li{margin:0; padding:0; width:100%; float:left;}
	.left_side_in ul:first-child{ display:none;}
	.map{ float:left; width:100%; border:1px solid #000; }
	.map iframe { width:100%;}
	.addres2{ line-height:25px; float:left; width:292px; margin-right:20px;}
	
}
