/*
Project Name: PatHertzberg.com
Author: Kyle L. McGregor | http://klmcgregor.com
*/

/* HTML5 Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== Site Specifc Styles ================================================
   ========================================================================== */

::-moz-selection 		{ background-color: #91D8f7; color: #fff; }
::selection 			{ background-color: #91D8f7; color: #fff; }

a				{ outline: 0; color: #f60a0e; text-decoration: none; }
a:hover 				{ text-decoration: none; color: #bd007d; }
a:visited			{ color: #f60a0e; text-decoration: none; }
p a:hover 			{ color: #bd007d; }
a:active 			{ outline: none; }

.clearfix 			{ clear: both; }

/*------------------------------------*\
  MAIN
\*------------------------------------*/
body 				{ line-height:1.5; font-family: Arial,"Trebucht MS", sans-serif; font-size: .9em; background-image: url("http://www.pathertzberg.com/images/clothifyTileVer2.png"); background-repeat: repeat; height: 100%; width: 100%;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

body#home a.home, body#gallery a.gallery, body#statement a.statement, body#bio a.bio, body#studio a.studio, body#news a.news , body#contact a.contact, body#landscapes a.gallery, body#contemporary a.gallery, body#wearable a.gallery, body#sculpture a.gallery
   {
				color: #bd007d;;
}

#wrapper 			{ margin: 10px auto; width: 80%; padding: 10px 0; z-index: 100 }
header 				{ padding: 0; }

#top				{ margin: 20px 0 0 0; padding: 0 0 20px 0; position: relative;}
#tophome 			{ margin: 20px 0 0 0; padding: 0 0 4px 0;}

/* #like { position: absolute; margin-left: 700px; } */

/* CSS to fix Chrome and Safari for small positioning of menu on index page */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tophome 			{ margin: 20px 0 0 0; padding: 0 0 2px 0;}
}

#pagetitle			{ margin: 0 0 0 0; padding: 0 0 54px 0; }
#pagetitleStatement			{margin: 0 0 0 0; padding:  0 0 57px 0;}

/* CSS to fix IE6 and above small positioning of menu on index page */
<!--[if gt IE 6]>
#tophome 			{ margin: 20px 0 0 0; padding: 0 0 55px 0;}
<![endif]-->

* CSS to fix IE6 and above small positioning of menu on statement page */
<!--[if gt IE 6]>
#pagetitleStatement	{ margin: 20px 0 0 0; padding: 0 0 35px 0;}
<![endif]-->

/* CSS to fix Chrome and Safari for small positioning of menu on Statement page*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#pagetitleStatement			{margin: 0 0 0 0; padding:  0 0 51px 0;}
}


#pagetitleGalleries { margin: 0 0 0 0; padding:  0 0 72px 0;}

/* CSS to fix Chrome and Safari for small positioning of menu on Gallery pages*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#pagetitleGalleries			{margin: 0 0 0 0; padding:  0 0 71px 0;}
}

h1 				{ font-size: 10px; font-family: Arial, Verdana,"Trebucht MS", sans-serif; line-height: 10px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h1 a:hover 			{ text-decoration: none; color: #27B3CF; }

h2 				{ font-family: Arial, Verdana,"Trebucht MS", sans-serif; font-size: 1.5em; font-weight: normal; padding: 0; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h2.galleries { font-family: Arial, Verdana,"Trebucht MS", sans-serif; font-size: 1.1em; font-weight:normal; padding: 0; }


.tagline 			{ margin: 0 0 0 50px; font-size: 1.5em; font-family: Verdana, sans-serif; color: #BD007D; font-weight: normal; }
h3 				{ font-family: Arial, Verdana,"Trebucht MS", sans-serif; text-align: left; font-size: 1.2em; }			 
												
.artshow {color:#bd007d; margin-bottom: -15px; }				
.martyfyi  {  padding-top: 0; width: 300px; }
					 
.newstitle			{ font-weight: normal; font-size: 1.3em; padding: 5px 5px 0 5px;text-decoration: underline;	 }
#solo {font-weight: normal; font-size: .7em;}

h4 				{ font-family: Arial, Verdana,"Trebucht MS", sans-serif; padding: 3px; margin: 5px 0 0 0; font-size: 1em; font-weight: normal; }

nav 				{ width: 20%; list-style-type: none; }
nav a 				{ display: block; text-decoration: none;  padding: .25em; color: #f60a0e; float: left; width: 9em; height: 2.3em; line-height: 2em; font-family: Verdana,"Trebucht MS", sans-serif; font-size: .8em; }
nav a:visited 			{ color: #f60a0e; }
nav a:hover			{ color: black; text-decoration: none; }
nav a:active			{ color: #bd007d; position: relative; top: 0; }
#mainnav a .selected		{ color: #bd007d; }

.sidebar 			{ width: 20%; float: left; }
.main 				{ width: 80%; float: left; 
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

.gallery			{ width:75%; float: left; }
.gallery tr td a:hover 		{ color: #bd007d; }
.gallery tr td a		 	{ padding-bottom: 10px; padding-left: 25px; text-align: center; text-decoration: none; color: black; }


.artpiece			{ width: 80%; top: 10px; position: fixed; right: -150px; z-index: 50}
.artpiecebg			{ width: 80%; top: 50px; position: fixed; right: -150px; z-index: -50}

.framestudiopic			{ float: right; margin: 10px 10px 10px 10px; width: auto; height: auto; border: 2px solid #FF090D; }
#studiopic img 			{ margin: 10px 10px 10px 10px; border: solid black 1px; padding: 0; }

footer 				{ width: 100%; }

#copyright 			{ float: left; text-align: left; padding: 0 0 0 0; color: #f60a0e; font-size: .6em; margin: 26px 5px 5px 5px; border-top: 1px solid #FF090D;  border-bottom: 1px solid #FF090D;  }
#like			{ float: left; text-align: left; padding: 0 0 0 0; font-size: 1.0em; margin: -10px 5px 0 0;}


#return 				{ width: 90%; float: left; text-align: center; padding: 20px 20px 20px 20px; color: #f60a0e; font-size: .8em; }
#return a 			{ text-decoration: none; color: #f60a0e; }
#returna:hover			{ color: #bd007d; }
#return a:visited 		{ color: #f60a0e; }

img 				{ padding: 5px; margin-left: auto; margin-right: auto; }

table tr td				{ font-size: .8em; }

figure p 				{ font-size: .8em; }


.news p	{ margin-bottom: 0; margin-top: 0;}

.news p .underline {text-decoration : underline; }
									  


 

p 				{ padding: 13px 5px 0 5px; line-height:1.5;}	


p.statement1 	{  font-family:  Arial, Verdana,"Trebucht MS", sans-serif; font-size: 1.5em; font-weight: normal; padding: 18px 0 0 0; margin: 0 0 0 0;}
p.statement2 	{  font-family: Arial, Verdana,"Trebucht MS", sans-serif; font-size: 1.5em; font-weight: normal; padding: 0; margin:0; line-height: .7em;}

.enquiry {  padding: 0px 5px 0 5px; line-height:0; }


.studioAmazing { padding: 5px 5px 25px 5px; margin: -15px 0 0 0; line-height: .7em;  }

.address			{ text-indent: 60px; }
.copy				{ padding: 0 0 2px 0; line-height:0.1; }
.smaller			{ padding: 0 0 0 0; font-size: .8em; line-height:1.7; }

.caption			{ padding: 0 5px 0 5px; line-height:1.2;}

ul 				{ list-style: none; } 
ul li 				{ margin: 0 5px; }

pre				{ overflow: scroll; font-size: 10px; }

.martycap {padding: 0 0 0 15px; 	margin: 0; }

/* Slider Specific Sizes */

/* Landscapes Gallery */
.panel1 { width: 445px; height: 440px; }
.panel2 { width: 455px; height: 440px; }
.panel3 { width: 440px; height: 440px; }
.panel4 { width: 440px; height: 440px; }
.panel5 { width: 438px; height: 440px; }
.panel6 { width: 438px; height: 440px; }
.panel7 { width: 440px; height: 440px; }
.panel8 { width: 440px; height: 440px; }
.panel9 { width: 436px; height: 440px; }
.panel10 { width: 436px; height: 440px; }
.panel11 { width: 532px; height: 440px; }
.panel12 { width: 532px; height: 440px; }
.panel13 { width: 326px; height: 440px; }
.panel14 { width: 328px; height: 440px; }

.panel15 { width: 402px; height: 440px; }
.panel16 { width: 402px; height: 440px; }

.panel17 { width: 446px; height: 440px; }
.panel18 { width: 446px; height: 440px; }
.panel19 { width: 495px; height: 440px; }
.panel20 { width: 495px; height: 440px; }
.panel21 { width: 290px; height: 440px; }
.panel22 { width: 298px; height: 440px; }
.panel23 { width: 382px; height: 440px; }
.panel24 { width: 382px; height: 440px; }

.panel25 { width: 533px; height: 400px; }
.panel26 { width: 330px; height: 440px; }
.panel27 { width: 330px; height: 440px; }

/* Contemporary Gallery */
.panel31 { width: 344px; height: 440px; }
.panel32 { width: 340px; height: 440px; }
.panel33 { width: 338px; height: 440px; } 
.panel34 { width: 361px; height: 440px; }
.panel35 { width: 316px; height: 440px; }
.panel36 { width: 310px; height: 440px; }
.panel37 { width: 440px; height: 440px; }
.panel38 { width: 455px; height: 440px; }
.panel39 { width: 371px; height: 440px; }
.panel40 { width: 387px; height: 440px; }
.panel41 { width: 500px; height: 333px; }
.panel42 { width: 500px; height: 333px; }
.panel43 { width: 440px; height: 431px; }
.panel44 { width: 440px; height: 436px; }
.panel45 { width: 224px; height: 440px; }
.panel46 { width: 220px; height: 440px; }

/* Wearable Gallery */
.panel60 { width: 274px; height: 440px; }
.panel61 { width: 301px; height: 440px; }
.panel62 { width: 312px; height: 440px; }
.panel63 { width: 339px; height: 440px; }
.panel64 { width: 588px; height: 440px; }
.panel65 { width: 364px; height: 440px; }
.panel66 { width: 496px; height: 440px; }
.panel67 { width: 330px; height: 440px; }
.panel68 { width: 265px; height: 440px; }
.panel69 { width: 355px; height: 440px; }
.panel70 { width: 288px; height: 440px; }
.panel71 { width: 330px; height: 440px; }
.panel72 { width: 260px; height: 440px; }
.panel73 { width: 330px; height: 440px; }
.panel74 { width: 342px; height: 440px; }
.panel75 { width: 330px; height: 440px; }
.panel76 { width: 330px; height: 440px; }
.panel77 { width: 525px; height: 440px; }
.panel78 { width: 445px; height: 440px; }
.panel79 { width: 321px; height: 440px; }

/* Sculpture Gallery */
.panel106 { width: 600px; height: 388px; }
.panel107{ width: 527px; height: 395px; }
.panel108 { width: 557px; height: 400px; }
.panel109 { width: 527px; height: 395px; }

.panel110 { width: 252px; height: 440px; }
.panel111 { width: 330px; height: 440px; }
.panel112 { width: 542px; height: 440px; }
.panel113 { width: 520px; height: 440px; }
.panel114 { width: 590px; height: 300px; }
.panel115 { width: 594px; height: 300px; }
.panel116 { width: 602px; height: 329px; }
.panel117 { width: 548px; height: 440px; }
.panel118 { width: 330px; height: 440px; }
.panel119 { width: 299px; height: 440px; }
.panel120 { width: 330px; height: 440px; }
.panel121 { width: 330px; height: 440px; }
.panel122 { width: 330px; height: 440px; }
.panel123 { width: 267px; height: 440px; }
.panel124 { width: 322px; height: 440px; }
.panel125 { width: 293px; height: 440px; }
.panel126 { width: 330px; height: 440px; }
.panel127 { width: 324px; height: 440px; }
.panel128 { width: 319px; height: 440px; }





 
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}