@charset "UTF-8";
/*
(C) SCRAPTURE.org - street_fashion_detail.css, LastUpdate 080410

    Table of Content
    SNAP DETAIL
    - INTERVIEW BOX
    - GALLERY
    - MAGAZINE LAYOUT
    - CONTENT NAV
    FORUM
    - COMMENT
    - SHARE
*/

/*
-------------------------------------------------------------------------------
ARTICLE
-------------------------------------------------------------------------------*/

div#article {
    width: 320px;
    float: left;
    padding-top: 20px;
}

/*
MAIN PIC */

div#article div#mainPic {
    width: 300px;
    height: 450px;
    position: relative;
    overflow: hidden;
}

div#article div#mainPic a.highslide img {
    border: none;
    padding: 0;
    margin: 0;
}

/*
SNAP DATA */

div#article div#mainPic div#snapData {
    position: absolute;
    width: 150px;
    left: 0;
    bottom: 30px;
    padding: 5px 10px;
    opacity: 0.80; /* w3c */
    filter: alpha(opacity=80); /* ie */
    background: #000;
    color: #AAA;
}

div#article div#mainPic div#snapData dl {
    width: auto;
    font-size: 85%;
    line-height: 130%;
}

div#article div#mainPic div#snapData dl dt {
    margin: 0.3em 0;
    padding: 0.2em;
    width: 3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

div#article div#mainPic div#snapData dl dd {
    padding: 0.3em 0 0.3em 4.2em;
    margin: -2em 0 0;
}

/*
RATE
-------------------------------------------------------------------------------*/

div#rateStar {
    margin: 0 20px 0 0;
    padding: 10px 10px 10px 20px;
    background: #EEE;
    position: relative;
}

* html li.current-rating, *:first-child+html li.current-rating {
    overflow: hidden;
    height: 9px!important;
}

* html .unit-rating {/*add 0429*/
    height: 14px!important;
    overflow: hidden;
}

div#rateStar div.status {
    padding: 5px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999;
}

div#rateStar div.status span.total {
    color: #666;
    font-size: 140%;
}

div#rateStar div.status span.ans {
    color: #A8C5CB;
    font-size: 140%;
}

.ratingblock .thanks {
    background: url(../img/common/thankU2.gif) 0 0 no-repeat;
    top: 9px;
    left: 20px;
}

/*
INTERVIEW
-------------------------------------------------------------------------------*/

div#article div#interview {
    width: 280px;
    padding: 30px 0 0 20px;
}

div#article div#interview h2 {
    color: #333;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0;
    margin: 0 0 10px;
    font-weight: bold;
    background: url(../img/streetsnap/border_bg.gif) 0 0 repeat-x;
}

div#article div#interview h3 {
    font-size: 90%;
    color: #000;
}

div#article #interview .entryMore { padding: 0 0 15px 0; }

div#interview .entryMore h3 { padding: 0 0 10px 0; }

div#interview .entryMore .said { color: #333; }

div#interview .entryMore p { color: #333; }

div#article div#interview a {
    color: #003366;
    border-bottom: 1px solid #EEE;
}

div#article div#interview a:hover {
    color: #006699;
    border-bottom: 1px solid #DDD;
}

div#article ul {
    margin: 0 0 10px;
}

div#article ul li {
    line-height: 1.8;
    padding: 0 0 5px;
    color: #555;
}

div#article ul p { margin-left: 0.8em; }

div#article div#staffField { padding-top: 10px; }

div#article p.comment-staff-name {
    float: left;
    width: 60px;
    padding-top: 5px;
    line-height: 1.4!important;
}

div#article p.comment-staff-name img {
    border: 1px solid #DDD;
    padding: 2px;
}

div#article p.comment-staff-name,
div#article p.staffName {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #333;
}

div#article div#staffField p {
    line-height: 1.8;
    color: #555;
    padding-bottom: 10px;
}

div#article div#staffField em {
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

div#article div#photographer img {
    float: left;
    padding: 3px;
    background: #F7F7F7;
    border: 1px solid #DDD;
    margin: 0 10px 0 0;
}

div#article div#photographer {
    padding: 0;
    margin: 0;
}

div#article div#photographer-text {
    width: 200px;
    height: 38px;
    float: right;
    background-color: #EEE;
    padding: 5px 10px;
    overflow: hidden;
}

div#article div#photographer h2 {
    color: #333;
    border: none;
    padding: 2px 0 2px;
    margin: 0;
    font-weight: bold;
    background:none;
    font-size: 13px;
}

div#article span.colorTitle {
    color: #000;
    font:1em Verdana, Arial, Helvetica, sans-serif;
}

div#interview p.sorry {
    font-size: 100%;
    font-weight: bold;
    padding: 20px 0;
    line-height: 1.8;
    color: #999;
}

/*
RECENT SNAP
-------------------------------------------------------------------------------*/

div#related_snap {
    width: 290px;
    padding: 30px 0 0 20px;
}

div#related_snap h2 {
    color: #666;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0;
    margin: 0 0 20px;
    font-weight: bold;
    width: 280px;
    background: url(../img/streetsnap/border_bg.gif) 0 0 repeat-x;
}

div#related_snap div.box_inner {
    width: auto;
    height: auto;
}

div#related_snap div.recent_pic {
    padding: 0 1px 0 0;
    margin: 0;
    float: left;
    width: 46px;
    height: 68px;
}

/*
RECENT SNAP
-------------------------------------------------------------------------------*/

div#recent_snap {
    width: 290px;
    padding: 30px 0 0 20px;
    margin-bottom: 20px;
}

div#recent_snap h2 {
    color: #666!important;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0;
    margin: 0 0 20px;
    font-weight: bold;
    width: 280px;
    background: url(../img/streetsnap/border_bg.gif) 0 0 repeat-x;
}

div#recent_snap div.more { float: left; }

div#recent_snap div.more a { background: url(../img/streetsnap/more_btn.gif) 0 0 no-repeat; }

div#recent_snap div.more a:hover { background: url(../img/streetsnap/more_btn.gif) -45px 0 no-repeat; }

/*
AD250x250
-------------------------------------------------------------------------------*/

div#ad250x250 {
    width: 290px;
    margin: 30px 0 20px;
    padding: 0 0 0 20px;
}

/*
-------------------------------------------------------------------------------
GALLERY
-------------------------------------------------------------------------------*/

div#gallery {
    width: 610px;
    min-height: 1800px;
    padding: 20px 0 20px 30px;
    float: right;
    text-align: left;
    background: url(../img/streetsnap/detail_bg.gif) 0 0 repeat-y;
}

* html div#gallery { height: 1800px; }

/*
CONTENT NAV
-------------------------------------------------------------------------------*/

div#nextprevNav { padding: 0 0 20px; }

div#nextprevNav #prevEntry {
    width: 102px;
    float: left;
    position: relative;
}

div#nextprevNav #nextEntry {
    width: 102px;
    float: right;
    position: relative;
}

div#nextprevNav div#prevEntry p#prevEntryBtn, div#nextprevNav div#nextEntry p#nextEntryBtn {
    position: absolute;
    width: 92px;
    height: 50px;
    top: 88px;
    z-index: 9;
}

div#nextprevNav div#prevEntry p#prevEntryBtn { left: 5px; }

div#nextprevNav div#nextEntry p#nextEntryBtn { right: 5px; }

div#nextprevNav #prevEntry #prevEntryBtn a {
    /*background: url(../img/common/spacer.gif) 0 0 no-repeat;*/
    background:url(../img/common/prevEntryBtn.gif) center 0 no-repeat;
    text-indent: -7777em;
    display: block;
    width: 92px;
    height: 50px;
    cursor: pointer;
    filter: alpha(style=1, opacity=50, finishopacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}

div#nextprevNav #nextEntry #nextEntryBtn a {
    /*background: url(../img/common/spacer.gif) 0 0 no-repeat;*/
    background:url(../img/common/nextEntryBtn.gif) center 0 no-repeat;
    text-indent: -7777em;
    display: block;
    width: 92px;
    height: 50px;
    cursor: pointer;
    filter: alpha(style=1, opacity=50, finishopacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
}

div#nextprevNav #prevEntry #prevEntryBtn a:hover {
    filter: alpha(style=1, opacity=70, finishopacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

div#nextprevNav #nextEntry #nextEntryBtn a:hover {
    filter: alpha(style=1, opacity=70, finishopacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

div#nextprevNav #prevEntry img {
    padding: 5px;
    border-top: 1px solid #CCC;
    background: #DDD;
}

div#nextprevNav #nextEntry img {
    padding: 5px;
    border-top: 1px solid #CCC;
    background: #DDD;
}

div#nextprevNav p {
    padding-top: 5px;
    line-height: 1.6;
    color: #999;
    font-size: 90%;
}

div#nextprevNav p.name {
    padding-top: 3px;
    color: #666;
    font-size: 100%;
}

div#nextprevNav div#ad300x250 {
    float: left;
    margin-left: 50px;
    border-top: 1px solid #E5E5E5;
    background: #F5F5F5;
    padding: 5px 5px 0;
    width: 300px;
    overflow: hidden;
}

div#nextprevNav div#ad300x250 img { padding: 0 0 5px; }

/*
WRAPPER
-------------------------------------------------------------------------------*/

div.wrapper {
    margin: 0 0 10px;
    clear: both;
    float: none;
    width: 610px;/*584px*/
    display: block;
    background: #FFF;
}

/*
MAGAZINE LAYOUT */

.magazine-image {
    border: 1px #FFF solid;
    width: 608px;
    overflow: hidden;
}

.magazine-image img {
    background: #FFF;
    margin: 2px;
    border: 1px #FFF solid;
}

div.pr { margin: 0 0 20px; }

div.pr p {
    line-height: 1.5;
    font-size: 13px;
    text-align: center;
}

div.pr span { color: #FF0066; }

div.pr a { color: #0066CC; }

div.pr a:hover { color:#0099CC; }

div.pr div.googleAd { text-align: center; }

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

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

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

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

div.commentOdd, div.commentEven {
    clear: both;
    float: none;
    margin: 10px 0;
    width: 610px;
    min-height: 10px;
}

div.commentOdd { background: #E5E5E5 url(../img/streetsnap/commentOdd_bg.gif) 0 0 no-repeat; }

div.commentEven { background: url(../img/streetsnap/commentEven_bg.gif) 0 0 no-repeat; }

div#comments div.status {
    float: right;
    width: 120px;
    padding: 10px 10px 10px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

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

div#comments div.status p.date span.small, div.status p.date span.year {
    font-size: 80%;
    color: #999;
}

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

div#comments div.status p.name span.said {
    font-size: 80%;
    color: #999;
}

div.commentOdd div.body, div.commentEven div.body {
    float: left;
    width: 400px;
    min-height: 10px;
    padding: 20px 30px 20px 20px;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    position: relative;
}

div.commentOdd div.body { background: #F5F5F5; }

div.commentEven div.body { background: #EFF6FC; }

div.body p.commentNumber {
    position: absolute;
    width: 50px;
    text-align: right;
    right: 10px;
    top: 10px;
    font: bold italic 15px/1.0 Georgia, "Times New Roman", Times, serif;
}

div.commentOdd p.commentNumber { color: #DDD; }

div.commentEven p.commentNumber { color: #D9E4F5; }

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

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

div#addComment {
    padding: 0;
    float: right;
    width: 300px;
}

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

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

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

#comment-text {
    width: 296px;
    height: 6em;
    font-size: 110%;
    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 170px;
    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 170px; }/*add 0430*/

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

/*
SHARE
-------------------------------------------------------------------------------*/

div#share {
    float: left;
    width: 276px;
    position: relative;
    min-height: 1px;/*add 0430*/
}

* html div#share { height: 1px; }

div#share h2 {
    font-size: 120%;
    font-weight: bold;
    color: #00CCFF;
    padding: 5px 0;
}

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

.shareTitle {
    padding: 8px 10px 5px;
    background: #EEE;
    overflow: hidden;
    color: #333;
    font-weight: bold;
    position: absolute;
    top: 3px;
    left: 25px;
    font-size: 130%;
}

div#share #shareBody {
    padding: 10px 0;
    background: #EEE;
    margin-bottom: 20px;
    border-top: 1px solid #E5E5E5;
}

* html div#share #shareBody { height: 1px; }

div#share #shareUrl, div#share #shareHtmlT, div#share #shareHtmlS {
    color:#8E8E8E;
    width:200px;
}

.textbox {
    padding: 2px;
    border: 3px solid #DDD;
}

div#share #shareBodyInner {
    margin:10px 15px;
    padding: 15px 15px 20px;
    border: 1px solid #FFF;
}

div#share dl {
    line-height: 0.8em;
}

div#share dt {
    padding:5px 0;
    color: #666;
}

div#share dd {
    padding:5px 0;
}

div#share span.quation a {
    border: 1px solid #999;
    margin-left: 10px;
    padding: 1px 3px;
    color: #999;
}

div#share span.quation a:hover {
    background: #999;
    color: #FFFF00;
}

div#share div.answer {
    display: none;
    position: absolute;
    width: 250px;
    top: 0;
    left: -340px;
    background: #000;
    padding: 20px 20px 10px;
    filter: alpha(style=1, opacity=80, finishopacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
    line-height: 1.8;
    font-size: 12px;
    text-align: center;
    word-wrap: break-word;
}

div#share p.rec {
    position: absolute;
    right: 0;
    top: 0;
}

div#share p.voice {
    font-size: 11px;
    padding-bottom: 0;
}

/*
AD468x60
-------------------------------------------------------------------------------*/

div#ad468x60 {
    width: 610px;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
}

div#bNextprevNav {
    clear: both;
    float: none;
    margin: 20px 0 10px;
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    min-height: 1px;
}

div#bPrevEntry, div#bNextEntry {
    padding: 5px 0;
    width: 290px;
}

div#bPrevEntry { float: left; }

div#bNextEntry { float: right; }

div#bPrevEntry p, div#bNextEntry p {
    font-size: 12px;
    line-height: 1.5;
    color: #666;
}

div#bPrevEntry p a, div#bNextEntry p a {
    line-height: 1.5;
    color: #999;
    border-bottom: 1px solid #EEE;
    padding-bottom: 1px;
}

div#bPrevEntry p a:hover, div#bNextEntry p a:hover { color: #666; }

div#bPrevEntry img, div#bNextEntry img {
    border: 1px solid #EEE;
    padding: 3px;
}

div#bPrevEntry img {
    float: left;
    margin-right: 10px;
}

div#bNextEntry img {
    float: right;
    margin-left: 10px;
}