/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

body{
	background: url('../img/03_works/hp3.jpg') top left no-repeat;
	background-color: #ffcc21;
    margin:0;
    padding:0;
    position:relative;
    top:0;
    left:0;
    width:auto;
/*    background-image:url('http://www.pantsu.info/p'); hahaha*/
/*    background: url('../img/bg_shimapan.jpg') top left transparent repeat;*/
    background-attachment: fixed;
}


.clear{
    clear:both;
}

a {
    text-decoration:none;
}

img {
    border:0;
}

.container{
    position:relative;
	margin-top:150px;
    margin-left:120px;
    width:490px;
    min-height:300px; 
    /* background:#fff; */
	z-index:1; 
}


#crusher{
    position:fixed;
	top:0px;
    margin-left:101px;
	display:block; 
    z-index:10; 
}


#accueil{
    position:relative;
    /* height:864px; */
    width:600px;
    background: url('../img/scroll.jpg') top left no-repeat;
}


#slideshow{
    position:absolute;
    width:940px;
    height:861px;
}

#slideshow li{
    position:absolute;
    width:940px;
    height:861px;
}

#slideshow img{
    position:absolute;
}


#menu{
    position:fixed;
    top:0px;
    left:0px;
    z-index:20;  
}

.menubutton{
    position:absolute;
    width:164px;
    height:24px;
/*    border:1px #ccc solid;*/
    margin-bottom:9px;
    cursor:pointer;z-index:20;
}

#menuprofile{
    background: url('../img/menu_profile.jpg') top left no-repeat;
}

#menudoujin{
    background: url('../img/menu_doujin.jpg') top left no-repeat;
}

#menucontact{
    background: url('../img/menu_contact.jpg') top left no-repeat;
}

#socialbuttons{
	position:absolute;
	left:507px;
	top:203px;
	height:77px;
	cursor:pointer;
	text-decoration:none;
	z-index:20;
}

.socialbutton{
    position:relative;
    width:73px;
    height:77px;
    display:inline-block;
    margin-right:6px;z-index:20;
}


#fblogo{
    background: url('../img/logo_facebook.jpg') top left no-repeat;
}

#ttlogo{
    background: url('../img/logo_twitter.jpg') top left no-repeat;
}

.pointilles{
    position:relative;
    background: url('../img/pointilles.jpg') top left no-repeat;
    width:940px;
    height:16px;
}


#whatis{
    position:relative;
    background: url('../img/whatis.jpg') top left no-repeat;
    width:940px;
    height:299px;
    padding-bottom:14px;
}

#about{
    position:relative;
    width:940px;
    
}

#roster{
    position:relative;
    margin-left:4px;
    padding-bottom:16px;
}

#roster a{
    position:relative;
    width:230px;
    height:600px;
    border:0;
}

.vignette{
    width:230px;
    height:600px;
    display:inline-block;
}

#asok{
    background: url('../img/asok1.jpg') top left no-repeat;
}

#kinary{
    background: url('../img/kinary1.jpg') top left no-repeat;
}

#sitouanang{
    background: url('../img/sitou1.jpg') top left no-repeat;
}

#vinhnyu{
    background: url('../img/vinh1.jpg') top left no-repeat;
}


#newreleasetitle{
    background: url('../img/newreleasetitle.jpg') top left no-repeat;
    width:940px;
    height:73px;
    padding-bottom: 18px;
}


#doujinscontainer{
    margin-bottom:18px;
}

#bigdoujins{
    width:940px;
    padding-left:45px;
}

#bigdoujin1{
    width:420px;
    height:600px;
    position:relative;
    display:inline-block;    
/*    background: url('../img/zr1.jpg') top left no-repeat;*/
}

#bigdoujin2{
    width:420px;
    height:600px;
    position:relative;
    display:inline-block;
    margin-left:8px;
/*    background: url('../img/armored.jpg') top left no-repeat;*/
}

#littledoujins{
    padding-top:8px;
    
    padding-right:45px;
    width:940px;/*
    height:242px;*/
}

#thumbsdoujin1, #thumbsdoujin2, #thumbseparator{
    float:left;
    position:relative;
}

#thumbsdoujin1{
    padding-left:45px;
}
#thumbseparator{width:12px; height:36px;}

.thumbnail{
    position:relative;
    height:36px;
    border:1px #ccc solid;
    width:100px;
    display:inline-block;
    cursor:pointer;
}


#lastconv{
    width:940px;
    height:50px;
    position:relative;
    background: url('../img/lastconv.jpg') top left no-repeat;
}

#conv1{
    position:relative;
    float:left;
    left:45px;
    width:350px;
}

#conv2{
    position:relative;
    float:right;    
    right:45px;
    width:465px;
}

.doujinthumb1{
    position:relative;

    display:inline-block;
    width:100px;
    height:142px;    
    margin-right:13px;
}

.doujinthumb2{
    position:relative;
    display:inline-block;
    width:100px;
    height:142px;    
    float:right;
    margin-left:13px;
    margin-bottom:4px;
}

#contactcontainer{
    position:relative;
}

#contactlinks{
    width:940px;
    height:77px;
    position:relative;
    background: url('../img/contactlinks.jpg') top left no-repeat;
    padding-bottom:19px;
}


#widesocial{
    width:324px;
    margin-left:46px;
    position:relative;
}

#widefb{
    display:block;
    width:324px;
    height:77px;
    position:relative;
    background: url('../img/widelogo_facebook.jpg') top left no-repeat;
    padding-bottom:19px;
}

#widett{
    display:block;
    width:324px;
    height:77px;
    position:relative;
    background: url('../img/widelogo_twitter.jpg') top left no-repeat;
}

#email{
    margin-top:91px;
    padding-bottom:27px;
    display:block;
    width:321px;
    height:29px;
    position:relative;
    background: url('../img/email.jpg') top left no-repeat;
}


#littleroster{
    position:absolute;
    margin-left:661px;
    margin-top:9px;
    width:216px;
}

.littlevignette{
    float:right;
    height:54px;
}

#littlevinhnyu{
    padding-bottom:10px;
    display:block;
    width:172px;
    height:54px;
    position:relative;
    background: url('../img/vinhwide.jpg') top left no-repeat;
}

#littlekinary{
    padding-bottom:10px;
    display:block;
    width:157px;
    height:54px;
    position:relative;
    background: url('../img/kinarywide.jpg') top left no-repeat;
}


#littlesitouanang{
    padding-bottom:10px;
    display:block;
    width:216px;
    height:54px;
    position:relative;
    background: url('../img/sitouwide.jpg') top left no-repeat;
}


#littleasok{
    padding-bottom:10px;
    display:block;
    width:131px;
    height:54px;
    position:relative;
    background: url('../img/asokwide.jpg') top left no-repeat;
}


#partners{
    width:940px;
    height:97px;
    background: url('../img/partners.jpg') top left no-repeat;
    position:relative;
    padding-bottom:19px;
}




#remonter{
    position:fixed;
    top:400px;
    margin-left:960px;
    background: url('../img/retour.jpg') top left no-repeat;
    width:72px;
    height:76px;
    display:none;
    cursor:pointer;
}