@charset "utf-8";

/* general.css */

/* TYPOGRAPHY, BACKGROUND AND COLORS */

/* font-family */	
body#P-home,
body#P-about,
#feedback textarea,
input.formButton,
#copy h3,
#copy p,
ol{font-family:Arial, Helvetica, sans-serif;}

h1,h2{font-family:ITC Franklin Gothic Std, Franklin Gothic, Arial, Helvetica, sans-serif;}

#screen p{font-family:Verdana, Arial, Helvetica, sans-serif;}


/* font-weight */
h1,
h2{font-weight:100;}

a:link,
a:visited,
a:hover,
a:active,
.formQ,
#formCommentQ,
#copy h3,
#P-about .unlocked{font-weight:700;}

/* text-transform */
h1,h2{text-transform:uppercase;}

/* letter-spacing */
#P-about #content p{letter-spacing:0.02em;}
h1,
h2,
#P-about .aboutHeading{letter-spacing:0.07em;}

/* font-style */
#P-about #portraitCaption{font-style:italic;}

/* backgrounds */

body#P-home{
	background-color: #c3eaff;
	background-image: url(../images/080330-071103-6-resized.jpg);
	background-position:-100px -220px;
	background-repeat:no-repeat;
	}

body#P-about{
	background-image:url('/images/about/090729-tahoeSky.jpg'); /**/
	background-repeat:no-repeat; /**/
	background-position:0px 0px;
/*	background-image:url('/images/081117-125x20grid.png'); /**/
	background-color:#c3eaff; /**/
/*	background-position:10px -5px; /**/
/*	background-repeat:repeat; /**/
	}
	
@media handheld{
body#P-home,
body#P-about{background-image:none;}	
}

#nav{
	background-image:url(../images/080329-fauxTransNav.png);
	background-position:105px 0px;
	background-repeat:no-repeat;
	}
#nav-list{
	background-image:url('../images/090614-fauxTransIvanwlamCombined.png');
	background-repeat:no-repeat;
	}
	
#P-home #nav-list{background-position:0px 5px;}
#P-portfolio #nav-list{background-position:0px 25px;}
#P-blog #nav-list{background-position:0px 45px;}
#P-experiments #nav-list{background-position:0px 65px;}
#P-about #nav-list{background-position:0px 85px;}
#P-archives #nav-list{background-position:0px 105px;}

/* nav image default for notOnPage links*/

li#nav-home{
	background-image:url(../images/nav/navHome.png);
	background-position:0px 0px;
	}

li#nav-portfolio{
	background-image:url(../images/nav/navPortfolio.png);
	background-position:0px 0px;
	}

li#nav-blog{
	background-image:url(../images/nav/navBlog.png);
	background-position:0px 0px;
	}

li#nav-experiments{
	background-image:url(../images/nav/navExperiments.png);
	background-position:0px 0px;
	}

li#nav-about{
	background-image:url(../images/nav/navAbout.png);
	background-position:0px 0px;
	}

li#nav-archives{
	background-image:url(../images/nav/navArchives.png);
	background-position:0px 0px;
	}

/* nav image hover position change */

/* show default position for onPage link*/	
body#P-home * li#nav-home,
body#P-portfolio * li#nav-portfolio,
body#P-blog * li#nav-blog,
body#P-experiments * li#nav-experiments,
body#P-about * li#nav-about,
body#P-archives * li#nav-archives{background-position:0px -150px;}

/* normal rollover position change */
li#nav-home:hover,
li#nav-portfolio:hover,
li#nav-blog:hover,
li#nav-experiments:hover,
li#nav-about:hover,
li#nav-archives:hover{background-position:0px -150px;}


body#P-home * #screen{
	background-color:transparent;
	background-image:url(../images/080720-fauxTransScreen.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

#feedback{
	background-image:url(../images/080329-fauxTransFeedback.png);
	background-repeat:no-repeat;
	}
#feedback input.formText,
#feedback textarea,
#P-about #message input[type="text"],
#P-about #message textarea,
#P-about #morePuzzle input[type="text"],
#P-about #morePuzzle textarea{background-color:transparent;}
#copy{
	background-image:url(../images/080329-fauxTransProgress.png);
	background-repeat:no-repeat;
	}
	
/* fauxTrans */

/* scriptless but css-enabled must go before the real about section styles. the css later on will replace this*/
.ftSheet{background-image:url('/images/fauxTrans/090430-fauxTrans_centerCenter.png');background-repeat:repeat;}


.ft_topLeft{background-image:url('/images/fauxTrans/090430-fauxTrans_topLeft.png');background-position:top left;}
.ft_topRight{background-image:url('/images/fauxTrans/090430-fauxTrans_topRight.png');background-position:top right;}
.ft_bottomLeft{background-image:url('/images/fauxTrans/090430-fauxTrans_bottomLeft.png');background-position:bottom left;}
.ft_bottomRight{background-image:url('/images/fauxTrans/090430-fauxTrans_bottomRight.png');background-position:bottom right;}
.ft_topCenter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_top.png');
	background-repeat:repeat-x;
	}
.ft_bottomCenter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_bottom.png');
	background-repeat:repeat-x;
	}
.fauxTransOuter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_right.png');
	background-repeat:repeat-y;
	background-position:right;
	}
.fauxTransInner{
	background-image:url('/images/fauxTrans/090430-fauxTrans-middleLeftSpread.png');
	background-repeat:repeat-y;
	background-position:left;
	}


/* fauxTrans exception */
#P-about #twitterHeading .ft_bottomLeft,
#P-about #deliciousHeading .ft_bottomLeft{
	background-image:url('/images/fauxTrans/090430-fauxTrans-middleLeftSpread.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	}
#P-about #twitterHeading .ft_bottomCenter,
#P-about #deliciousHeading .ft_bottomCenter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_bottom.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	}
#P-about #twitterHeading .ft_bottomRight,
#P-about #deliciousHeading .ft_bottomRight{
	background-image:url('/images/about/090723-fauxTrans_hole-innerTopRight-10x5.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	}
	
#P-about #twitterFooter .ft_topLeft,
#P-about #deliciousFooter .ft_topLeft{
	background-image:url('/images/fauxTrans/090430-fauxTrans-middleLeftSpread.png');
	background-repeat:repeat-y;
	background-position:top left;
	}
#P-about #twitterFooter .ft_topCenter,
#P-about #deliciousFooter .ft_topCenter{
	background-image:url('/images/fauxTrans/090430-fauxTrans_top.png');
	background-repeat:repeat-x;
	background-position:-10px 0;
	}
#P-about #twitterFooter .ft_topRight,
#P-about #deliciousFooter .ft_topRight{
	background-image:url('/images/fauxTrans/090430-fauxTrans_right.png');
	background-repeat:repeat-y;
	background-position:top right;
	}

#P-about #twitter_update_list,
#P-about #delicious-list{
	background-image:url('/images/about/090722-fauxTrans-240sidesOnly10.png');
	background-repeat:repeat-y;
	background-position:0 0;
	}

/* fauxTrans with 3px fade border */
.thinFt.fauxTransOuter{
	background-image:url('/images/fauxTrans/090727-fauxTrans-3px_right.png');
	background-repeat:repeat-y;
	background-position:right;
	}
.thinFt .fauxTransInner{
	background-image:url('/images/fauxTrans/090727-fauxTrans-3px_midLeftSpread.png');
	background-repeat:repeat-y;
	background-position:left;
	}
.thinFt .ft_topCenter{
	background-image:url('/images/fauxTrans/090727-fauxTrans-3px_top.png');
	background-repeat:repeat-x;
	}
.thinFt .ft_bottomCenter{
	background-image:url('/images/fauxTrans/090727-fauxTrans-3px_bottom.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	}
	
.thinFt .ft_topLeft{background-image:url('/images/fauxTrans/090727-fauxTrans-3px_topLeft.png');}
.thinFt .ft_topRight{background-image:url('/images/fauxTrans/090727-fauxTrans-3px_topRight.png');}
.thinFt .ft_bottomLeft{background-image:url('/images/fauxTrans/090727-fauxTrans-3px_bottomLeft.png');}
.thinFt .ft_bottomRight{background-image:url('/images/fauxTrans/090727-fauxTrans-3px_bottomRight.png');}


/* heading words backgrounds */
#P-about .fauxTransInner h3{
	background-image:url('/images/about/words/090723-about_words.png');
	background-repeat:no-repeat;
	background-position:0px -380px;/* make it blank so there won't be an accidental heading */
	}
	
	
#P-about #about_ivan .fauxTransInner h3{background-position:0px 0px;}
#P-about #about_design h3{background-position:0px -20px;}
#P-about #about_programming h3{background-position:0px -40px;}
#P-about #about_otherstuff h3{background-position:0px -60px;}
#P-about #about_site h3{background-position:0px -80px;}
#P-about #twitter h3{background-position:0px -100px;}
#P-about #delicious h3{background-position:0px -120px;}
#P-about #contact h3{background-position:0px -180px;}
#P-about #message h3{background-position:0px -280px;}
#P-about #morePuzzle h3{background-position:0px -300px;}
#P-about.morePuzzle #about_environment h3{background-position:0px -320px;}
#P-about.morePuzzle #about_mathSci h3{background-position:0px -340px;}
#P-about.morePuzzle #about_olympics h3{background-position:0px -360px;}
#P-about.morePuzzle #about_languages h3{background-position:0px -380px;}

/* background repeat */
body#P-about{background-repeat:repeat;}

body#P-home,
.ft_topLeft,
.ft_topRight,
.ft_bottomLeft,
.ft_bottomRight,
#nav,
#nav-list,
body#P-home * #screen,
#feedback,
#copy,
#P-about .fauxTransInner h3,
#P-about .twitterFtTop,
#P-about .twitterFtBot{background-repeat:no-repeat;}
	
/* fauxTrans */
.ft_topCenter,
.ft_bottomCenter{background-repeat:repeat-x;}

.fauxTransOuter,
.fauxTransInner,
#P-about * #twitter_update_list li,
#P-about .delicious-post{background-repeat:repeat-y;}

	
	
/* colors */
body#P-home,
body#P-home ul#nav-list li#nav-home * img,
#feedback,
#feedback h3,
.formQ,
#formCommentQ,
input.formButton,
#P-about #message input[type="submit"],
#P-about #message input[type="reset"],
#P-about #morePuzzle input[type="submit"],
#P-about #morePuzzle input[type="reset"],
a:link{color:#1a1a1a;}

a:visited{color:#444444;}
a:hover{color:#fff;}
a:active{color:yellow;}
#screen p{color:#ccc;}



/* text-decoration */
body#P-home ul#nav-list li#nav-home * img{text-decoration:none;}

a:link,
a:visited,
a:hover,
a:active,
#P-about .unlocked{text-decoration:underline;}

#P-about #twitter_update_list li span a,
#P-about #twitter_update_list li>a>img{text-decoration:none;}

/* text-align */
#nav-list,
#nav-list li{text-align:right;}

/* FONT-SIZE, LINE-HEIGHT */
#feedback input.formText,
input.formButton{font-size:x-small;}
#screen p{font-size:9px;}
body#P-home,
h1,
h2,
#copy p,
ol,
#P-about #portraitCaption,
#P-about #message input[type="submit"],
#P-about #message input[type="reset"],
#P-about #morePuzzle input[type="submit"],
#P-about #morePuzzle input[type="reset"]{font-size:10px;}

body#P-about,
#feedback textarea,
#content h3,
#P-about #message input[type="text"],
#P-about #message textarea,
#P-about #morePuzzle input[type="text"],
#P-about #morePuzzle textarea{font-size:11px;}

#feedback h3,
#copy h3,
#P-about #contact_email{font-size:12px;}

/* line-height */
h1,h2{line-height:14px;}

/* text-variant */
#P-about .aboutHeading{text-transform:uppercase;}

*,
ol,
h2,
a:link,
a:visited,
a:hover,
a:active,
#feedback h3,
#feedback input.formText,
#feedbackIntro,
.formQ,
.formA,
#formCommentQ,
#copy h3,
#copy p{line-height:20px;}


/* MARGINS AND PADDINGS */
.box{
	padding:0 10px 10px 10px;
	margin:10px 0 0 10px;
	}
#nav{margin:10px 0 0 10px;}
#nav-list{
	padding-top:5px;
	margin-left:2px;
	margin-top:0px;
	margin-bottom:0px;
	}
#nav-list li{
	margin-top:0px;
	margin-bottom:0px;
	}
img.navSpacer{
	margin:0;
	padding:0;
	}
body#P-home * #screen{
	padding:0;
	margin:10px 0 10px 10px;
	}
body#P-home * #screenItem{margin:13px;}
body#P-home * #screenStandin{margin:4px 4px 4px 4px;}
#screen p{margin:-4px 5px 0 5px;}
#feedback{
	padding:5px 10px 10px 10px;
	margin:0 0 0 -740px;
	}
#feedback h3{
	padding:0 0 0 0;
	margin-bottom:0px;
	}
#feedbackIntro{margin-bottom:10px;}
#feedback input.formText{
	padding:1px 3px 0 3px;
	}
#P-about #message input[type="text"],
#P-about #morePuzzle input[type="text"]{
	padding:2px 3px 0 3px;
	}
#feedback textarea{padding:3px;}
.formA{margin-bottom:10px;}
#formCommentQ{
	margin-bottom:0px;
	margin-top:4px;
	}
	
#recaptcha_widget_div{padding-bottom:7px;}
input.formButton{
	margin:10px 10px 0 0;
	padding:0 .5em;
	}
#P-about #message input[type="submit"],
#P-about #message input[type="reset"],
#P-about #morePuzzle input[type="submit"],
#P-about #morePuzzle input[type="reset"]{
	padding:0px .5em 5px .5em;
	}
#copy{
	margin-left:260px;
	margin-top:0px;
	padding:5px 10px 0 10px;
	}
.progress{
	padding:0 0 10px 0;
	margin-bottom:8px;}
#copy h3{
	margin-bottom:0px;
	padding:0 0 0 0;
	}
#copy p{margin-bottom:10px;}
ol{margin:0 0 10px 20px;}

#P-about #content p{margin:0 0 20px 0;}
#P-about #content{margin:15px 0 0 0px;}


#P-about .contentCols{margin-left:10px;}

#P-about .contentCols>.fauxTransOuter{margin:0 0 30px 0px;padding-right:10px;}
#P-about .contentCols>.fauxTransOuter>.fauxTransInner{padding:5px 0 5px 10px;}

#P-about #message{margin-bottom:25px;}

#P-about #contact_heading{margin: 0 0 20px 0;}
#P-about #contact_message-switch{margin:0 0 0 0;}

#P-about #contact{margin:0 0 20px 0px;padding:0 10px 0 0;}
#P-about #portrait{margin:5px 0 0 0px;padding:0 10px 0 0;}
#P-about #twitter{margin-top:30px;}
#P-about #twitterHeading{margin:0 0 0 0px;padding:0 10px 0 0;}
#P-about #twitterFooter{margin:5px 0 30px 0px;padding:0 10px 0 0;}

#P-about #about_otherstuff{margin:30px 0 0px 0;}
#P-about #twitterHeading .fauxTransInner,
#P-about #twitterFooter .fauxTransInner,
#P-about #twitter_update_list li .fauxTransInner,
#P-about .delicious-post .fauxTransInner,
#P-about #deliciousFooter .fauxTransInner{padding:5px 0 5px 10px;}
#P-about #portrait .fauxTransInner{padding:0 0 7px 10px;}
#P-about #deliciousHeading .fauxTransInner{padding:5px 0 0 10px;}

#P-about #twitterHeading .fauxTransInner,
#P-about #deliciousHeading .fauxTransInner p{padding-bottom:0px;}
#P-about #twitterFooter .fauxTransInner,
#P-about #deliciousFooter .fauxTransInner{padding-top:0px;}

#P-about #portrait img{margin-bottom:0px;}


#P-about #twitter_update_list{margin:5px 0 0 0;padding-top:15px;}
#P-about #twitter_update_list li{margin:0px 0 20px 20px;}
#P-about #twitter_update_list li div>span{margin:0 0 0 0;}
#P-about #twitter_update_list li div>a{padding:0 0 0 0;}

#P-about #delicious{margin:0 0 0 0px;}
#P-about #delicious-list{margin-top:5px; padding:15px 0 5px 0;}
#P-about #deliciousFooter{margin-top:5px;}
#P-about .delicious-post{margin: 0 0 20px 20px;}

#P-about #twitterHeading p,
#P-about #twitterFooter p,
#P-about #deliciousHeading p,
#P-about #deliciousFooter p{margin-bottom:0;}

/* 3px fade border fauxTrans */
#P-about #contact .fauxTransInner,
#P-about #morePuzzle .fauxTransInner{padding:0px 5px 10px 10px;}
#P-about #message .fauxTransInner{padding:10px 5px 10px 10px;}
#P-about #about_otherstuff .fauxTransInner{padding:0px 5px 5px 10px;}
#P-about #twitter_update_list li .fauxTransInner,
#P-about .delicious-post .fauxTransInner{padding:0px 5px 0px 10px;}
/* end 3px fade border fauxTrans */

#P-about #morePuzzle{margin-bottom:25px;}
#P-about #otherStuffLinksList{margin-left:15px;}

			
/* BORDERS */
#nav,
img.navSpacer,
#feedback,
#P-about #twitter_update_list li>a>img{border:0}
#feedback input.formText,
#P-about #message input[type="text"],
#P-about #morePuzzle input[type="text"]{
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:1px solid #1a1a1a;
	}
#feedback textarea,
#P-about #message textarea,
#P-about #morePuzzle textarea{border:1px solid #1a1a1a;}
input.formButton{border:1px outset #1a1a1a;}
#P-about #message input[type="submit"],
#P-about #message input[type="reset"],
#P-about #morePuzzle input[type="submit"],
#P-about #morePuzzle input[type="reset"]{border:1px solid #1a1a1a;}

.progress{border-bottom:2px solid #1a1a1a;}

#P-about #recaptcha_table.jq,
#P-about #recaptcha_table.jq tbody{border:0 !important;}



/* WIDTHS AND HEIGHT */
body#P-home{width:750px;}
body#P-about{width:1010px;}

body#P-home * #all,
body#P-about * #all{width:885px;}

#nav{width:240px;height:140px;}
#nav-list{width:240px;height:140px;}
#nav-list li{width:230px;height:20px;}
#nav-list li h2{height:20px;}
#nav-list li h2 a{height:20px;}
img.navSpacer{width:230px;height:20px;}
body#P-home * #screen{width:490px;height:287px;}
body#P-home * #screenStandin{width:585px;height:330px;}
#feedback{width:220px;}
#feedback input.formText,
#P-about #message input[type="text"]{width:200px;height:16px;}
#P-about #morePuzzle input[type="text"]{width:50px;height:16px;}
#feedback textarea{width:200px;height:33px;}
#P-about #message textarea,
#P-about #morePuzzle textarea{width:315px;}
.formQ{width:200px;height:15px;}
.formA{width:168px;height:15px;}
#formCommentQ{width:220px;height:16px;}
#formCommentA{width:220px;}
input.formButton{height:18px;}
#P-about #message input[type="submit"],
#P-about #message input[type="reset"],
#P-about #morePuzzle input[type="submit"],
#P-about #morePuzzle input[type="reset"]{height:20px;}

#P-about #recaptcha_table.jq{width:345px !important;height:140px !important;}
#P-about #recaptcha_table.jq .recaptcha_input_area{height:20px !important;}

#copy{
	width:470px;
	height:285px;
	}
.ft_topLeft,
.ft_topRight,
.ft_middleLeft,
.ft_middleRight,
.ft_bottomLeft,
.ft_bottomRight{width:10px;}
.ft_top,
.ft_top div,
.ft_bottom,
.ft_bottom div{height:10px;}


#P-about #content{width:750px;}
#P-about #contentLeft{width:490px;}
#P-about #contentRight{width:240px;}

#P-about .fauxTransInner h3{height:20px;}
#P-about #contact h3{width:115px;}

#P-about #contact,
#P-about #message,
#P-about #morePuzzle,
#P-about #about_ivan,
#P-about #about_design,
#P-about #about_programming,
#P-about #about_environment,
#P-about #about_mathSci,
#P-about #about_olympics,
#P-about #about_languages,
#P-about #about_site{width:480px;}
#P-about #about_ivan .ft_topCenter,
#P-about #about_ivan .fauxTransInner,
#P-about #about_ivan .ft_bottomCenter,
#P-about #about_design .ft_topCenter,
#P-about #about_design .fauxTransInner,
#P-about #about_design .ft_bottomCenter,
#P-about #about_programming .ft_topCenter,
#P-about #about_programming .fauxTransInner,
#P-about #about_programming .ft_bottomCenter,
#P-about #about_environment .ft_topCenter,
#P-about #about_environment .fauxTransInner,
#P-about #about_environment .ft_bottomCenter,
#P-about #about_mathSci .ft_topCenter,
#P-about #about_mathSci .fauxTransInner,
#P-about #about_mathSci .ft_bottomCenter,
#P-about #about_olympics .ft_topCenter,
#P-about #about_olympics .fauxTransInner,
#P-about #about_olympics .ft_bottomCenter,
#P-about #about_languages .ft_topCenter,
#P-about #about_languages .fauxTransInner,
#P-about #about_languages .ft_bottomCenter,
#P-about #about_site .ft_topCenter,
#P-about #about_site .fauxTransInner,
#P-about #about_site .ft_bottomCenter,
#P-about #contact .fauxTransInner,
#P-about #message .fauxTransInner,
#P-about #morePuzzle .fauxTransInner{width:470px;}
#P-about #about_ivan .ft_top,
#P-about #about_ivan .ft_bottom,
#P-about #about_design .ft_top,
#P-about #about_design .ft_bottom,
#P-about #about_programming .ft_top,
#P-about #about_programming .ft_bottom,
#P-about #about_environment .ft_top,
#P-about #about_environment .ft_bottom,
#P-about #about_mathSci .ft_top,
#P-about #about_mathSci .ft_bottom,
#P-about #about_olympics .ft_top,
#P-about #about_olympics .ft_bottom,
#P-about #about_languages .ft_top,
#P-about #about_languages .ft_bottom,
#P-about #about_site .ft_top,
#P-about #about_site .ft_bottom,
#P-about #contact .ft_top,
#P-about #contact .ft_bottom,
#P-about #message .ft_top,
#P-about #message .ft_bottom,
#P-about #morePuzzle .ft_top,
#P-about #morePuzzle .ft_bottom{width:490px;}

#P-about #portrait{width:230px;}
#P-about #portrait .ft_topCenter,
#P-about #portrait .fauxTransInner,
#P-about #portrait .ft_bottomCenter{width:220px;}
#P-about #portrait .ft_top,
#P-about #portrait .ft_bottom{width:240px;}


#P-about #about_otherstuff,
#P-about #twitterHeading,
#P-about #twitterFooter{width:230px;}
#P-about #about_otherstuff .ft_topCenter,
#P-about #about_otherstuff .ft_bottomCenter,
#P-about #twitterHeading .ft_topCenter,
#P-about #twitterHeading .fauxTransInner,
#P-about #twitterHeading .ft_bottomCenter,
#P-about #twitterFooter .ft_topCenter,
#P-about #twitterFooter .fauxTransInner,
#P-about #twitterFooter .ft_bottomCenter,
/*#P-about #twitter_update_list li,*/
#P-about #deliciousHeading .ft_topCenter,
#P-about #deliciousHeading .fauxTransInner,
#P-about #deliciousHeading .ft_bottomCenter,
#P-about #deliciousFooter .ft_topCenter,
#P-about #deliciousFooter .fauxTransInner,
#P-about #deliciousFooter .ft_bottomCenter{width:220px;}
#P-about #about_otherstuff .ft_top,
#P-about #about_otherstuff .ft_bottom,
#P-about #twitterHeading .ft_top,
#P-about #twitterHeading .ft_bottom,
#P-about #twitterFooter .ft_top,
#P-about #twitterFooter .ft_bottom,
#P-about #twitter_update_list,
#P-about #twitter_update_list .ft_top,
#P-about #twitter_update_list .ft_bottom,
#P-about #deliciousHeading .ft_top,
#P-about #deliciousHeading .ft_bottom,
#P-about #deliciousFooter .ft_top,
#P-about #deliciousFooter .ft_bottom,
#P-about #delicious,
#P-about #delicious-list,
#P-about #deliciousFooter{width:240px;}

#P-about #about_otherstuff .fauxTransInner{width:215px;}

#P-about #twitter_update_list .ft_topCenter,
#P-about #twitter_update_list .fauxTransInner,
#P-about #twitter_update_list .ft_bottomCenter,
#P-about .delicious-post .ft_topCenter,
#P-about .delicious-post .fauxTransInner,
#P-about .delicious-post .ft_bottomCenter{width:180px;}
#P-about #twitter_update_list li,
#P-about #twitter_update_list .ft_top,
#P-about #twitter_update_list .ft_bottom,
#P-about .delicious-post .ft_top,
#P-about .delicious-post .ft_bottom{width:200px;}
#P-about #twitter_update_list{width:240px;}

#P-about .delicious-post{width:200px;}

/* 3px fade border fauxTrans */
.thinFt .ft_topLeft,
.thinFt .ft_topRight,
.thinFt .ft_middleLeft,
.thinFt .ft_middleRight,
.thinFt .ft_bottomLeft,
.thinFt .ft_bottomRight{width:5px;}
.thinFt .ft_top,
.thinFt .ft_top div,
.thinFt .ft_bottom,
.thinFt .ft_bottom div,
#twitterHeading .ft_bottom,
#twitterHeading .ft_bottom div,
#twitterFooter .ft_top,
#twitterFooter .ft_top div,
#deliciousHeading .ft_bottom,
#deliciousHeading .ft_bottom div,
#deliciousFooter .ft_top,
#deliciousFooter .ft_top div{height:5px;}

#P-about #contact .ft_topCenter,
#P-about #contact .ft_bottomCenter,
#P-about #message .ft_topCenter,
#P-about #message .ft_bottomCenter,
#P-about #morePuzzle .ft_topCenter,
#P-about #morePuzzle .ft_bottomCenter{width:480px;}

#P-about #twitter_update_list .ft_topCenter,
#P-about #twitter_update_list .ft_bottomCenter,
#P-about .delicious-post .ft_topCenter,
#P-about .delicious-post .ft_bottomCenter{width:190px;}
/* end 3px fade border fauxTrans */

	

/* FLOATS */
#nav,
h1,
#nav-list,
body#P-home * #screen,
#copy,
#feedback,
input.formButton,
#P-about #content,
#P-about .contentCols,
#P-about .contentCols>.fauxTransOuter,
#P-about #mainContent,
#P-about #twitter,
#P-about #twitterHeading,
#P-about #twitter_update_list,
#P-about #twitterFooter,
#P-about #delicious,
#P-about #deliciousFooter,
#P-about #contact_heading{float:left;}

#P-about #recaptcha_table.jq td{float:left;}


#P-about #portrait{float:right;}

#formCommentQ,
#formCommentA,
#P-about #contact p{clear:left;}
	
	

/* POSITIONING AND Z-INDEX */
#P-about #content,
#P-about #content .contentCols>.fauxTransOuter,
#P-about .contentCols,
#P-about #headerImg,
#P-about #contact,
#P-about #mainContent,
#P-about #portrait,
#P-about #twitter,
#P-about #twitterHeading,
#P-about #twitter_update_list li,
#P-about #tweets,
#P-about #twitter_update_list img.twitterIcon,
#P-about #twitterFooter,
#P-about #delicious,
#P-about #deliciousHeading,
#P-about #deliciousFooter,
#P-about .delicious-post{position:relative;}

#P-about #recaptcha_table.jq,
#P-about #recaptcha_table.jq tbody{position:relative !important;}

.ft_top,
.ft_topLeft,
.ft_topCenter,
.ft_topRight,
.ft_middleLeft,
.ft_middleRight,
.ft_bottom,
.ft_bottomLeft,
.ft_bottomCenter,
.ft_bottomRight,
#P-about .twitterFt{position:absolute;}

#P-about #recaptcha_table.jq tr,
#P-about #recaptcha_table.jq td{position:absolute !important;}



/* positioning */

.ft_top{top:-10px;}
.ft_top div,
.ft_middleLeft,
.ft_middleRight,
.ft_bottom div{top:0px;}
.ft_bottom{bottom:-10px;}

.ft_top,
.ft_bottom,
.ft_topLeft,
.ft_middleLeft,
.ft_bottomLeft,
.twitterFt{left:0px;}

.ft_topCenter,
.ft_bottomCenter{left:10px;}

.ft_topRight,
.ft_middleRight,
.ft_bottomRight{right:0px;}

/* fauxTrans with 3px fade border */
.thinFt .ft_top,
#twitterFooter .ft_top,
#deliciousFooter .ft_top{top:-5px;}
.thinFt .ft_top div,
.thinFt .ft_middleLeft,
.thinFt .ft_middleRight,
.thinFt .ft_bottom,
#twitterHeading .ft_bottom,
#deliciousHeading .ft_bottom{bottom:-5px;}

.thinFt .ft_topCenter,
.thinFt .ft_bottomCenter{left:5px;}

/* OTHER STUFF */
body#P-home ul#nav-list li#nav-home * img{cursor:default;}

.noStyles{display:none;}


#nav-list li h2 a,
#P-about #contact_heading,
#P-about #twitter_update_list li div>a{display:inline-block;}

#P-about #twitter_update_list li div>span{display:block;}

#nav-list li h2 a img,
#P-about #twitter_update_list li span a,
#P-about #twitter_update_list li a{vertical-align:top;}

#P-about #message input[type="text"],
#P-about #morePuzzle input[type="text"]{vertical-align:baseline;}

#feedback{overflow:visible;}
#copy{overflow:auto;}

ol{
	list-style-position:outside;
	list-style-type:decimal;
	}

#P-about #otherStuffLinksList li{
	list-style-position:outside;
	list-style-type:disc;
	}