[parsehtml]
<div class='meg-round'>
<img src='http://imgur.com/sUVsPsk.png' />
<h1>Words: ###</h1>
<h2>open</h2>
 
<p>mind your p tags!</p>
 
<h3><b>NOTES:</b> one is the loneliest numbah</h3>
<div class='zeddit'>
  <a href='http://cttw.jcink.net/index.php?showtopic=868'>&</a>
</div>
</div>
 
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <style>#userlinks { z-index: 9999; } .meg-round { width:350px; padding: 0 0 10px; margin: 15px auto; background-color: #F5F5F5; box-shadow: 0 0 0 10px #F5F5F5, 0 0 0 11px #ccc; border-top: 100px solid #314457; position: relative; text-align: justify; font-family: 'Roboto', sans-serif; font-size: 11px; color: #333; line-height: 1.4em; letter-spacing: 0.03em;  } .meg-round img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 150px; width: 150px; display: block; margin: -95px auto 0; background-color: #F5F5F5; padding: 10px; position: relative; z-index: 3; } .meg-round h1, .meg-round h2, .meg-round h3 { width: 175px; font-weight: normal; color: #F5F5F5; background-color: #3b536a; font-size: 9px; position: absolute; margin: 1px 0; padding: 0px 10px; text-transform: uppercase; } .meg-round h1 { top: 0; left: 0; text-align: left; height: 25px; line-height: 25px; } .meg-round h2 { top: 0; right: 0; text-align: right; height: 25px; line-height: 25px; } .meg-round h3 { position: relative; width: 330px; padding: 3px 10px; margin-top: 20px; } .meg-round p { margin-right: 20px; margin-left: 20px; } .meg-round p:nth-child(4) { padding-top: 0px; margin-top: 0px; } .meg-round p:last-child { padding-bottom: 0px; margin-bottom: 0px; }  .zeddit { position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; }
 
@media screen and (max-width: 720px) {
 
#userlinks { z-index: 9999; } .meg-round { width:100%; padding: 0 0 2%; margin:3% auto; background-color: #F5F5F5; box-shadow: 0 0 0 10px #F5F5F5, 0 0 0 11px #ccc; border-top: 100px solid #314457; position: relative; text-align: justify; font-family: 'Roboto', sans-serif; font-size: 11px; color: #333; line-height: 1.4em; letter-spacing: 0.03em;  } .meg-round img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 150px; width: 150px; display: block; margin: -95px auto 0; background-color: #F5F5F5; padding: 10px; position: relative; z-index: 3; } .meg-round h1, .meg-round h2, .meg-round h3 { width: 50%; font-weight: normal; color: #F5F5F5; background-color: #3b536a; font-size: 7px; position: absolute; margin: 1px 0; padding: 0px 4px; text-transform: uppercase; } .meg-round h1 { top: 0; left: 0; text-align: left; height: 25px; line-height: 25px; } .meg-round h2 { top: 0; right: 0; text-align: right; height: 25px; line-height: 25px; } .meg-round h3 { position: relative; width: 97%; padding: 3px 5px; margin-top: 20px; } .meg-round p { margin-right: 20px; margin-left: 20px; } .meg-round p:nth-child(4) { padding-top: 0px; margin-top: 0px; } .meg-round p:last-child { padding-bottom: 0px; margin-bottom: 0px; }  .zeddit { position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; }
 
}</style>[/parsehtml]