@charset "utf-8";
/* CSS Document */

body {
	font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
}

/* BASIC */

#wrapper {margin:0 auto; width:1040px;}
.clearfix {clear:both; height:0px; font-size:0px;}

.txt11 {font-size:11px;}
.txt12 {font-size:12px;}
.txt13 {font-size:13px;}
.txt15 {font-size:15px;}
.txt17 {font-size:17px;}
.txt21 {font-size:21px;}
.txt21i {font-size:21px; font-style:italic; }
.txt30 {font-size:30px;}
.txtGrey {color:#646464;}
.txtRed {color:#bb3e28;}
.txtBlack {color:#000;}
.txt24 {font-size:24px;}
.txt42 {font-size:42px;text-transform:lowercase}
.txtGrey-1 {color:#666;}
.txtGrey-2 {color:#999;}

.line3x4 {
	height: 4px;
	background: url(../images/3x4.jpg);
}

.morePreview {color:#bb3e28; font-size:18px; text-decoration:none; font-style:italic;}


/* TOP */

#top {
	padding:10px 0 5px 0;
	border-bottom:1px solid #b7b7b7;
}

#top .social {
	text-decoration:none; color:#000000; font-size:11px; 
	padding:0; display:block;
	float:right; width:126px;
}
#top .social cufon {padding-top:4px;}
#top .social a {
	width:21px; height:20px;
	margin:0 0 0 3px;
}


ul.topNav, ul.topNav li, ul.topNav ul {list-style:none; margin:0; padding:0;}
ul.topNav {float:left; width:auto;}
ul.topNav li {float:left; vertical-align: middle; height:15px; border-right:0px solid #dcdcdc; padding:8px 15px 0px 15px;}

ul.topNav li a {display:block; height:8px; text-decoration:none; color:#bcbcbc; font-size:12px; text-transform:uppercase;}
ul.topNav li a:hover {text-decoration:none; color:#bb3e28; font-size:13px; display:block;}
ul.topNav li:first-child {padding-left:5px;}
ul.topNav li:last-child {border:0px;}
ul.topNav li a.normal {color:#bcbcbc;}
ul.topNav li a.hover {color:#bb3e28;}

ul.topNav li.firstli {border-left:0px solid #dcdcdc;}
ul.topNav li.lastli {border-left:1px solid #dcdcdc;}

.logo {
	padding:60px 0 35px 0;
	text-align:center;
}




/* CONTENT */

#content {}

/* Homepage */

.contributorBox {
	float:left;
	position:relative;
	width:255px; height:255px;
	margin:5px 5px 0 0;
	overflow:hidden;
}
.contributorBox img {z-index:0; position:absolute; top:0; left:0;}
.contributorBox .overlay {
	z-index:1;
	position:absolute; top:0; left:0;
	width:255px; height:255px;
	background:url(../images/1x1-black80.png);
	text-align:center;
	display:none;
}
.contributorBox .overlay a.link {
	width:255px; height:130px; padding:125px 0 0 0;
	display:block; 
	overflow: hidden;
	text-align:center;
	color:#fff; text-decoration:none; font-size:24px;
	text-transform:lowercase;
}

.lineBottom {
	background:url(../images/1x6-lines.gif) repeat-x bottom;
	padding-bottom:70px;
}


/* Detail Page */

.breadcrumb {
	background:url(../images/1x6-lines.gif) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom:25px;
}

.breadcrumb a.back {
	background:url(../images/arr-back.gif) no-repeat left;
	padding-left:45px;
	color:#bb3e28; text-decoration:none;
	font-size:16px;
}
.breadcrumb a.back cufon {margin-top:-8px;}

.bioDetail {
	float:left;
	width:710px;
	color:#898989;
  color:#606060;
	font-size:16px;
}
.bioDetail .video {
	margin-bottom:10px;
	/*background:#000;*/
}
.bioDetail .video iframe {margin:0 0 0 5px;}

ul.title, ul.title li, ul.title ul {list-style:none; margin:0; padding:0;}
ul.title {float:left; width:auto; padding-bottom:10px;}
ul.title li {float:left; vertical-align: middle; font-size:18px; text-transform:uppercase;}
ul.title li.name {color:#606060;}
ul.title li.vocation  {color:#bcbcbc;}


.bioNav {
	float:right;
	width:280px;
}

ul.rightNav, ul.rightNav li, ul.rightNav ul {list-style:none; margin:0; padding:0;}
ul.rightNav li {
	border-top:1px solid #7f7f7d;
	padding:17px 0 25px 0;
}
ul.rightNav li a {
	color:#bb3e28; text-decoration:none;
	font-size:14px; text-transform:uppercase;
}
ul.rightNav li.newsVideo {background:url(../images/icon--left-video.jpg) no-repeat 0 13px; padding-left:45px; min-height:16px;}
ul.rightNav li.newsAudio {background:url(../images/icon--left-audio.jpg) no-repeat 0 13px; padding-left:45px; min-height:16px;}
ul.rightNav li.newsEssay {background:url(../images/icon--left-essay.jpg) no-repeat 0 13px; padding-left:45px; min-height:16px;}
ul.rightNav li.newsPhoto {background:url(../images/icon--left-camera.jpg) no-repeat 0 13px; padding-left:45px; min-height:16px;}


/* Article Page */

.articleNav {
	float:left;
	width:165px;
}
.articleNav a.back {
	background:url(../images/arr-back.gif) no-repeat -21px 0;
	padding-left:25px;
	color:#bb3e28; text-decoration:none;
	font-size:16px; height:17px; overflow:hidden;
	display:block; margin:5px 0;
}

.articleNav a.profile {
	background:url(../images/icon--profile.jpg) no-repeat left;
	padding-left:25px;
	color:#bb3e28; text-decoration:none;
	font-size:16px; height:20px; overflow:hidden;
	display:block; margin:5px 0 15px 0;
}

.avatar {
	border-top:1px solid #e3e3e3;
	border-bottom:2px solid #818378;
	padding:15px 0 25px 0;
	text-align:center;
	font-size:18px; text-transform:uppercase;
}

.avatar .vocation {color:#606060;}
.avatar .vocation cufon {padding-top:15px;}

.avatar img {padding-top:20px;}

ul.leftNav, ul.leftNav li, ul.leftNav ul {list-style:none; margin:0; padding:0;}
ul.leftNav li {
	border-top:1px solid #818378;
	padding:17px 0 15px 0;
}
ul.leftNav li a {
	color:#bb3e28; text-decoration:none;
	font-size:12px; text-transform:uppercase; line-height:10px;
	display:block;
}
ul.leftNav li a cufon {padding:0px; margin:0px;}
ul.leftNav li.newsVideo {background:url(../images/icon--left-video.jpg) no-repeat 0 15px; padding-left:35px; min-height:25px;}
ul.leftNav li.newsAudio {background:url(../images/icon--left-audio.jpg) no-repeat 0 15px; padding-left:35px; min-height:25px;}
ul.leftNav li.newsEssay {background:url(../images/icon--left-essay.jpg) no-repeat 0 15px; padding-left:35px; min-height:25px;}
ul.leftNav li.newsPhoto {background:url(../images/icon--left-camera.jpg) no-repeat 0 15px; padding-left:35px; min-height:25px;}


.articleDetail {
	border:1px solid #e3e3e3;
	float:right; width:808px;
	padding:5px 20px 40px 20px;
	margin-top:60px;
}

.articleBox_inside {
	padding:26px 26px;
	margin-top:4px;
}
.articleBox_previewArticle {
	text-align: center;
}

.detailArticle {
	text-align: left;
	line-height: 19px;
}
.detailArticle p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}


/* SCROLLABLE ARTICLE */

#scrollableArticle {position:relative;}
.scrollableArticle {position:relative; overflow:hidden; width:804px; height:648px; z-index:999; border:1px solid #e3e3e3;}
.scrollableArticle .itemsArticle {width:20000em; position:absolute;}
.itemsArticle .innerItemsArticle {float:left; position:relative;}
.innerItemsArticle {overflow:hidden; width:804px; height:648px; padding:0;}
.scrollableArticle .itemsArticle .innerItemsArticle h1 {
	position:absolute;
	width:auto;
	color:#000100;
	font-size:33px;
}
.scrollableArticle .itemsArticle .innerItemsArticle .desc {
	padding:3px 0; 
	text-align:center; 
	background:#fff; 
	color:#030000; font-family:Arial, Helvetica, sans-serif; font-size:9px;
	text-transform:uppercase;
	min-height:60px;
}
#scrollableArticle .prevPic {
	width:60px; height:15px;
	position:absolute; left:0px; top:655px; z-index:1000;
}

#scrollableArticle .nextPic {
	 width:39px; height:15px;
	position:absolute; right:0px; top:655px; z-index:1000;
}
a.disabled {
    visibility:hidden !important;
}

#scrollableArticle .sliderPag {
	width:50px;	
	height:15px;
	color:#666;
	position:absolute; left:390px; top:655px;
	font-size:11px; font-weight:bold; font-style:italic;
	display:none;
}






/* FOOTER */

#footer {
	height:50px;
	display:block;
}


.articleBox_sp {
	height: 26px;
	text-align: right;
}
.st_sharethis .stButton .chicklets { background: url(../images/share.png) no-repeat scroll left top transparent; }

/* Browser Not Supported  */
#notSupported { width:100%; height:60px; margin:0 auto; background-color:#312f2f; text-align:center;}
.unsupported1 { color:#fff; font-size:24px; font-weight:bold; }
.unsupported2 { color:#c0c0c0; font-size:16px; }
.unsupported2 a { color:#c0c0c0; text-decoration: underline!important; }
.logo { width: 435px; }