/* pilofficial.com 2010 */

* {
	margin: 0px;
	padding: 0px;
	}
		
html {
	font-size: 100%;
	}
		
body {
		background: #fff;
		font-size: 62.5%;
		font-family: Century Schoolbook, Times New Roman, Times, serif;
		margin-top:10px; 
		margin-bottom:30px;
		}

/* body margin-top controls space at top, was set to 10 marks1.png lines.jpg */


#wrapper {
	background: #fff url(/images/marks1.png) repeat;
	min-width:800px;
	max-width:950px;
	min-height:900px;
	margin:0 auto;
	padding: 10px 15px 0px;
	position:relative;
		}
/* wrapper padding also controls space at top, was set to 15 now 0 */
/* min-width was 760 now 800, max-width was 900 now 950 */

* html #wrapper{
		width:950px
		}
/* width was 800 */

#masthead {
	background: #fff url(/images/lines.jpg) repeat;
	}

#masthead p {
		color:#ca513c;
		font: 1.1em Century Schoolbook, Times New Roman, Times, serif;
		font-weight:bold;
		padding: 0px 10px 0px;
	}
/* added with 0 pad to bring next to mast */	
	
		
#navContainer {
		float:right;
		background:#FFF;
		font: 1.2em Century Schoolbook, Times New Roman, Times, serif;
		font-weight:bold;
		text-align: center;
		padding: 0;
		}
/* navcont top padding controls top space, was 20 now 10, now 0 to bring next to mast Times New Roman, Times, serif */
		
	/* Submenus should appear below their parent */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: auto;
	position: absolute;
	left: -1000em;
}
 
/* Submenu that is showing with class designation MenuBarSubmenuVisible */
#navigation ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	padding-bottom: 0;
}
 
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	float: none;
	width: auto;
}
 
/* Menu items are a light gray block with padding and no text decoration */
#navigation ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	margin-right: 0;
	padding: 0.5em 0.75em;
	text-decoration: none;
	border: 1px #ca513c dotted;
}	
/* this adds the line in subs */

#navContainer li { 
	float: left;
	}

#navContainer li li { 
	float: none; text-align: left 
	}

#navigation ul {
		padding: 0 0 5px;
		}
/* had to change bottom from 4 to 5 to remove line */		

#navigation li {
		display: inline;
				}
/* border-top: 0.5px solid #ca513c;
		border-bottom: 0.5px solid #ca513c; */

#navigation a:link, #navigation a:visited {
		text-transform: uppercase;
		text-decoration: none;
		color: #ca513c;
		background: #fff;
		padding: 5px 10px;
		position: relative;
		margin-right: 1px;
		}
/* nav margin right controls space between tabs, orig 5, even at 0 still space, needs to set -5 or border changed capitalize*/ 
/* nav background = tab colour */

#navigation #merchPageLink a:link, #navigation #merchPageLink a:visited {
		margin-right: 0px;
		}
	
#navigation a:visited {
		color: #000;
		}

#navigation a:hover {
		color: #FFF;
		text-decoration: underline;
		background: #ca513c;
		}
		
#infoPage #infoPageLink a:link, #infoPage #infoPageLink a:visited,
#showsPage #showsPageLink a:link, #showsPage #showsPageLink a:visited, 
#discoPage #discoPageLink a:link, #discoPage #discoPageLink a:visited, 
#bioPage #bioPageLink a:link, #bioPage #bioPageLink a:visited, 
#miscPage #miscPageLink a:link, #miscPage #miscPageLink a:visited,
#imagePage #imagePageLink a:link, #imagePage #imagePageLink a:visited,
#videoPage #videoPageLink a:link, #videoPage #videoPageLink a:visited,
#linkPage #linkPageLink a:link, #linkPage #linkPageLink a:visited,
#contactPage #contactPageLink a:link, #contactPage #contactPageLink a:visited,
#merchPage #merchPageLink a:link, #merchPage #merchPageLink a:visited {
		color: #fff;
		background: #ca513c;
		border-bottom-color: #fff;
		}	
		/* this changes colour of present page */
		
		#logo {
padding-top:6px;
}


#content {
		color: #000;
		min-height: 350px;
		font: 1.1em Century Schoolbook, Times New Roman, Times, serif;
		padding: 20px 20px 60px;
		
		}
/* probably remove this main content border so it lines up with navcont */
/* approx 770 made as 750, 20 pad+345+20 marg+345+20 (690 dub col length) */
/* change height back 550 */

#leftCol {
		float: left;
		width: 70%;
		text-align: left;
		padding-right: 10px;
		}

#rightCol {
	float: left;
	width: 27%;
	text-align: left;
	padding-left: 10px;
	position:relative;
		}
		
		/* width was 48.5 x2 = 97 (more bursts) */
			
#leftCol1 {
		float: left;
		width: 58.5%;
		text-align: left;
		padding-right: 10px;
		}

#rightCol1 {
		float: left;
		width: 38.5%;
		text-align: left;
		padding-left: 10px;
		position:relative;
		}
		
		/* width was 58.5 + 38.5 = 97 */
		
		#leftCol2 {
		float: left;
		width: 80%;
		text-align: left;
		padding-right: 10px;
		}

#rightCol2 {
		float: left;
		width: 17%;
		text-align: left;
		padding-left: 10px;
		position:relative;
		}
		
		/* width was 58.5 + 38.5 = 97 */
		
				
#fullCol {
		float: left;
		width: 97%;
		text-align: left;
		padding-right: 10px;
		}
			
.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}	
		
.clearFix {
		display:inline-block;
		}
/* mac hide \*/

* html .clearFix {
		height: 1%;
		}
.clearFix {
		display: block;
		}
/* End hide */
		

.contentFooter {
		background: #ffffff;
		font: 1em Century Schoolbook, Times New Roman, Times, serif;
		height: 15px;
		border-top: 2px solid #ca513c;
		border-bottom: 1px solid #ca513c;
		margin:0 auto;
		padding: 10px 15px 10px;
		}
		
		
#wrapper, #content, #leftCol, #rightCol, #masthead, #navContainer, #navigation, #navigation ul, #navigation li {
		zoom:1;
		}
		

/* home page only */
#txtlaya {
		position:absolute;
        width:335px;
        height:63px;
        z-index:1;
        left: 39px;
        top: 313px;
        visibility: visible;
        text-align: center;
	}

#galltxt {
		position:absolute;
		width:311px;
		height:83px;
		z-index:1;
		left: 37px;
		top: 290px;
		visibility: visible;
		}

.captions {
		font: 1em Arial, Helvetica, sans-serif;
		padding-top: 2px;
		}


#skipLink {
	}
		

p {
		font: 1.2em Century Schoolbook, Times New Roman, Times, serif;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	
	/* Lucida Grande, Lucida Sans Unicode, Lucida, Geneva, sans-serif */
	
p1 {
		font: 1.2em Arial, Helvetica, sans-serif; 
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	
	/* Lucida Grande, Lucida Sans Unicode, Lucida, Geneva, sans-serif */
	


h1 {
		font: 2em Arial, Helvetica, sans-serif; 
		color: #000033;
		}
	
h2 {
		font: 1.5em Century Schoolbook, Times New Roman, Times, serif;
		font-weight:bold;
		color: #ca513c;
		line-height: 1.5em;
		text-transform: capitalize;
		border-top: 2px solid #ca513c;
		border-bottom: 1px solid #ca513c;
		margin-bottom: 1em;
		}

h3 		{
		font: 1.2em Century Schoolbook, Times New Roman, Times, serif; 
		color: #000000;
		font-weight: bold;
		line-height: 1.5em;
		margin-bottom: 1em;
		}

h4 		{
		font: 1.2em Century Schoolbook, Times New Roman, Times, serif;
		color: #ca513c;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	
	/* same as para but red */
	
	h5 		{
		font: 1em Century Schoolbook, Times New Roman, Times, serif;
		color: #ca513c;
		line-height: 1em;
		margin-bottom: 1em;
	}
	
	h6 		{
		font: 1em Century Schoolbook, Times New Roman, Times, serif;
		font-style:normal;
		line-height: 1em;
		margin-bottom: 1em;
	}
	

h2+p:first-letter {
		}
	
	/* float: left; font-size: 2em; line-height: 1.0em; margin-top: -0.5px; margin-right: 0.15em; */
	
blockquote {
	}	

cite {
	}
	
img 	{
	border-top: 2px #ca513c solid;
  	border-bottom: 1px #ca513c solid;
  	border-left: 1px #ca513c solid;
  	border-right: 2px #ca513c solid;
		}
	
	/* was border: 0;  1px solid #000000 */
	
#masthead img, footer img {
	border: 0;
	}
	
	
.thumb { 
		margin: 3px; 
		}
		
.botimage { 
		margin-bottom: 10px;  
		}
		
.noBorder { 
	 border:0;
		}	
		
.imagecenter { 
		display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center; 
		}

.imageleft { 
		text-align: left; 
		margin: 5px; 
		float:left;
		}
		
	/* was margin-right: 3px; margin-bottom: 3px; */
	
.imageright { 
		text-align: right; 
		margin: 5px;
		float:right;
		}
		
.imagerightnomargin {
	text-align: right;
	margin: 0px;
	float:right;
		}
	
	/* font info */
strong {
	font-weight: bold;
	}


/* links and navigation */
a:link {
	color: #ca513c;
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	color: #000;
	}
a:hover {
	text-decoration: underline;
	}
a:active {
	text-decoration: none;
	}

div.piccaptions {
  float: right;
  width: 25%;
  border-top: 2px #ca513c solid;
  border-bottom: 3px #ca513c solid;
  border-left: 1px #ca513c solid;
  border-right: 2px #ca513c solid;
  margin: 0.5em;
  padding: 1em;
}
div.piccaptions p {
  text-align: center;
  font-style: italic;
  font-size: 1em;
  text-indent: 0;
}

div.piccaptions1 {
  float: right;
  margin: 0.5em;
  padding: 0.5em;
}
/* took out width: 25% */
div.piccaptions1 p {
  text-align: center;
  font-style: italic;
  font-size: 1em;
  text-indent: 0;
  }

/* same but no border */	
	
/* if cols the same list as one and use comma border: 1px #ca513c solid; */	

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* new stuff */

.uppercase {
	text-transform: uppercase;
}

.titlecase {
	text-transform: capitalize;
}

.lowercase {
	text-transform: lowercase;
}



/* end */