/*
   .net CSS Stylesheet for jforsythe.com v5


  - okay fine, ill clean up the code finally.
	  04/07

  - added standards based support styles
	  04/06

  - updated dashed to work with firefox
      03/06

  - integrated the ss with the blog engine  
	  05/05 

   - updated a few more items, needed to support the flash bebopper
      01/04
   
   - whats the whacky deal with the new ver of ss 1.2?
      09/03

   - .net default css editor highliting needs some help
       anyone got any new highlighting scripts out there?
      04/03
   
 */

BODY
{
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 0.8em;
	background-image: url(images/jforsythe_bg2.gif);
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: #ffffff;
	behavior: url(/jforsythe/csshover.htc);
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}

H1	{	
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

#CONTENTAREA {
	width : 600px;
	background-color : #ffffff;
	margin-left : auto;
	margin-right : auto;
}
#FLASHCENTER {
	width : 550px;
	background-color : #ffffff;
	margin-left : auto;
	margin-right : auto;
}

#NetFlixURL {
	width: 97%;
	font-family: Tahoma,Verdana,sans-serif;
	height: 95px;
	font-weight: bold;
	font-size: 30px;
}

.inputstyle 
{
	border-right: silver 1px dashed;
	border-top: silver 1px dashed;
	padding-left: 3px;
	font-weight: bold;
	font-size: 30px;
	border-left: silver 1px dashed;
	color: #3366ff;
	border-bottom: silver 1px dashed;
	font-family: Tahoma,Verdana,sans-serif;
	height: 38px;
	background-color: floralwhite;
}

.inputsmall 
{
	border-right: silver 1px dashed;
	border-top: silver 1px dashed;
	padding-left: 3px;
	font-weight: bold;
	font-size: 12px;
	border-left: silver 1px dashed;
	color: #000;
	border-bottom: silver 1px dashed;
	font-family: Tahoma,Verdana,sans-serif;
	height: 16px;
	background-color: #fff;
}

#captcha input
{
	border-right: silver 1px dashed;
	border-top: silver 1px dashed;
	/* padding-left: 30px;
		width: 245px;
	*/
	font-weight: bold;
	font-size: 30px;
	background-image: url(images/lock_background.gif);
	border-left: silver 1px dashed;

	color: #3366ff;
	border-bottom: silver 1px dashed;
	font-family: Tahoma,Verdana,sans-serif;
	height: 38px;
	background-color: floralwhite;
	padding-left:60px;
	width:235px;
	
}



#captcha img
{
 background-image: url(images/captcha_bg.gif);	
 background-repeat: repeat;

	border-right: silver 1px dashed;
	border-top: silver 1px dashed;
	border-left: silver 1px dashed;
	width: 295px;
	border-bottom: silver 1px dashed;
	
}

#captcha div
{


text-align: center; 
padding-left: 40px;

height: 170px;

background-image: url(/jforsythe/images/captcha_background.jpg);
background-position: top left;
background-repeat: no-repeat;

}

#passkey input
{
	color:#FF8000;
	background-color:FloralWhite;
	border-color:Silver;
	border-width:1px;
	border-style:Dashed;
	font-family:Tahoma,Verdana,sans-serif;
	font-size:30px;
	font-weight:bold;
	width:245px;
	
	padding-left: 30px;
	background-image: url(images/key_background.gif);
	height: 38px;

}

.dashed {
	border : 1px dashed #000000;
	margin-bottom: 10px;
}

.dashed:hover
{
	background-color: #00C9F9;
}

.dashedbottom {
	border-bottom : 1px dashed #000000;
}

.imgpad 
{
	padding-bottom: 5px;
	padding-top: 5px;
}

.quotetext 
{
	margin-top: 0px;
	margin-left: 10px;
	width: 100%;
	text-align: left;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 09px;
}



#interestcontent {
font-size: 14px;
font-weight:500;

}

.loginfield 
{
padding-left: 30px;
background-image: url(images/key_background.gif);
height: 38px;
font-size: 30px;
font-weight: bolder;
color: #FF8000;
width: 245px;
}

#jf_footer {
width: 780px;
border-top: 1px solid #d0d0d0;
}

#jf_footer div {
width: 780px;
padding-top: 14px;
background-color: #ffffff;
text-align: center;
padding-bottom: 4px;
}


#jf_page 
{
	width: 780px;
}

#jf_content
{
	margin:0; 
	padding:0;
}

#jf_content_area
{
	border-left: 1px solid #d0d0d0;
	border-right:  1px solid #d0d0d0;
	margin:0; padding:0;
}

#jf_header 
{
	height: 65px;
	width: 100%;
}

#jf_logo 
{
	margin-top: 5px;
	width: 282px;
	float: left;
}

#jf_topmenu 
{
	width: 498px;
	padding-top: 10px;
	float: left;
}

#jf_quote
{

}

#jf_panel 
{
	border: 1px solid #d0d0d0;
	height: 1.6em;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 5px;
	padding-left: 5px;
}





#jf_col1 
{
		/* http://www.pixy.cz/blogg/clanky/css-3col-layout/ */
		float: left;
		width: 180px;
		margin-right:10px; 
		padding:0;
}

#jf_col2 
{
	margin: 0px 100px 0px 170px;
}

#jf_col3 
{
		float:right;
		width:110px;
		margin:0; padding:0;
}


#jf_col3 table tr td 
{
	padding-left: 10px;
}

.column-in 
{
	margin:0; 
	padding:1em;
}

.column-in-small
{
	margin:0; 
	padding: 5px;
	padding-left: 10px;
	_padding-left: 5px;
}


.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
}


#jf_toppanel 
{
	margin: 0px 0px 0px 185px;
}

#jf_topfrontpanel 
{
	margin: 0px 100px 0px 180px;
}






.newssectiontitle
{
	/* border-bottom: dotted 1px #e0e0e0; */
	font-family: "trebuchet ms", verdana, sans-serif;
	line-height: 11.88pt;
	font-size: 1.2em;
	font-weight: 700;
	color: #f60;
}


.RSSFeed {
	border: 1px solid #e0e0e0;
	padding: 2px;
}

.RSSFeedbg
{
	background-color: #F3F3F3;
}

.RSSFeed tr {
	/* background-color: expression(this.previousSibling?(this.previousSibling.style.backgroundColor=='#ffffff'?'#eeeeee':'#ffffff'):'#eeeeee'); */
}

.newstitle 
{

	border-top: solid 0px #e0e0e0;
	padding-bottom: 10px;
	font-size: 0.9em;
	
}

.flickrstate
{
	border: #ffffff 0px solid;
	text-align: center;
	width: 100%;
	cursor: pointer;
	margin: -1px;
	
}


.flickrstate p
{
	padding: 0px;
	margin: 0px;
	width: 75px;
	
}
	


.flickrHoverstate 
{
	border: #000000 1px solid;
	text-align: center;
	width: 100%;
	cursor: pointer;
	margin: -1px;
	position: relative;
	
}


.flickrHoverstate p
{
	padding: 0px;
	margin: 0px;
}
	
.flickrHoverstate p img
{


	
}

.card_download
{
	margin-top: 10px;
	width: 280px;
	border: 1px dashed #000;
	background-color: #eee;
	height: 30px;
	padding-top: 10px;
	text-align: left;
	padding-left: 4px;
	cursor: pointer;
	background-image: url(images/projects_download_icon_larg.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.card_download_wide
{
	margin-top: 10px;
	width: 100%;
	border: 1px dashed #000;
	background-color: #eee;
	height: 30px;
	padding-top: 10px;
	text-align: left;
	padding-left: 4px;
	cursor: pointer;
	background-image: url(images/projects_download_icon_larg.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.card_features li 
{
margin-bottom: 15px;
}

.project_card_neutral
{
	background-color: #eeeeee;
	text-align: center;
	width: 280px;
	height: 14em;
	cursor: pointer;
}

.project_card_base
{
	background-color: #eeeeee;
	text-align: center;
	width: 280px;
	height: 14em;
	cursor: pointer;
	background-image: url(images/projects/back_php.gif);
	background-repeat: no-repeat;
	background-position: bottom right;

}
.project_card_aspnet
{
	background-color: #eeeeee;
	text-align: center;
	width: 280px;
	height: 14em;
	cursor: pointer;
	background-image: url(images/projects/back_aspnet.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.project_card_script
{
	background-color: #eeeeee;
	text-align: center;
	width: 280px;
	height: 14em;
	cursor: pointer;
	background-image: url(images/projects/back_script.gif);
	background-repeat: no-repeat;
	background-position: bottom right;

}

.project_card 
{
	border: #cccccc 1px solid;
}
.project_card_hover
{
	border: #000000 1px solid;
}
.spaced_out_ul li
{
	padding-bottom: 10px;
}
.projbar 
{
	text-align: left;
	background-image: url(images/proj_inactive.gif);
	background-repeat: repeat;
	border: #000000 1px solid;
	width: 90px;
}

.projactive 
{
 background-image: url(images/proj_active.gif);
  text-align: center; 
  font-size: 10px; 
  color: #ffffff;
  font-weight: bolder;
  font-family:  "trebuchet ms", verdana, sans-serif;
}

.project_innards 
{
	padding-left: 5px;
	width: 280px;
	text-align: left;
}
.project_innards .imgdiv
{
		text-align: center;
}
.newsdate
{
	font: 10px/14px "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
}

.newsblock
{
	border: #ffffff 1px solid;
	width: 100%;
	cursor: pointer;
	margin: -1px;
	padding: 2px;
}

.newsHover
{
	border: #000000 1px solid;
	cursor: pointer;
	background-color: #00A0C6;
	color: #F4FEFF;
	margin: -1px;
	padding: 2px;
}

.newsHover a:link 
{
	color: #ffffff;
}

.newsitem 
{
	font: 11px/18px "trebuchet ms", verdana, sans-serif;
	color: #666;
}

.roundbox {
	margin-bottom: 20px;
	-moz-border-radius: 10px; /* mozilla only */
}



.leftnavblock {
background-image: url(/jforsythe/images/left_bg.gif);
background-repeat: repeat-y;
}

.rightnavblock {
background-image: url(/jforsythe/images/right_bg.gif);
background-position: right top;
background-repeat: repeat-y;
}


#leftnavblock {
background-image: url(/jforsythe/images/left_bg.gif);
background-repeat: repeat-y;

}

#leftpageblock
{
	margin-top: 0px;
	width: 180px;
	margin-right: 0px;
	left: 0px;
	margin-left: 0px;
	position:relative;
}

#leftpageblock .column 
{
	margin: 0px 5px 0px 5px;
	width: 168px;

}



#centerpageblock .column 
{

	/* margin-left: 10px; */

}



.leftside 
{
	font: 11px/18px "trebuchet ms", verdana, sans-serif;
	color: #666;
	background-color:#ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	padding: 2px;
	padding-top: 4px;
}

.leftside a:link , .leftside a:hover , .leftside a:visited,  .leftside a:active
{
	text-decoration: none;
	border-bottom: 1px blue dashed;
}

.leftsidetitle {
	background-color: #d0d0d0;
	color: gray;
	padding: 2px;
	text-align: center;
}

.side {
	background-color:#ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d0d0;
	padding: 2px;
}



.sidetitle {
	background-color: #d0d0d0;
	color: gray;
	padding: 2px;
	text-align: center;
}





.exclaim 
{
font-weight: bold;

}

.foliosection 
{
	font-family: arial, helvetica, sans-serif;
	font-weight: normal; 
	font-size: 30px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #000;

}


#searchengine {
background-image: url(/jforsythe/images/gradiation-down.gif);
background-repeat: repeat-x;
background-position: top left;
margin: 10px;
padding: 10px;
background-color: #ffffff;
border: 2px solid black;

}

#searchengine h2 {
text-align: center;
width: 100%;
}


	  #side_menu_box {

	  width: 160px;
	  padding: 4px;
	  background-color: #ffffff;
	  border: 1px solid rgb(208, 208, 208);
	  margin: 0px;

	  }
	
	  #side_menu_box li {
	  	  list-style-type: none;
	  	  margin: 0px;
		  padding: 2px;
	      width: 154px;
	  }	  


	  .side_menu {
	  background-position: left;
	  background-repeat: no-repeat;
	  padding: 4px 4px 4px 20px;
	  }
	  
	  .side_menu:link, .side_menu:visited, .side_menu:hover, .side_menu:active {
	  text-decoration: none;
	  color: #000;
	  font-family: 'Tahoma','Verdana','Arial'; 
	  font-style: normal; 
	  font-variant: normal; 
	  font-weight: normal; 
	  font-size: 9pt; 
	  line-height: normal; 
	  font-size-adjust: none; 
	  font-stretch: normal; 
	  text-decoration: none; 
	  color: rgb(0, 0, 0);
	  }

	  .side_menu_off {
	  border: 1px solid rgb(255, 255, 255); 
	  background-color: rgb(255, 255, 255); 
	  cursor: pointer;
	  }
	  .side_menu_on {
	  border: 1px solid rgb(0, 0, 0); 
	  background-color: rgb(239, 239, 239); 
	  cursor: pointer;
	  }
	 
	  .menu_txt {
	  cursor: pointer; 
	  font-family: 'Tahoma','Verdana','Arial'; 
	  font-style: normal; 
	  font-variant: normal; 
	  font-weight: normal; 
	  font-size: 9pt; 
	  line-height: normal; 
	  font-size-adjust: none; 
	  font-stretch: normal; 
	  text-decoration: none; 
	  color: rgb(0, 0, 0);
	  }
	  
	  .menu_off_txt {
      border: 1px solid rgb(255, 255, 255); 
	  background-color: rgb(255, 255, 255); 
	  width: 160px;
	  text-align: center;
	  }
	  
	  .emailupdate {
	   background-color: #fff; 
	   border: 1px solid black; 
	   padding: 2px; 
	   width: 160px; 
	   font-size: 0.75em;
	   }
	   
	   .emailupdatetitle {
	   background-color: #FFFFA4;
	   font-weight: bold;
	   font-size: 1.25em;
	   padding: 2px;
	   }
	   
	   .emailupdateinfo {
	   background-color: #FFFFA4;
	   margin-bottom: 10px;
	   padding: 2px;
	   }
	   
	   .emailor {
	   margin-top: 10px;
	   margin-bottom: 10px;
	   font-weight: bold;
	   font-size: 1.25em;
	   text-align: center;
	   }
	   
	   .emailoption {
	   border: 1px solid gray;
	   background-color: #FFFF66;
	   padding: 1px;
	   
	   }


.testimg 
{
	border: 1px solid #eee;
	margin: 3px 0px 3px 0px;
	font-size: 10px;
	text-align: center;
	
}
.testimg img 
{
	padding: 3px;
	border: 1px solid #000;	
}

.sampleimg 
{
	margin: 3px 0px 3px 0px;
	font-size: 10px;
	text-align: center;
}

.sampleimg img 
{
	padding: 3px;
	border: 1px solid #000;	
}


#technorati label 
{
font-size: 10px;	
}