@charset "utf-8";

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

    Table of Content
    
    OVER VIEW
    
*/

/*
-------------------------------------------------------------------------------
LOCAL NAVIGATION
-------------------------------------------------------------------------------*/

body.about li#aboutLN a, body.ad li#adLN a, body.privacy li#privacyLN a, body.terms li#termsLN a, body.contact li#contactLN a, body.links li#linksLN a, body.download li#downloadLN a { background: url(../img/common/category_btn_current_bg.jpg) left center no-repeat!important; }

body.about li#aboutLN a span, body.ad li#adLN a span, body.privacy li#privacyLN a span, body.terms li#termsLN a span, body.contact li#contactLN a span, body.links li#linksLN a span, body.download li#downloadLN a span { background: url(../img/common/category_btn_current_bg.jpg) right center no-repeat!important; }

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

div.wrapper {
    padding: 20px 0 10px;
    min-height: 100px;/*IE7*/
    clear: both;
    float: none;
    width: auto;
    line-height: 1;
}

div.wrapper div.infoBox {
    padding-bottom: 20px;
    min-height: 10px;/*IE7*/
    color: #777;
}

div.wrapper div.infoBox a {
    color: #AAA;
    border-bottom: 1px solid #00CCFF;
    padding-bottom: 1px;
}

div.wrapper div.infoBox a:hover {
    color: #555;
    border-bottom: 1px solid #66FFFF;
}

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

div.wrapper h3 {
    color: #0099FF;
    font-size: 15px;
    padding-left: 20px;
}

div.wrapper div.infoBox p {
    font-size: 13px;
    line-height: 1.5;
    padding: 0 0 10px;
}

div.wrapper div.infoBox blockquote {
    border: 10px solid #EEE;
    padding: 10px;
    width: 400px;
    margin: 0 auto 20px;
}

div.wrapper div.infoBox blockquote p {
    padding: 0!important;
    text-align: center;
}

div.wrapper div.infoBox em {
    background: url(../img/common/wave3.gif) 0 bottom repeat-x;
    padding-bottom: 2px;
    color: #333;
}

div.wrapper div.infoBox div.about p {
    font-size: 15px;
    line-height: 1.7;
    padding: 0 0 15p;
}

div.wrapper p#powered {
    font-size: 11px;
    color: #888;
}

/*
STAFFS */

div.wrapper div.staffs {
    float: left;
    width: 640px;
}

div.wrapper div.staffs p.q { font-size: 16px; }

div.wrapper div.staffs p.q span {
    color: #999;
    font-size: 11px;
    padding-left: 10px;
}

div.wrapper div.staffs p, div.wrapper div.cotbs p { padding: 0 0 10px!important; }

div.wrapper div.staff {
    padding: 10px 0 15px;
    width: 315px;
    float: left;
}

div.wrapper div.odd { padding-right: 10px; }

div.wrapper div.staff div.pic {
    float: left;
    width: 170px;
    margin: 0 0 10px;
    padding: 5px;
    border: 1px solid #E7E7E7;
    background: #F7F7F7;
}

div.wrapper div.staff div.pic img { float: left; }

div.wrapper div.staff div.txt {
    float: right;
    width: 130px;
    padding-top: 5px;
}

div.wrapper div.staff p.comment {
    height: 50px;
    background: #555 url(../img/info/comment_bg.jpg) left bottom no-repeat;
    padding: 10px 10px 0 50px!important;
    color: #FFF;
}

div.wrapper div.staff p.staffName {
    background: #555 url(../img/info/comment_bg.jpg) -30px bottom no-repeat;
    padding: 10px 10px 10px 20px!important;
    color: #FFF;
    font: bold italic 15px/1.0 Arial, Helvetica, sans-serif;
}

div.wrapper div.staff p.staffName span {
    font: normal normal 10px Arial, Helvetica, sans-serif;
    color: #FEFEFE;
}

div.wrapper div.staff p.function {
    padding: 10px 0 0 10px!important;
    font: normal 12px Georgia, "Times New Roman", Times, serif;
}

/*
CONTRIBUTORS */

div.wrapper div.cotbs {
    float: right;
    width: 200px;
    border: 10px solid #EEE;
    padding: 10px;
    margin: 10px 0 0;
}

div.wrapper div.cotbs h3 {
    padding: 0 0 5px!important;
    margin-bottom: 5px;
    border-bottom: 1px solid #DDD;
}

div.wrapper div.cotb {
    padding: 5px 0;
    border-bottom: 1px solid #EEE;
}

div.wrapper div.cotb p.cotbName {
    display: inline;
    font-weight: bold;
}

div.wrapper div.cotb p.function {
    display: inline;
    padding-left: 10px!important;
}

/*
-------------------------------------------------------------------------------
CONTACT
-------------------------------------------------------------------------------*/

div.main {
    width: 640px;
    float: left;
}

table.formTable {
    border: none;
    width: 640px;
    margin: 0 0 20px;
    border-bottom: 1px solid #EEE;
}

table.formTable p { padding: 0 0 10px!important; }

table.formTable p.errMsg {
    padding: 2px 0 0!important;
    color: #FF0000;
}

span.errMsg {
    display: block;
    color: #FF0000;
}

table.formTable th {
    background: #EBFDFF;
    padding: 10px;
    display: table-cell;
    border-top: 1px solid #9EE3FF;
    width: 150px;
    color: #888;
}

table.formTable th span.jp {
    display: block;
    font-size: 11px;
    padding: 3px 0 0;
    color: #666;
}

table.formTable tr.you th { color: #000; }

table.formTable td {
    background: #FAFAFA;
    padding: 10px;
    display: table-cell;
    border-top: 1px solid #DDD;
    width: auto;
}

table.formTable td p {
    padding: 0 0 5px!important;
    color: #555;
}

table.formTable td span.jp {
    font-size: 11px;
    color: #666;
}

input.text {
    font-size: 15px;
    padding: 2px;
    border: 1px solid #DDD;
    width: 300px;
}

table.formTable tr.you input.text { border: 1px solid #BBB; }

textarea {
    font-size: 15px;
    padding: 2px;
    border: 1px solid #DDD;
    width: 420px;
    height: 200px;
}

span.chk { color: #FF0000; }

p.caution {
    color: #FF9900;
    font-size: 10px;
}

p.btn { text-align: center; }

p.btn span.jp {
    font-size: 11px;
    color: #666;
}

p.btn a {
    border: none;
    color: #0066CC;
}

p.btn a:hover {
    color: #0099CC;
    border: none;
}

input.btn {
    font-size: 14px;
    padding: 7px;
    cursor: pointer;
    margin-top: 10px;
}

div.sub {
    width: 300px;
    float: right;
    color: #666;
}

div.sub div.ad { margin-bottom: 30px; }

div.sub h3 {
    padding: 0 0 10px!important;
}

div.sub p {
    padding: 0 0 15px;
    line-height: 1.7;
}

div.sub p a {
    border-bottom: 1px solid #EEE;
    color: #0066CC;
}

div.sub p a:hover {
    border-bottom: none;
    color: #0066CC;
}

div.sub ul {
    list-style-type: circle;
    padding: 10px 0 0 15px;
}

div.sub li { padding: 0 0 10px; }

/*
-------------------------------------------------------------------------------
DOWNLOAD
-------------------------------------------------------------------------------*/

body.download div.infoBox div.box {
    width: 150px;
    height: 150px;
    overflow: hidden;
    padding: 10px 10px 0 0;
    float: left;
    display: inline;
    line-height: 1.5;
}

body.download div.infoBox div.box div.thumb {
    width: 146px;
    height: 76px;
    overflow: hidden;
    border: 2px solid #000;
    margin-bottom: 10px;
}

body.download div.infoBox div.box div.thumb img { width: 146px; }

body.download textarea.embed {
    width: 616px;
    height: 3em;
    border: 1px inset #DDD;
    padding: 0;
    margin: 0 0 10px;
    background: #FFF;
}

body.download textarea.widget {
    width: 326px;
    height: 6em;
    background: #F5F5F5;
}

body.download div.sample {
    float: right;
    width: 282px;
    padding-left: 20px;
}

body.download div.infoBox h3 { padding: 0 0 10px!important; }

body.download div.banner {
    border: 1px solid #DDD;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    background: #F5F5F5;
}

body.download p.embed {
    margin-top: 10px;
    width: 12em;
    padding: 4px!important;
    background: #DDD;
    text-align: center;
}

body.download p.embed strong {
    color:#0066CC;
    font-weight: bold;
}