/* Base Styles */
body,div,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote, td, th	{ 
	font-family:"Century Gothic", "trebuchet ms", "verdana", sans serif ;
}

body {
	background: #2C778C url(/images/2010/site_bkd01.gif) left top repeat-x;
	font-size:.75em;
}

h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.3em;
}
.link{
	cursor:pointer;
	width:18px;
	height:18px;
	
}
.linkActive{
	cursor:pointer;
	width:22px;
	height:22px;
	}
	
	#resImage.link{
	cursor:pointer;
	width:19px;
	height:19px;
}
#resImage.linkActive{
	cursor:pointer;
	width:25px;
	height:25px;
	}

ul li span {
	color:#EFD38F;
	padding:0px 2px;
}
.callout{
	margin:7px;
	font-size: .9em;
	line-height: 1.2em;
}
/* Content areas */
	#pageContent {
		overflow:visible;
		width:1280px;
		margin: auto;
		height:100%;
	}
	/* group1 is the left content area */
		.group1 {
			position:absolute;
			top:0px;
			width:880px;
		}
			.group1 h3 {
				color:#CF7328;
			}
			#profileText {
				color:#fff;
				margin:10px 0px 10px 80px;
				padding:20px;
				font-size: 14px;
			}
				#profileText span {
					_xtext-transform:uppercase;
					font-size: 1.5em;
					font-variant:small-caps;
				}
				#logo {
					float: right;
					padding-top:5px;
				}
				
			#titleBar {
				color:#152B3E;
				background: #85A3C2;
				font-size:1.5em;
				height:40px;
				line-height: 40px;
				margin-left:80px;
				text-align: center;
			}
				#titleBar span{
					font-weight:bold;
					padding:0px 10px;
				}
			
			#portfolio {
				background:#fff;
				padding:10px;
				overflow: auto;
				
			}
				#thumbox {
					min-height:350px;
					margin-left:180px;
				}
			
				#portfolio h1 {
					color:#85A3C2;
					float: left;
				}
				#portfolio h3 {
				color:#85A3C2;
			}

				#portfolioinstructions {
			        color:#153D3E;
			    	font-size: 10px;
			   		margin: 5px 0px 0px 500px;
			   		position: absolute;
			   		left: 10px;
			   		
			    }
				#portfolioinstructions span {
				 white-space: nowrap;
				 display: block;
				}
    
				#portfolioTabs {
					font-size: 11px;
				   	z-index: 2;
				   	padding: 5px 0px 8px 0px;
				   	list-style: none;
				   	width:180px;
				   	position: absolute;
				   	margin-top:30px;
				   	left:10px;
				}
					#portfolioTabs li{
						height:20px;
					}
				
				a.main:link,
				a.main:visited {
					color:#666666; /*#85A3C2;/*6E9F9A*/
					text-decoration: none;
					padding:0px 4px;
					outline-style: none;
				}
				
				a.main:hover,
				a.main:active{
					color: #85A3C2;
					xbackground: #000;
					outline-style: none;
					text-decoration: underline !important;
				}
				
				#profileText a.main{
				color:#EFD38F;
				}
		/* group2 is the right content area */
		.group2 {
			height:100%;
			width:400px;
			float: right;
		}
		
			#toolbox {
				background:#CF7328;
				color:#EFD38F;
				position:absolute;
				top:0px;
				width:215px;height:100%;
				overflow:visible;
			}
				#toolbox h1{
					padding:10px 0 0 10px;
				}
				#toolbox h2{
					padding:5px 10px;
				}
				#toolbox ul {
					list-style: none;
				 	margin-left:10px;
				 	padding-left:14px;
				 	border-left:1px solid #EFD38F;
				}
					#toolbox li{
						color:#ffffff;
					}
				
			.group2 .right {
				position: relative;
				top:50px;
				float:right;
				height:300px;
				width: 185px;
			}
				.contact {
					background: #FFA22E;
					border:1px solid #FFA22E;
					float:left;
					height:188px;
					position: relative;
					text-align: center;
					width: 32px;
					position: relative;
					top:0px;
				}
				
				.contactActive {
					background: #FFD731;
					border:1px solid #CF7328;
					float:left;
					height:188px;
					position: relative;
					text-align: center;
					width: 42px;
					position: relative;
				}
				
				#contact img,
				#resume img {
					padding:5px 5px 0px 5px;
					position: relative;
					vertical-align: bottom;
					;
				}
				#contact h1 img,
				#resume h1 img {
					padding:30px 0 10px 0;
				}
				.resume {
					background: #ACB076;
					border:1px solid #ACB076;
					float:left;
					height:148px;
					position: relative;
					top:40px;
					text-align: center;
					width: 32px;
				}
				.resumeActive {
					background: #FFD731;
					border:1px solid #CF7328;
					float:left;
					height:148px;
					position: relative;
					top:40px;
					text-align: center;
					width: 42px;
				}
				#resume h1 img {
					padding:40px 0 8px 0;
				}
				
				#twitter {
					clear:both;
					overflow:visible;
					width:250px;
				}
				
				.websites {
					background:#2A5657;
					color:#85C2B4;
					height:220px;
				}
				.websitesActive {
					background:#173E56;
					color:#78CFF4;
					height:260px;
				}
					#websites h1{
						padding:5px 0 0 15px;
					}
					#websites a:link, #websites a:visited {
						font-size:15px;
						color:#53B3A8;
						text-decoration:none;
						display: block;
						outline-style: none;
						padding-left:15px;
						padding-bottom:4px;
						margin:2px 0px;
					}
					#websites a:hover, 
					#websites a:active {
						background:#000000 none repeat scroll 0 0;
						color:#15E5D0;
						outline-style: none;
					}
/* toolbox paragraphs */
#toolbox .callout {
	height:12px;
	overflow:hidden;
}
#toolbox .callout a{
	display:block;
	cursor:pointer;
}
#toolbox .callout a:hover{
color:#FFD731;}

#toolbox .callout.active a{
	display:none;
	cursor:pointer;
}

#toolbox .callout.active{
	cursor:pointer;
}
.videotitle{
	margin-top:10px;
	color:#666666;
}
.pflink{white-space: nowrap;}

/*twitter overrides */

#twitter .twtr-widget-profile h3, 
#twitter .twtr-widget-profile h4 {
    margin: 0 0 0 0px !important;
    background:none !important;
    font-size: 12px !important;
}

#twitter .twtr-widget .twtr-tweet{border-bottom:none;}

#twitter .twtr-widget-profile h3,
#twitter .twtr-widget-profile img.twtr-profile-img,
#twitter .twtr-timestamp,
#twitter .twtr-ft a img 
{display:none !important;}

#twitter .twtr-ft div {
    height: 1px;
    overflow: hidden;
    padding: 0px 5px;
    font-size: 10px
    }
    
  #twitter .twtr-hd{
   background: url("http://widgets.twimg.com/i/widget-logo.png") right 50% no-repeat;
   }