/*
		-- -- -- -- -- -- -- -- -- -- --
		style.css by r(e)volving design 
		for Kingscott and Associates 2006
		-- -- -- -- -- -- -- -- -- -- -- 
		
		Tested and certified for use in
		FF v2 and IE v6 on PC.
		
		All font sizes are relative. 62.5% 
		of 16px (standard) is 10px, so 1em
		is 10px. So far this scales 
		properly in FF.
		
*/
* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
body {
	font:62.5%/100%  Verdana, Arial, Helvetica, Georgia, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
div#jar { 
	margin:0; 
	padding:0; 
	width: 100%;
}

div#main { 
	left: 0; 
	top: 0; 
	width: 100%; 
	}

div#flagbg{
	display: block;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(../img/topblueflag.jpg);
	background-repeat: no-repeat;
	width: 100%;
	border:0;
	z-index: 1;
}
div#logo img{
	border:0;
	z-index: 60;
}
div#opener img{ position: absolute; top: 0; left: 230px; border:0; z-index: 60; }
div#opener-main img{ position: absolute; top: 0; left: 0; border:0; z-index: 60; }
div#copynotice {  
	margin-left: 25px;
	margin-top: 465px;
	color: #000; 
	text-decoration: none;
	line-height:normal;
	}
div#c1 {
	position: absolute;
	top: 5px;
	left: 240px;
	color: #cfd8f5;
	font-size: 1em; 
	letter-spacing: 0.1em; 
	z-index: 50
}
div#c1 a {
	color: #cfd8f5;
	text-decoration: none;
}
div#c2 { 
	color: #cfd8f5;
	font-size: 1em; 
	letter-spacing: .1em; 
	text-align: left; 
	position: absolute; 
	top: 5px; 
	left: 680px; 
	width: 210px; 
	z-index: 40; 
	clear: both; 
}
	
div#c1 p, div#c2 p {
	display: inline;
	font-size: 1em; 
	line-height: 1.5em;
	margin-left: 14px;
	letter-spacing: .1em;
}
/* CONTENT */
div.header {
	padding-top: 1em;
	line-height: normal;  
}
div.col1 {
	position: absolute;
	width: 295px;
	top: 6em;
	margin-left: 0.2em;
}
div.colfull { margin: 1em; position: absolute; top: 14em; }
div.col2 {position: absolute; width: 295px; top: 6em; margin: 0em 0em 0em 340px; }
div.footer {
	position: relative;
}
#columnLayout {
	margin-left:230px;
}
#columnLayoutNews{
	margin-left:230px;
	position: absolute; 
	top: 10px;
	display: block; 
}

#content { height: 1000px; width: 890px; background-image: url(../img/bg_stripe.jpg); position: absolute; top: 86px; display: block; }

#content p, #content li, #content lh { color:#20345a; font-size: 1.1em; line-height: 1.3em; margin-bottom: 0.9em;  list-style-type: none; }

#content ul a:link, #content ul a:visited{
	color:#517290;
	font-size:.9em; 
	}
	
#content ul#twitter_update_list {
	margin-left: 1.5em; 
}
	
#content ul#twitter_update_list a {
text-decoration: underline;
}

#content ul#twitter_update_list li {
	list-style-type: square;  
}

#content ol  { 
	margin-left: 1.5em; 
	}
	
#content h1 { color: #517290; font-family: georgia, "trebuchet ms", verdana, serif, sans-serif; text-align: left; font-size:3em; font-weight: lighter; letter-spacing: -0.05em; padding-top:0.5em; }
#content h2 {
	color:#435f93;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.4em;
	line-height: 1.5em;
	margin-top:0;
	padding-top:0.4em;
	font-weight:bold;
	letter-spacing:0;
}
#content h3 {
	color:#435f93;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.1em;
	line-height: 1.4em;
	margin-top:0;
	padding-top:0.3em;
	font-weight:bold;
	letter-spacing:0;
}
#content h4, #content h5, #content h6 { color: #20345a; font-size:0.9em;  /* changed from 1.4 */
	line-height:1em; padding-top:0.3em; padding-bottom:0.3em; margin-top:1em; }
/*link, visited, hover, active is the correct order */
#content a:link { text-decoration: none; }
#content a:visited { color: #517290; text-decoration: none; }
#content a:hover { color:#a6c0d6; }
#content a:active  { 
	text-decoration: underline; 
}
#content a:link img, #content a:visited img { 
	border: none; 
}
#content .first {
	margin-top: 0;
	padding-top: 0;
}
#content p.pagehead {
	font-weight: bold;
}
.undercol { 
	position: absolute; 
	top: 515px; 
	margin: 0 0 0 230px; 
	}
	
.title{ color: #20345a; font-size: 1.8em; font-family: georgia, "trebuchet ms"; line-height: 2em; margin-left: 20px; }

.listhead { 
	color: #20345a; 
	font-size: 11px; 
	font-family: "trebuchet ms"; 
	font-weight: bold; 
	line-height: 1.4em; 
	}
	
.listhead a:link { text-decoration: none; }
.listhead a:visited { color: #517290; text-decoration: none; }
.listhead a:hover { color:#a6c0d6; }
.listhead a:active  { text-decoration: underline;} 

	
.listtext { 
	color: #517290; 
	font-size: 11px; 
	font-family: "trebuchet ms"; 
	font-weight: normal; 
	line-height: 1.4em; 
	margin-right: 1em
	}
	
.listtext p{ 
	margin-top: .4em
	}
.listtext a:link { text-decoration: none; }
.listtext a:visited { color: #517290; text-decoration: none; }
.listtext a:hover { color:#a6c0d6; }
.listtext a:active  { color: #20345a; text-decoration: underline; }

/*
tab spacing and styles	
*/

div#tabs { 
	color: black; 
	margin-top: 5px; 
	margin-bottom: 5px;
}
	
li#bu0 a { 
	color: #517290; 
	position: absolute; 
	width: 230px; 
	bottom: 0; 
	height: 25px; 
	text-decoration: none; 
	text-align: center; 
	font-size: 1em; 
	letter-spacing: .15em; 
	overflow: hidden; 
	padding-top: 0.8em; 
	padding-bottom: 0.4em; 
	background: url(../img/tabcolor_long.gif); 
	}
	
li#bu0 a:hover { 
	color: #fff; 
	text-decoration: none; 
	background: url(../img/tabcolor_long.gif) no-repeat left -25px; }
	
li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a, li#bu5 a, li#bu6 a { 
	color: #517290; 
	position: absolute; 
	width: 110px; 
	bottom: 0; 
	height: 25px; 
	text-decoration: none; 
	text-align: center; 
	font-size: 1em; 
	letter-spacing: .15em; 
	overflow: hidden; 
	padding-top: 0.8em; 
	padding-bottom: 0.4em; 
	background: url(../img/tabcolor.gif); }	
/*
tab positioning	
*/
li#bu0 a { top: 85px; left: 0px; }
li#bu1 a { top: 85px; left: 230px; }
li#bu2 a { top: 85px; left: 340px; }
li#bu3 a { top: 85px; left: 450px; }
li#bu4 a { top: 85px; left: 560px; }
li#bu5 a { top: 85px; left: 670px; }
li#bu6 a { top: 85px; left: 780px; }

li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover, li#bu5 a:hover { 
	color: #fff; 
	text-decoration: none; 
	background: url(../img/tabcolor.gif) no-repeat left -25px; }

/* adjusted values for IE6 */
* html*li#bu0 a, * html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a, * html*li#bu5 a, * html*li#bu6 a{ 
	bottom: -1px; }

#debug {
	visibility: hidden;
}
div#masthead {
	padding-bottom: 48px;
}
div#sb-nav {
	display: none;
}
div#sb { position: relative; width: 190px; height: 71px; z-index: 85; margin-top: 5px; }

div#sb p.sb-title { 
	color: #517290; 
	font-size: 2em; 
	font-family: georgia, "trebuchet ms", verdana; 
	text-align: left; 
	word-spacing: -0.1em; 
	margin-top: 15px;
	margin-left: 20px; 
	}
div#sb p.sb-title-small {
	color: #517290; 
	font-size: 13px; 
	font-family: "trebuchet ms"; 
	font-weight: bold;  
	text-align: left; 
	margin-top: 5px; 
	margin-left: 20px; 
	}
div#sb p.sb-text, div#sb li, div#sb ul { color: #000; font-family: "trebuchet ms"; font-size: 11px;  text-align: left; margin-top: 1em; margin-bottom: 0.8em; margin-left: 20px; line-height: 1.4em; z-index: 86 
  }
 div#sb p.sb-textbold { color: #20345a; 	
 	font-family: "trebuchet ms";
 font-size: 11px; font-weight: bold; text-align: left; margin-top: 1em; margin-bottom: 0.8em; margin-left: 20px; z-index: 86 
  }
div#sb p.sb-text a:link, .listtext a:link, .listhead a:link{
	color: #20345a;
	text-decoration: none;
}
div#sb p.sb-text a:active, .listtext a:active, .listhead a:active{
	color: #517290;
	text-decoration: none;
}
div#sb p.sb-text a:visited, .listtext a:visited, .listhead a:visited{
	text-decoration: none;
}
div#sb p.sb-text a:hover, .listtext a:hover, .listhead a:hover{
	color: #a6c0d6;
	text-decoration: underline;
}
div#tab-footer {
	position: absolute;
	background-image:  url("../img/portfolio_tab_bg-r.gif");
	width: 160px;
	right: -2px;
	bottom: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 70px;
	overflow: hidden;
}
div#content { margin-top: 25px; }

/*
Old side-style thumbs


div#thumbset { position: relative; top: -180px; right: 5px; width: 200px; height: 200px; z-index: 84; }

div#thumb1, div#thumb2, div#thumb3,div#thumb4, div#thumb5, div#thumb6, div#thumb7, div#thumb8, div#thumb9{ position: absolute; width: 56px; height: 44px; padding-right: 11px; }

div#thumb1 a img, div#thumb2 a img, div#thumb3 a img,div#thumb4 a img, div#thumb5 a img, div#thumb6 a img, div#thumb7 a img, div#thumb8 a img, div#thumb9 a img{ width: 56px; height: 44px; border-color: white black black white; border-width: 1px; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .8; opacity: 0.8; }

div#thumb1 a:hover img, div#thumb2 a:hover img, div#thumb3 a:hover img, div#thumb4 a:hover img, div#thumb5 a:hover img, div#thumb6 a:hover img, div#thumb7 a:hover img, div#thumb8 a:hover img, div#thumb9 a:hover img{ width: 56px; height: 44px; outline-color: #20345a; outline-width: 1px; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity: 1; }
*/

img.projectImg, img.projectSpacer {
	width: 11px;
	height: 11px;
	border: 0;
}

#content .blanklist p{
	color: #6786a2;
	font-size: 0.9em;
	line-height: 1em;  
	margin-bottom: 0.9em;
}
div#indent10 { margin-top: 25px; }

#twitter-block a:link, #twitter-block a:visited {
	color:#20345a;
}