@import url('css_reset.css');
@import url('header.css');






div#right_column {
	position:absolute; 
	margin-left:290px; 
	margin-top:50px; 
	width:650px;
	display:block;
	}

 

img.sidebar {width:25px;height:25px; margin:2px; float:left;}

	
	<!-- SIDEBAR -->
#sidebar {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	text-align:center;
	}
	#sidebar * {
	display: inline;
	padding: 3px;
	margin:0 3px;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
	
	}
	#sidebar li.active {
	background-color: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
	
	
	
	#wrapper { 

	
		padding: 5px; 
	padding-bottom:0;
	}
	
	#panes {
	text-align: justify;
	border-style: none;
	
	}
	
	#panes p {
	width:220px;
	margin: 0 auto 1em auto;
	line-height: 1.2em;
	}
	
	#panes div div { overflow: hidden; }
	#panes img {float:left; margin-bottom:4px; }
	
	
	

	
	
	.pane a:link img{ border-bottom:2px solid #666; }
.pane a:visited img{ border-bottom:2px solid #666; }
.pane a:hover img{border-bottom:2px solid #99a;} 
.pane a:active img{ border-bottom: 2px solid #66FF00;} 
#here img{
border-bottom: 2px solid #6179b7;

	}	
	img.portfolio {
	background-color:#b1b0b2;
	padding:8px; 
	border:1px solid #555;
 
	text-align:center; 
	margin:10px auto;
	}


	

	/* === PROFILE div styles ======================================== */

#profile-div { 
	font-family:Helvetica, Arial, sans-serif;
	width:600px;
	color : #7ea2b9;
	font-size:1.2em;
	padding-left:15px;

}


div.spacer{ 
 	 padding : 8px;
 	 margin-top:10px;
 	 margin-bottom:10px; 
	border-top:3px solid #b1b0b2;
}






	<!-- PROFILE -->
	
	
	

<!-- PORTFOLIO DETAILS -->


#detail_nav
{
	margin: 0;
	background-color: #334;
	font-size:1.1em;
	letter-spacing:.1em;
	width:100%;
	padding-top:0;
	
	
}

#detail_nav li
{
	display: inline;
	list-style-type: none;
	padding-left: 20px;
	
}

#detail_nav a:link, #detail_nav a:visited
{
	color: #667;
	text-decoration: none;
}

#detail_nav a:hover, #detail_nav a:active
{
	color: #998;
	
}
a#there {background-image:url(images_interface/close.gif);}


#portdetails {display:block; text-align:left;margin-top:8px;}







/* === textural elements ====================================== */

h1 {text-indent:-100em;}

#tbsmith {
	 width: 250px; 
	 height: 63px;
	 background-image: url(images_interface/tbsmith_artist.png);
	 background-repeat: no-repeat; }
 
 
 
 
	
h2.headlines{
	border-bottom:3px solid #b1b0b2; 
	display:block;
	margin-top:0; 

	font-size:15px;; 
	font-weight:bold;
	letter-spacing:.1em;
	text-align:right;
	height:5px;
	}
 
 
h2.main-headings { 
	margin-top:-18px;
	margin-bottom:5px; 
	background-color:#fff;
 	color : #b1b0b2;
 	display:inline; 
 	float:right; 
  	font-size:14px;
  	font-family: Helvetica, sans-serif;
  		font-weight:bold;
		letter-spacing:5px;
		padding:2px 1px 1px 3px;
}

	
p {
	font-family:helvetica, verdana, arial, sans-serif;
	color:#bbc;
	font-size:12px;
	color:#4c4f52;
	line-height: 23px;
	padding-top:10px;
	margin-right:20px;
	margin-left:10px;
	
}

p:first-letter  {margin-left:5px;
	}
	
 a.white:link, a.white:visited {font-size:12px;font-variant:small-caps; color:#6179b7; }
a.white:hover, a.white:active {font-size:12px; text-decoration:underline; color:#b7b7b7;}
	
	
h3.title, h3.titlesub { font-weight:bold;font-size:12px; font-family:Helvetica, Arial, sans-serif; letter-spacing:3px;  font-variant:small-caps; margin:0; padding:0; margin-top:7px; display:inline; }
h3.titlesub, h3.titlesubdesc{font-weight:normal; display:block;letter-spacing:1px;}

h3.portname	 { color:#ADA793; font-size:14px; margin-left:5px;display:inline;  font-variant:small-caps; }