/* Global styles for the MINIMAL 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: #F3F2EC url(mBG.jpg) fixed 0 0 no-repeat;
	}
	
p {
	font: 10pt verdana, helvetica, arial, sans-serif;
	text-align: justify;
	padding: 0 0 15px 0;
	}
	
/* divisions & ids */

#shell {
	position: absolute;
	top: 90px;
	left: 250px;
	z-index: 2;
	}
	
#mainHeader {
	color: #000;
	background: transparent url(mH1.gif);
	width: 277px;
	height: 52px;
	}
	
	#mainHeader h1 {
		display: none;
		}
	
#subHeader {
	color: #000;
	background: transparent url(mH2.gif);
	width: 277px;
	height: 24px;
	}
	
	#subHeader h2 {
		display: none;
		}
	
#date, #copyright {
	color: #666;
	background: transparent;
	font-size: 8pt;
	margin: 20px 0 0 0;
	}
	
#content {
	margin: 50px 0 0 0;
	padding: 0 20px 0 0;
	width: 380px;
	}
		
	#content a:link, 
	#content a:active, 
	#content a:visited {
		color: #984828;
		background: transparent;
		}
	#content a:hover {
		color: #f00;
		background: transparent;
		text-decoration: none;
		} 
	
/* navigation */

#navigation {
	width: 400px;
	position: absolute;
	top: 130px;
	left: 0;
	}
	
	#navigation ul {
		font: 10pt arial, helvetica, sans-serif;
		text-transform: uppercase;
		}
		
	#navigation li {
		list-style: none;
		display: inline;
		padding: 0 16px 0 0;
		}
		
		#linkItem5 {
			padding: 0;
			}
		
	#navigation a:link, 
	#navigation a:active, 
	#navigation a:visited {
		color: #984828;
		background: transparent;
		text-decoration: none;
		}
	#navigation a:hover {
		color: #f00;
		background: transparent;
		} 
		
/* styles for portfolio page */

/* tagged styles */

h3 {
	color: #484848;
	background: transparent;
	font: 10pt verdana, arial, helvetica, sans-serif;
	padding: 0 0 20px 0;
	text-transform: uppercase;
	}

img {
	border: 1px solid #B03020;
	}
		
/* portfolio divisions */

div.category {
	width: 430px;
	clear: both;
	}

div.imgCap {
	margin: 0 45px 10px 0;
	width: 95px;
	height: 150px;
	float: left;
	}
	
	div.imgCap p {
		font-size: 8pt;
		text-align: center;
		}
		
/* styles for information page */

	#contentInner ul {
		padding: 0 0 15px 30px;
		}

	#contentInner li {
		list-style: url(bullet.gif);
		font: 8pt verdana, helvetica, arial, sans-serif;
		text-align: justify;
		padding: 0 0 10px 0;
		}
		
/* styles for contact page */

div.row {
	clear: both;
	margin: 0 0 20px 0;
	}

#realname, #email, #org, #loc, #enq {
	font: 10pt verdana, arial, helvetica, sans-serif;
	width: 247px;
	padding: 2px 3px;
	border: 1px solid #C0B0A8;
	}
	
#enq {
	height: 100px;
	}

form #para1, form #para2, form #para3, form #para4, form #para5 { 
	width: 120px;
	float: left;
	overflow: auto;
	}
	
#submitRow {
	margin: 0 0 20px 120px;
	}
	
#send, #clear {
	color: #B03420;
	background: #C0BCB0;
	width: 126px;
	margin: 0 0 0 0;
	font: 10pt verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	border: 1px solid #987468;
	}
		
/* styles for links page */

#section1, #section2, #section3, #section4 {
	padding: 0 0 20px 0;
	}
	
	#section1 a, #section2 a, #section3 a, #section4 a {
		font-weight: bold;
		}

	#section1 p span, #section2 p span, #section3 p span, #section4 p span {
		font-size: 8pt;
		}
		
/* statCounter */

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