/*
Theme Name: Ivan W Lam Experiments Transparency
Theme URI: http://wordpress.org/
Description: Experiments Blog theme for Ivan W. Lam's site.
Version: 1.0
Author: Ivan W. Lam
Author URI: http://ivanwlam.com/
Tags: ivanwlam, transparency,three columns, fixed width

	IvanWLam v1.0
	 http://ivanwlam.com/

	This theme was designed and built by Ivan W. Lam,
	whose experiments blog you will find at http://ivanwlam.com/experiments

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


@charset "utf-8";

/*temporary styles */

#grid{
	display:none; /**/
	}
	
/* Preset */
acronym, abbr{cursor:help;}
hr{display:none;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* TYPOGRAPHY & COLORS */

/* Font Family */
* {font-family:Arial, Helvetica, sans-serif;}

.page_type *{font-family:Georgia, "Times New Roman", Times, serif;}
/*.page_type div#nav:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
.page_type div#px_nav:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
.page_type div#px_search:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
.page_type div#px_feed:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
.page_type div#px_admin:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
.page_type div.page:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
.page_type div.post_panel_entry:hover *{font-family:Verdana, Arial, Helvetica, sans-serif;}
*/
code,
code *{font-family:"Courier New", Courier, monospace;}

/* Type properties */

/* font-weight */
* {font-weight:normal;}

a,
strong,
.px_meta_title,
.pagetitleContainer h2,
.post_date,
.post h2,
.post h4,
.postmetadata_title,
.post_comments_number,
.post_edit *,
#commentSection h3,
#commentSection .fn,
#message h2,
#redirect span#redirectFrom,
.search_none h2,
#page_form_refresh,
#posts_nav div,
.codeSection h2,
#progExSection h2,
.codeSection h4{font-weight:bold;}

cite.fn{font-style:normal;}

/* text-transform */
.post h2,
.post h2 a,
.codeSection h2,
#progExSection h2{text-transform:none;}

.px_meta_title,
.pagetitleOuter h2.pagetitle,
.post_date,
.postmetadata_title,
.post_comments,
.post_edit,
#commentSection h3,
#page_form_refresh{text-transform:uppercase;}

/* letter-spacing */

.post h2,
.post h2 a,
.codeSection h2,
#progExSection h2{letter-spacing:0;}
	
.post .entry{letter-spacing:.015em;}

.pagetitle,
.post_date,
.postmetadata_title,
.post_comments,
.post_edit,
#commentSection h3,
#message h2,
.search_none h2,
#page_form_refresh{letter-spacing:.1em;}

/* text-decoration */
a,
a:link,
a:visited,
a:hover,
a:active{text-decoration:underline;}

#px_meta_login a,
.post h2,
.post h2 a,
.navigation_older a,
.navigation_newer a{text-decoration:none;}

.post_comments a:link,
.post_comments a:visited,
.post_comments a:hover,
.post_comments a:active,
.post_edit a:link,
.post_edit a:visited,
.post_edit a:hover,
.post_edit a:active{text-decoration:none;}

/* Text-align */
*{text-align:left;}

#nextPost,
.navigation_older a,
#commentSection .navigation_next{text-align:right;}

/* Font color and background colors */

*{background-repeat:no-repeat;}
#grid{background-repeat:repeat;}

body{
	background-image:url("images/090603-080214-13-windowTrans.jpg"); /**/
	background-color:#9eddff; /**/
	background-position:0 0px;
	background-repeat:repeat;
/**/

/*  grid */
/*	background-image:url('/images/081117-125x20grid.png');
	background-color:#c3eaff;
 	background-position:10px -5px; 
	background-repeat:repeat; /**/
	}

.page_form{
	background-image:url("images/090519-070703-wood.jpg");
	background-color:#58563d; /**/
	background-position:0 0px;
	background-repeat:repeat;
	}
.page_graphic{
	background-image:url("images/090528-collabGB.jpg");
	background-color:#eee2d3; /**/
	background-position:0 0;
	background-repeat:repeat;
	}
	
.page_photo{
	background-image:url("images/090518-070701-putah.jpg"); /**/
	background-color:#9eddff; /**/
	background-position:-600px -150px;
	background-repeat:repeat;
	/* background-position:-4850px -150px; /**/
	}
.page_programming{
	background-image:url("images/090608-070205-4-exposure.jpg");
	background-color:#c69452; /**/
	background-position:0px 0px;
	background-repeat:repeat;
	}
.page_puzzle{
	background-image:url("images/090521-puzzle-bg.png");
	background-color:#e6e6e6; /**/
	background-position:-730px -20px;
	background-repeat:repeat;
	}
.page_type{
	background-image:url("images/090519-070121-pear.jpg");
	background-color:#cfad2b; /**/
	background-position:0 -300px;
	background-repeat:repeat;
	}
	
@media handheld{
	body#P-experiment{background-image:none;}	
}

/* words */
#px_feed h3,
.post_catLinks,
#redirect h2,
.post_tags_title,
.post_cat_title,
.post_comments>a>span.post_comments_span{background-image:url('images/090514-px_words.png');}


.page_type .post_catLinks,
.page_type #px_feed h3{background-image:url('images/090520-px_words-century.png');}

/* words position */
#px_navList>li>a[title="Form"] span.px_navListItem,
.post_catLink-form{background-position:-3px -122px;}
#px_navList>li>a[title="Graphic"] span.px_navListItem,
.post_catLink-graphic{background-position:-3px -162px;}
#px_navList>li>a[title="Programming"] span.px_navListItem,
.post_catLink-programming{background-position:-3px -42px;}
#px_navList>li>a[title="Logo"] span.px_navListItem,
.post_catLink-logo{background-position:-3px -62px;}
#px_navList>li>a[title="Photo"] span.px_navListItem,
.post_catLink-photo{background-position:-3px -22px;}
#px_navList>li>a[title="Puzzle"] span.px_navListItem,
.post_catLink-puzzle{background-position:-3px -142px;}
#px_navList>li>a[title="Type"] span.px_navListItem,
.post_catLink-type{background-position:-3px -82px;}
#px_navList>li>a[title="Web"] span.px_navListItem,
.post_catLink-web{background-position:-3px -102px;}
#px_feed h3{background-position:-385px 0;}

.post_tags_title{background-position:-750px -60px;}
.post_category_one .post_cat_title{background-position:-450px -60px;}
.post_categories_plural .post_cat_title{background-position:-600px -60px;}
.comments_none{background-position:-900px -30px;}
.post_comments a:hover .comments_none{background-position:-900px 0;}
.comments_one{background-position:-1050px -30px;}
.post_comments a:hover .comments_one{background-position:-1050px 0;}
.comments_plural{background-position:-1200px -30px;}
.post_comments a:hover .comments_plural{background-position:-1200px 0;}
#redirect h2{background-position:-1650px -60px;}

/* words black position */
.page_photo #px_navList>li>a span.px_navListItem{background-position:1000px 1000px;}

#px_navList>li:hover>a[title="Form"] span.px_navListItem,
.post_panel_category:hover .post_catLink-form,
.page_page .post_panel_category .post_catLink-form,
.page_single .post_panel_category .post_catLink-form{background-position:-253px -122px;}

#px_navList>li:hover>a[title="Graphic"] span.px_navListItem,
.post_panel_category:hover .post_catLink-graphic,
.page_page .post_panel_category .post_catLink-graphic,
.page_single .post_panel_category .post_catLink-graphic{background-position:-253px -162px;}

#px_navList>li:hover>a[title="Programming"] span.px_navListItem,
.post_panel_category:hover .post_catLink-programming,
.page_page .post_panel_category .post_catLink-programming,
.page_single .post_panel_category .post_catLink-programming{background-position:-253px -42px;}

#px_navList>li:hover>a[title="Logo"] span.px_navListItem,
.post_panel_category:hover .post_catLink-logo,
.page_page .post_panel_category .post_catLink-logo,
.page_single .post_panel_category .post_catLink-logo{background-position:-253px -62px;}

#px_navList>li:hover>a[title="Photo"] span.px_navListItem,
.post_panel_category:hover .post_catLink-photo,
.page_page .post_panel_category .post_catLink-photo,
.page_single .post_panel_category .post_catLink-photo{background-position:-253px -22px;}

#px_navList>li:hover>a[title="Puzzle"] span.px_navListItem,
.post_panel_category:hover .post_catLink-puzzle,
.page_page .post_panel_category .post_catLink-puzzle,
.page_single .post_panel_category .post_catLink-puzzle{background-position:-253px -142px;}

#px_navList>li:hover>a[title="Type"] span.px_navListItem,
.post_panel_category:hover .post_catLink-type,
.page_page .post_panel_category .post_catLink-type,
.page_single .post_panel_category .post_catLink-type{background-position:-253px -82px;}

#px_navList>li:hover>a[title="Web"] span.px_navListItem,
.post_panel_category:hover .post_catLink-web,
.page_page .post_panel_category .post_catLink-web,
.page_single .post_panel_category .post_catLink-web{background-position:-253px -102px;}


/* fauxTrans */
.ft_topLeft{background-image:url('/images/fauxTrans/090430-fauxTrans_topLeft.png');}
.ft_topRight{background-image:url('/images/fauxTrans/090430-fauxTrans_topRight.png');}
.ft_bottomLeft{background-image:url('/images/fauxTrans/090430-fauxTrans_bottomLeft.png');}
.ft_bottomRight{background-image:url('/images/fauxTrans/090430-fauxTrans_bottomRight.png');}
.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;
	}
.navigation_newer a{background-position:right top;}

/* header: nav: page_photo */

.page_photo #px_header{
	background-image:url('/images/spacer.gif');
	background-repeat:repeat;
	}
.page_photo #nav-list{background-image:url('http://ivanwlam.com/images/080329-fauxTransIvanwlam.png');}
.page_photo #nav-list:hover{background-image:url('http://ivanwlam.com/images/090614-fauxTransIvanwlamCombined.png');}

body.page_photo #nav #nav-list li,
body.page_photo #nav #nav-list li:hover{
	background-position:1000px 1000px;
	}

/* this group is only for non-JS */
.page_photo #nav #nav-list li#nav-experiments{background-position:1000px 1000px;}

.page_photo #nav #nav-list li#nav-home:hover,
.page_photo #nav #nav-list li#nav-portfolio:hover,
.page_photo #nav #nav-list li#nav-blog:hover,
.page_photo #nav #nav-list li#nav-experiments:hover,
.page_photo #nav #nav-list li#nav-about:hover,
.page_photo #nav #nav-list li#nav-archives:hover{background-position:0px -150px;}
	
/* header: nav: page_type */

.page_type #nav-list			{background-image:url('images/090614-fauxTransIvanwlam-Combined-century.png');}
.page_type li#nav-home			{background-image:url('images/page_type-navHome.png');}
.page_type li#nav-portfolio		{background-image:url('images/page_type-navPortfolio.png');}
.page_type li#nav-blog			{background-image:url('images/page_type-navBlog.png');}
.page_type li#nav-experiments	{background-image:url('images/page_type-navExperiments.png');}
.page_type li#nav-about			{background-image:url('images/page_type-navAbout.png');}
.page_type li#nav-archives		{background-image:url('images/page_type-navArchives.png');}
	

/* header */
#px_sl_h{background-image:url('images/090514-px_sl_h.png');}
#px_sl_v{background-image:url('images/090514-px_sl_v.png');}
.page_type #px_sl_h{background-image:url('images/090520-px_sl_type_h.png');}
.page_type #px_sl_v{background-image:url('images/090520-px_sl_type_v.png');}
.page_programming #px_sl_h{background-image:url('images/090608-px_sl_code_h.png');}
.page_programming #px_sl_v{background-image:url('images/090608-px_sl_code_v.png');}

#px_nav,
#px_feed{background-image:url('images/090514-px_header-240x30.png');}
#px_nav_arrow{background-image:url('images/090514-px_down_arrow.png');}
#px_navList>li:first-child{background-image:url('images/090521-px_nav_exper-darker.png');}
/* 1. when not hovered, show the /experiments in the first li. */
.page_photo #px_navList>li:first-child{background-image:url('images/090514-px_nav_experStripBlank-normal.png');}
.page_photo #px_navList>li:first-child,
.page_form #px_navList>li:first-child{background-image:url('images/090514-px_nav_exper-normal.png');}
.page_type #px_navList>li:first-child{background-image:url('images/090520-px_nav_exper-darker-century.png');}
.page_puzzle #px_navList>li:first-child,
.page_graphic #px_navList>li:first-child{background-image:url('images/090521-px_nav_exper-darker.png');}
/* 2. when the ul is hovered, make the first li no bg */
#px_navList:hover>li:first-child,
.page_photo #px_navList:hover>li:first-child,
.page_form #px_navList:hover>li:first-child,
.page_puzzle #px_navList:hover>li:first-child,
.page_type #px_navList:hover>li:first-child,
.page_graphic #px_navList:hover>li:first-child{background-image:none;}
/* 3. then add back the /experiments bg in the hovered li */
#px_navList:hover>li:hover{background-image:url('images/090521-px_nav_exper-darker.png');}
.page_photo #px_navList:hover>li:hover,
.page_form #px_navList:hover>li:hover{background-image:url('images/090514-px_nav_exper-normal.png');}
.page_type #px_navList:hover>li:hover{background-image:url('images/090520-px_nav_exper-darker-century.png');}
.page_puzzle #px_navList:hover>li:hover,
.page_graphic #px_navList:hover>li:hover{background-image:url('images/090521-px_nav_exper-darker.png');}

/* make page_photo px_navList "/experiments" not visible when not hovered, then visible when is*/
.page_photo #px_navList>li{background-position:1000px 1000px;}
.page_photo #px_navList>li:hover{background-position:0 0;}

#px_navList>li>a{background-image:url('images/090608-fauxTrans-126x18.png');}
#px_navList:hover>li>a{background-image:url('images/090608-fauxTrans-126x18-darker.png');}
.page_photo #px_navList:hover>li>a,
.page_form #px_navList:hover>li>a{background-image:url('images/090608-fauxTrans-126x18.png');}
.page_type #px_navList:hover>li>a,
.page_puzzle #px_navList:hover>li>a,
.page_programming #px_navList:hover>li>a,
.page_graphic #px_navList:hover>li>a{background-image:url('images/090608-fauxTrans-126x18-darker.png');}
#px_navList>li>a>span.px_navListItem{background-image:url('images/090514-px_words.png');}
.page_type #px_navList>li>a>span.px_navListItem{background-image:url('images/090520-px_words-century.png');}

#px_search{background-image:url('/images/fauxTrans/090429-fauxTrans-30Height_left.png');}
#px_search-bgRight{background-image:url('/images/fauxTrans/090429-fauxTrans-30Height_right.png');}
#s{background-color:transparent;}
#px_search_submit_bg{background-image:url('images/090501-flush09-fauxTrans-search.png');}
#px_search_submit,
#px_search_image{
	background-image:url('images/090429-flushSearch-text.png');
	background-color:transparent;
	}
.page_photo #px_search:hover #px_search_image{background-position:1000px 1000px;} /* hide bg image when hovered the search box but not submit button */
.page_type #px_search_submit,
.page_type #px_search_image{background-image:url('images/090520-search-text-century.png');}
#px_search_submit:hover,
#px_search_image:hover,
.page_photo #px_search #px_search_image:hover{background-position:0px -50px;}

#px_admin{background-image:url('/images/fauxTrans/090514-fauxTrans-115x30.png');}

#prevPost,
#nextPost{background-image:url('/images/fauxTrans/090514-fauxTrans-115x30.png');}

/* content */

.navigation_older a,
.navigation_newer a{background-image:url('/images/fauxTrans/090514-fauxTrans-115x30.png');}

.post_panel_category{background-image:url('images/090514-px_pageStrip.png');}
#page_form_refresh{background-image:url('/images/fauxTrans/090501-fauxTrans-240x50.png');}

#commentSection input[type="text"],
#comment{
	background-image:url('/images/whiteAlpha70.png');
	background-repeat:repeat;
	background-color:transparent;
	}
#comment_submit_image_bg{background-image:url('images/090502-flush09-fauxTrans-submitComment.png');}
#comment_submit_image{background-image:url('images/090502-flush09-submitComment-text.png');}
#comment_submit_image:hover{background-position:0px -50px;}

.page_photo #commentSection:hover #comment_submit_image{background-position:1000px 1000px;} /* hide bg image when hovered the submit box but not submit button */
.page_photo #commentSection #comment_submit_image:hover{background-position:0px -50px;}

.page_programming .ft_topLeft,
.page_programming .ft_topRight,
.page_programming .ft_bottomLeft,
.page_programming .ft_bottomRight,
.page_programming .ft_topCenter,
.page_programming .ft_bottomCenter,
.page_programming .fauxTransOuter,
.page_programming .fauxTransInner,
.page_programming #px_nav,
.page_programming #px_search,
.page_programming #px_search-bgRight,
.page_programming #px_feed,
.page_programming #px_admin,
.page_programming #posts_nav div{
	background-image:url('/images/dddddd100x100.jpg');
	background-repeat:repeat;
	}

.page_programming .post_panel_category{
	background-image:url('/images/bbbbbb100x100.jpg');
	background-repeat:repeat;
	}
	
.page_programming .codeSection .ft_topLeft,
.page_programming .codeSection .ft_topRight,
.page_programming .codeSection .ft_bottomLeft,
.page_programming .codeSection .ft_bottomRight,
.page_programming .codeSection .ft_topCenter,
.page_programming .codeSection .ft_bottomCenter,
.page_programming .codeSection .fauxTransOuter,
.page_programming .codeSection .fauxTransInner{background-image:url('/images/eeeeee100x100.jpg');}
.page_programming .codeSection code span.codeComment{color:#bbb;}
.page_programming .codeSection code span.codeLineNum{color:#CC3300;}


.page_programming #px_search_submit_bg{
	background-image:url('/images/bbbbbb100x100.jpg');
	background-repeat:repeat;
	}
	
.page_programming #nav{background-image:url('images/090614-fauxTransNav-programming-dddddd.jpg');}
.page_programming #nav-list{background-image:url('images/090614-mainNavIvanwlam-Combined-bbbbbb.jpg');}
.page_programming #px_navList{background-image:url('images/dddddd106x18.jpg');}

.page_programming #px_navList li a,
.page_programming #px_navList:hover li a{background-image:url('images/bbbbbb126x18.jpg');}
.page_programming #comment_submit_image_bg{background-image:url('images/bbbbbb130x20.jpg');}

.page_programming #px_navList li:first-child{background-image:url('images/090609-px_nav_exper-bbbbbb.png');}
.page_programming #px_navList:hover li{background-image:none;}
.page_programming #px_navList:hover li:hover{background-image:url('images/090609-px_nav_exper-bbbbbb.png');}

body,
a,
a:link,
a:visited {color:#1a1a1a;}

#posts_nav div:hover,
.post_date,
.post_date a:link,
.post_date a:visited,
.post_date a:hover,
.post_date a:active,
.post_comments,
.post_comments a:link,
.post_comments a:visited,
#page_form_refresh{color:#fff;}

.post_comments a:hover,
.post_comments a:active,
.post_edit,
.post_edit a:link,
.post_edit a:visited{color:#1a1a1a;}

a:hover,
a:active,
.post_edit a:hover,
.post_edit a:active{color:#fff;}

/* for hiding the text "Search" in the button; doesn't work in ie or opera*/
#px_search_submit{color:transparent;}

/* inactive text */
.px_meta_title,
#px_meta_rss,
#px_meta_login a, 
.pagetitleContainer h2,
.postmetadata_title,
#commentSection h3,
#message h2{color:#6c8999;}

/* inactive text: page_type*/
.page_type .px_meta_title,
.page_type #px_meta_rss,
.page_type #px_meta_login a, 
.page_type .pagetitleContainer h2,
.page_type .postmetadata_title,
.page_type #commentSection h3,
.page_type #message h2{color:#86a9bd;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FONT-SIZE, LINE-HEIGHT */

*,
h2,
.pagetitleContainer h2,
#respond input[type="text"]{line-height:20px;}
.wp-caption,
p.alt small,
sup,
sub{line-height:0px;}
/* for hiding the text "Search" in the button; doesn't work in opera */
#px_search_submit{line-height:500px;}


*{font-size:11px;}
#px_meta_login a,
small,
small *{font-size:9px;}
sup,
sub{font-size:.7em;}

/* hack for IE to make the text so large it gets hidden*/
#px_search_submit{font-size:1px;}

/* content */

/* content: special pages */
#commentSection *,
#message h2,
#message p,
#archives_posts_list li,
#page_form_refresh{font-size:11px;}
code{font-size:11px;}

/* content: regular page */
.post h2,
.post h2 a,
.codeSection h2,
#progExSection h2{font-size:16px;}

.post h4,
.codeSection h4{font-size:13px;}

.pagetitleContainer h2,
.post .post_date,
.post .entry,
.post .postmetadata,
.navigation,
.navigation_newer,
.navigation_older{font-size:11px;}

.entry .postmetadata{font-size:10px;}

/* footer */
#footer{font-size:11px;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MARGINS AND PADDINGS */

/* words */
#px_feed h3,
.post_tags_title,
.post_cat_title{margin:0 5px 0 0;padding:0;}

/* header */
#px_search{padding:5px 0 5px 10px;}
#s{padding:2px 0 0 0;}
#px_search_submit_bg{margin:0px;padding:0;}

#px_navList>li{
	padding:0 5px 0 5px;
	margin:0 0 0 0;
	}
#px_feed{padding:5px 10px;}
#px_admin{padding:5px 10px;}

/* header: page_photo*/

.page_photo #nav{margin-bottom:20px;}
.page_photo #px_nav{margin:0 0 10px 10px;}
.page_photo #px_search,
.page_photo #px_feed,
.page_photo #px_admin{margin:0 0 10px 10px;}

#posts_nav div{padding:5px 10px;}

/* content */

/* content: special pages */
.page_single #content{margin-left:250px;}
.page_prog_hasCode.page_single #content{margin-left:0;}
.page_photo #content{
	padding-top:20px;
	margin-bottom:10px;
	margin-left:0px;
	}

.pagetitleOuter{
	padding:10px 0 20px 0;
	margin:0 0 0 -240px;
	}
.pagetitleContainer{padding:0;}
.pagetitleContainer h2{margin:0 0 20px 0;}
.pagetitleContainer .fauxTransInner{padding:5px 0 5px 10px;}

.codeSection h2,
#progExSection h2{padding-bottom:20px;}

#commentSection,
.codeSection,
#progExSection{
	padding:10px 0 20px 0;
	margin-left:10px;
	}
.commentContainer,
.codeContainer,
.progExContainer{padding:5px 0 5px 10px;}
#commentSection h3{margin:0 0 20px 0;}
#commentSection .navigation{margin:0 0 20px 0;}
#commentSection .comment p{margin-left:20px;}
.commentlist{margin:0;}
.commentlist li{margin:0 0 20px 0;}
.commentlist .avatar{margin:4px 4px 24px 14px;}
#respond p{margin:0 0 20px 0;}
#respond p.last_p{margin:0;}
#respond input[type="text"],
#comment/*,
#respond label*/{margin:0;padding:3px 2px 1px 2px;}

#messageContainer{padding:10px 0 20px 0;}
#messageContainer .fauxTransOuter{
	margin:0 0 0 260px;
	padding:0 10px 0 0;
	}
#message{padding:5px 0 5px 10px;}
#message h2{margin: 0 0 20px 0;}
#message p{margin:0 0 20px 0;}
#message p.last_p{margin:0;}

.search_entry{margin-left:10px;}

/* the second+ pages of search results define the entries as class="page" instead of "post" */
.page.search_entry{margin-top:10px;}

.search_none{
	padding:10px 0 20px 0;
	margin-left:260px;
	}

/* content: regular page */

.post{padding:10px 0 10px 0;}
.page,
.post_panels_entry-meta{margin-left:10px;}
.post_panel_meta,
.post_panel_entry{
	padding:0px 10px 0px 0px;
	margin-bottom:30px;
	}

.page_prog_hasCode .post_panel_meta{margin-bottom:10px;}

.metaContainer,
.entryContainer,
.footerContainer{padding:5px 0 5px 10px;}

.post h2,
.post .entry p,
.wp-caption{padding-bottom:20px;}
.entry p.last_line{padding-bottom:0;}

.post_comments_number{margin-right:5px;}

.navigation{margin:10px 0 0 10px;}
.page_date .navigation_before,
.page_category .navigation_before,
.page_tag .navigation_before,
.page_search .navigation_before,
.page_author .navigation_before{margin-top:70px;}
.navigation_older a{margin-left:10px;}
.navigation_older a{
	padding:5px 10px 5px 0;
	margin-bottom:10px;
	}
.navigation_newer a{
	padding:5px 0px 5px 10px;
	margin-bottom:10px;
	}

.entry br{margin-bottom:0;}
.entry ol,
.entry ul{
	margin-bottom:20px;
	margin-left:0;
	}

.entry ol li,
.entry ul li{margin-left:20px;}

.entry li ul,
.entry li ol{margin-bottom:0;}

.post_panel_category h2{padding:0;}

/* content: page_photo */
.page_photo .post{margin-bottom:0px;}
.page_photo .post_panel_entry{margin-bottom:10px;}
.page_photo.page_tag .post_panel_entry{margin-bottom:30px;}
.page_photo.page_single .post_panel_entry{margin-bottom:30px;}
.page_photo .entryContainer h2{
	margin:0 5px 0 0;
	padding:0;}
.page_photo .post_panel_meta{margin-bottom:10px;}

/* content: page-form */
#page_form_refresh{padding:5px 10px;}

/* footer */
#footer{
	margin:10px 0 20px 10px;
	padding:0 10px 0 0;
	}

.page_photo #footer{margin:0 0 0 260px;}

h2.last_line{margin-bottom:0;}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* BORDERS */

#s{
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:1px solid #1a1a1a;}
#px_search_submit{border:0;}
.commentlist .avatar{border:0;}
#respond input[type="text"],
#comment{border:1px solid #1a1a1a;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* WIDTHS AND HEIGHTS */

/* fauxTrans */
.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;}

body{width:5935px;} /* set as widest possible size and adjust it with javascript: contents width (4250) - 875 + window width */
body.page_single{width:1260px;}
body.page_photo{width:auto;}



/* header */
#px_header{height:160px;}
#px_sl_v,
#px_sl_h{width:240px;height:55px;}
#px_nav{width:240px;height:30px;}
#px_nav_arrow{width:10px;height:20px;}
#px_navList>li{width:220px;height:20px;}
#px_navList>li>a,
#px_navList>li>a>span.px_navListItem{width:126px;height:18px;}
.page_programming #px_navList>li>a,
.page_programming #px_navList>li>a>span.px_navListItem{width:126px;height:18px;}
#px_search-bgRight{width:15px;height:30px;}
#px_search{width:215px;height:20px;}
#px_feed{width:220px;height:20px;}
#px_admin{width:95px;height:20px;}
#s{width:152px;height:17px;}
#px_search_submit_bg,
#px_search_submit,
#px_search_image{width:63px;height:20px;}

#px_feed h3{width:81px;height:20px;}

/* header: page_photo */
.page_photo #px_header{height:auto;}
.page_photo #px_feed h3{width:15px;}
.page_photo #px_feed:hover h3{width:81px;}


#page_form_refresh{width:220px;height:40px;}

#posts_nav{width:240px;height:30px;}
#posts_nav div{width:95px;height:20px;}

/* content */

/* content: special pages */


#messageContainer,
.commentOuter{width:365px;}
#messageContainer .fauxTransOuter{width:355px;}
#messageContainer .ft_topCenter,
#messageContainer .fauxTransInner,
#messageContainer .ft_bottomCenter,
.commentOuter .ft_topCenter,
.commentOuter .fauxTransInner,
.commentOuter .ft_bottomCenter{width:345px;}
#messageContainer .ft_top,
#messageContainer .ft_bottom,
.commentOuter .ft_top,
.commentOuter .ft_bottom{width:365px;}

.codeOuter,
.progExOuter{width:740px;}
.codeOuter .ft_topCenter,
.codeOuter .fauxTransInner,
.codeOuter .ft_bottomCenter,
.progExOuter .ft_topCenter,
.progExOuter .fauxTransInner,
.progExOuter .ft_bottomCenter,
#progExContent{width:720px;}
.codeOuter .ft_top,
.codeOuter .ft_bottom,
.progExOuter .ft_top,
.progExOuter .ft_bottom{width:740px;}

.pagetitleOuter{width:240px;}
.pagetitleOuter .ft_topCenter,
.pagetitleOuter .fauxTransInner,
.pagetitleOuter .ft_bottomCenter{width:220px;}
.pagetitleOuter .ft_top,
.pagetitleOuter .ft_bottom{width:240px;}

.commentOuter h2{height:20px;}

#comment{width:339px;height:191px;}
#respond .p_comment_input_text{height:20px;}
#respond input[type="text"]{width:109px;height:14px;}
#comment_submit{height:20px;}
#comment_submit_image_bg,
#comment_submit_image{width:130px;height:20px;}

#redirect h2{width:150px;height:20px;}
#commentSection .navigation{width:345px;}
#commentSection .navigation div{width:170px;}

/* content: regular page */
#content{width:4250px;}
body.page_page #content{width:4625px;} /* add an extra box for the page box */
body.page_single #content{width:750px;} /* post + comments only */
body.page_single.page_prog_hasCode #content{width:1115px;}
body.page_photo #content{width:375px;}

.post_panel_category,
.post_catLinks{width:148px;height:20px;}

.navigation_older a,
.navigation_newer a{width:105px;}

.post_panels_entry-meta{width:365px;}
.post_panel_meta,
.post_panel_entry{width:355px;}
.post_panel_entry .ft_topCenter,
.post_panel_entry .fauxTransInner,
.post_panel_entry .ft_bottomCenter,
.post_panel_meta .ft_topCenter,
.post_panel_meta .fauxTransInner,
.post_panel_meta .ft_bottomCenter{width:345px;}
.post_panel_entry .ft_top,
.post_panel_entry .ft_bottom,
.post_panel_meta .ft_top,
.post_panel_meta .ft_bottom{width:365px;}

.post_comments>a{height:20px;}
.post_comments>a>span.post_comments_number{height:20px;}
.post_comments>a>span.post_comments_span{width:140px;height:20px;}

.navigation_older a,
.navigation_newer a{height:20px;}
.navigation{width:240px;}

/* content: page_photo */

.page_photo .page .post_panel_entry,
.page_form .page .post_panel_entry,
.page_type .page .post_panel_entry,
.page_puzzle .page .post_panel_entry,
.page_graphic .page .post_panel_entry,
.page_programming .page .post_panel_entry{width:230px;}
.page_photo .page .post_panel_entry .ft_topCenter,
.page_photo .page .post_panel_entry .fauxTransInner,
.page_photo .page .post_panel_entry .ft_bottomCenter,
.page_form .page .post_panel_entry .ft_topCenter,
.page_form .page .post_panel_entry .fauxTransInner,
.page_form .page .post_panel_entry .ft_bottomCenter,
.page_type .page .post_panel_entry .ft_topCenter,
.page_type .page .post_panel_entry .fauxTransInner,
.page_type .page .post_panel_entry .ft_bottomCenter,
.page_puzzle .page .post_panel_entry .ft_topCenter,
.page_puzzle .page .post_panel_entry .fauxTransInner,
.page_puzzle .page .post_panel_entry .ft_bottomCenter,
.page_graphic .page .post_panel_entry .ft_topCenter,
.page_graphic .page .post_panel_entry .fauxTransInner,
.page_graphic .page .post_panel_entry .ft_bottomCenter,
.page_programming .page .post_panel_entry .ft_topCenter,
.page_programming .page .post_panel_entry .fauxTransInner,
.page_programming .page .post_panel_entry .ft_bottomCenter{width:220px;}
.page_photo .page .post_panel_entry .ft_top,
.page_photo .page .post_panel_entry .ft_bottom,
.page_form .page .post_panel_entry .ft_top,
.page_form .page .post_panel_entry .ft_bottom,
.page_type .page .post_panel_entry .ft_top,
.page_type .page .post_panel_entry .ft_bottom,
.page_puzzle .page .post_panel_entry .ft_top,
.page_puzzle .page .post_panel_entry .ft_bottom,
.page_graphic .page .post_panel_entry .ft_top,
.page_graphic .page .post_panel_entry .ft_bottom,
.page_programming .page .post_panel_entry .ft_top,
.page_programming .page .post_panel_entry .ft_bottom{width:240px;}

/* content single page_photomerge */
.catId_8 .post_panels_entry-meta{width:720px;}
.catId_8 .post_panel_entry{width:710px;}
.catId_8 .post_panel_entry .ft_topCenter,
.catId_8 .post_panel_entry .fauxTransInner,
.catId_8 .post_panel_entry .ft_bottomCenter{width:700px;}
.catId_8 .post_panel_entry .ft_top,
.catId_8 .post_panel_entry .ft_bottom{width:720px;}


/* footer */
#footer{width:230px;}
#footer .ft_topCenter,
#footer .fauxTransInner,
#footer .ft_bottomCenter{width:220px;}
#footer .ft_top,
#footer .ft_bottom{width:240px;}

/* footer: page_photo */
.page_photo #footer{width:355px;}
.page_photo #footer .ft_topCenter,
.page_photo #footer .fauxTransInner,
.page_photo #footer .ft_bottomCenter{width:345px;}
.page_photo #footer .ft_top,
.page_photo #footer .ft_bottom{width:365px;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* FLOATS */

/* words */
#px_feed h3,
.post_tags_title,
.post_cat_title{float:left;}

/* header */

#px_search{float:right;}
#s{float:left;}
#px_search_submit_bg{float:right;}
#px_feed{clear:both;}

/* header: page_photo */
.page_photo #px_header{float:left;}
.page_photo #nav,
.page_photo #px_nav,
.page_photo #px_search{float:none;}

#prevPost{float:left;}
#nextPost{float:right;}

/* content */

/* content:special pages */
.navigation,
.pagetitleOuter,
#commentSection,
#commentSection .navigation_prev,
.page_prog_hasCode #postAndComment,
.page_prog_hasCode #scriptBoxes,
.search_entry{float:left;}
#commentSection .navigation_next,
.commentlist .avatar{float:right;}
.page_prog_hasCode #commentSection,
#commentSection .navigation{float:none;}

.commentlist li,
#commentSection .navigation,
.page_prog_hasCode #commentSection{clear:both;}

/* content: regular page */
#content,
.post_panel_date,
.panel_date_placeholder,
.post_panel_entry,
.post_panel_meta,
.post{float:left;}
.navigation_older{float:right;}
.navigation_newer{float:left;}
.post_comments>a,
.post_comments>a>span{float:left;}
.post_edit{clear:both;}

/* content: page_photo */
.page_photo #content{float:left;}
.page_photo .navigation{float:none;}

.page_photo .navigation{clear:both;}

/* footer */
#footer{float:left;}
.page_photo #footer{clear:both;float:none;}

/* other */
#sidebar{clear:both;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* POSITIONING and Z-INDEX*/

/* relative */
#all,
#px_header,
#px_search_submit_bg,
#px_navList:hover>li,
#content,
.post,
.page,
.navigation,
#footer,
.page_form .post_panel_entry,
.page_form .post_panel_meta,
.fauxTransOuter,
.fauxTransInner{position:relative;}

/* absolute */
#px_sl_h,
#px_search-bgRight,
#px_nav_arrow,
#px_navList,
#px_navList>li,
#px_navList>li>a,
.page_main .post_panel_category,
.page_form .page,
.page_type .page,
.page_puzzle .page,
.page_graphic .page,
.page_programming .page,
.ft_top,
.ft_topLeft,
.ft_topCenter,
.ft_topRight,
.ft_middleLeft,
.ft_middleRight,
.ft_bottom,
.ft_bottomLeft,
.ft_bottomCenter,
.ft_bottomRight{position:absolute;}

/* fixed */
#nav,
#px_sl_v,
#px_nav,
#px_search,
#px_feed,
#px_admin,
#posts_nav,
.page_page .post_panel_category,
.page_single .post_panel_category{position:fixed;}

/*page_photo */

.page_photo #px_header,
.page_photo #nav,
.page_photo #px_nav,
.page_photo #px_search,
.page_photo #px_feed,
.page_photo #px_admin,
.page_photo #content,
.page_photo #footer{position:relative;}

.page_photo .post_panel_category,
.page_photo .navigation_before,
.page_photo .page{position:absolute;}

/* page_form */
#page_form_refresh{position:absolute;}

/* 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{left:0px;}
.ft_topLeft,
.ft_middleLeft,
.ft_bottomLeft{left:0px;}

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

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


/* positioning: header */
#nav{top:0;left:0;}
#px_sl_v{top:10px;left:260px;}
#px_sl_h{top:10px;left:3635px;}
body.page_single #px_sl_h{left:635px;}
body.page_prog_hasCode.page_single #px_sl_h{left:760px;}

.page_page .page{left:250px;}
.page_page .navigation_before{left:-375px;}
#px_nav{top:10px;left:510px;}
#px_nav_arrow{top:5px;right:9px;}
#px_navList{top:6px;left:5px;}
#px_navList>li>a{top:0px;left:104px;}
#px_search{top:110px;left:260px;}
#px_search-bgRight{top:0;right:-15px;}
#px_search_submit_bg{right:-10px;}
#px_feed{top:110px;left:510px;}
#px_admin{top:110px;left:760px;}

#posts_nav{left:760px;top:10px;}

.page_main .post_panel_category{top:-85px;left:-23px;}
.page_page .post_panel_category,
.page_single .post_panel_category{top:75px;left:227px;}

/* page_photo */
.page_photo #px_nav,
.page_photo #px_search,
.page_photo #px_feed,
.page_photo #px_admin,
.page_photo .page,
.page_photo .navigation,
.page_photo #footer{top:0px;left:0px;}
.page_photo .navigation_before{top:320px;left:-250px;}
.page_photo .page{top:380px;left:-250px;}
.page_photo .post_panel_category{top:75px;left:-23px;}

.page_form .page,
.page_type .page,
.page_puzzle .page,
.page_graphic .page,
.page_programming .page{top:220px;left:0px;}

.px_post_meta{top:-5px;left:10px;}

#footer{top:60px;left:-250px;}
.page_single #footer{top:0px;left:0px;}


/* z-index */
#content,
.post_panel_category{z-index:90;}
.page_form #nav,
#px_nav,
#px_navList,
#px_navList>li:first-child,
.post,
#posts_nav{z-index:100;}
#px_nav_arrow{z-index:110;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* OTHER STUFF */

/* cursor */
#px_meta_login a{cursor:default;}

#px_search_submit,
#px_search_image,
#posts_nav div,
#pageWidthLink,
.post_comments a{cursor:pointer;}

#px_navList>li>a,
#px_navList>li>a>span.px_navListItem,
.post_catLinks,
.post_date>a,
.post_date>a>span,
.post_comments>a,
.post_comments>a>span,
a#comment_submit_image_bg,
.navigation_older a,
.navigation_newer a,
#respond label{display:inline-block;}

a{vertical-align:bottom;} /* the line-height seems to add a 0.5px in anchor tags. if there are more than one line with the anchor tags, it shifts the grid alignment */
.commentlist avator{vertical-align:middle;}

/* words */
#px_feed h3,
.post_tags_title,
.post_cat_title{display:inline-block;}

.post_comments>a>span.post_comments_span{vertical-align:text-bottom;}

#px_navList>li>ul,
#px_search_submit,
#posts_nav,
#comment_submit{display:none;}
.commentmetadata{display:none;}

/* page_photo */
.page_photo #px_sl_h,
.page_photo #px_sl_v{display:none;}

.page_photo .entryContainer h2,
.page_photo .entryContainer h2 a,
.page_photo .entryContainer .px_post_meta{display:inline;}

.page_photo .entryContainer h2,
.page_photo .entryContainer h2 a{vertical-align:top;}
.page_photo .entryContainer .px_post_meta{vertical-align:baseline;}

/* lists */
.commentlist li{list-style:none;}
.entry ul li{list-style-type:disc;}
.entry ol li{list-style-type:decimal;}

/* page_photo visibility */
.page_photo *{visibility:hidden;}/**/
.page_photo #nav,
.page_photo #nav *,
.page_photo #nav-list,
.page_photo #px_nav,
.page_photo #px_nav_arrow,
.page_photo #px_navList>li,
.page_photo #px_navList>li>a,
.page_photo #px_search,
.page_photo #px_search_submit_bg,
.page_photo #px_search-bgRight,
.page_photo #px_feed,
.page_photo #px_feed h3,
.page_photo #px_admin,
.page_photo .navigation,
.page_photo #content div,
.page_photo #footer,
.page_photo #footer div,
.page_photo img,
.page_photo a img,
.page_photo .entry object,
.page_photo .entry object *{visibility:visible;}
.page_photo #content .px_post_meta,
.page_photo .post_tags span,
.page_photo.page_single .post_tags{visibility:hidden;}/**/

.page_photo #px_header div:hover *,
.page_photo #content div:hover,
.page_photo #content div:hover div.px_post_meta,
.page_photo .post_panel_category:hover *,
.page_photo .post_panel_entry:hover *,
.page_photo .post_panel_meta:hover *,
.page_photo.page_single .metaContainer:hover *,
.page_photo #commentSection:hover *,
.page_photo #footer:hover *{visibility:visible;}

.page_programming * #progExContent{overflow:auto;}

.page_programming span.codeLineNum:before{content:attr(title);}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* SOMEDAY/MAYBE */