#TheRest {
  background: url('../common/images/site/bg_tile.gif') repeat 50% 0;
}

#wrapper {
   width: 883px;
   margin: 0 auto;
   text-align: left;
}

#Blog #TheRest {
  background: #030407 url('../images/site/Blog_Back.jpg') no-repeat 50% 268px;
}
#HeaderBlock {
  margin-bottom: 0;
  width: 100%;
  height: 265px;
  background: #000000 url('../images/site/HeaderBlock.jpg') no-repeat 50% 0;
  text-align: center;
}
#HeaderBlockAnchor {
  position: relative;
  width: 880px;
  height: 265px;
  margin: 0 auto;
}
#PreOrderButton, #OfficialSiteButton  {
  position: absolute;
  left: 611px;
  text-align: center;
  width: 200px;
}
#PreOrderButton  {
  top: 200px;
}
#OfficialSiteButton  {
  top: 169px;
}

/* Missions */

#MissionPage #LeftColumn {
   width: 220px;
   float: left;
}
#MissionPage #RightColumn {
  width: 650px;
  float: right;
}

#MissionPage #MissionIcon {
   width: 100px;
   float: left;
   padding-top: 10px;
}

#MissionPage #MyMissions {
  width: 509px;
  float: left;
  margin-right: 10px;
  padding: 10px;
  display: block;
}

#MissionIcon .MissionImage {
  text-align: center;

}

#MissionPage #RightColumn .TitleBar {
  width: 100%;
}
#MissionPage #RightColumn .TitleBar .TitleBarRight {
  width: 465px;
}

#MissionPage #RightColumn .TitleBar .BitPoint {
  width: auto!important;
  width: 300px;
}


#MyMissions h2 {
  width: 413px;
  font-size: 16px;
}
#MissionIcon .MissionDate {
  color: #d90006;
  margin: 10px 0;
}
#MissionIcon .MissionPoints {
  color: #fff;
  margin: 10px 0;
}
#MyMissions .MissionStatus {
  margin: 10px 0;
}


#MyMissions form {
  margin: 10px;
}
#MyMissions textarea {
  width: 487px;
  height: 128px;
  font-size: 12px;
  background: #222;
  color: #888;
  border: none;
  padding: 2px;
  background: #0a0a0a url('../common/images/site/textarea130.gif') no-repeat 0 0;
}
#MyMissions label {
  margin-right: 10px;
}
#MyMissions label.major {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  color: #fff;
}

#MyMissions input {
  width: 427px;
  height: 14px;
  font-size: 12px;
  background: #222;
  color: #888;
  border: none;
  padding: 2px;
  background: #0a0a0a url('../common/images/site/form_field467.gif') no-repeat 0 0;
}
#MyMissions input.inputfile {
  height: inherit;
}

#MyMissions input.check {
 width: auto;
 background: none;
}
#MyMissions p {
 margin: 0 0 5px 0;
}
#MyMissions input.image {
 width: auto;
 height: auto;
 background: none;
}

#MissionTerms {
  text-align: left;
}

#MissionPop {
   padding: 10px;
}

#MissionTerms h1, #MissionTerms h2, #MissionTerms h3 {
  color: #fff;
}
#MissionTerms h2, #MissionTerms h3, #MissionTerms p  {
  padding: 1em 0 0 0;
  margin: 0;
  clear: both;
}

#MissionTerms .left {
  width: 5%;
  float: left;
  clear: left;
  display: block;
}

#MissionTerms .right {
  float: left;
  text-align: left;
  display: block;
  width: 94%;
}



/* News */

/*   News Pages  */

#Blog #LeftColumn {
  color: #fff;
  font-size: 11px;
   width: 545px;
   display: block;
   float: left;
   overflow: hidden;
   padding: 0;
   margin: 0;
}

#Blog #RightColumn {
  width: 349px;
  float: right;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#Blog #LeftColumn .NewsTitle img {
  vertical-align: middle;
  position: relative;
  top: -2px;
  padding: 0;
}
html>body #Blog #LeftColumn .NewsTitle img {
  *padding-bottom: 0;
}

#Blog #LeftColumn .NewsTitle {
  letter-spacing: .1em;
  background: url('../images/site/SMSDBlogHeader.png') no-repeat top right;
  height: 33px;
  line-height: 33px;
  margin-top: 20px;
  margin-bottom: 6px;
  padding: 0 5px 0 5px;
  font-size: 18px;
  clear: both;
  overflow: hidden;
}

#Blog #LeftColumn .NewsBlock {
   margin-left: 28px;
   clear: left;
   margin-bottom: 20px;
}

#Blog #LeftColumn .NewsSticky {
   border: 1px solid #cd7f32;
}

#Blog #LeftColumn .NewsBlock .PanelDetails a {
  color: #356da8;
  text-decoration: none;
}

#Blog #LeftColumn .NewsBlock .PanelDetails a:hover, #LeftColumn .NewsBlock .PanelDetails a:focus, #LeftColumn .NewsBlock .PanelDetails a:active {
  color: #32669d;
  text-decoration: underline;
}

#Blog #LeftColumn .NewsDate {
   font-weight: bold;
   color: #d90006;
   margin: 8px 0 5px 0;
}
#Blog #LeftColumn .NewsEmbed {
   width: 500px !important;
   max-width: 500px !important; /* Not sure it works, but I don;t want it overridden */
   overflow: hidden;
}
#Blog #LeftColumn .NewsText {
   margin: 10px 0;
   font-size: 13px;
}
#Blog #LeftColumn .NewsText a, #Blog #LeftColumn .NewsReadMore a {
  color: #fff;
  text-decoration: underline;
}
#Blog #LeftColumn .NewsText a:hover, #Blog #LeftColumn .NewsText a:active, #Blog #LeftColumn .NewsText a:focus, #Blog #LeftColumn .NewsReadMore a:hover, #Blog #LeftColumn .NewsReadMore a:active, #Blog #LeftColumn .NewsReadMore a:focus {
  color: #fcc;
}
#Blog #LeftColumn .NewsReadMore {
   margin: 10px 0;
}
#Blog #LeftColumn .NewsPanel {
   height: 65px;
   width: 500px;
   background: url('../images/site/PanelCopy.png') no-repeat 0 0;
   overflow: hidden;
}
#Blog #LeftColumn .PanelAvatar {
   padding: 5px;
   width: 50px;
   height: 50px;
   display: block;
   float: left;
}
#Blog #LeftColumn .PanelDetails {
   margin: 10px 0 0 10px;
   width: 265px;
   display: block;
   float: left;
}
#Blog #LeftColumn .PanelDetails ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#Blog #LeftColumn .PanelDetails li {
   height: 14px;
}

#Blog #LeftColumn .PanelRest {
   margin: 10px 10px 0 0;
   width: 150px;
   display: block;
   float: right;
   text-align: right;
}

#Blog #LeftColumn .PanelRest .comments {
   background: url('../images/site/comments.png') no-repeat 0 0;
   padding-left: 15px;
   display: block;
   float: right;
   color: #d90006; /*#d90c0c; */
   height: 16px;
}

#Blog #LeftColumn .PanelRest .addlinks {
   width: auto;
   display: block;
   float: right;
   margin-top: 13px;
}

#Blog #NewsButtons {
  margin: 10px 5px 0 5px;
}
#Blog #NewsPrev {
  width: 48%;
  float: left;
}
#Blog #NewsNext {
  width: 48%;
  float: right;
  text-align: right;
}


#Blog #NewsRest {
   width: 326px;
   display: block;
   float: right;
   margin-top: 20px;
}

#Blog #NewsRest .NewsRestBlock {
  clear: right;
  padding: 5px 5px 5px 10px;
  background: url('../images/site/NewsRestBack.png') no-repeat 0 0;
  width: 316px;
  overflow: hidden;
  margin-bottom: 20px;
}


#Blog #NewsRest #NewsCategories {
   width: 145px !important;
   width: 140px;
   display: block;
   float: left;
}

#Blog #NewsRest h2 {
   height: 16px;
   width: 99%;
   background: url('../common/images/news/title_blank.gif') no-repeat 0 50%;
   margin: 10px 0 10px 0;
}

#Blog #NewsRest a:hover, #NewsRest a:active, #NewsRest a:focus {
   text-decoration: none;
}

#Blog #NewsRest h2 span {
  position: absolute;
  left: -2000px;
}

#Blog #NewsRest #NewsCategories h2 {
   background-image: url('../../images/site/english/title_categories.png');
}
#Blog #NewsRest #NewsFollowUs h2 {
   background-image: url('../../images/site/english/title_followus.png');
}
#Blog #NewsRest #NewsFollowUs h2.friends {
   background-image: url('../../images/site/english/title_friends.png');
}
#Blog #NewsRest h2.forum {
   background-image: url('../../images/site/english/title_forumtopics.png');
}
#Blog #NewsRest h2.blog {
   background-image: url('../../images/site/english/title_blogtopics.png');
}
#Blog #NewsRest h2.blogsticky {
   background-image: url('../../images/site/english/title_stickyblogtopics.png');
}
#Blog #NewsRest h2.LiveFeed {
   background-image: url('../../images/site/english/title_livefeed.png');
}
#Blog #NewsRest h2.news {
   background-image: url('../../images/site/english/title_marvelnews.png');
   height: 24px;
/*   background-image: url('../../images/site/english/title_latestnews.png');  */
}

#Blog #NewsRest #NewsFollowUs {
   width: 150px !important;
   width: 140px;
   display: block;
   float: left;
   margin-left: 20px;
}

#Blog #NewsRest ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#Blog #NewsRest li {
   padding: 0 0 5px 0;
}
#Blog #NewsRest li img {
  vertical-align: middle;
  margin-right: 3px;
}
#Blog #NewsRest li a span.White {
 color: #888;
}
#Blog #NewsRest li a span.Blue, #NewsRest tbody td a, #NewsRest .LFright a {
 color: #356da8;
}

#Blog #NewsRest table {
   border: 0;
   overflow: clip;
}
#Blog #NewsRest thead tr {
   position: absolute;
   left: -2000px;
}
#Blog #NewsRest tbody td {
  vertical-align: top;
}
#Blog #NewsRest .NewsDate {
 color: #d90006;
 padding-right: 5px;
}
#Blog #NewsRest .LFleft {
  width: 60px;
  float: left;
}
#Blog #NewsRest .LFright {
  width: 240px;
  float: left;
  overflow: hidden;
}


/****************** Comments Code ***************************/

#Blog #LeftColumn .TitleBar .TitleBarRight {
  width: 511px;
}
#Blog #LeftColumn .TitleBar {
  width: 527px;
}
#Blog #LeftColumn .TitleBar P {
  margin: 0;
}
#Blog #LeftColumn .TitleBar .TitleBarInsert img {
  vertical-align: middle;
  margin-top: 5px;
}

/* Comments */

#Blog #LeftColumn .NewsCommentsTitle {
  letter-spacing: .1em;
  background: url('../images/site/SMSDCommentsHeader.png') no-repeat top left;
  height: 33px;
  line-height: 33px;
  margin-top: 20px;
  margin-bottom: 6px;
  font-size: 14px;
  clear: both;
  overflow: hidden;
  width: 545px;
}

#Blog #LeftColumn .NewsCommentsTitle .NewsCommentsTitleLeft {
  height: 33px;
  line-height: 33px;
  float: left;
  width: 300px;
  padding: 0 5px 0 10px;
}
#Blog #LeftColumn .NewsCommentsTitle .NewsCommentsTitleRight {
  padding: 7px 10px 0 5px;
  float: right;
  width: 200px;
  text-align: right;
}

#Blog #LeftColumn .CommentsTop {
   background: url('../images/site/CommentsTop.png') no-repeat 0 0;
   width: 545px;
   height: 7px;
   clear: both;
   margin-top: 15px;
}
#Blog #LeftColumn .CommentsMiddle {
   background: url('../images/site/CommentsMiddle.png') repeat-y 0 0;
   width: 545px;
   display: inline-block;
}
#Blog #LeftColumn .CommentsMiddle .CommentsInner {
  padding: 0 5px;
}
#Blog #LeftColumn .CommentsBottom {
   height: 8px;
   width: 545px;
   background: url('../images/site/CommentsBottom.png') no-repeat 0 100%;
   margin-bottom: 10px;
}



#Blog #LeftColumn .CommentBlock {
}

#Blog #LeftColumn .comment-children {
  margin: 0 0 0 30px;
}

#Blog #LeftColumn .level_1 .CommentTop {
  width: 532px;
  height: 5px;
  background: url('../images/site/CommentTop_3.png') no-repeat 0 0;
}
#Blog #LeftColumn .level_1 .CommentMiddle {
   background: url('../images/site/CommentMiddle_3.png') repeat-y 0 0;
   width: 532px;
   margin: 0;
   padding-top: 3px;
   padding-bottom: 3px;
}
#Blog #LeftColumn .level_1 .CommentBottom {
  background: url('../images/site/CommentBottom_3.png') no-repeat 0 100%;
  width: 532px;
  height: 4px;
  margin-bottom: 10px;
}
#Blog #LeftColumn .level_2 .CommentTop    { width: 502px; background: url('../images/site/CommentTop_4.png') no-repeat 0 0; }
#Blog #LeftColumn .level_2 .CommentMiddle { width: 502px; background: url('../images/site/CommentMiddle_4.png') repeat-y 0 0; }
#Blog #LeftColumn .level_2 .CommentBottom { width: 502px; background: url('../images/site/CommentBottom_4.png') no-repeat 0 100%; }
#Blog #LeftColumn .level_3 .CommentTop    { width: 472px; background: url('../images/site/CommentTop_5.png') no-repeat 0 0; }
#Blog #LeftColumn .level_3 .CommentMiddle { width: 472px; background: url('../images/site/CommentMiddle_5.png') repeat-y 0 0; }
#Blog #LeftColumn .level_3 .CommentBottom { width: 472px; background: url('../images/site/CommentBottom_5.png') no-repeat 0 100%; }
#Blog #LeftColumn .level_4 .CommentTop    { width: 442px; background: url('../images/site/CommentTop_6.png') no-repeat 0 0; }
#Blog #LeftColumn .level_4 .CommentMiddle { width: 442px; background: url('../images/site/CommentMiddle_6.png') repeat-y 0 0; }
#Blog #LeftColumn .level_4 .CommentBottom { width: 442px; background: url('../images/site/CommentBottom_6.png') no-repeat 0 100%; }
#Blog #LeftColumn .level_5 .CommentTop    { width: 412px; background: url('../images/site/CommentTop_7.png') no-repeat 0 0; }
#Blog #LeftColumn .level_5 .CommentMiddle { width: 412px; background: url('../images/site/CommentMiddle_7.png') repeat-y 0 0; }
#Blog #LeftColumn .level_5 .CommentBottom { width: 412px; background: url('../images/site/CommentBottom_7.png') no-repeat 0 100%; }

#Blog #LeftColumn .comment-container {
   overflow: hidden;
}
#Blog #LeftColumn .comment-container {
   padding-right: 0;
}

#Blog #LeftColumn .member_avatar {
   width: 60px;
   display: block;
   float: left;
   text-align: center;
   margin-left: 5px;
}
#Blog #LeftColumn .member_avatar img {
  margin: 0 5px;
}
#Blog #LeftColumn .member_avatar p {
  margin: 0;
}


#Blog #LeftColumn .comment-body {
  margin: 1px 0 0 10px;
  padding: 0 0 0 0;
  float: left;
  width: 410px;
}
#Blog #LeftColumn .comment-body p {
  margin: 5px 0;
}
#Blog #LeftColumn .comment-body p.postedby {
  margin: 0 0 2px 0;
  color: #d90006;
}
#Blog #LeftColumn .comment-body p.postedby a {
  color: #d90006;
}

#Blog #LeftColumn .comment-body p.postedon {
  margin: 0 0 2px 0;
  color: #d90006;
}

#Blog #LeftColumn .comment-body p.button {
  margin-bottom: 0;
  text-align: right;
}
#Blog #LeftColumn .comment-body p.right {
  margin-right: 5px;
}

#Blog #LeftColumn .level_1 .comment-body {  width: 450px; }
#Blog #LeftColumn .level_2 .comment-body {  width: 420px; }
#Blog #LeftColumn .level_3 .comment-body {  width: 390px; }
#Blog #LeftColumn .level_4 .comment-body {  width: 360px; }
#Blog #LeftColumn .level_5 .comment-body {  width: 330px; }

#Blog #LeftColumn form#comment-form {
  display: block;
  clear: left;
  padding-top: 5px;
  margin: 5px 10px 10px 5px;
}
#Blog #LeftColumn #comment-form textarea {
  width: 99%;
  height: 128px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #273752;
  padding: 2px;
  margin: 0;
  background: #1e3654 url('../images/site/textarea_535_130.gif') no-repeat 0 0;
}
#Blog #LeftColumn #comment-form label {
  margin-right: 5px;
}
#Blog #LeftColumn #comment-form label.major {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  color: #fff;
}

/*#comment-form input {
  width: 98%;
  height: 14px;
  font-size: 12px;
  background: #222;
  color: #888;
  border: none;
  padding: 2px;
  background: #0a0a0a url('../common/images/site/form_field382.gif') no-repeat 0 0;
}*/
#Blog #LeftColumn #comment-form input.check {
 width: auto;
 background: none;
 border: none;
 position: relative;
 top: 2px;
}
#Blog #LeftColumn #comment-form p {
 margin: 0;
}
#Blog #LeftColumn #comment-form input.image {
 width: auto;
 height: auto;
 background: none;
}
#Blog #LeftColumn #comment-form p.left {
 float: left;
 width: 50%;
}
#Blog #LeftColumn #comment-form p.left label {
  color: #888;
}
#Blog #LeftColumn #comment-form p.right {
 float: right;
 width: 40%;
 text-align: right;
}

#LiveFeed .LFrow {
  margin-bottom: 3px;
}
#LiveFeedMore {
  text-align: right;
}
#LiveFeedMore a {
  margin-left: 10px;
  color: #356da8;
}