/* Global styles for the HISTORIC style on Red Spider Web Design & Digital Media.
   Author: Carmen Chapronière for RSWD&DM */
  
/* RESET */
   
* {
	margin: 0px;
	padding: 0px;
		} 
		
/* PERMABAR FOR ALL STYLES */

#permaBar {
	color: #000;
	background: transparent url(permaBarBG.gif) 0 0 repeat-x;
	width: 100%;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	}
body>div#permaBar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}
	
	#permaBar p {
		color: #000;
		background: transparent;
		margin-left: 5px;
		padding: 0 0 0 5px;
		font: bold 10pt arial, helvetica, sans-serif;
		display: inline;
		}
		
		#permaInfo {
			width: 780px;
			}
		
		#permaText, #permaList {
			position: relative;
			top: 5px;
			}
		
	#permaBar ul {
		color: #000;
		background: transparent;
		font: italic 8pt arial, helvetica, sans-serif;
		display: inline;
		list-style: none;
		}
	
	#permaBar li {
		display: inline;
		padding: 0 0 0 20px;
		}
	
	#permaBar a:link, 
	#permaBar a:active, 
	#permaBar a:visited {
		color: #900;
		background: transparent;
		text-decoration: none;
		}
	#permaBar a:hover {
		color: #000;
		background: transparent;
		} 
		
/* tagged style */

body {
	color: #000;
	background: #E8E4D8 url(parchmentBG.jpg) center repeat-y;
	padding: 80px 0 0 0;
	}
	
/* divisions & ids */

#shell {
	color: #000;
	background: transparent url(knotBorders.gif) center top repeat-y;
	width: 517px;	
	margin-left: auto;
	margin-right: auto; 
	padding: 0 62px;
	position: relative;
	}

#mainHeader {
	color: #000;
	background: transparent url(hH1.gif) 0 0 no-repeat;
	width: 517px;
	height: 85px;
	}
	
	#mainHeader h1 {
		display: none;
		}

#subHeader {
	color: #000;
	background: transparent url(hH2.gif) 0 0 no-repeat;
	width: 517px;
	height: 45px;
	}
	
	#subHeader h2 {
		display: none;
		}
		
#date {
	color: #666;
	background: transparent;
	font: 10pt georgia, "times new roman", times, serif;
	position: absolute;
	top: 115px;
	left: 183px;
	z-index: 5;
	}
	
#content {
	color: #000;
	background: transparent;
	width: 369px;
	}
	
	#content p {
		font: 12pt georgia, "times new roman", times, serif;
		text-align: justify;
		}
		
		#para1 {
			padding: 8px 0 0 0;
			}
	
	#content p.copy { 
		color: #666;
		background: transparent url(lionBG.gif) 0 10px no-repeat;
		width: 369px;
		height: 83px;
		padding: 8px 0 0 0;
		font-size: 10pt;
		clear: both;
		}
		
	#content a:link,
	#content a:active,
	#content a:visited {
		color: #C00;
		background: transparent;
		text-decoration: none;
		}
		
	#content a:hover {
		color: #000;
		background: transparent;
		text-decoration: underline;
		}
	
/* navigation */

#navigation {
	color: #000;
	background: transparent url(navSpiderBG.jpg) bottom right no-repeat;
	width: 148px;
	height: 323px;
	position: absolute;
	top: 140px;
	left: 431px;
	z-index: 4;
	}
	
	#navList {
		list-style: none;
		}
		
		#navList a {
			width: 148px;
			height: 0px;
			padding-top: 20px;
			overflow: hidden;
			margin: 0 0 5px 0;
			display: block; 
			}
				
			#listItem1 a:link,
			#listItem1 a:active,
			#listItem1 a:visited {
				color: #000;
				background: transparent url(redHomeLink.gif) no-repeat;
				}
				
			#listItem1 a:hover {
				color: #000;
				background: transparent url(blkHomeLink.gif) no-repeat;
				}
				
			#listItem2 a:link,
			#listItem2 a:active,
			#listItem2 a:visited {
				color: #000;
				background: transparent url(redPortLink.gif) no-repeat;
				}
				
			#listItem2 a:hover {
				color: #000;
				background: transparent url(blkPortLink.gif) no-repeat;
				}
				
			#listItem3 a:link,
			#listItem3 a:active,
			#listItem3 a:visited {
				color: #000;
				background: transparent url(redInfoLink.gif) no-repeat;
				}
				
			#listItem3 a:hover {
				color: #000;
				background: transparent url(blkInfoLink.gif) no-repeat;
				}
				
			#listItem4 a:link,
			#listItem4 a:active,
			#listItem4 a:visited {
				color: #000;
				background: transparent url(redContLink.gif) no-repeat;
				}
				
			#listItem4 a:hover {
				color: #000;
				background: transparent url(blkContLink.gif) no-repeat;
				}
				
			#listItem5 a:link,
			#listItem5 a:active,
			#listItem5 a:visited {
				color: #000;
				background: transparent url(redLinkLink.gif) no-repeat;
				}
				
			#listItem5 a:hover {
				color: #000;
				background: transparent url(blkLinkLink.gif) no-repeat;
				}
		
/* styles for portfolio page */

/* tagged styles */

h3 {
	font: bold 16pt georgia "times new roman", times, serif;
	text-transform: lowercase;
	}

img {
	border: 5px solid #C00;
	}
	
/* portfolio divsions */

div.category {
	clear: both;
		}

div.imgCap {
	margin: 0 5px 10px 0;
	width: 115px;
	height: 145px;
	float: left;
	overflow: auto;
	}
	
	p.cap a {
		text-align: left;
		}
		
/* styles for information page */

#contentInner li {
	list-style: url(bullet.gif) inside;
	font: 12pt georgia, "times new roman", times, serif;
	text-align: justify;
	}
		
/* styles for contact page */

div.row {
	clear: both;
	}
	
	div.row p {
		font-weight: bold;
		}
	
form #para1, form #para2, form #para3, form #para4, form #para5 {
	height: 30px;
	padding: 0 10px 0 0;
	float: left;
	overflow: auto;
	}

#realname, #email, #org, #loc, #enq {
	color: #000;
	background: transparent;
	border: 4px solid #C00;
	font: 12pt georgia, "times new roman", times, serif;
	}
	
form #para1 {
	width: 55px;
	overflow: hidden;
	}
	
#realname {
	width: 293px;
	}
	
form #para2 {
	width: 61px;
	overflow: hidden;
	}
	
#email {
	width: 287px;
	}
	
form #para3 {
	width: 104px;
	overflow: hidden;
	}
	
#org {
	width: 244px;
	}
	
form #para4 {
	width: 92px;
	overflow: hidden;
	}
	
#loc {
	width: 256px;
	}
	
form #para5 {
	width: 72px;
	overflow: hidden;
	}
	
#enq {
	width: 276px;
	height: 40px;
	}
	
#submitRow {
	float: left;
	overflow: auto;
	padding: 3px 5px 0 0;
	}
	
#send, #clear {
	color: #000;
	background: transparent;
	font: bold 12pt georgia, "times new roman", times, serif;
	text-transform: lowercase;
	padding: 2px 0;
	cursor: pointer;
	border: 3px solid #C00;
	}
	
/* styles for links page */

#section1 p {
	margin: 0;
	padding: 0;
	}
		
/* statCounter */

.statcounter {
	width: 0;
	height: 0;
	border: 0;
	display: none;
	}