/*
Article page stylesheet for MI Pro
Version 1.1
Colours:
*/

/****** ARTICLE HEADER ******/
div.articleheader					{width:640px; margin-bottom: 15px; float:left;}
.articleheader .comment_count		{margin-left:20px; }
p.articleauthor						{line-height: 16px; width: 190px; float: left;}
p.articleauthor span				{font-weight:bold;}
p.articleauthor span.articledate	{color: #666;}
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; }
.twitter-share-button 			{width:95px!important;}
a.twitter-share-button 			{display:none!important;}
.facebook-share-button				{margin: 2px 20px 0 0 !important;}
.linkedin-share-button 				{margin:2px 1px 0 0; width: 60px; height: 21px;}
.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;}
.fb-like-container {margin-top:1px!important;}
a.commentsbutton 					{color: #FFFFFF !important;font-size: 1.3em;font-weight: bold;height: 30px;line-height: 1.6em;margin: 0 0 0 20px;text-align: center;width: 30px;}
a.commentsbutton span 				{background: transparent url(/assets/images/comments-bg.png) no-repeat 0 0;display: block;height: 30px;width: 30px;}
div.articlecontent					{clear:both; font-size:1.1em; padding:11px 0 11px 0; float:left; width: 640px;}
div.articlecontent blockquote		{padding: 15px 15px 15px 70px; background: #F1F1F1 url('/assets/images/quote-bg.png') no-repeat 15px 15px; color: #53757f; margin: 10px 0;}

/****** 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.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:0 0 5px 10px; }
div.mainarticleimagecaption			{clear:both; width:240px; border-top:5px solid #E6E6E6; border-bottom:5px solid #dbe0ea; margin-bottom:10px; padding:11px 0 0 0;}
div.mainarticleimagecaption h4		{font-size:1.0em; font-weight:bold;}
div.mainarticle-rightcontent		{float:right; width:240px; margin:0 0 10px 10px; }
div#article-content	.hasIMG			{}
div.articlead, div.articlevideo		{background:#E6E6E6; padding: 12px 0 15px; text-align: center; margin: 0 0 11px; float:left;}
div.articlebanner					{float:left;}
div.articlevideo					{padding: 15px 0 10px 15px; text-align: left;}
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;}
div.articlecontent ol {list-style-type:decimal;}
div.articlecontent ul {list-style-type:disc;}
div.articlecontent ol, div.articlecontent ul {padding:0 0 25px 15px;}

p.tags								{background: #E6E6E6; line-height: 25px; float:left; width:100%; margin:10px 0 20px 0;}
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;}
.taglist li							{display:inline; }

div.otherstories					{margin: 0 0 10px 0; float:left; width:620px; background-color:#E6E6E6; padding:10px;}
div.otherstories h3					{font-size:1.5em; color:#1e1e1e; margin:0; }
div.otherstories ul {list-style-type:none;}
div.otherstories ul li				{line-height:25px; border-bottom:1px solid #dbe0ea; }
div.otherstories ul li a			{font-weight: bold;}
div.otherstories ul li span.relatize {margin-left:12px;}
div.otherstories ul li.laststory	{border:none;}
div.otherstories ul li span.comment-count  {background: url(/assets/images/inline-comment-bubble-icon.png) right 2px no-repeat; color: #808080; padding: 0 15px 0 8px;}
div.social-buttons 					{margin: 10px 0;}

a.article-continues, 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: 0 0 20px 0;}
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;}
div#game-details td.price 			{font-size: 2em; padding-top: 10px; }

.articlecontent .toolbar {
margin-bottom:20px;
}

.articlecontent h4.toolbar-header {
font-size:1.15385em;
}

div.articlecontent ul.toolbar-icon-list {
padding:0;
}