/* Global styles for the GRUNGE 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: #CCC;
	background: #333 url(websBG.jpg) center top no-repeat;
	padding: 30px 0 0 0;
	}
	
strong {
	color: #FFF;
	background: transparent;
	font-weight: bolder;
	text-transform: uppercase;
	}
	
/* divisions & ids */

#mainHeader {
	color: #CCC;
	background: transparent url(gH1H2.jpg) center top no-repeat;
	width: 1000px;
	height: 214px;
	margin-left: -500px;
	position: relative;
	top: 0;
	left: 50%;
	z-index: 5;
	}
	
	#mainHeader h1 {
		display: none;
		}
		
	#subHeader h2 {
		display: none;
		}

#date {
	color: #999;
	background: transparent;
	font: 8pt "courier new", courier, monospace;
	position: absolute;
	top: 270px;
	right: 0;
	z-index: 5;
	}

#content {
	padding: 30px 0 0 0;
	}

#content p {
	font: 12pt/1.5 "courier new", courier, monospace;
	text-align: right;
	padding: 8px 0;
	}
	
#copyright {
	position: relative;
	top: -10px;
	right: 0;
	z-index: 10;
	}
	
	#content p.copy {
		color: #999;
		background: transparent;
		font-size: 8pt;
		padding-top: 0;
		}
		
	#content a:link,
	#content a:active,
	#content a:visited {
		color: #C33;
		background: transparent;
		text-decoration: none;
		}
		
	#content a:hover {
		color: #98BCC0;
		background: transparent;
		text-decoration: line-through;
		}
	
/* navigation */

#navigation {
	width: 1000px;
	height: 214px;
	margin: 30px 0 0 -500px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 6;
	}
	
	#navList li {
		list-style: none;
		}
		
	#listItem1 {	
		position: absolute;
		top: 0;
		right: 196px;
		z-index: 10;
		} 
		
		#listItem1 a {
			width: 0;
			height: 214px;
			padding-left: 49px;
			overflow: hidden; 
			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(cyaHomeLink.gif) no-repeat;
			}
		
	#listItem2 {	
		position: absolute;
		top: 0;
		right: 147px;
		z-index: 10;
		} 
		
		#listItem2 a {
			width: 0;
			height: 214px;
			padding-left: 49px;
			overflow: hidden; 
			display: block; 
			}
		
		#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(cyaPortLink.gif) no-repeat;
			}
		
	#listItem3 {	
		position: absolute;
		top: 0;
		right: 98px;
		z-index: 10;
		} 
		
		#listItem3 a {
			width: 0;
			height: 214px;
			padding-left: 49px;
			overflow: hidden; 
			display: block; 
			}
		
		#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(cyaInfoLink.gif) no-repeat;
			}
		
	#listItem4 {	
		position: absolute;
		top: 0;
		right: 49px;
		z-index: 10;
		} 
		
		#listItem4 a {
			width: 0;
			height: 214px;
			padding-left: 49px;
			overflow: hidden; 
			display: block; 
			}
		
		#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(cyaContLink.gif) no-repeat;
			}
		
	#listItem5 {	
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		} 
		
		#listItem5 a {
			width: 0;
			height: 214px;
			padding-left: 49px;
			overflow: hidden; 
			display: block; 
			}
		
		#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(cyaLinkLink.gif) no-repeat;
			}
		
/* styles for portfolio page */

/* tagged styles */

h3 {
	color: #282828;
	background: transparent;
	font: 62pt "courier new", courier, monospace;
	text-transform: lowercase;
	text-align: right;
	}

img {
	border: 2px outset #000;
	margin: 10px 0 0 0;
	}
	
/* portfolio divisions */

div.category { 
	text-align: right;
	overflow: auto;
	height: 180px;
	clear: both;
	position: relative;
	z-index: 10;
	}

#catHeader1, #catHeader2, #catHeader3 {
	width: 800px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	}

div.imgCap { 
	padding: 0 10px 0 0;
	width: 150px;
	height: 180px;
	float: right;
	overflow: auto;
	}
		
/* styles for information page */

#contentInner ul {
	font: 12pt/1.5 "courier new", courier, monospace;
	text-align: right;

	padding: 0 0 40px;
	}
	
#contentInner li {
	color: #CCC;
	background: transparent url(bullet.gif) 0 0 no-repeat;
	list-style: none;
	display: inline;
	padding: 0 0 0 40px;
	border-right: 2px solid #CCC;
	}
		
/* styles for contact page */

div.row, #submitRow {
	clear: both;
	text-align: right;
	}
	
#submitRow {
	padding: 20px 0 0 0;
	}
	
form #para1, form #para2, form #para3, form #para4, form #para5 {
	
	}

#realname, #email, #org, #loc, #enq {
	color: #CCC;
	background: transparent;
	width: 600px;
	padding: 0 0 0 3px;
	font: 12pt "courier new", courier, monospace;
	border-top: 0;
	border-right: 0;
	border-bottom: 5px solid #666;
	border-left: 2px solid #666;
	}
	
#enq {
	height: 100px;
	}
	
#send, #clear {
	color: #C00;
	background: transparent;
	width: 80px;
	padding: 5px 0;
	margin: 0 20px;
	font: bold 14pt "courier new", courier, monospace;
	text-transform: lowercase;
	cursor: pointer;
	border: 3px solid #666;
	}
		
/* styles for links page */

#secHeader h3, div.secHeaderTec h3, div.secHeaderMus h3, div.secHeaderArt h3, div.secHeaderSpi h3 {
	margin: 0 0 -60px 0;
	}
		
/* statCounter */

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