@charset "UTF-8";
/*
(C) SCRAPTURE.org
    Table of Content
    MESSAGE
    SLIDE
    OVER VIEW
    - RECENT SNAP
    - MAIN
      - SPONSORED LINK
    - WRAPPER
      - PDF MAG
      - MAIL SERVICE
      - LEFT
      - RIGHT
    MY BLOG LOG
*/

/*
-------------------------------------------------------------------------------
MESSAGE
-------------------------------------------------------------------------------*/

div.hello h2 {
    font-size: 1.8em;
    font-weight: bold;
    color: #333;
    font-family: Arial, Helvetica, Verdana, sans;
    letter-spacing: -1px;
}

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

div#content div.inner { width: 960px; }

div#content div.inner div.left {
    width: 200px;
    margin: 0;
    padding: 20px 0 0 0;
    float: left;
    display: none;
}

div#content div.inner div.right {
    width: auto;
    margin: 0;
    padding: 20px 0 0 0;
    clear: both;
    display: none;
}

div#content div.inner h2 {
    color: #333;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px 0;
    margin: 0 0 10px;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 16px;
}

/*
-------------------------------------------------------------------------------
SLIDE
-------------------------------------------------------------------------------*/

div#slide {
    width: auto;
    padding: 15px 0;
    float: left;
}

* html div#slide {
    overflow: hidden;
    height: 260px;
}

div#slide div.slideBox {
    float: left;
    width: 300px;
    height: 251px;
    padding: 5px;
    position: relative;
    background: url(../img/common/slide_box_bg.gif) 0 0 no-repeat;
}

div#slide div.slideBox p { padding: 0 0 10px; }

div#slide div.slideBox#boys,
div#slide div.slideBox#girls { margin: 0 15px 0 0; }

div#slide div.slideBox span.title {
    position: absolute;
    width: 37px;
    height: 60px;
    text-indent: -7777em;
    overflow: hidden;
    top: 20px;
    left: -32px;
    z-index: 1;
}

div#slide div#girls span.title {
    background: url(../img/common/ribbon_sex.gif) 0px -60px no-repeat;
    opacity: 0.95; /* w3c */
    filter: alpha(opacity=95); /* ie */
}

div#slide div#boys span.title {
    background: url(../img/common/ribbon_sex.gif) 0px 0px no-repeat;
    opacity: 0.95; /* w3c */
    filter: alpha(opacity=95); /* ie */
}

/*
div#slide div.slideBox span.title {
    position: absolute;
    width: 80px;
    height: 80px;
    text-indent: -7777em;
    overflow: hidden;
    bottom: 0;
    left: 0;
    z-index: 1;
}
div#slide div#couples span.title {
    background: url(../img/common/slide_box_bg.gif) -220px -271px no-repeat;
    opacity: 0.90;
    filter: alpha(opacity=90);
}
*/

div#slide div#advertisement { background: #EEE; }

div#slide span#vaquum {
    width: 100px;
    height: 25px;
    display: block;
    overflow: hidden;
    text-indent: -7777em;
    background: url(../img/common/vaquum_label.png) 0 0 no-repeat;
    position: absolute;
    top: 220px;
    left: 44px;
}

* html div#slide span#vaquum {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/common/vaquum_label.png', sizingMethod=crop);
}

div#slide div.slideBox div.recentComment {
    position: absolute;
    width: 120px;
    left: 183px;
    top: 5px;
    height: 251px;
    overflow: hidden;
}

div#slide div.slideBox div.recentComment a { color: #999; }

div#slide div.slideBox div.recentComment h3 {
    color: #333;
    width: auto;
    padding: 10px 0;
    font-weight: normal;
    font-size: 12px;
    /*background: url(../img/common/slide_rc_bg.gif) left bottom no-repeat;*/
    text-indent: -7777em;
}

div#slide div.slideBox div.recentComment ul {
    padding: 0;
    line-height: 1.5;
}

div#slide div.slideBox div.recentComment ul li {
    display: inline;
    padding-right: 5px;
}

div#slide div.slideBox div.recentComment ul li a {
    border-bottom: 1px solid #A7E0EB;
    color: #222;
    font-size: 18px;
    font-weight: bold;
}

li a.cLevel1 {
    color: #AAA!important;
    font-size: 10px!important;
}

li a.cLevel2 {
    color: #999!important;
    font-size: 12px!important;
    font-weight: normal!important;
}

li a.cLevel3 {
    color: #777!important;
    font-size: 14px!important;
    font-weight: normal!important;
}

li a.cLevel4{
    color: #666!important;
    font-size: 15px!important;
}

li a.cLevel5 {
    color: #555!important;
    font-size: 16px!important;
}

div#slide div.slideBox div.recentComment ul li a:hover {
    border-bottom: 1px solid #00CCFF;
    color: #333!important;
}

div#player1,
div#player2 {
    width: 168px;
    height: 251px;
    background-image: url(../img/common/slide-loader.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
}

/*
-------------------------------------------------------------------------------
OVER VIEW
-------------------------------------------------------------------------------*/

div#overview {
    width: auto;
    clear: both;
    float: none;
}

div#overview a {
    color: #FFF;
    border-bottom: 1px solid #666;
}

div#overview a:hover { color: #0099FF; }

div#overview div.inner {
    margin: 0 auto;
    padding: 15px 0 0;
    width: 960px;
    text-align: left;
}

div#overview div.inner h2 {
    padding: 0;
    margin: 0 0 15px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
}

div#overview div.inner p, div#overview div.inner div.left p, div#overview div.inner div.right p { padding: 0 0 10px; }

div#overview div.inner div.left img {
    float: right;
    padding: 0 0 5px 10px;
}

/*
POSTS SNAP
-------------------------------------------------------------------------------*/

div#recentPosts {
    padding: 10px 0 30px;
    min-height: 30px;/*IE7*/
    clear: both;
    float: none;
}

div#recentPosts a {
    text-decoration: none;
    border: none;
}

div#recentPosts div.recent_pic {
    padding: 0 1px 0 0;
    margin: 0;
    float: left;
    width: 58px;
    height: 77px;
}

div#recentPosts div.more {
    float: right;
    width: 45px;
    height: 68px;
}

div#recentPosts div.more a {
    display: block;
    background: url(../img/common/more_btn.gif) 0 0 no-repeat;
    width: 45px;
    height: 68px;
    text-indent: -999em;
    overflow: hidden;
}

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

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

div.main {
    float: left;
    width: 590px;
    padding-bottom: 20px;
}

div.main a { border-bottom: 1px solid #0066FF; }

div.pr { padding-bottom: 10px; }

div.pr a {
    text-decoration: none;
    color: #FFF;
    border: none!important;
}

div.pr a:hover { color: #888!important; }

div.pr span {
    color: #FFFF00;
    padding-right: 3px;
}

div#overview div.inner div.main h2 {
    color: #0066FF;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

div.main h3 {
    font-weight: bold;
    font-size: 1.2em;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0 0 15px;
}

div.main h3 a { border: none!important; }

div.main div.entry { padding-bottom: 15px; }

div.main div.entry p {
    line-height: 1.8em;
    padding-bottom: 2em;
}

div.main div.entry a {
    text-decoration: none;
    border-bottom: 1px solid #DDD;
    padding-bottom: 1px;
}

/*
RECOMMEND MUSIC */

div#recommend_music div.box {
    width: 290px;
    height: 240px;
    float: left;
    padding-top: 10px;
    overflow: hidden;
}

div#recommend_music div.album {
    width: 130px;
    height: 146px;
    position: relative;
    padding: 0 0 0 160px;
    overflow: hidden;
}

div#recommend_music a.case {
    width: 155px;
    height: 146px;
    top: -1px;
    left: -4px;
    display: block;
    position: absolute;
    background-image: url(../img/music/cd_case_small.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 2;
    text-indent: -7777em;
    border: none;
}

* html div#recommend_music a.case {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/music/cd_case_small.png', sizingMethod=crop);
}

div#recommend_music div.album img {
    position: absolute;
    top: 2px;
    left: 14px;
    z-index: 1;
}

div#recommend_music div.album h3 { padding: 0; }

div#recommend_music div.album p {
    padding: 0;
    color: #0066FF;
    font-size: 11px;
}

div#recommend_music div.body {}

div.main div.recommend a { border: none!important; }

div.main div.entry a img.banner {
    background: #CCC;
    text-decoration: none;
    padding: 5px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #F5F5F5;
}

div.main div.entry a:hover img { background: #EEE; }

/*
ARTICLE */

div.article {
    width: 290px;
    height: 145px;
    margin: 0 0 30px 0;
    float: left;
    position: relative;
    display: inline;
    color: #333;
    background: #CCC;
}

div.odd { margin-left: 10px; }

div.article a img, div.article a:hover img {
    border: none!important;
    padding: 0!important;
    background: none!important;
}

div.article div.cover {
    width: 145px;
    height: 145px;
    background: #EEE;
    float: left;
    position: relative;
    overflow: hidden;
}

div.article div.cover p.title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 30px;
    background: #000;
    padding: 5px;
    color: #FFF;
    font-size: 12px;
    opacity: 0.80; /* w3c */
    -moz-opacity: 0.80;
    filter: alpha(style=0, opacity=80); /* ie */
    display: none;
}

div.article div.cover p.title span.date {
    color: #666;
    display: block;
    font: bold 10px/1.0 Arial, Helvetica, sans-serif;
}

div.article div.excerpt {
    width: 135px;
    height: 135px;
    float: right;
    padding: 5px;
    position: relative;
    overflow: hidden;
    color: #333;
    font-size: 10px;
}

div.article h2.copy {
    color: #555!important;
    font-size: 12px!important;
    padding: 0 0 10px!important;
    background: none!important;
    margin: 0!important;
    border: none!important;
}

div.article h2.copy a {
    color: #333!important;
    border-bottom: 1px solid #DDD!important;
    padding-bottom: 1px!important;
    line-height: 1.5!important;
}

div.article h2.copy a:hover { color: #555; }

div.article p {
    font-size: 10px!important;
    line-height: 1.5!important;
    padding: 0 0 5px!important;
}

div.article p.tags { color: #666; }

div.article p.readMore {
    position: absolute;
    color: #CCC;
    height: 10px;
    top: 150px;
    right: 0;
    font: normal 10px/1.0 Arial, Helvetica, sans-serif;
}

div.article p.readMore a { color: #A4D2DC!important; }

div.article span.new {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left: -20px;
    top: -20px;
    text-indent: -7777em;
    background: url(../img/articles/new.png) 0 0 no-repeat;
    z-index: 9999;
}

* html div.article span.new {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.scrapture.org/img/articles/new.png", sizingMethod="crop");
}

/*
SPONSORED LINK */

div.main div.sponsored_link dt {
    position: relative;
    padding-bottom: 0.5em;
}
div.main div.sponsored_link dt span.link {
    display: block;
}
div.main div.sponsored_link dt a {
    font-weight: bold;
    color: #FFF;
    font-size: 110%;
}
div.main div.sponsored_link dt small {
    font-weight: normal;
}
div.main div.sponsored_link dt small a {
    color: #CCC;
    font-weight: normal;
    font-size: 10px;
}
div.main div.sponsored_link dd {
    margin-bottom: 1em;
    color: #BBB;
    font-size: 10px;
}

div.main div.sponsored_link .link {
    cursor: pointer;
}

img.floatImg {
    float: left;
    padding: 5px;
    background: #CCC;
    border-bottom: 1px solid #F5F5F5;
    border-top: 1px solid #F5F5F5;
    margin: 0 15px 5px 0;
    display: inline;
}

a:hover img.floatImg { background: #EEE; }

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

div.wrapper {
    width: 330px;
    float: right;
    padding-bottom: 20px;
    padding-right: 5px;
}

div#ad300x250 {
    width: 300px;
    padding: 10px 15px 5px;
    background: #000;
}

div#ad300x250 a {
    text-decoration: none;
    border: none;
}

/*
PDF MAG*/

div.wrapper div#pdf_mag {
    padding: 10px 10px 5px;
    margin: 0;
    background: #222;
    position: relative;
}

div.wrapper div#pdf_mag a {
    background: none;
    text-decoration: none;
}

div.wrapper div#pdf_mag h2 {
    border-top: none;
    padding: 5px 0;
    border-bottom: 1px solid #555;
    color: #FFF;
    background: none;
    text-align: right;
    margin-bottom: 5px;
}

div.wrapper div#pdf_mag div#preview {
    text-align: right;
}

div.wrapper div#pdf_mag p.ribbon {
    width: 330px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 99;
}

div.wrapper div#pdf_mag p.ribbon a {
    width: 330px;
    height: 270px;
    overflow: hidden;
    text-indent: -7777em;
    background: url(../img/common/ribbon.png) 0 0 no-repeat;
    display: block;
    border: none;
    cursor: pointer;
}

* html div.wrapper div#pdf_mag p.ribbon a {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/common/ribbon.png', sizingMethod=crop);
}

div.wrapper div#pdf_mag p.ribbon a:hover { background: url(../img/common/ribbonHover.png) 0 0 no-repeat; }

* html div.wrapper div#pdf_mag p.ribbon a:hover {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.scrapture.org/img/common/ribbonHover.png', sizingMethod=crop);
}

/*
MAIL SERVICE */

div.wrapper div#mailService {
    /*padding: 10px 10px 15px;*/
    padding: 10px 0 15px;
    margin: 0;
    /*background: #111;*/
    position: relative;
    min-height: 1px;/*add 0430*/
}

div.wrapper div#mailService h2 {
    border-top: none;
    /*padding: 5px 0 5px 28px;*/
    padding: 5px 0;
    border-bottom: 1px solid #555;
    color: #FFF;
    /*background: url(../img/common/mail.gif) 0 50% no-repeat;*/
}

div.wrapper div#mailService p.title-lv2 {
    padding: 5px 0 5px!important;
    margin-bottom: 10px;
    border-bottom: 1px solid #555;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

div.wrapper div#mailService p {
    width: auto;
    line-height: 1.3;
}

div.wrapper div#mailService p.getNews {
    width: 145px;
    height: 52px;
    overflow: hidden;
    text-indent: -7777em;
    position: absolute;
    top: 5px;
    right: -10px;
}

div.wrapper div#mailService input.submitMail {
    border: none;
    padding: 3px 1px;
    font-size: 150%;
    color: #0066FF;
    background: #3A3A3A;
    border-top: 1px solid #2B2B2B;
    border-bottom: 1px solid #444;
    margin-right: 10px;
    float: left;
}

div.wrapper div#mailService button.submitBtn {
    background: url(../img/common/mailBtn.gif) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    text-indent: -7777em;
    border: 0;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 0;
    cursor: pointer;
    /*\*//*/
    letter-spacing : -999em;
    /**/
}

div.wrapper div#mailService button.submitBtn:hover {
    background: url(../img/common/mailBtn.gif) -25px 0 no-repeat;
}

/*
LEFT */

div.wrapper div.left {
    padding: 0 0 0 0;
    margin-top: 15px;
    width: 228px;
    height: 423px;
    float: right;
    overflow: hidden;
    border: 1px solid #666;
    background-color: #444;
}

div.wrapper div.left div.entry {
    padding: 0 0 15px;
    position: relative;
    width: 230px;
    height: auto;
}

div.wrapper div.left h2 { font-size: 120%; }

div.wrapper div.left h2 img { padding-left: 0!important; }

div.wrapper div.left p { line-height: 1.3; }

div.wrapper div.left p.said {
    padding: 10px 10px 20px!important;
    background: url(../img/common/said_bg.gif) 0 bottom no-repeat;
    color: #333!important;
}

div.wrapper div.left p.link {
    font-size: 11px;
    color: #AAA;
}

div.wrapper div.left div.entry span.icon img {
    position:absolute;
    width: 18px;
    height: 18px;
    border: 2px #EEE solid;
    bottom: 20px;
    right: 10px;
    display: block;
    padding: 0!important;
}

div.wrapper div.left img {
    float: none!important;
    vertical-align: middle;
    padding: 0 0 3px 5px!important;
}

div.wrapper div.left a.out {
    background: url(../img/common/out.gif) right 50% no-repeat;
    padding-right: 17px;
    border: none!important;
}

div.wrapper div.left span.ago { color: #00CCFF; }

/*
RIGHT */

div.wrapper div.right {
    width: 82px;
    padding: 15px 0 0;
    float: left;
    overflow: hidden;
}

div.wrapper div.right a {
    border-bottom: none!important;
    text-decoration: none;
}

div.wrapper div.right img {
    margin-bottom: 5px;
}

/*
-------------------------------------------------------------------------------
MY BLOG LOG
-------------------------------------------------------------------------------*/

div.reader {
    clear: both;
    float: none;
    padding: 15px 0;
}

div.reader h3 {
    font-weight: bold;
    font-size: 1.2em;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-top: 1px solid #555;
    padding: 5px 0;
}

div.reader table { border: none; }

.mbl_fo_hidden { display: none; }

/*body table#MBL_COMM {border:2px solid red;}*/

/*table#MBL_COMM td.mbl_img { background: none; }*/

body table#MBL_COMM td { background: none; }

td.mbl_img, table { background: none!important; }

body table#MBL_COMM img { border: 3px solid #999; }

body table#MBL_COMM img:hover { border: 3px solid #DDD; }

td.mbl_join, td.mbl_join_img { display: none!important; }


div.party {
    border: 3px solid #777;
    padding: 10px 10px 0;
    margin-bottom: 15px;
}

div.party p.title {
    border-bottom: 1px solid #777;
    line-height: 1.0!important;
    padding: 0 0 10px!important;
    margin: 0 0 10px;
    color: #FFF;
}

div.party .le {
    float: left;
    width: 277px;
}

div.party .ri {
    float: right;
    width: 277px;
}

div.party dl.fakeTable dt {
    width: 8em;
    text-align: left;
    font-weight: bold;
}

div.party dl.fakeTable dd {
    padding: 0.5em 0.5em 0.5em 8.2em;
    border-bottom: 1px dotted #777;
}

/*
FOLLOW
-------------------------------------------------------------------------------*/

div#follow {
    /*padding: 10px 10px 15px;*/
    padding: 10px 0 15px;
    margin: 0;
    /*background: #111;*/
    position: relative;
    min-height: 1px;
}

div#follow p.title-lv2 {
    padding: 5px 0 5px!important;
    border-bottom: 1px solid #555;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

div#follow ul {
    width: 310px;
    height: 30px;
    margin: 20px 0 0;
    position: relative;
}

div#follow ul li {
    height: 30px;
    position: absolute;
    top: 0;
    overflow: hidden;
}

div#follow ul li a {
    height: 37px;
    overflow: hidden;
    text-indent: -7777em;
    display: block;
    background-image:url(../img/common/obj/follow_icon.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div#follow ul li#follow-facebook {
    width: 37px;
    left: 0;
}

div#follow ul li#follow-facebook a { background-position: 0px 0px; }

div#follow ul li#follow-facebook a:hover { background-position: 0px -30px; }

div#follow ul li#follow-mixi {
    width: 67px;
    left: 42px;
}

div#follow ul li#follow-mixi a { background-position: -42px 0px; }

div#follow ul li#follow-mixi a:hover { background-position: -42px -30px; }

div#follow ul li#follow-twitter {
    width: 48px;
    left: 119px;
}

div#follow ul li#follow-twitter a { background-position: -119px 0px; }

div#follow ul li#follow-twitter a:hover { background-position: -119px -30px; }

div#follow ul li#follow-myspace {
    width: 27px;
    left: 179px;
}

div#follow ul li#follow-myspace a { background-position: -179px 0px; }

div#follow ul li#follow-myspace a:hover { background-position: -179px -30px; }

div#follow ul li#follow-virb {
    width: 48px;
    left: 219px;
}

div#follow ul li#follow-virb a { background-position: -219px 0px; }

div#follow ul li#follow-virb a:hover { background-position: -219px -30px; }

div#follow ul li#follow-feed {
    width: 29px;
    left: 281px;
}

div#follow ul li#follow-feed a { background-position: -281px 0px; }

div#follow ul li#follow-feed a:hover { background-position: -281px -30px; }

/*
VAQUUM
-------------------------------------------------------------------------------*/

div#vaquum {
    padding: 10px 0 20px;
    min-height: 30px;/*IE7*/
    clear: both;
    float: none;
}

div#vaquum p.title-lv2 {
    padding: 5px 0 5px!important;
    margin-bottom: 20px;
    border-bottom: 1px solid #555;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

div#vaquum a {
    text-decoration: none;
    border: none;
}

div#vaquum div.recent_pic {
    padding: 0 1px 1px 0;
    margin: 0;
    float: left;
    width: 54px;
    height: 81px;
}

div#vaquum div.more {
    float: right;
    width: 50px;
    height: 78px;
}

div#vaquum div.more a {
    display: block;
    background: url(../img/common/more_btn.gif) 0 5px no-repeat;
    width: 50px;
    height: 78px;
    text-indent: -999em;
    overflow: hidden;
}

div#vaquum div.more a:hover { background: url(../img/common/more_btn.gif) -45px 5px no-repeat; }

/*
AD RIGHT BOTTOM
-------------------------------------------------------------------------------*/

div#ad-right-bottom {
    padding: 10px 0 20px;
    min-height: 30px;/*IE7*/
    clear: both;
    float: none;
}

div#ad-right-bottom a {
    text-decoration: none;
    border: none;
}

div#ad-right-bottom div.banner { padding: 0 15px; }

div#ad-right-bottom p.title-lv2 {
    padding: 5px 0 5px!important;
    margin-bottom: 20px;
    border-bottom: 1px solid #555;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

/*
AD RIGHT TOP
-------------------------------------------------------------------------------*/

div#ad-right-top {
    padding: 0;
    min-height: 30px;/*IE7*/
    clear: both;
    float: none;
}

div#ad-right-top a {
    text-decoration: none;
    border: none;
}

div#ad-right-top p.title-lv2 {
    padding: 5px 0 5px!important;
    margin-bottom: 20px;
    border-bottom: 1px solid #555;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

div#ad-right-top div.banner { padding: 0 0 10px; }

/*
GLAM
-------------------------------------------------------------------------------*/

div.glam-multicontents a { border: none!important; }