/*
Article page stylesheet for MCV
Version 1.1
Colours:

*/

/****** ARTICLE HEADER ******/

div.articleheader					{padding: 0; margin-bottom: 15px;}
p.articleauthor						{line-height: 16px; width: 190px; float: left;}
p.articleauthor span a				{font-weight:bold;}
p.articleauthor span.articledate	{color: #666;font-weight:normal;}
p.author-full-width { width:545px; }

div.socialShare                     {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-top:5px;width:100%; float:left; height:35px;}
div.socialShare ul li               { float:left; height:35px; padding:5px 10px 0 10px; position:relative;width: 70px;}
.socialbutton						{display: block; float: right; height: 21px; line-height: 21px; font-size: 0.9em; color: #999; margin: 0 10px 0 0; text-align: center; text-decoration: none;}
.twitter-share-button, 
.facebook-share-button				{display: block; float: right; height: 20px; line-height: 20px; margin: 1px 0 0 0; text-decoration: none; cursor: pointer; }
.facebook-share-button				{margin: 2px 20px 0 0 !important; width:100px;}

.linkedin-share-button 				{margin: 2px 0 0 0 !important; width: 56px; height: 21px;}
a.twitter-share-button 			{display:none!important;}
.email-share-button 				{background: url(/assets/images/email-button.png) 0 0 no-repeat; float:none; height: 20px; width: 61px; display: block; text-indent: -999em; overflow: hidden; margin: 1px 20px 0 0 !important;}

a.commentsbutton					{height: 30px; width: 30px; text-align: center; line-height: 1.6em; color: #fff !important; margin: 0 0 0 20px; font-size: 1.3em; font-weight: bold;}
a.commentsbutton span               {background: url(/assets/images/comments-bg.png) 0 0 no-repeat; display:block; width:30px; height:30px;}

/****** ARTICLE CONTENT ******/

a.socialite, div.socialised         {float:left;}
div.socialised.facebook             {margin-right:15px; display:inline;}
div.socialised .fb-like             {height:21px;overflow:hidden;}
a.socialite.email                   {background: url(/assets/images/email-button.png) 0 0 no-repeat; height: 20px; width: 61px; display: block; text-indent: -999em; overflow: hidden; margin-bottom:10px;float:left; margin-right:20px;}
a.socialite.print                   {background: url(/assets/images/print-button.png) 0 0 no-repeat; height: 20px; width: 61px; display: block; text-indent: -999em; overflow: hidden; margin-bottom:10px; float:left;margin-right:10px;}
div.articlecontent					{font-size:1.1em; float:left; width: 640px;}
div.socialised.twitter .twitter-share-button {
display:inline;
float:left;
}

.socialite.twitter,
.socialite.facebook,
.socialite.googleplus,
.socialite.linkedin {
display:none!important;
}

.socialised.twitter,
.socialised.facebook,
.socialised.googleplus,
.socialised.linkedin {
display:inline;
}

.innews								{font-size: 0.9em; line-height: 14px; margin: 0 0 10px 0; color: #808080; text-transform: uppercase;}
.innews span, .innews a				{color: #588400 !important;}
img.mainarticleimage				{float: right; margin: 11px 0 12px 12px;}

div.articlead, div.articlevideo		{background: #e6e6e6; padding: 12px 0 15px; text-align: center; margin: 0 0 11px; clear:left;}
div.articlevideo					{padding: 15px 0 10px 15px; text-align: left;}
div.articlead {margin-top:24px;}
div.articlead p						{font-size: 0.9em; line-height: 15px; margin: 0;}
div.articlead img 					{margin: 0 auto;}
div.articlevideo p					{margin: 0; line-height: 12px;}
div.articlevideo object				{margin: 0 0 10px; display: block;}

p.tags								{background: #f2f2f2; line-height: 25px; clear:both; float:left; margin:10px 0 20px 0; width:100%;}
p.tags span		 					{background: url(/assets/images/tags-bg.png) 0 0 no-repeat; display: block; height: 25px; width: 53px; float: left; color: #fff; padding: 0 0 0 12px; margin: 0 10px 0 0; text-transform: uppercase;}
p.tags a							{text-decoration: none;}

div.otherstories					{margin: 0 0 10px 0; clear:both;}
div.otherstories h3					{font-size: 18px; float: none !important; color: #1e1e1e; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 15px 0; margin: 0 0 5px 0;}
div.otherstories ul li				{height: auto;}
div.otherstories ul li a			{font-weight: bold;}
div.otherstories ul li.laststory	{border: none;}
div.otherstories ul li a span       {background: url(/assets/images/inline-comment-bubble-icon.png)no-repeat; width: 20px; height: 20px; display: block; text-align: center; color: white;}

div.social-buttons 					{margin: 10px 0;}

a.article-continues, a.article-continues:visited,
a.article-continues:hover 			{background: transparent url(/assets/images/down-arrow.gif) no-repeat center right;padding: 2px 15px 0 0; text-decoration: none; line-height: 22px; margin: 0 0 5px 0;}

/* Recommended */

div#game-details 					{border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px 0; margin: 3px 0 20px 0; height: auto;}
div#game-details table 				{display: none;}
div#game-details table.first-platform {display: block;}
div#game-details td 				{padding: 5px 10px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; vertical-align: top;}
div#game-details td.key 			{background: #000000; color: #ffffff; width: 90px;}
div#game-details td.value 			{background: #f2f2f2; width: 230px;}
div#game-details td.price 			{font-size: 2em; padding-top: 10px; }

#platformtabs 					{border-bottom: 2px solid #d2091e; margin-bottom: 5px; }
#platformtabs li a				{background-color: #333333; color: #ffffff; padding: 3px 10px;}
#platformtabs li a.activeSlide 	{background-color: #d2091e; margin-top: -3px; padding-top: 6px; }
.articlecontent .toolbar                {margin-bottom:20px;}
.articlecontent h4.toolbar-header {font-size:1.15385em;}

/* Twitter blockquote css */
blockquote.twitter-tweet {display: inline-block;padding: 16px;margin: 10px 0;max-width: 468px;border: #ddd 1px solid;border-top-color: #eee;border-bottom-color: #bbb;
  border-radius: 5px;box-shadow: 0 1px 3px rgba(0,0,0,0.15);font: normal 14px/18px Helvetica, Arial, sans-serif!important;color: #000;background:none!important;}
blockquote.twitter-tweet p:nth-last-child(2):after  {background:none!important;}
blockquote.twitter-tweet a:visited {color: rgb(43, 123, 185)!important;text-decoration: none!important;outline: 0px!important;font: normal 14px/18px Helvetica, Arial, sans-serif!important;
background:none!important;}
blockquote.twitter-tweet a {color: rgb(43, 123, 185)!important;text-decoration: none!important;outline: 0px!important;font: normal 14px/18px Helvetica, Arial, sans-serif!important;
background:none!important;}
blockquote.twitter-tweet p {font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;margin: 0 5px 10px 0;font: normal 14px/18px Helvetica, Arial, sans-serif!important;
background:none!important;}
blockquote.twitter-tweet a[href^="https://twitter.com"] {font-weight: normal;color: #666;font-size: 12px;background:none!important;}

#article-content blockquote p:first-child:after { background: url(/assets/images/icons/quote-end.png) no-repeat 100% 0%; content: ""; z-index: 999; width: 25px; padding-left: 40px; }
#article-content blockquote p:nth-child(2) { color: #d2091e;font-size: 19px;text-align: right;}
#article-content blockquote { background: url(/assets/images/icons/quote-start.png) no-repeat 0 6px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 1.846em; line-height: 1.5em; padding-left: 10px;text-align: center; }
#article-content blockquote p { margin-left: 30px; text-align: left;font-family: Georgia, Times, "Times New Roman", serif;font-style: italic;}