@charset "utf-8";

/*
(C) SCRAPTURE.org - street_fashion.css, LastUpdate 080410

    Table of Content

    OVER VIEW

*/

/*
-------------------------------------------------------------------------------
MAIN COLUMN
-------------------------------------------------------------------------------*/

div#newArticle.entry { margin: 0; }

div.mainCol {
    float: left;
    width: 640px;
    border-right: 1px solid #DDD;
    padding-right: 14px;
}

div.mainCol a {
    color: #0099CC;
    border-bottom: 1px solid #A4D2DC;
    padding-bottom: 1px;
}

div.mainCol a:hover {
    color: #006699;
    border-bottom: none;
}

div.entryMore { margin: 10px 0 20px 28px; }

div.entryMore p {
    color: #333;
    line-height: 1.7;
    padding: 0 0 15px;
    font-size: 13px;
}

div.entryMore em { font-size: 17px; }

div.entryMore p.status {
    text-align: right;
    padding-bottom: 5px!important;
    font-size: 10px!important;
    line-height: 1!important;
}

div.entryMore p.status span.writer { font: bold 12px/1.0 Arial, Helvetica, sans-serif!important; }

div.entryMore p.contribute {
    font: normal 10px/1.0 Arial, Helvetica, sans-serif!important;
    color: #777!important;
    text-align: right;
    line-height: 1!important;
}

div.entryMore div.sep {
    background: url(../img/articles/sep.jpg) 50% 50% no-repeat;
    height: 5px;
    margin: 10px 0 30px;
    overflow: hidden;
}

div.entryMore h2 {
    color: #000;
    font-size: 16px;
    padding: 20px 0 20px;
    text-align: center;
    font-weight: bold;
}

div.entryMore h3 {
    color: #000;
    font-size: 16px;
    padding: 0 0 20px;
    text-align: center;
    letter-spacing: 10px;
}

/*
WRAPPER */

div.entryMore div.wrapp, div.entryMore div.picL {
    margin-bottom: 20px;
    line-height: 1;
}

div.entryMore div.wrapp a,
div.entryMore div.sp400 a,
div.entryMore div.snap a,
div.entryMore div.snap-300 a,
div.entryMore div.snap-400 a,
div.entryMore div.picS a {
    text-decoration: none;
    border: none;
}

div.entryMore div.wrapp small,
div.entryMore div.picL small,
div.entryMore div.sp400 small {
    font-size: 10px;
    line-height: 1.5;
    padding: 5px;
    color: #000;
    display: block;
    border-bottom: 2px solid #EEE;
    border-left: 2px solid #EEE;
    border-right: 2px solid #EEE;
    background: #FAFAFA;
}

/*
PICTURE */

div.entryMore div.picS {
    width: 200px;
    float: right;
    margin: 0 0 20px 10px;
    display: inline;
}

div.entryMore div.sp400 {
    width: 380px;
    float: right;
    margin: 0 0 10px 20px;
    display: inline;
}

div.entryMore div.picS small {
    font-size: 10px;
    line-height: 1.5;
    padding: 5px 5px 0 0;
    color: #000;
    display: block;
    clear: both;
    float: none;
}

div.entryMore div.picS small a { text-decoration: inherit; }

div.entryMore div.snap-300,
div.entryMore div.snap-400,
div.entryMore div.snap {
    width: 300px;
    border: 1px solid #DDD;
    padding: 1px;
    margin: 0 auto 15px;
}

div.entryMore div.snap-300 { width: 300px; }
div.entryMore div.snap-400 { width: 400px; }
div.entryMore div.snap-400-spacing { width: 410px; }

div.entryMore div.snap-300 small,
div.entryMore div.snap-400 small,
div.entryMore div.snap small {
    font-size: 10px;
    line-height: 1.5;
    padding: 5px;
    color: #333;
    display: block;
    clear: both;
    float: none;
    background: #F5F5F5;
}

/*
VIDEO */

div.entryMore div.videoL {
    margin-bottom: 20px;
    min-height: 100px;/*IE7*/
}

div.entryMore div.videoL div {
    float: left;
    width: 306px;
}

div.entryMore div.videoL small {
    font-size: 10px;
    line-height: 1.5;
    padding: 5px;
    color: #000;
    display: block;
    border-bottom: 2px solid #EEE;
    border-left: 2px solid #EEE;
    border-right: 2px solid #EEE;
    background: #FAFAFA;
    text-align: left;
    clear: both;
    float: none;
}

div.entryMore div.videoL.single {
    text-align: center;
    background: #EEE;
}

* html div.entryMore div.videoL.single { height: 100px;}

div.entryMore div.interviewer { margin: 20px 0 0; }

div.entryMore div.interviewer p {
    color: #0099CC;
    padding-bottom: 10px;
}

div.entryMore div.interviewer p.en { color: #555; }

div.entryMore div.said {
    background: #F9F9F9 url(../img/articles/entry_bg.gif) 0 0 repeat;
    padding-bottom: 10px;
    margin: 0 0 20px;
}

div.entryMore div.said p.name { background: url(../img/articles/said_bg.gif) left bottom no-repeat; }

div.entryMore div.said p { padding: 10px 10px 0; }

div.entryMore p.ja { color: #000; }

div.entryMore p.en {
    color: #555;
    font-size: 14px;
}

div.entryMore blockquote {
    background: url(../img/articles/quote.png) 0 0 no-repeat;
    padding: 0 0 0 30px;
    line-height: 1.5;
    margin: 0 0 20px;
}

div.entryMore blockquote p {
    color: #999;
    line-height: 1.5;
}

div.entryMore blockquote strong {
    font: bold 13px/1.0 Arial, Helvetica, sans-serif;
    padding-right: 5px;
    color: #555;
}

div.entryMore blockquote p.myspace {
    background: url(../img/articles/icons/myspace.jpg) 0 0 no-repeat;
    padding-left: 22px;
}

div.entryMore blockquote p.official {
    background: url(../img/articles/icons/official.jpg) 0 0 no-repeat;
    padding-left: 22px;
}

div.entryMore blockquote.info { margin: 20px 0 30px; }

/*
-------------------------------------------------------------------------------
ICON
-------------------------------------------------------------------------------*/

div.entryMore p.name { padding: 0 0 10px!important; }

div.entryMore p.name span {
    padding: 10px 0 10px 40px;
    display: block;
}

div.k10k p.name span { background: url(../img/articles/icons/k10k.jpg) left 50% no-repeat; }

div.leah p.name span { background: url(../img/articles/icons/leah.jpg) left 50% no-repeat; }

div.hayashi p.name span { background: url(../img/articles/icons/kh.jpg) left 50% no-repeat; }

div.carlos p.name span { background: url(../img/articles/icons/carlos.jpg) left 50% no-repeat; }

/*
-------------------------------------------------------------------------------
FORUM
-------------------------------------------------------------------------------*/

div#forum { min-height: 1px; }

* html div#forum { height: 1px; }/*add 0429*/

div#addComment h2, div#comments h2 {
    color: #333;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0;
    margin: 0 0 20px;
    font-weight: bold;
    background: url(../img/streetsnap/border_bg.gif) 0 0 repeat-x;
    line-height: 1.2;
}

/*
COMMENTS
-------------------------------------------------------------------------------*/

div#comments {
    clear: both;
    float: none;
    padding: 0 0 20px;
    min-height: 1px;
}

* html div#comments { height: 1px; }/*add 0429*/

div#comments div.commentOdd, div.commentEven {
    clear: both;
    float: none;
    margin: 20px 0 0;
}

div#comments div.status {
    float: left;
    width: 140px;
    border-top: 1px solid #DDD;
    padding: 10px 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

div#comments div.status p.date {
    font-size: 13px;
    color: #666;
    padding: 0 0 5px;
}

div#comments div.status p.date span.small, div.status p.date span.year {
    font-size: 11px;
    color: #CCC;
}

div#comments div.status p.name {
    font-size: 13px;
    color: #333;
}

div#comments div.status p.name span.said {
    font-size: 11px;
    color: #CCC;
}

div#comments div.commentOdd div.body, div.commentEven div.body {
    float: right;
    width: 440px;
    border-top: 1px solid #DDD;
    padding: 10px 5px;
    font-size: 100%;
    line-height: 1.5;
    color: #333;
}

div#comments div.noComment {
    font-size: 130%;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
    line-height: 1.8;
}

/*
ADD COMMENT
-------------------------------------------------------------------------------*/

div#addComment {
    clear: both;
    float: none;
    padding: 0;
    min-height: 1px;
}

* html div#addComment { height: 1px; }/*add 0429*/

div#addComment p {
    color: #555;
    padding: 0 0 10px;
}

div#addComment div.name {
    float: left;
    width: 160px;
}

div#addComment div.body {
    float: right;
    width: 440px;
}

div#addComment div.name p, div#addComment div.body p { padding-left: 0; }

#comment-author, #comment-email, #comment-url {
    width: 156px;
    font-size: 110%;
    background: #FFF;
    border: 1px solid #555;
    margin-bottom: 0.1em;
    padding: 3px 1px;
}

#comment-text {
    width: 436px;
    height: 6em;
    font-size: 16px;
    background: #FFF;
    border: 1px solid #555;
    padding: 3px 1px;
}

button#comment-add {
    background: url(../img/streetsnap/addBtn.jpg) left center no-repeat;
    text-decoration: none;
    width: 130px;
    height: 40px;
    display: block;
    text-indent: -7777em;
    border: 0;
    font-weight: bold;
    margin: 10px 0 10px 310px;
    padding: 0;
    cursor: pointer;/*\*//*/
    letter-spacing : -999em;
    /**/
}

button#comment-add:hover { background: url(../img/streetsnap/addBtnHover.jpg) left center no-repeat; }

#comment-add { margin: 10px 0 0 310px; }/*add 0430*/

div#waitBtn {
    margin: 10px 0 0 310px;
    width: 140px;
    height: 40px;
    overflow: hidden;
    display: none;
}/*add 0503*/

/*
-------------------------------------------------------------------------------
SUB COLUMN
-------------------------------------------------------------------------------*/

div.subCol {
    float: right;
    width: 300px;
}

div.subCol p.powered {
    font: normal 10px/1.0 Arial, Helvetica, sans-serif;
    padding-top: 10px;
    text-align: right;
}

div.subCol div.subBox {
    /*background: #AAA;
    padding: 15px;*/
    color: #555;
    padding-bottom: 20px;
}

div.subCol div#bRanking h3 {
    font-size: 16px;
    padding-bottom: 10px;
    color: #333;
}

ul.chart { border-top: 1px solid #E5E5E5; }

ul.chart li {
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    background: #F9F9F9 url(../img/articles/chart_number.gif) no-repeat;
    line-height: 100%;
    padding: .7em 0 .7em 30px;
}

ul.chart li.even { background-color: #FFF; }

ul.chart li#num1 { background-position: left center; }

ul.chart li#num2 { background-position: -339px center; }

ul.chart li#num3 { background-position: -678px center; }

ul.chart li#num4 { background-position: -1017px center; }

ul.chart li#num5 { background-position: -1356px center; }

ul.chart li#num6 { background-position: -1695px center; }

ul.chart li#num7 { background-position: -2034px center; }

ul.chart li#num8 { background-position: -2373px center; }

ul.chart li#num9 { background-position: -2712px center; }

ul.chart li#num10 { background-position: -3051px center; }

ul.chart li#num11 { background-position: -3390px center; }

ul.chart li#num12 { background-position: -3729px center; }

ul.chart li#num13 { background-position: -4068px center; }

ul.chart li#num14 { background-position: -4407px center; }

ul.chart li#num15 { background-position: -4746px center; }

ul.chart li#num16 { background-position: -5085px center; }

ul.chart li#num17 { background-position: -5424px center; }

ul.chart li#num18 { background-position: -5763px center; }

ul.chart li#num19 { background-position: -6102px center; }

ul.chart li#num20 { background-position: -6441px center; }

ul.chart li#num21 { background-position: -6780px center; }

ul.chart li#num22 { background-position: -7119px center; }

ul.chart li#num23 { background-position: -7458px center; }

ul.chart li#num24 { background-position: -7797px center; }

ul.chart li#num25 { background-position: -8136px center; }

ul.chart li#num26 { background-position: -8475px center; }

ul.chart li#num27 { background-position: -8814px center; }

ul.chart li#num28 { background-position: -9153px center; }

ul.chart li#num29 { background-position: -9492px center; }

ul.chart li#num30 { background-position: -9831px center; }

ul.chart li#num31 { background-position: -10170px center; }

ul.chart li#num32 { background-position: -10509px center; }

ul.chart li#num33 { background-position: -10848px center; }

ul.chart li#num34 { background-position: -11187px center; }

ul.chart li#num35 { background-position: -11526px center; }

ul.chart li#num36 { background-position: -11865px center; }

ul.chart li#num37 { background-position: -12204px center; }

ul.chart li#num38 { background-position: -12543px center; }

ul.chart li#num39 { background-position: -12882px center; }

ul.chart li#num40 { background-position: -13221px center; }

ul.chart li#num41 { background-position: -13560px center; }

ul.chart li#num42 { background-position: -13899px center; }

ul.chart li#num43 { background-position: -14238px center; }

ul.chart li#num44 { background-position: -14577px center; }

ul.chart li#num45 { background-position: -14916px center; }

ul.chart li#num46 { background-position: -15255px center; }

ul.chart li#num47 { background-position: -15594px center; }

ul.chart li#num48 { background-position: -15933px center; }

ul.chart li#num49 { background-position: -16272px center; }

ul.chart li#num50 { background-position: -16611px center; }

ul.chart li a {
    color: #555;
    border-bottom: 1px solid #C7E0F3;
}

ul.chart li a:hover { border-bottom: 1px solid #006699; }

ul.chart li em {
    font: normal 11px Arial, Helvetica, Verdana, sans-serif;
    color: #bbb;
}

/*
HATENA */

div.wrapHatena h3 {
    font-size: 16px;
    padding-bottom: 10px;
    color: #333;
}

div.wrapHatena div.box {
    width: auto;
    height: 100px;
    padding: 0;
}

div.wrapHatena div.box a {
    width: 280px;
    height: 85px;
    padding: 10px 10px 5px;
    margin: 0;
    background: #F7F7F7;
    text-decoration: none;
    display: block;
    color: #666;
    overflow: hidden;
    border-top: 1px solid #F1F1F1;
}

div.wrapHatena div.box.odd a {
    background: #FAFAFA;
    border-top: 1px solid #FFF;
}

div.wrapHatena div.box a:hover { background: #E5EDFF; }

div.wrapHatena div.box span.title, div.wrapHatena div.box span.date, div.wrapHatena div.box span.body { display: block; }

div.wrapHatena div.box span.title {
    border-bottom: 1px solid #DDD;
    padding-bottom: 3px;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    color: #333;
    text-align: left;
    font-size: 11px;
}

div.wrapHatena div.box span.date {
    font: normal 11px/1.0 Arial, Helvetica, sans-serif;
    padding: 2px 0 5px;
    color: #999;
    text-align: left;
}

div.wrapHatena div.box span.body {
    line-height: 1.5;
    text-align: left;
    font-size: 10px;
}

div.wrapHatena div.box span.body small {
    display: block;
    color: #CCC;
    text-align: right;
    padding-top: 3px;
}

p.loading {
    text-align: center;
    padding: 50px 0;
    color: #CCC;
}

p.loading img { padding-bottom: 20px; }