new layout csss 2

//*The Bye Bye Section*//
#xg_masthead {visibility: hidden;}
.xg_sprite.xg_sprite-share {display: none;}
.likebox {display: none;}
 .post_to_twitter {display: none;}
.account-links {display: none;}
.xg_module movable,.module_video {display: none;}
h1 {display: none;} #xg_module_body,#xg_module_head h2,.xg_module_comment_wall {display: none;}
#xg_masthead {visibility: hidden;}
.xg_sprite xg_sprite-share {display: none!important;}
#xn_bar {display: none;}
.xg_theme #xg_foot {display: none;}
#xg_layout_column_1 {}
.xg_span-5 {display: none!important;}
#xg_mudule.movable.sortable.module {display: none;}
#xg_navigation,#xg_navigation ul,#xg_navigation ul li,#xg_navigation ul li span,#xg_navigation {display: none;}
.xg_theme #xg_head,.xg_theme #xg_foot {display: none;}
.module_blog {display: none;}
.xg_module_body.profile.vcard dl.last-child{
    position:fixed;
    top:0px;
    Right:5px;
    width: 100px !important;
    text-align: right;
}
h2 {display: none;}<div style="background-image:url(http://api.ning.com:80/files/-3i3rVffQH0ps20cgC-MhO7UzxvhJpAGvQE1FAQLjZFVrXlTBGzoS76iJBrufSsgPJe4j9CRDFsPBZaaIr4k9hETWVfn4mog/TWC.png);color:C0C0C0;font-family:LuzSans-Book;font-size:14px;padding:590px 20px 20px 20px;text-align:center;letter-spacing:1px;">
<blockquote style="background-color: #000000;">

<a rel="nofollow" href="http://www.wattpad.com/story/15008242-three-worlds-collide">Story link</a> <a rel="nofollow" href="http://www.youtube.com/watch?v=yjhT7HzTgrU">Trailer Link</a>
 </div><div style="background-image:url(http://api.ning.com:80/files/gkyeY5S7fAy7ykGmH1SQArMg5k31ALR2AGXydLt6MqMpoohNmkmM7adHAeT5TarJ9sarK3gXdx-UOCTQEqHKKkdm9KwimrrL/glitter.png);background-repeat:repeat;color:#000000;font-family:dotum;font-size:12px;padding:329px 20px 20px 20px;text-align:center;letter-spacing:1px;">
<p style="text-align: right;"><Font size=10><span style="font-family:Apple Garamond,avant garde;">   THIS IS WHERE YOU WRITE THE HEADER   </span></font>
<div style="margin-left:20px; border-left: solid 2px">
<span style="font-family:Apple Garamond,avant garde;">  THIS IS THE BODY <br/>

</div><a href="https://www.wattpad.com/story/52177531-enchanted-world-of-make-believe-book-one" target="_blank"><img src="http://api.ning.com:80/files/4bIsJDjFjL5pPXwip*IQ553jMWiXAc6M9im7YDNYGs-aDiKioC0E7AmbL481y1EG0t6FWGZwbHMXzwi44-gPzo4pQNKfLby-/Enchantedsa1.png" width="440" class="align-full" /></a>

<a href="https://www.wattpad.com/story/52177531-enchanted-world-of-make-believe-book-one" target="_blank"><img src="http://api.ning.com:80/files/4bIsJDjFjL4R5vPRMX72UQ8SK6KX5GhI2uwf113AQRqHa5g9QRb7GDoQpCi5dx3TvfvGy*-XLCDJra7ntNyRTDumAJG5KYfa/Enchantedsa2.png" width="440" class="align-full"></a>//*Link Glow*//
div.xg_span-16, div.xg_3col {width:676px;}
a:hover { color: transparent;text-shadow: #000 0 0 5px;text-decoration:none;}

#tab1 {
background-color:#290604;
border-bottom:1px solid #919191;
border-top:1px solid #919191;
border-left:1px solid #919191;
border-right:1px solid #919191;
width:25px;
height:25px;
font-size:14px;
font-family: 'calibri';
color: #808080;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 0px 10px;
position:fixed;
overflow:hidden;
top:0px;
left:10px;
z-index:999999999;
padding:2px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#tab1icon{
font-size:17px;
color:#808080;
margin-top:0px;
margin-right:0px;
text-align:center;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#tab1:hover{
width:500px;
height:300px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
opacity:0.95}

#tab2 {
background-color:#290604;
border-bottom:1px solid #919191;
border-top:1px solid #919191;
border-left:1px solid #919191;
border-right:1px solid #919191;
width:25px;
height:25px;
font-size:14px;
font-family: 'calibri';
color: #808080;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 0px 10px;
position:fixed;
overflow:hidden;
top:0px;
left:55px;
z-index:99999999;
padding:2px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#tab2icon{
font-size:17px;
color:#808080;
margin-top:0px;
margin-right:0px;
text-align:center;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

#tab2:hover{
width:360px;
height:250px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
opacity:0.95}

.main {width: 540px; height: 550px; margin:0 auto; overflow: hidden
; background-image:url(http://api.ning.com:80/files/PBe5xKf609HaPaTV-paqzq1paacy3RXmQZUnrBl0mY-6iJj16P3xxeIC8v0v9-lk1F0xC6wCYU325TSRzb9V*FIL-FmXzJ5U/mainqimgd54f0ab8a9b91a28c7e39026c5d81155.png);} /*change main photo here*/
.main
.main1 {width: 540px; height:550px; background-color:#290604; transition: all 0.5s ease;
-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position:relative; left:590px; top:0;}
.main:hover
.main1 {left:0; transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;