/*  
Theme Name: Public/Image
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 


*/



/* Begin Typography & Colors */
body {
	/* font-size: 62.5%; 		*//* Resets 1em to 10px, precentage allows IE to resize??? */
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff url('images/top-background/black.png') repeat-x;
	color: #333;
	text-align: center;
	margin: 0 10px 20px 10px;
	padding: 0; 
	}

#page {
	margin: 0px auto;
	padding: 0;
	width: 975px;				/* page width, ie6 overrides  */
	text-align: left;
}

#content {
}

.narrowcolumn, .featurenarrowcolumn, .widecolumn {					
	margin: 0 0 0 160px;			 	/* 35 px, ie6 overrides  */
}

.narrowcolumn {
	width: 420px;
}

.widecolumn {
	width: 815px;
}

.featurenarrowcolumn {
	width: 800px;
}

/* Archive 2 Column Layout */

.category_table {
	line-height: 14px;
	margin-bottom: 10px;
}

/* END Archive 2 Column Layout */

#header {
	margin: 0; 
	padding: 0; 
	height: 115px;   	/* height: 100px;   // grey header -> 78// black header -> 93 */
	width: 972px;
	text-align: left;
}

#header #logo {
	float: left;
	margin-top: 28px;
}
#header a {
	background: none;
}
#header #main {
	float: right;
	margin-top: 67px;
	margin-right: 40px;
}

#header #main a img 		{ background-position: 0 0; }
#header #main a:hover img	{ background-position: 0 -16px; }

#header a.header_main img { background: url('images/titlebar/main.gif') no-repeat; }
#header a.header_shop img { background: url('images/titlebar/shop.gif') no-repeat; }
#header a.header_foundation img { background: url('images/titlebar/foundation.gif') no-repeat;}
#header a.header_method img { background: url('images/titlebar/method.gif') no-repeat;} /* modify by takeda 090618 */


#header #answr {
	float: right;
	margin-top: 63px;
}




#footer, #footer a {
	color: #999;
}

#footer a:hover, #about-pi a:hover {
	color: #000;
	background: none;
}

#footer {
	background: url('images/border.gif') 0 0 repeat-x;	/* ie fix */
	padding: 7px 0 0 0;
	margin: 12px auto 0 auto;
	width: 975px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#footer a {
	text-decoration: none;
}

#footer #top_link {
	float: right;
}

#footer #links a img { background-position: 0 0; }
#footer #links a:hover img { background-position: 0 -8px; }

#footer a.about img 	{ background: url('images/footer/about.gif') no-repeat; }
#footer a.contact img 	{ background: url('images/footer/contact.gif') no-repeat; }
#footer a.recruit img 	{ background: url('images/footer/recruit.gif') no-repeat;  }
#footer a.policy img 	{ background: url('images/footer/policy.gif') no-repeat; }
#footer a.credit img 	{ background: url('images/footer/credit.gif') no-repeat; }

/* End Structure */












/* Headers & FOnts */






.seperator {
	margin: 5px 0;
	height: 1px;
	width: 100%;
	font-size: 0px;	
	background: url('images/border.gif') repeat-x;	/* ie fix */
	overflow: hidden;
}

.line {
	margin: 0;
	padding: 0;
	height: 1px;
	width: 100%;
	font-size: 0px;
	line-height: 0px;
	background: url('images/border.gif') repeat-x;	/* ie fix */
	overflow: hidden; /* ie fix. otherwise ie6 does not render empty divs at specified size... */
}

a {		color: #000;
		text-decoration: underline; }

a:hover {	color: #fff;
			background: #777;
			text-decoration: none; }

a:active {	color: #777;
			background: #fff;
			text-decoration: none; }






hr {		display: none; }

.center {	text-align: center; }

.post hr {
	display: block;
	}


.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}


/* End End Headers */



/* Orginal Post style */


.entry {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "Helvetica", "Arial", sans-serif;
	font-size: 11px;
	line-height: 15.1pt;
	letter-spacing: 0px;
	margin: 10px 0;
}


.entry img {							/* all entry img... */
	padding: 9px 0 5px 0;
}

.feature_entry img, .tabs img {			/* ... except feature and tabs */
	padding: 0;
}
/*
.entry p {
	margin: 0;
	padding: 0;
}
*/
.label-title {
	font-weight:bold;
}

.jp-caption {
	line-height: 11px;
}

.en-caption {
	line-height: 11px;
	color:#666;
}

.question {
	font-weight: bold;
	display: block;
	/* padding: 15px 0; */
	color: #00bdff; /* new interview color...*/
}


.jp-credit, .en-credit {
	font-size: 9px;
	color:#555;
	line-height: 10pt;
	letter-spacing: 1px;
	margin-bottom: 11px;
	display: block;
	margin-top: 0px; /* remove if it interferes ??? */
}


.photo-left {
	float:left;
	margin-right: 20px;
}

.photo-right {
	float:right;
	/* margin-left: 7.55pt; */
	margin-left: 20px;
}

dd.youtube, dd.img {
	display: none; /* hack. prevent old swf-portfolio data from showing */
}


/* END Orginal Post style */














/* Post MEta Data */ 

.postmetadata {
	padding-top: 15px;
	line-height: 16px;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.postmetadata div a {
	text-decoration: underline;
}
/*
.postmetadata .keywords, .postmetadata .related, .postmetadata .permalink, postmetadata .vote, .postmetadata .social {
	padding: 10px 0;
}
*/
.postmetadata .social {
	padding-top: 20px;
}

.postmetadata .vote img {
	padding-right: 1px;
}

/* Social Bookmarks */

.postmetadata .social a, .postmetadata .social a:hover  { /* hack. make link color same as background */
	background: none;
	padding-right: 5px;
}

.metaheadline {
	padding-top: 20px;
	padding-bottom: 10px;
}

/* END Social Bookmarks */




/* END Post MEta Data */ 
.related-post-link .related-post-title {
	margin-left: 55px;
}











/* Begin Images */
a img {
	border: none;
	}


img.read-more {
	margin-top: 3px;
}


p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	

img.preview, img.posticon {
	float:left;
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}
/*
.entry ul li:before, #rightbar ul ul li:before, #leftbar ul ul li:before {
	content: "\00BB \0020";
	}
*/
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}





/* Title Category Colors */

.main a, .main		{color: #000; background: #fff;}
.main a:hover		{color: #fff; background: #000;}	
.main a:active		{color: #000; background: #000;}	

.posttitle-interview 	{border-left: 2px solid #06f; padding-left:3px;	font-weight: bold;}
.interview a:hover		{color: #fff; background: #06f;}
.interview a:active		{color: #06f; background: #06f;}

.posttitle-feature		{border-left: 2px solid #f0f; padding-left:3px;	font-weight: bold;} /* display:inline makes the left appear only on the first line */ 
.feature a:hover		{color: #fff; background: #f0f;}
.feature a:active		{color: #f0f; background: #f0f;}

.posttitle-pickup		{ border-left: 2px solid #0ff; padding-left:3px; font-weight: bold;}
.pickup a:hover			{color: #fff; background: #0ff;}
.pickup a:active		{color: #0ff; background: #0ff;}

.posttitle-column		{border-left: 2px solid #fc0; padding-left:3px;	font-weight: bold;}
.column a:hover			{color: #fff; background: #fc0;}
.column a:active		{color: #fc0; background: #fc0;}

.posttitle-report		{border-left: 2px solid #906; padding-left:3px;	font-weight: bold;}
.report a:hover			{color: #fff; background: #906;}
.report a:active		{color: #906; background: #906;}

.posttitle-tv			{border-left: 2px solid #0f0; padding-left:3px;	font-weight: bold;}
.tv a:hover				{color: #fff; background: #0f0;}	
.tv a:active			{color: #0f0; background: #0f0;}	

.posttitle-project		{border-left: 2px solid #090; padding-left:3px;	font-weight: bold;}
.project a:hover		{color: #fff; background: #090;}
.project a:active		{color: #090; background: #090;}

.posttitle-about		{border-left: 2px solid #63f; padding-left:3px;	font-weight: bold;}
.about a:hover			{color: #fff; background: #63f;}
.about a:active			{color: #63f; background: #63f;}

.posttitle-contact		{border-left: 2px solid #066; padding-left:3px;	font-weight: bold;}
.contact a:hover		{color: #fff; background: #066;}
.contact a:active		{color: #066; background: #066;}

.posttitle-archive		{border-left: 2px solid #000; padding-left:3px;	font-weight: bold;}
.archive a:hover		{color: #fff; background: #000;}
.archive a:active		{color: #000; background: #000;}





/* END Title Category Colors */



/* Breadcrumbs & Paged Navi */

#bread {
	text-align: right;
	text-transform: uppercase;
	font-size: 9px;
}

#bread a {
	text-decoration: underline;
	padding: 2px;
}

.selected-page {
	color: #bbb;
	padding: 2px;
}

a.bread-main:hover {  /* a href, link color of "Public-image.org" */
	background: #000;
	color: #fff;
}

#bread .crumbs { float: left; }

.bread-top {
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.bread-bottom {
	padding-top: 7px;
	padding-bottom: 0px;
}

.headspace { 	 /* dotted line and space between */ 
	padding-top: 8px;
	margin-top: 8px;
	/* border-top: 1px dotted #999; */
	background: url('images/border.gif') repeat-x;	/* ie fix */
	text-align: left;
}

.headline {		/* container for graphics headline, scaleable */ 
	width: 100%;
	height: 42px;
	background: #fff;
}

/* END Breadcrumbs & Paged Navi */













/* Begin Form Elements */

/* Comments */

#commentform { 
	padding: 0 0 50px 0;
	margin: 0;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment { 
	border: 1px solid #666;
	color: #666;
 	background: #f5f5f5;
 	font-size: 10px;
}

#commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform #comment:focus { 
	color: #000;
	background: #fff;
}

#commentform input {
	width: 170px;
	padding: 2px;
	/* margin: 0px 5px 1px 0; */
}

#commentform textarea {
	width: 418px;
	margin-bottom: 7px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

#commentform p {
	margin: 0;
	padding: 0 0 7px 0;
}


.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	/* font-weight: bold; */
}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
}

.nocomments {
	margin: 10px 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	font-weight: normal;
	/* display: block; */
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}


.entry .wpcf7 form {
	text-align: left;
}

.wpcf7  input {
	float: right;
	width: 100px;
 	margin-bottom: 12px;

}

.wpcf7 label input, .wpcf7 label textarea {
 	width: 416px;
 	border: 1px solid #066;
 	color: #666;
 	background: #f5f5f5;
 	padding: 2px
 	margin-bottom: 15px;
}
.wpcf7 label input:focus, .wpcf7 label textarea:focus {
	color: #000;
	background: #fff;
}

.wpcf7 label textarea { 
	height: 250px; 
	margin-bottom: 12px;
}

/* End Comments */


a span.postpreview {
	display: block;
	margin: 0 0 0 65px;
}

li.postexcerpt {
	display: block;
	position: relative;
}

ul#recent-post-list li {
	display: block;
}

ul#recent-post-list li img {
	position: absolute;
	display: block;
}

/* sidebar tab body */

.sidebar_tabs .idTabs 	{ 
	height: 17px; 
	font-size: 8px; /* ie6 fix */
	overflow: hidden;
}

a.sidebar_tab { 
	background-position: 0px -34px;
	font-size: 4em; 
	background-repeat: no-repeat; 
	margin: 0;
	padding: 0;
	line-height: 0px;
	display: inline-block;
} /* workaround */ 

a.sidebar_tab:hover 	{ background-position: 0px -17px; }
a.sidebar_tab.selected 	{ background-position: 0px 0px; }

.sidebar_tabs #tab_feature, .sidebar_tabs #tab_recent, .sidebar_tabs #tab_ranking {
	padding: 0 7px 3px 7px; /* padding between last banner & bottom background */
	background: url('images/background/185/middle.png') repeat-y;
}

.sidebar_tabs #tab_background_header {
	background: url('images/background/185/top-square.png') no-repeat;
	height: 6px; /* height of top.png */
	font-size: 0px; /* ie fix */
}

a.tab-post-link {
	display: block;
	min-height: 30px;
	height: expression( this.scrollHeight < 31 ? "30px" : "auto" ); /* sets min-height for IE */

}

.tab-post-link:hover 	{ background: none; }

.tab-post-title { 
	height: expression( this.scrollHeight < 31 ? "30px" : "auto" ); /* sets min-height for IE */
	width: 113px;
	font-weight: normal;
	color: #444;
	font-size: 10px;
	overflow: hidden;
} 

.related .tab-post-title {
	width: 360px;
}

.tab_margin {
	margin-left: 53px; 
}

.sidebar_tabs a {
	text-decoration: none;
}


/* END Sidebar Tabs */ 

/* Leftbar */

#leftbar {
	float: left;
	width: 125px;
	text-align: left;
	font-size: 9px;
	font-family: 'Arial', 'Verdana',  sans-serif;	
	text-transform: uppercase;
	background: url('images/background/125/middle.png') repeat-y;
	margin: 0 0 30px 0;
}

#leftbar img.pixel_menu { 
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 0px;
}
#leftbar img.pixel_menu_pi { 
	margin: 0 0 13px 0; 
	padding: 0;
	font-size: 0px;
}
#leftbar img.pixel_menu_s { 
	margin: 0; 
	padding: 0;
	font-size: 0px;
}
#leftbar img.pixel_menu_key { 
	margin: 0 0 4px 0; 
	padding: 0;
	font-size: 0px;
}

#leftbar #menu, #leftbar #search, #leftbar #tags {
	margin-left: 5px;
	line-height: 12px;
}

#leftbar #background-top {
	background: url('images/background/125/top.png') no-repeat;
	height: 6px;
	font-size: 0px;
}

#leftbar #search #s {
	margin: 9px 0;
	width: 113px;  /* 115 - 2*1 border */
	height: 16px;
	color: #999;
	border: #ccc solid 1px;
	padding: 0;
}

#leftbar #searchform {
	padding: 0;
	margin: 0;
}

#leftbar #tags {
	color: #999;
	line-height: 16px;
}

#leftbar #tags a {
	text-decoration: none;
	color: #444;
}
#leftbar #tags a:hover {
	color: #fff;
}

#leftbar #background-bottom {
	background: url('images/background/125/bottom.png') no-repeat;
	height: 10px;
}

/* Sidebar Submenu */

#menu .menu_main { background: url('images/menu/main.gif') top left no-repeat; }
#menu .menu_interview { background: url('images/menu/interview.gif') top left no-repeat; }
#menu .menu_feature { background: url('images/menu/feature.gif') top left no-repeat; }
#menu .menu_pickup { background: url('images/menu/pickup.gif') top left no-repeat; }
#menu .menu_column { background: url('images/menu/column.gif') top left no-repeat; }
#menu .menu_report { background: url('images/menu/report.gif') top left no-repeat; }
#menu .menu_tv { background: url('images/menu/tv.gif') top left no-repeat; }
#menu .menu_archive { background: url('images/menu/archive.gif') top left no-repeat; }
#menu .menu_about { background: url('images/menu/about.gif') top left no-repeat; }
#menu .menu_project { background: url('images/menu/project.gif') top left no-repeat; }
#menu .menu_client { background: url('images/menu/client.gif') top left no-repeat; }
#menu .menu_contact { background: url('images/menu/contact.gif') top left no-repeat; }


#menu .menu_div 	{
	background-position: 0px -31px;  
	background-repeat: none;
	padding: 0;
	margin: 0;
}

#menu a.menu_link { 
	background-position: 0px 0px; 
	display: block;
	margin: 0; padding:0;
	width: 113px;
	overflow:hidden;
	text-decoration: none;
	height: 31px;
	}

#menu a.menu_link:hover { background: none; } 

#menu .menu_div a.selected, #menu .menu_div a.selected:hover, #menu div.selected, #menu div.selected:hover { 
	background-position: 0px -62px; 
	background-repeat: none;
} 


#menu .menu_seperator {
	height: 7px;
	font-size: 0px;
}

#menu .submenu {
	margin-left: 3px;
	margin-bottom: 7px;
	width: 108px;
	padding: 0 0 7px 0;
}

#menu .submenu ul, #menu .submenu ul li {
	list-style: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#menu .submenu ul {
	padding: 7px 0 4px 0;
}

#menu .submenu ul li {
	padding-bottom: 3px;
}

#menu .submenu a {
	text-decoration: none;
	display: block;
}

#menu .submenu .current-cat a 			{ color: #999; } 			/* selected submenu */
#menu .submenu .current-cat a:hover 	{ color: #fff; }
#menu .submenu .cat-item-25 			{ text-transform: none; }				/* Revelations Submenu */

/* END Sidebar Submenu */


/* END Leftbar */



/* Rightbar */ 

#rightbar ul li p, #rightbar #sponsor p  { margin: 0px; }

#rightbar {
	float: right;
	margin: 0 10px 0 0;
	width: 185px;
	text-align: left;
}

#rightbar #envelope { margin-top: 15px; }
#rightbar #ranking img, #rightbar #feature img { float:left; }
#rightbar #ranking, #rightbar #feature { margin-left: 5px; }

#rightbar #ranking #post-title, #rightbar #feature #post-title {
	margin-left: 54px;
	padding-bottom: 0px;
	width: 120px;
	min-height: 30px;
}

#rightbar #banners p { margin: 0 0 7px 0; }  /* space between banners*/

#rightbar #banners {
	margin-top: 10px;
	margin-left: 0px;
}

#rightbar #background-bottom {
	background: url('images/background/185/bottom.png') no-repeat;
	height: 10px;
}
/* END Rightbar */ 




/* Very Rightbar */ 

#veryrightbar {
	float: right;
	margin: 0px;
	width: 165px;
}
	
#veryrightbar #background-top {
	background: url('images/background/165/top.png') no-repeat;
	height: 6px;
	font-size: 0px; /* ie fix */
}

#veryrightbar #background-middle {
	background: url('images/background/165/middle.png') repeat-y;
	padding-bottom: 3px;
}

#veryrightbar #information, #veryrightbar #banners-project {
	padding: 0 4px;
}

#veryrightbar #information #infolist {
	padding: 5px 3px 0 3px;
}

.information-body {
	font-size: 9px;
	line-height: 14px;
}

 #veryrightbar #banners-project p, #veryrightbar #information p {
	margin: 0px;
	padding: 0px;
}

#veryrightbar #banners-project {
	text-align: center;
}

#veryrightbar #background-bottom {
	background: url('images/background/165/bottom.png') no-repeat;
	height: 10px;
	font-size: 0px; /* ie fix */
}

#about-pi {
	padding-top: 9px;
}
/* END Very Rightbar */ 

/* Upcoming Events */ 


a.information-header {
	text-decoration: none;
	color: #777;
	background: #fff;
	overflow: hidden;
}

a.information-header:hover, a.information-header.selected {
	color: #000;
	background: #fff;
}

.information-date, .information-location  {
	font-size: 10px;
}

.information-body {
	padding-top: 3px;
	overflow: hidden;
}

/* END Upcoming Events */ 


/* index post */ 


.index-post-large {   					/* index pages, first large post*/
	color: #000;
	text-decoration: none;
	display: block;
	padding: 7px 0;
}

.single-index-post {
	display: block;
	padding: 8px 0;
}

.index-post {  
	min-height: 60px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 7px 0;
}


a.index-post:hover, a.index-post-large:hover {				/* highlighting the post on over */
	background: #e2e2e2;
}

div.index-post a, div.index-post-large a {   				/* a href class*/
	text-decoration: underline;
}

.posttitle {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding-bottom: 2px;
	letter-spacing: 0.02em;
	
}
.largeposttitle {		
	font-size: 11px;			/* 15px; */
	font-weight: bold;
	margin-bottom: 7px;
}

.index-post p, .single-index-post p, .index-post-data p {
	margin: 0;
	display: inline;
}

.index-post-data {
	padding-left: 3px;
	line-height: 15px;
	}
	
.index-post-data-large { /* overriding index-post-data padding-left...*/
	padding-left: 0px;
	padding-top: 8px;
	}
	
.index-post-data, .index-post-data a { /* wrapper for everything except the title */ 
	color: #393939;
	text-decoration: none;
}

.index-post-time {
	font-size: 9px;
	color: #777;
}

.index-post-icon {
	float:left;
}
.index-post-column {
	margin-left: 102px;
	width: 318px;
}

.post {
	margin: 20px 0 40px 0;				/* 20px to align post content with left menu*/
	text-align: left;
	}

.archive-post {
	margin-bottom: 20px;				/* override .post; change margin between post in archive pages only */
}








/* END index post */ 



/* housekeeping */


.edit-post a {
	background: #f00;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
}

.edit-post a:hover {
	background: #fff;
	color: #f00;
}

/* END housekeeping */





/* Feature */
.featurenarrowcolumn p {
	margin: 0;
	padding: 0;
}
#feature-excerpt {
	padding-left: 12px;
	font-size: 11px;
	line-height: 15.1pt;
}
#feature-excerpt a:hover {
	color: #fff;
	background: #f0f;
}

#feature-excerpt .largeposttitle {
	color: #f0f;
}

.featurenarrowcolumn #background-top {
	background: url('images/background/800/top.gif') no-repeat;
	height: 6px;
}
.featureblock {
	padding: 10px 15px;  /* feature content padding*/
	background: url('images/background/800/middle.gif') repeat-y;
}
.featurenarrowcolumn #background-bottom {
	background: url('images/background/800/bottom.gif') no-repeat;
	height: 10px;
}

.featureblock .smalltitle {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.featureblock .readmore {
	padding: 4px 0;
}

.featureblock .readmore img {
	background: url('images/read-more/normal.png') no-repeat;
	width: 53px;
	height: 11px;
}

.featureblock .readmore img:hover {
	background: url('images/read-more/over.png') no-repeat;
}

/* 2 column pages. extends index-post */ 

.column-left, .column-right  { 
	border:none;
	/* border-top:  1px dotted #999; */
}

.date-column-bottom {
	border-bottom:  1px dotted #999;
}	

.column-left {
	margin-right: 5px;
}

.column-right {
	margin-left: 5px;
}

.date-index-post-column {
	width: 300px;
}

.snap_nav {					/* A-Z */
	margin: 0px;
	list-style-type: none;
	display: inline;
}

.snap_nav li {
	display: inline;
}



.related a, .related a:hover { /*  ??? */
	background: none;
	margin-bottom: 7px;
}




/* Highslide CSS */

.highslide {			
    outline: none;
    color: none;
    background: none;
}
.highslide:hover {
    color: none;
    background: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #08f;
}
.highslide:hover img {
	border: 2px solid #f00;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    border: 2px solid white;
    border-top: none;
    font-size: 10px;
    padding: 5px;
    background-color: white;
}

.highslide-display-block {			/* These must always be last */
    display: block;
}
.highslide-display-none {
    display: none;
}

/* END Highslide CSS */


/* Interview Tab*/ 

#tab-bottom {
	background: url('images/border/gradient.gif') repeat-x;
	height: 5px;
	width: 100%;
	padding-bottom: 20px;
}


.tabs .idTabs { 
	height: 16px;
	font-size: 8px; /* ie6 fix */
	overflow: hidden;
}

.tabs .idTabs span {
  display: inline;
  float: left;
  width: 102px; /* 102px + inline-padding-style 4px = 106px */
  height: 16px;
}

.tabs .idTabs a{
  display: block;
  height: 100%;
  width: 100%;
}

.tabs .idTabs a, .tabs .idTabs a:hover, .tabs .idTabs a.selected, .tabs .idTabs a:active {
	background-repeat: no-repeat;
	background-color: #fff;
}


a.main_tab			{ background-position: 0px -32px; /*font-size: 5em;*/}
a.main_tab:hover 	{ background-position: 0px -16px; }
a.main_tab.selected { background-position: 0px 0px; }

.tabs #profile, .tabs #image, .tabs #movie, .tabs #music {
	font-size: 9px;
	padding: 7px;
	border: 1px solid #999;
}

#tab_profile_text {
	padding-left: 10px;
	line-height: 15px;
	max-width: 200px; /* only at very large text sizes */
}

#image table img  { 
	border: 1px solid #999; 
}

#image table img:hover { 
	border: 1px solid #333; 
}

#image table a, {
	color: #666;
	background: #fff;
	padding: 0px;
	margin: 0px;
}

#image table td {
	text-align: center;
}

.tab_image_subtext, .tab_movie_subtext {
	padding: 7px 0 15px 0; 
	text-align: center;
	line-height: 10px;
	vertical-align: top;
	width: 125px;
	overflow: hidden;
}


.tab_movie_subtext {
	width: 410px;
}

#image table {
	width: 404px;
}

.question a {
	color: #009ddd;
}

.question a:hover {
	color: #fff;
	background: #009ddd;
	/* background: #00bdff;*/ 
}