/*
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;}
.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;}