/*
Theme Name: KANE Theme
Theme URI: http://jamesbrosnan.com
Description: This is a custom theme for kaneplasticsurgery.com
Author: James Brosnan
Author URI: http://jamesbrosnan.com
Version: 0.1
*/

@media screen {

/* First, we reset ... */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {border-collapse: collapse;border-spacing: 0;}

* {outline: none}

/* overall styles */
body { background: white; }
body, select, input, textarea { color: #000; font-size: 14px/1.4; line-height: 20px; font-family: 'Comfortaa', Verdana, sans-serif; }
body a {color:#3D3D3D;}
body a:hover {color:gray;}

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
/* .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* .group { display:block; }
/* * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

* { outline: none }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
/* .clear { clear: both; }
/* .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


/* For modern browsers */
.group:before, .group:after {content:"";display:table;}

.group:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.group {*zoom:1;}


/* Type */

body, body p {font-family: 'ComfortaaRegular', Verdana, sans-serif;}

h1, h2, h3, h4 { font-weight: normal; margin: 0 0 10px 0; font-family: 'FuturaMdBTMedium', Verdana, sans-serif; color:white; background: black; }
h1 a, h2 a, h3 a, h4 a {text-decoration: none; color:white; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline; color:white; /*border-bottom:1px solid white;*/ }
h1 { font-size: 44px; }
h1 a {color: black; }
h2 { display: inline-block; font-size: 28px; line-height: 1; padding: 5px 10px; }
h3 { font-size: 24px; line-height: 1; margin: 10px; padding: 10px; text-align: center; }
h4 { font-size:24px;line-height:1; }

.caps {text-transform: uppercase;}

strong {font-size: 16px;font-weight: bold;text-transform: uppercase;}
.procedures {font-size: 20px;font-weight: bold;text-transform: uppercase;}
em {font-style:italic;}

p { margin: 10px 0 0px 0; }
a { }
a:hover { }

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

/* Frederic Brandt Page */

body.page-template-page-portrait #page-content {width:600px;font-family:'Cambria', Georgia, serif;float:none;margin:0 auto;}
body.page-template-page-portrait #page-content h2 {display:block;text-align:center;}
body.page-template-page-portrait #page-content p {font-family:'Cambria', Georgia, serif;letter-spacing:0.01em;line-height:1.5em;}

/* Page Styles */

#page-wrap {
	width: 950px;
	margin: 10px auto 0px;
	padding: 0px 10px 10px;
	background: white;
	/* min-height: 100%;
	height: auto !important;
	height: 100%; */
}

/* Header */

#header {height: 156px;margin: 0 auto;padding: 0;position: relative;}

#header h1 { border-bottom: 5px solid black; line-height: 100%; margin-top: 50px; text-transform:uppercase; visibility:hidden; display: none; }
.description { visibility: hidden; position: absolute; top: 0; left:0; display: none; }

#logo { background: url("images/KaneLogo.jpg") no-repeat scroll 0 0 white; display: block; height: 128px; left: -10px; position: absolute; text-indent: -9999px; top: 0; width: 100%;}
*/
/* Navigation Menu */

.menu li { display: inline; }
.menu ul li a { color: gray; text-decoration: none; }
.menu ul li a:hover { color: #5C5C5C; }
.menu { position:relative; }
.menu-item {position:relative;}

#navbar {
	bottom: 2px;
	left: 0;
	position: absolute;
	width: 100%;
	height:32px;
}
#nav {
	border-bottom: 8px solid #000;
	font-weight: bold;
	height:25px;
	margin: 0px 0px 2px -2px;
	/*padding-bottom: 8px;*/
	/*position:relative;*/
	text-transform: uppercase;
	width: 99%
}
.menu-main-nav-menu-container {}

#nav ul { list-style: none outside none; padding: 5px 0px 0px 0px; }
#nav ul li a {
	border-right: 8px solid #D3D3D3;
	color: black;
	display: block;
	float: left;
	font-family: 'TriplexBold';
	font-size: 19px;
	/*height: 2px;*/
	line-height: 3px;
	margin: 0 0 15px;
	padding: 4px 5px 6px;
	text-decoration: none;}

#nav ul li:first-of-type a { padding-left:0; }
#nav ul li:last-of-type a, .menu-item-364 a {border-right:none;padding-right:0;}
#nav ul li#menu-item-484 a {color:#ff6210;}
#nav ul li#menu-item-484 a:hover {color:#000;}

#nav li {display: block; float: left;}
#nav li:hover .sub-menu {display: block;}
#nav li.current_page_ancestor a, #navmenu li.current_page_parent a, #nav li.current_page_item a { color: black; }
#nav li.current_page_ancestor .children li a, #navmenu li.current_page_parent .children li a {  }
#nav .sub-menu, #nav .children {
	background: white;
	display: none;
	position: absolute; z-index: 999 !important; padding: 5px 3px; margin-left: 0;
	text-transform: uppercase;
	margin-top:7px;
	/* min-width: 120px; */
	opacity: 0.9;
	/*filter:alpha(opacity=100); /* For IE8 and earlier */
	top: 18px;
	left:0px;
	border:1px solid gray;
	}
#nav .sub-menu li, #nav .children li { /* float:none !important; */ padding: 0 0 4px; margin-bottom: 0px; vertical-align: baseline; text-decoration: none; font-weight:normal; border: none; white-space:nowrap;}
#nav .sub-menu li:hover, #nav .children li:hover {display: block;}

#nav li:focus .children {display: block;}
#nav a {}
#nav ul li a:hover {color: #ff6210;/*color: gray;*/}
#nav ul li a:active {color: #ff6210;}

#nav .sub-menu li a, #nav ul .children li a {border:none;color: black;margin: 10px;}

#nav li:hover .sub-menu {   }

#nav .submenu ul li a:active { color: yellow; }

/* Home Page */

#hero { width: 99%; height:230px; padding:0px; overflow:hidden;}
#hero h2 { /*font-size: 42px; */ }
/* #hero p {padding: 0px 10px;} */
.hero-image { float: left; margin: 0px 10px 10px 0px; }
#hero2 {padding: 20px 10px 10px 0px; height:528px; border-top:2px solid black; margin-top: 10px; width:99%; }
/* .hero-left { float:left;} */
#hero-left { float: left; width: 226px; }
#hero-right { float: right; padding: 0 10px; width: 55%; }
#hero-right p {padding 0px 10px }

.graybox { 
	background: #ededed; line-height:1em; padding:10px; color:black; position: relative; text-align:justify; 
	float:left;
}

/* Page Styles */

#page-content {width:97%; float:left; padding:12px; min-height:600px; }
#home-content {
	width:567px; float:left; padding:12px; border-right:7px double black; min-height:700px; 
	margin-top:6px;
}

/* Sidebar */

#aside {float: right;}
#sidebar { float:right; width:307px; padding:10px; }
#sidebar .post {
	position:relative;
	padding-bottom:36px;
}
#sidebar h3 {
	text-align:left;
	display:inline-block;
	margin-left:0;
	font-size:23px;
}
#sidebar p { font-size: 13px;}

.sidebar-home { min-height:700px; }

.sidebar-image {
    display: block;
    margin: 37px;
    max-height: 174px;
    max-width: 237px;
}

.moretext { color: black; position: absolute; bottom: 10px; right: 10px;}
.moretext:hover {text-decoration: underline;}

/* Image Rollover */

/* .rollover-image {overflow:hidden; position:relative; float:left;} */

a.caption-a {color:white; text-decoration:none;}
a.caption-a:hover {color:white;text-decoration: underline;}

figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
	height:100%;
  /* margin: 0 20px 20px 0;*/
	box-shadow:  9px 9px 24px 2px rgba(0, 0, 0, .65);
	max-height:177px;
}
figcaption {/*
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white !important;
	font-size:1em;
  padding: 10px 20px 11px;
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
*/}
figure:hover figcaption { /*
  opacity: 1;*/
}
/*figure:before {
  content: "?";
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
figure:hover:before {
  opacity: 0;
} */

.cap-left {  bottom: 13px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

/* End Rollover Captions */

/* Footer */

#footer {border-top: 8px solid black;border-bottom: 8px solid black;margin-top:5px;min-height:34px;
	width: 950px;
	margin: 10px auto 0px;
	padding: 0px 10px 10px;
	}

.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 { }

form { }
input[type=text] { }
textarea { }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
	max-width:100%;
	height:auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
	max-width:100%;
	height:auto;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
	max-width:100%;
}


a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Helvetica, Arial, sans-serif; color: #000; background: gray; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }

} /* END print media */