/* coding by halliwell, please leave credit intact and re-host everything */

a {color:#fef334c; text-decoration:none;}

html,body {
 background: url( ) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    overflow-x: hidden;}

@font-face{font-family:homegirl; src:url(http://stetten.webs.com/HomegirlWhut.ttf);}

#fonty {}
 
#bigbox {
    background-color: transparent;
    padding-top: 5px; /* test only */
    margin-left: 110%; /* Start position: right outside */
    -webkit-transition: margin-left 1s;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}
#bigbox.home_inside {
    margin-left: 0;
}
#bigbox.about_inside {
    margin-left: -100%;
}
#bigbox.contact_inside {
    margin-left: -200%;
}
#bigbox.story_inside {
    margin-left: -400%;
}
#bigbox.faves_inside {
    margin-left: -300%;
}
#bigbox.transition { /* Effects only */
    -webkit-transition: margin-left 1s;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}

.content {
    position: absolute;
    margin-right: 20px;
}
#home_content {
    margin-left: 0px; /* inside the #bigbox */ 
}
#about_content {
    margin-left: 100%; /* "relative" position to #home_content */
}
#contact_content {
    margin-left: 200%; /* another "relative" position to #home_content */
}
#story_content {
    margin-left: 400%; /* another "relative" position to #home_content */
}
#faves_content {
    margin-left: 300%; /* another "relative" position to #home_content */
}

.links {
    display: inline-block;
    padding: 15px 0 5px 5px;
    margin-left:20px;
font-family: Poiret One;
    color: #00a584;
    font-size: 35px;
    line-height: 30px;
text-shadow: #fafafa 1px 1px 1px;
text-decoration: none;
}

#woop {
     background: url('http://i.imgur.com/nCtgZs5.jpg');
     color: #000000;
    padding:5px;
box-shadow:0px 0px 2px #C5CBE0; 
border-radius:5px;
height:380px; 
width:620px;
}

#yell {height:20; padding:8px; transition:1s; overflow: hidden; margin:0px;}
#yell:hover {height:510; width:555px;}
#yell2 {height:510; overflow: auto; width:555px;}

#eep {color:#000000; background:; padding:10px; font-family: lucida console; color: #3f3f3f; font-size:10px; line-height:12px; letter-spacing: 1; text-shadow: #c0c0c0 0px 0px 1px; }

.smile {font-family: special elite; color:#292929; font-size:22px; line-height:30px; background:url(http://i.imgur.com/nCtgZs5.jpg); text-shadow:#c0c0c0 1px 0px 1px; display: block; padding-left:5; padding-right:5; letter-spacing:1px;}

.smile2 {font-family: special elite; color:#292929; font-size:14px; line-height:14px; background:url(http://i.imgur.com/nCtgZs5.jpg); text-shadow:#c0c0c0 1px 0px 1px; display: block; padding-left:5; padding-right:5; text-transform: none;}

.smile3 {font-family: open sans; color:#292929; font-size:11px; line-height:14px; background:url(http://i.imgur.com/nCtgZs5.jpg); text-shadow:#c0c0c0 1px 0px 1px; display: block; padding-left:5; padding-right:5; text-align:justify;}

.smile4 {font-family: ara; color:#292929; font-size:11px; line-height:14px; background:url(http://i.imgur.com/nCtgZs5.jpg); text-shadow:#c0c0c0 1px 0px 1px; display: block; padding: 5px; text-align:justify;}

.blood {font-family: lucida console; color: #3f3f3f; font-size:8px; line-height:9px; font-weight: bold; letter-spacing: 1; text-transform: uppercase; background:#8dd8d8; text-shadow: #c0c0c0 0px 0px 1px; display: block; padding-left:4; padding-top:2; border-bottom:1px dotted #f4f4f4; background: url(' '); background-color: #c8f9ed;}

.blood2 {font-family: oswald; color: #FFFFFF; font-size:14px; line-height:16px; letter-spacing: 1; text-transform: uppercase; text-shadow: #000000 0px 0px 3px; display: block; padding-left:2; padding-top:2;}

#credit {
position:fixed;
width:60px;
right:2px;
top:3px;
line-height:5px;
letter-spacing:0px;
font:8px trebuchet ms;
color: #101010;
text-transform:uppercase;
z-index: 9999;}

#imggy {border-top-left-radius:60px;
border-top-right-radius:0px; width:80px; padding:5px; background: url('http://i.imgur.com/PVo4suH.png');}

#imggy2 {border-radius:25px; width:50px; padding:2px; background: url('http://i.imgur.com/PVo4suH.png'); border:1px solid #000000;}

a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:10px 10px; margin-top:-20px; margin-left:10px; width:240px; line-height:14px; font-size:12px; text-align: justify; font-family: open sans; letter-spacing:0px;} 
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #D1D1D1; background:#EFEFEF; opacity:0.9; font-family: open sans; letter-spacing:0px;} 
a.tooltip span { border-radius:4px; box-shadow: 0px 0px 1px #000000; } 

::-webkit-scrollbar{
  width:5px;} 

::-webkit-scrollbar-thumb{
   background-color: transparent;} 

#image {
width:80px;
padding:6px;
height:auto;
background-color:#eee;
border-top-left-radius:10px;
border-top-right-radius:10px;
border:1px solid #000000;
background: url('http://i.imgur.com/PVo4suH.png');}

#image img {
width:80px;
height:80px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:1px solid #000000;}

#namey { width:100px; text-transform: uppercase; font-size: 9px;}

a {text-decoration: none; color: #000000;}