24 users online (1 members and 23 guests)  


  Results 1 to 3 of 3

Related

  1. custom extended network banner problem    Forum: Myspace Forum
    Replies: 8
  2. coding problem    Forum: HTML Forum
    Replies: 5
  3. Messy coding problem    Forum: HTML Forum
    Replies: 3
  1. #1
    wbrown's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2009
    Posts
    1

    Top banner/youtube div DONE.now I have a coding problem

    Hey guys, I'm doing a myspace for some comedians. This is the test page here http://www.myspace.com/stunnerbros

    I'm new to alot of this kind of coding. Now, ALL I want to do is extract the parts of the code I need for the Banner & Youtube on the top, and paste it into the real myspace this is for.

    any help would be soo so appreciated, thanks guys.

    CODE:
    <div class="tophead">
    <a class="minipic" href=""><img class="border" src="http://c3.ac-images.myspacecdn.com/images02/29/l_8a2a8d0efe084661a302a0dc933d5e72.png" width="70px" height="70px" /></a><div class="id2">Stunner Brothers</div>
    <div class="id3">2 Comedians from<br />
    Novato, CA.</div>
    <div class="id4">The ON-ONE MIXTAPE is here! 100 minutes including Xtras fof Stunner madness, pranks and skits shot over 3 years. Download the ON-ONE MIXTAPE for free, or watch it online for free.</div>
    </a>
    <div class="sidelinks">
    <ul>
    <li><a href="" class="active">DOWNLOAD FULL QUALITY</a></li>
    <li><a href="">WATCH STREAMING</a></li>
    <li><a href="">DOWNLOAD FOR IPOD/IPHONE</a></li>
    <a class="comment" href="http://www.msplinks.com/MDFodHRwOi8veW91cmNvbW1lbnRsaW5rZ29lc2hlcmUuY29t" title="Post a comment!"><span>Post a comment!</span></a>
    <a class="friend" href="http://www.msplinks.com/MDFodHRwOi8veW91cmZyaWVuZGxpbmtnb2VzaGVyZS5jb20=" title="Add to friends"><span>Add to friends</span></a>
    <br />
    </ul>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div align="right">&lt;<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="220" width="350">
    <param name="allowScriptAccess" value="never" />
    <param name="allowNetworking" value="internal" />
    <param name="movie" value="http://www.youtube.com/v/5IlOM4LLKb0&hl=en_US&fs=1&&autoplay=1" />
    <param name="wmode" value="transparent" />
    <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/5IlOM4LLKb0&hl=en_US&fs=1&&autoplay=1" height="220" width="350" wmode="transparent" />
    </object>
    ..<style>
    NOTE {RESIZE COMMENT IMAGES}
    td.text td.text table table table td a img {width:100px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:260px; max-width:260px !important; width:auto !important;}
    td.text td.text table table td div img {width:80px !important;}
    * html td.text td.text table table td img {width:80px !important;}
    * html td.text td.text table table td a img {width:90px !important;}
    * html td.text td.text table table td div img {width:80px !important;}
    NOTE {RESIZE COMMENT FLASH VIDEOS}
    table.friendsComments object {width:260px;height:218px;}
    table.friendsComments embed {width:260px;height:218px;}
    table.friendsComments a object {width:260px;height:218px;}
    table.friendsComments a embed {width:260px;height:218px;}
    </style>

    <style>
    NOTE {Edit these if you want}
    .blacktext12:before {content: "OMG! ";}
    .redbtext:after {content: " awesome";}

    body {
    margin-top: 840px;
    font-size: 11px;
    line-height: auto;
    background-color:ff0000;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    background-repeat: repeat;
    background-position: top center;
    background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_y.png);
    }
    body table {margin-top:0px;}

    .topline {
    width: 9999px;
    height: 869px;
    position: absolute;
    top: 0;
    right: 0;
    background-color:transparent;
    background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_x.png);
    background-positon: top center;
    background-repeat: repeat-x;
    overflow: hidden;
    }
    .topline-middle {
    width: -0px;
    height: 0px;
    position: absolute;
    margin-left: -500px;
    left: 50%;
    top: 0;
    background-color:transparent;
    }
    .tophead .friend {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 0px;
    height: 0px;
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 0;
    }
    .tophead .friend:hover {background-position: 0 -41px;}
    .tophead .friend span {display: none;}

    .tophead .comment {
    position: absolute;
    left: 862px;
    top: 81px;
    display: block;
    width: 56px;
    height: 41px;
    background-image: url(http://img.designmyspace.org/big_picture/btn_comment.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    }
    .tophead .comment:hover {background-position: 0 -41px;}
    .tophead .comment span {display: none;}

    .tophead {
    width: 997px;
    height: 442px;
    position: absolute;
    margin-left: -500px;
    left: 50%;
    top: 0px;
    background-color:transparent;
    background-image: url(http://farm3.static.flickr.com/2744/4121789068_af6e17dac4_o.png);
    background-repeat: no-repeat;
    background-position: top;
    }

    .bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: ;}
    .tophead .imgpart span { display:none; }
    .tophead .imgpart:hover { text-decoration:none; }
    .tophead .imgpart:hover span { opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60; background-color:000; background-image: url(http://img.designmyspace.org/big_picture/line_overlay.jpg); background-position: bottom; background-repeat: repeat-x; display:block; position:absolute; top:0px; left:0px; width:922px; padding:10px 20px; color:fff; font-size:20px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; line-height: 30px; font-style: italic; font-weight: normal!important; }
    .tophead .imgpart:hover span strong {color: ffffff; margin: 0; padding: 0; line-height: 44px;}
    .tophead .imgpart:hover span br {line-height: 5px; margin: 0; padding: 0;}
    .tophead .imgpart {
    width: 922px;
    height: 478px;
    position: absolute;
    left: 45px;
    top: 149px;
    padding: 0;
    overflow: hidden;
    display: block;
    }
    .tophead .id1 {
    width: 780px;
    position: absolute;
    left: 73px;
    top: 9px;
    height: 37px;
    color:ffffff;
    padding: 0px;
    font-size: 26px;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    overflow: hidden;
    text-shadow: 1px 1px 1px black;
    }
    .tophead .id2 {
    width: 175px;
    position: absolute;
    left: 148px;
    top: 668px;
    height: 25px;
    color:ffffff;
    padding: 0px;
    font-size: 18px;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
    overflow: hidden;
    text-shadow: 1px 1px 0 DarkSlateGray ;
    }
    .tophead .id3 {
    width: 175px;
    position: absolute;
    left: 148px;
    top: 691px;
    height: 43px;
    color:a2bdbd;
    padding: 0px;
    font-size: 12px;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    line-height: 20px!important;
    text-shadow: 1px 1px 0 rgb(55,79,80)
    }
    .tophead .id3 span.white { color:fff;}
    .tophead .id4 {
    width: 587px;
    position: absolute;
    left: 369px;
    top: 668px;
    height: 58px;
    color:aeb2ba;
    padding: 0px;
    font-size: 12px;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    font-weight: normal;
    overflow: hidden;
    line-height: 20px!important;
    text-shadow: 1px 1px 0 rgb(36,37,39)
    }
    .tophead .minipic {
    width: 80px;
    position: absolute;
    left: 47px;
    top: 659px;
    height: 0px;
    color:fff;
    padding: 0px;
    font-size: 30px;
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
    overflow: hidden;
    }
    a img.border {border-style:solid; border-width:5px; border-color:364d4e; }
    a:hover img.border, a img.border:hover {border-style:solid; border-width:5px; border-color:293c3d;}

    .tophead .sidelinks {
    position:absolute;
    left:48px;
    top:602px;
    width: 915px;
    height: 30px;
    }
    .tophead .sidelinks ul { margin:0px; padding:0px;}
    .tophead .sidelinks ul li { margin:0px; list-style:none; float:right; margin-left:4px; font-size:12px; }
    .tophead .sidelinks ul li a { text-decoration:none; color:fff; padding: 6px 8px; position:relative; font-weight: bold; opacity:0.70; filter:alpha(opacity=70); -moz-opacity:0.70; background-color:000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    .tophead .sidelinks ul li a:hover, .topline-middle .topnav ul li a.active {color:ffffff; text-decoration:none; opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; background-color:000;}
    .tophead .sidelinks ul li a span {display:none;}
    .tophead .sidelinks ul li a:hover span, .topline-middle .topnav ul li a.active span{ display:none;}

    .tophead .credit { width: 106px; height: 14px; position: absolute; left: 877px; top: 6px; display: block; cursor: pointer; }
    .tophead .credit span {display: none;}

    p {margin: 0px 0px 1em 0px; font-family: font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px;}
    a, a:link, a:visited {color:ffffff; text-decoration: none; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    a:hover {color:c0c6ce; text-decoration: underline}
    img {border: none;}
    br {line-height: 20px;}
    form {border-width:0px;background-color:none;}
    body>div {margin-left: 14px;}
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    table table table table td {padding:0px;margin:0px;}
    table table table {margin:0px; background-color:46494d; width: 100% !important; background-repeat: repeat-x; background-position: top center; background-image: url(http://img.designmyspace.org/big_picture/box_top.png); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 27282a; border-top-width: 1px; border-top-style: solid; border-top-color: 27282a; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
    body td table, body div table {margin-top: 0;}
    font {color:b5bcc6;font-size:10px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    a font:hover {color:7cc4c2 text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    a.topline-middle .navbar:link, a.topline-middle .navbar:visited {color:ffffff text-decoration: none;}
    a.topline-middle .navbar:hover {color:c0c6ce;}
    table tr td table tr td font {display: inline;}
    table tr td table a.topline-middle .navbar {font-size: 10px;}
    .text {color:b5bcc6;font-size:12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    a.text:link, a.text:visited {color:ffffff}
    a.text:hover {color:c0c6ce;}
    .nametext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0px 0px 14px 0px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px !important; vertical-align: bottom;}
    .contactTable {width: 332px !important;}
    .contactTable td {padding: 0px; margin: 0px; text-align: center;}
    .contactTable span.whitetext12 {position: relative; left: 24px;}
    .contactTable td table {background-color: transparent; background-image: url(http://img.designmyspace.org/big_picture/msg_block.png); background-position: center; background-repeat: no-repeat;}
    .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 38px; width: 156px; background-color: transparent;}
    .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
    table tr td table tr td table tr td div strong {display: block; width: 280px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    .whitetext12 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 8px 0px 4px 0px; padding: 0 0 14px 0; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px;}
    .blacktext12 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; display: block; margin-top: 14px; width: 100%;}
    .contactTable span.whitetext12 {position: relative; left: 24px;}
    .btext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370;}
    .orangetext15 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370px;}
    .lightbluetext8 {color:b5bcc6; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    .redtext,.redbtext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px; font-weight: bold;}
    a.redlink:link {color:ffffff; padding-top: 3px; text-decoration: none;}

    a.redlink:visited {color:ffffff}
    a.redlink:hover {color:c0c6ce; text-decoration:underline;}
    u {text-decoration: none; font-size: 10px;}
    a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:b5bcc6; text-decoration: none; }
    a.searchlinkSmall:hover { color:ffffff; }
    td, table, tr, span, li, p, div, textarea, DIV {
    font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    color: b5bcc6;
    }
    h1, h2, h3, h4, h5, h6 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .blacktext10 {color:7cc4c2 !important; font-size: 12px!important; font-family: Arial, Verdana, Trebuchet MS, sans-serif; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .searchlinksmall a{color:7cc4c2 !important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .searchlinksmall a:hover{color:7cc4c2 !important; text-decoration: underline !important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .userProfileURL {font-size: 9px!important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    </style>

  2. #2
    codybear's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Oct 2008
    Posts
    142

    Re: Top banner/youtube div DONE.now I have a coding problem

    Just by a quick glance it looks like you have the coding you need in bold, except on the tophead one, you'll need to start from the top of your posted code and go to the end of the bolded text.

    Try taking that and putting it in the myspace profile you need it in.

    Oh, and next time please use [code] tags when posting your coding so you don't have a super long post.

    I'm not on much anymore,
    so please be patient myspace coders!

  3. #3
    RF2OOO's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Aug 2010
    Posts
    30

    Re: Top banner/youtube div DONE.now I have a coding problem

    Here ya go, I re-sized the image to 100% for your banner to be displayed across the full width, and re-sized the video to 640x480, in addition to centering it and adding some space to the table to seperate everything. Lemme know how it works. All it needed was a few apostrophes to display the banner, 2 things to be re-sized, alignment changed to center, and the "body margin top" to be adjusted a little.

    Code:
    <div class="tophead">
      <a class="minipic">
    <p align="center">
        <img class="border" src="http://c3.ac-images.myspacecdn.com/images02/29/l_8a2a8d0efe084661a302a0dc933d5e72.png" width="100%px" height="100%px">
      </a>
      <div class="id2">Stunner Brothers</div>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <div align="center">
        
        
        
        <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="220" width="350">
          <param name="allowScriptAccess" value="never">
          <param name="allowNetworking" value="internal">
          <param name="movie" value="http://www.youtube.com/v/5IlOM4LLKb0&hl=en_US&fs=1&&autoplay=1">
          <param name="wmode" value="transparent">
          <embed type="application/x-shockwave-flash" allowscriptaccess="never" allownetworking="internal" src="http://www.youtube.com/v/5IlOM4LLKb0&hl=en_US&fs=1&&autoplay=1" height="480" width="640" wmode="transparent">
        </object>
        
        
        
        <style>
    NOTE {RESIZE COMMENT IMAGES}
    td.text td.text table table table td a img {width:100px;}
    td.text td.text table table table td div img {width:80px;}
    td.text td.text table table td img {width:260px; max-width:260px !important; width:auto !important;}
    td.text td.text table table td div img {width:80px !important;}
    * html td.text td.text table table td img {width:80px !important;}
    * html td.text td.text table table td a img {width:90px !important;}
    * html td.text td.text table table td div img {width:80px !important;}
    NOTE {RESIZE COMMENT FLASH VIDEOS}
    table.friendsComments object {width:260px;height:218px;}
    table.friendsComments embed {width:260px;height:218px;}
    table.friendsComments a object {width:260px;height:218px;}
    table.friendsComments a embed {width:260px;height:218px;}
    </style>
        <style>
    NOTE {Edit these if you want}
    .blacktext12:before {content: "OMG! ";}
    .redbtext:after {content: " awesome";}
    
    body {
    	margin-top: 1100px;
    	font-size: 11px;
    	line-height: auto;
    	background-color:ff0000;
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	background-repeat: repeat;
    	background-position: top center;
    	background-image: url(http://i96.photobucket.com/albums/l175/shadowcorp_2006/stunnerbkground-1.png);
    }
    body table {margin-top:0px;}
    
    .topline {
    	width: 9999px;
    	height: 869px;
    	position: absolute;
    	top: 0;
    	right: 0;
    	background-color:transparent;
    	background-image: url(http://img.designmyspace.org/big_picture/bg_stretch_x.png);
    	background-positon: top center;
    	background-repeat: repeat-x;
    	overflow: hidden;
    }
    .topline-middle {
    	width: -0px;
    	height: 0px;
    	position: absolute;
    	margin-left: -500px;
    	left: 50%;
    	top: 0;
    	background-color:transparent;
    }
    .tophead .friend {
    	position: absolute;
    	left: 0px;
    	top: 0px;
    	display: block;
    	width: 0px;
    	height: 0px;
    	background-image: ;
    	background-repeat: no-repeat;
    	background-position: 0 0;
    }
    .tophead .friend:hover {background-position: 0 -41px;}
    .tophead .friend span {display: none;}
    
    .tophead .comment {
    	position: absolute;
    	left: 862px;
    	top: 81px;
    	display: block;
    	width: 56px;
    	height: 41px;
    	background-image: url(http://img.designmyspace.org/big_picture/btn_comment.png);
    	background-repeat: no-repeat;
    	background-position: 0 0;
    }
    .tophead .comment:hover {background-position: 0 -41px;}
    .tophead .comment span {display: none;}
    
    .tophead {
    	width: 997px;
    	height: 442px;
    	position: absolute;
    	margin-left: -500px;
    	left: 50%;
    	top: 0px;
    	background-color:transparent;
    	background-image: url('http://farm3.static.flickr.com/2744/4121789068_af6e17dac4_o.png);
    	background-repeat: no-repeat;
    	background-position: top;
    }
    .bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: ;}
    .tophead .imgpart span { display:none; }
    .tophead .imgpart:hover { text-decoration:none; }
    .tophead .imgpart:hover span { opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60; background-color:000; background-image: url(http://img.designmyspace.org/big_picture/line_overlay.jpg); background-position: bottom; background-repeat: repeat-x; display:block; position:absolute; top:0px; left:0px; width:922px; padding:10px 20px; color:ff0000; font-size:20px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; line-height: 30px; font-style: italic; font-weight: normal!important; }
    .tophead .imgpart:hover span strong {color: ff000; margin: 0; padding: 0; line-height: 44px;}
    .tophead .imgpart:hover span br {line-height: 5px; margin: 0; padding: 0;}
    .tophead .imgpart {
    	width: 922px;
    	height: 478px;
    	position: absolute;
    	left: 45px;
    	top: 149px;
    	padding: 0;
    	overflow: hidden;
    	display: block;
    }
    .tophead .id1 {
    	width: 780px;
    	position: absolute;
    	left: 73px;
    	top: 9px;
    	height: 37px;
    	color:ff0000f
    ;
    	padding: 0px;
    	font-size: 26px;
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	font-weight: normal;
    	letter-spacing: -1px;
    	overflow: hidden;
    	text-shadow: 1px 1px 1px black;
    }
    .tophead .id2 {
    	width: 175px;
    	position: absolute;
    	left: 148px;
    	top: 668px;
    	height: 25px;
    	color:ff0000;
    	padding: 0px;
    	font-size: 18px;
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	font-weight: bold;
    	letter-spacing: -1px;
    	overflow: hidden;
    	text-shadow: 1px 1px 0 DarkSlateGray ;
    }
    .tophead .id3 {
    	width: 175px;
    	position: absolute;
    	left: 148px;
    	top: 691px;
    	height: 43px;
    	color:a2bdbd;
    	padding: 0px;
    	font-size: 12px;
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	font-weight: normal;
    	overflow: hidden;
    	text-align: left;
    	line-height: 20px!important;
    	text-shadow: 1px 1px 0 rgb(55,79,80)
    }
    .tophead .id3 span.white { color:ff0000;}
    .tophead .id4 {
    	width: 587px;
    	position: absolute;
    	left: 369px;
    	top: 668px;
    	height: 58px;
    	color:ff0000;
    	padding: 0px;
    	font-size: 12px;
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	font-weight: normal;
    	overflow: hidden;
    	line-height: 20px!important;
    	text-shadow: 1px 1px 0 rgb(36,37,39)
    }
    .tophead .minipic {
    	width: 80px;
    	position: absolute;
    	left: 47px;
    	top: 659px;
    	height: 0px;
    	color:ff0000;
    	padding: 0px;
    	font-size: 30px;
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	font-weight: bold;
    	letter-spacing: -1px;
    	overflow: hidden;
    }
    a img.border {border-style:solid; border-width:5px; border-color:364d4e; }
    a:hover img.border, a img.border:hover {border-style:solid; border-width:5px; border-color:293c3d;}
    
    .tophead .sidelinks {
    	position:absolute;
    	left:48px;
    	top:750px;
    	width: 915px;
    	height: 30px;
    }
    .tophead .sidelinks ul { margin:0px; padding:0px;}
    .tophead .sidelinks ul li {	margin:0px;	list-style:none; float:right; margin-left:4px; font-size:12px; }
    .tophead .sidelinks ul li a { text-decoration:none; color:ff0000; padding: 6px 8px; position:relative; font-weight: bold; opacity:0.70; filter:alpha(opacity=70); -moz-opacity:0.70; background-color:000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    .tophead .sidelinks ul li a:hover, .topline-middle .topnav ul li a.active {color:ff0000; text-decoration:none; opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; background-color:000;}
    .tophead .sidelinks ul li a span {display:none;}
    .tophead .sidelinks ul li a:hover span, .topline-middle .topnav ul li a.active  span{ display:none;}
    
    .tophead .credit { width: 106px; height: 14px; position: absolute; left: 877px; top: 6px; display: block; cursor: pointer; }
    .tophead .credit span {display: none;}
    
    p {margin: 0px 0px 1em 0px; font-family: font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px;}
    a, a:link, a:visited {color:ff0000; text-decoration: none; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    a:hover {color:c0c6ce; text-decoration: underline}
    img {border: none;}
    br {line-height: 20px;}
    form {border-width:0px;background-color:none;}
    body>div {margin-left: 14px;}
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    table table table table td {padding:0px;margin:0px;}
    table table table {margin:0px; background-color:46494d; width: 100% !important; background-repeat: repeat-x; background-position: top center; background-image: url(http://img.designmyspace.org/big_picture/box_top.png); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 27282a; border-top-width: 1px; border-top-style: solid; border-top-color: 27282a; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
    body td table, body div table {margin-top: 0;}
    font {color:b5bcc6;font-size:10px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    a font:hover {color:ff0000 text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    a.topline-middle .navbar:link, a.topline-middle .navbar:visited {color:ff000 text-decoration: none;}
    a.topline-middle .navbar:hover {color:c0c6ce;}
    table tr td table tr td font {display: inline;}
    table tr td table a.topline-middle .navbar {font-size: 10px;}
    .text {color:b5bcc6;font-size:12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    a.text:link, a.text:visited {color:ff000}
    a.text:hover {color:ff000;}
    .nametext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0px 0px 14px 0px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px !important; vertical-align: bottom;}
    .contactTable {width: 332px !important;}
    .contactTable td {padding: 0px; margin: 0px; text-align: center;}
    .contactTable span.whitetext12 {position: relative; left: 24px;}
    .contactTable td table {background-color: transparent; background-image: url(http://img.designmyspace.org/big_picture/msg_block.png); background-position: center; background-repeat: no-repeat;}
    .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 38px; width: 156px; background-color: transparent;}
    .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
    table tr td table tr td table tr td div strong {display: block; width: 280px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    .whitetext12 {color:ff000; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 8px 0px 4px 0px; padding: 0 0 14px 0; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px;}
    .blacktext12 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; display: block; margin-top: 14px; width: 100%;}
    .contactTable span.whitetext12 {position: relative; left: 24px;}
    .btext {color:ff000; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370;}
    .orangetext15 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370px;}
    .lightbluetext8 {color:b5bcc6; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
    .redtext,.redbtext {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px; font-weight: bold;}
    a.redlink:link {color:ff000; padding-top: 3px; text-decoration: none;}
    
    a.redlink:visited {color:ff000}
    a.redlink:hover {color:c0c6ce; text-decoration:underline;}
    u {text-decoration: none; font-size: 10px;}
    a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:b5bcc6; text-decoration: none; }
    a.searchlinkSmall:hover { color:ff000; }
    td, table, tr, span, li, p, div, textarea, DIV {
    	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
    	color: b5bcc6;
    } 
    h1, h2, h3, h4, h5, h6 {color:7cc4c2; text-shadow: 1px 1px 0 rgb(51,54,57) ;} 
    .blacktext10 {color:7cc4c2 !important; font-size: 12px!important; font-family: Arial, Verdana, Trebuchet MS, sans-serif; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .searchlinksmall a{color:7cc4c2 !important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .searchlinksmall a:hover{color:ff000 !important; text-decoration: underline !important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    .userProfileURL {font-size: 9px!important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(51,54,57) ;}
    </style>
      </div>
    </div>