/* Global styles for the CLASSIC 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: #F5F1D9 url(tinyTileBG.gif);
	}

span.dateFormat {
	display: block;
	}
	
/* divisions & ids */

#shell {
	color: #000;
	background: transparent url(thinTileBG.gif) 0 0 repeat-x;
	}

#container {
	color: #000;
	background: transparent url(longTileBG.gif) center repeat-y;
	width: 423px;
	margin-left: auto;
	margin-right: auto; 
	position: relative;
	}
	
#mainHeader {
	color: #000;
	background: transparent url(cH1H2.jpg) 0 0 no-repeat;
	width: 423px;
	height: 153px;
	}
	
	#mainHeader h1, #subHeader h2 {
		display: none;
		}
		
#content {
	color: #000;
	background: transparent url(contentBG.gif) 0 0 no-repeat;
	width: 423px;
	}
		
#contentInner {
	color: #000;
	background: #EBE8DE url(contentSpiderBG.jpg) bottom no-repeat;
	width: 285px;
	margin: 0 0 5px 0;
	position: relative;
	top: 5px;
	left: 124px;
	z-index: 5;
	}
	
	#contentInner p {
		color: #000;
		background: transparent;
		font: 12pt "times new roman", times, serif;
		text-align: justify;
		padding: 6px 6px;
		}
	
	#content a:link,
	#content a:active,
	#content a:visited {
		color: #666438;
		background: transparent;
		}
	
	#content a:hover {
		color: #C00;
		background: transparent;
		text-decoration: none;
		}

#date, #contentInner p.copy {
	color: #999;
	background: transparent;
	font-size: 9pt;
	}
	
#contentInner p.copy {
	text-align: center;
	}	
	
#date {
	width: 100px;
	position: absolute;
	top: 310px;
	left: 14px;
	z-index: 10;
	}
			
span.copyFormat {
	display: block;
	}
	
#extraImagery1 {
	color: #000;
	background: transparent url(footerBG.gif) 0 0 no-repeat;
	width: 423px;
	height: 18px;
	}
	
#extraImagery2 {
	color: #000;
	background: transparent url(navSpiderBG.jpg) bottom no-repeat;
	width: 110px;
	height: 193px;
	position: absolute;
	left: 14px;
	bottom: 18px;
	}
	
/* navigation */

#navigation {
	color: #000;
	background: transparent url(buttonsBG.gif);
	width: 105px;
	height: 150px;
	position: absolute;
	top: 158px;
	left: 14px;
	z-index: 5;
	}
	
#navList {
	height: 150px;
	list-style: none;
	}
	
#navList li {
	padding: 0 0 0 5px;
	font-size: 10pt;
	line-height: 2.25;
	text-transform: uppercase; 
	}
	
	#navigation a:link,
	#navigation a:active,
	#navigation a:visited {
		color: #666438;
		background: transparent;
		text-decoration: none;
		}
	
	#navigation a:hover {
		color: #C00;
		background: transparent;
		}
		
/* styles for portfolio page */

/* tagged styles */

h3 {
	color: #333;
	background: transparent;
	font-size: 12pt;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 5px;
	}
	
img {
	border: 3px solid #FFF;
	margin: 0 10px;
	float: left;
	}

/* portfolio divisions */

div.category {
	clear: both;
	text-align: right;
	}

div.imgCap { 
	height: 116px;
	}
	
div.cap {
	padding: 0 10px 0 0;
	display: inline;
	}
		
/* styles for information page */

#contentInner ul {
	margin: 10px 20px;
	padding: 5px 0;
	border-bottom: 2px solid #fff;
	}

#contentInner li {
	list-style: none;
	font-size: 10pt;
	text-align: justify;
	padding: 0 0 8px 0;
	}
		
/* styles for contact page */

div.row #submitRow {
	clear: both;
	}
	
#submitRow {
	margin: 10px 0 0 0;
	}
	
#realname, #email, #org, #loc, #enq {
	color: #000;
	background: #EBE8DE;
	font: 10pt "times new roman", times, serif;
	width: 262px;
	padding: 1px 3px;
	margin: 0 0 0 5px;
	border: 2px solid #FFF;
	}

#enq {
	height: 75px;
	}
	
#send, #clear {
	color: #666438;
	background: transparent url(buttonsBG.gif);
	font: 12pt "times new roman", times, serif;
	width: 60px;
	height: 30px;
	cursor: pointer;
	margin: 0 30px 0 5px;
	}
		
/* styles for link page */

#section {
	margin: 0 0 20px 0;
	}
	
	#section a {
		font-weight: bold;
		}
		
/* statCounter */

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