@charset "utf-8";

/*-----------------------------------------------

 home.css

------------------------------------------------*/

html {
	background: #997D53 url(images/pieroth_estate/bg.jpg) repeat-x;
}

body {
	background: url(images/pieroth_estate/canvas.jpg) top center no-repeat; 
	margin:0 auto;
	color: #333;
}

#home_container {
	background: #E3DBD3 url(images/new_top/bg_content.jpg) repeat-x;
	width: 1023px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	/* z-index: 120 !important; */
}

#about_shot {
 position: absolute;
 top: 37px;
 right: 0px;
}

#home_container_skelton {
	padding: 7px 0px 14px;
}

#home_container #left_column {
  display: block;
  float: left;
  width: 315px !important;
  margin-left: 0px;
  padding-left: 20px;
}

#home_container #center_column {
  display: block;
  float: left;
  width: 315px !important;
  margin-left: 0px;
  padding-left: 27px;
  _padding-left: 17px;
}

#home_container #right_column {
 display: block;
 position: relative;
 margin-left: 0px;
 padding-left: 6px;
 width: 340px !important;
 float: left; 
}

#home_container div.section-block {
 margin: 0px 0px 20px 0px;
}

#home_container div.sectionTitle {
	margin-bottom: 6px;
}

#home_container div.section-block li {
 display: block;
 width: 315px;
}

#home_container div.section-block li a {
 font-weight: bold;
 font-size: 1.15em;
 line-height: 1.3;
}

#home_container div.section-block li a.picks-title {
 font-size: 1em !important;
}

#home_container div.section-block li p {
 margin: 5px 0px;
 line-height: 1.3;
}

/* #home_container div.section-block li img {
 float: left;
 margin: 0px 10px 0px 0px;
 padding: 3px;
} */

#home_container div.section-block li div.border {
 width: 145px;
 height: 110px;
 float: left;
 margin: 0px 7px 0px 0px;
 background: url(images/new_top/bg_article_img.jpg) left top repeat-x !important;
 display: inline;
}
	#home_container div.section-block li div.border img {
		border: #FFF solid 1px;
		margin: 3px;
	}
	#home_container div.section-block li div.border#facesLatest {
	 width: 145px;
	 height: 110px;
	 float: left;
	 margin: 0px 1px 0px 0px;
	 background: url(images/new_top/bg_article_img.jpg) left top repeat-x;
	 display: inline;
	}

/* #home_container div.section-taste li div.border {
 margin: 0px 10px 0px 0px;
} */

#home_section_editor_archives div.border {
 width: 67px !important;
}

#home_container div.section-block li div.short {
 width: 51px;
}

#home_container a.title {
 display: inline-block;
 width: 163px;
 height: 14px;
 line-height: 14px;
 font-size: 10px !important;
 font-weight: normal !important;
 text-align: right;
 margin-bottom: 5px;
 float: left;
}
	#home_container a.title span.date {
		padding-right: 4px;
		color: #999999;
	}
	#home_container #facesLatest a.title span.date {
		padding-right: 4px;
		color: #666666 !important;
	}

#home_container a.title:hover {
 text-decoration: none;
}

#home_container a.title span.update {
 color: #666666;
}

#about {
position: absolute;
z-index: 1000;
top: 0px;
right: 0px;
width: 346px;
height: 15px;
background: url(images/pieroth_estate/about_bg.png) no-repeat bottom;
color: #FFF;
font-style: italic;
font-size: 10px;
line-height: 15px;
padding: 2px 0px 9px 0px;
}
	#about p {
	text-align: center;
	width: 100%;
	}
	#about span {
	margin-right: 15px;
	}
	#about span.twitterLink {
	margin-right: 0px;
	}
	#about img {
	vertical-align: middle;
	margin-right: 5px;
	}
	/* for IE7 */
	#about a {
	color: #FFF;
	}


/*-----------------------------------------------
 faces
------------------------------------------------*/

#home_container div.section-faces {
 width: 315px;
}

a.faces {
	background: url(images/new_top/top_title_faces_s.png) right top no-repeat;
}

div.faces_latest {
	display: block;
	background: url(images/new_top/bg_faces_latest.jpg) left top repeat-x;
	width: 163px;
	height: 107px;
	float: left;
	padding: 3px 0px 0px 6px;
}

.faces-title {
	width: 160px;
}

/*-----------------------------------------------
 in the know
------------------------------------------------*/

#home_container div.section-know {
 margin-bottom: 20px;
}

#home_container div.section-know li {
 width: 315px;
}

a.know {
	background: url(images/new_top/top_title_know.png) right top no-repeat;
}


/*-----------------------------------------------
 taste
------------------------------------------------*/

#home_container div.section-taste {
 width: 315px;
 float: left;
 margin-bottom: 14px;
}

#home_container div.section-taste .newest {
}

#home_container div.section-taste .newest li {
 display: inline;
 float: left;
 width: 315px;
 padding-right: 9px;
}

#home_container div.section-taste .newest li .border {
 padding: 0px 0px 0px 0px;
 margin: 0px 7px 0px 0px;
}

#home_container div.section-taste .newest li img {
 margin-right: 0px !important;
}

li img.new-icon {
 padding: 0px 0px 0px 3px !important;
 vertical-align: middle;
}


a.taste {
	background: url(images/new_top/top_title_taste.png) right top no-repeat;
}

/*-----------------------------------------------
 balance
------------------------------------------------*/

#home_container div.section-balance {
 width: 315px;
 float: left;
}

a.balance {
	background: url(images/new_top/top_title_balance.png) right top no-repeat;
}


/*-----------------------------------------------
 editors picks and archives
------------------------------------------------*/

#home_section_editor_archives {
	z-index: 1 !important;
	width: 300px !important;
	position: relative;
	padding: 10px 20px;
}
	div.col_right_ad {
		margin: 0px 0px 10px;
	}

.home_section_editor_archives_bottom {
 margin-top: 0px !important;
}

#section-editor-top {
 height: 10px;
 background: url(images/bg_home-editor.png) no-repeat;
}

#section-editor, #section-editor2 {
 background: url(images/bg_home-editor-repeat.png) repeat-y;
 margin: 0px !important;
 padding-top: 10px;
}

#home_section_editor_archives a.title, #home_section_editor_archives ul {
 padding-left: 9px;
 padding-right: 9px;
}

#section-editor-bottom {
 height: 10px;
 background: url(images/bg_home-editor.png) no-repeat;
 background-position: 0px -250px !important;
}

#home_section_editor_archives a.title, #section-editor li, #section-editor2 li {
 width: 193px !important;
}

#section-archives {
 padding: 5px 0px 10px 0px;
 background: url(images/bg_home-archives-repeat.png) repeat-y right;
}

#section-archives li {
 width: 190px !important;
 padding-bottom: 0px !important;
}



/*--------------------------------------------

 RSS displayer: updated on 2010/9/3

--------------------------------------------*/

#blogRssContainer {
margin-bottom: 15px;
}
	#blogRssContainer .top {
	margin-bottom: 7px;
	}

.blog_sections {
padding: 25px 0px 16px 0px;
margin-bottom: 2px;
}

#kamiya {
background: #B2A89D url(/themes/shot/images/rss_displayer/rss_chief_editor.png) top left no-repeat;
}

#staff {
background: #F2EEE9 url(/themes/shot/images/rss_displayer/rss_staff.png) top left no-repeat;
}

#guest {
background: #F2EEE9 url(/themes/shot/images/rss_displayer/rss_guest.png) top left no-repeat;
padding-bottom: 20px !important;
}

.profile_img {
float: left;
width: 50px;
margin-left: 10px;
}

.blog_latest {
float: left;
width: 243px;
margin-left: 12px;
}
	.staff_blogs .blog_latest {
	float: left;
	width: 90px;
	margin-left: 3px;
	}
	.guest_blog .blog_latest {
	float: left;
	width: 250px;
	margin-left: 3px;
	}

.blog_latest_top {
width: 100%;
height: 12px;
display: block;
position: relative;
margin-bottom: 5px;
background: url(/themes/shot/images/rss_displayer/line.png) bottom left no-repeat;
}
	.blog_date {
	font-size: 10px !important;
	font-family: serif;
	color: #666666 !important;
	}
	.blog_date a {
	text-decoration: none;
	color: #666666 !important;
	}
	.blog_date a:hover {
	text-decoration: none;
	}
		.blog_latest_top .blog_date {
		display: block;
		height: 10px;
		line-height: 100% !important;
		position: absolute;
		top: 0px;
		right: 2px;
		}

.blog_latest_title {
font-weight: bold !important;
font-size: 11px !important;
line-height: 120%;
margin-bottom: 2px;
word-wrap: break-word;
word-break:break-all;
}
	.blog_latest_title_chief {
	font-weight: bold !important;
	font-size: 12px !important;
	line-height: 120%;
	margin-bottom: 2px;
	}

.blog_latest_summery {
font-size: 10px !important;
line-height: 140% !important;
}



/*-----------------------------------------------
 recomendded
------------------------------------------------*/

div.articles_recommend {
display: inline-table;
width: 309px;
padding: 3px;
margin: 0px 0px 10px;
background: url(images/new_top/bg_recommend.png) left top repeat-x;
color: #FFF;
}
	div.articles_recommend p {
	line-height: 1.6 !important;
	}
	div.articles_recommend a {
	color: #FFF;
	}
	div.articles_recommend img {
	float: left;
	margin-right: 7px;
	vertical-align: middle;
	}
	div.articles_recommend p.date_recommend {
	font-size: 90%;
	}
	div.articles_recommend p.title_recommend {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 120% !important;
	}
	
img.title_small {
	margin-bottom: 3px;
}
