/* -----------------------------------------------------------------------

Theme Name: More On Gaming
Theme URI: 
Description: Customized theme for the famous MogTV.
Version: 1.0
Author: Web and Multimedia Team
Author URI: http://mogtv.com.ph/
Tags: red, black, fixed width, four columns

	MogTV v1.0

	This theme was designed by the Creatives Team 
	and built by the Web Team,
	who are working under mogtv.

	The CSS style is based on both Blueprint CSS Framework 0.9 and 960 Grid System

   * Copyright (c) 2009-Present.
   * For credits and origins, see AUTHORS.   

----------------------------------------------------------------------- */

/* Reset. It's always good to start fresh.
----------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
object:focus { outline: none; }
.hand { cursor: pointer; }

/* Typography; this is where we change the font-face, color, and size.
----------------------------------------------------------------------------------------------------*/
body {font-size:75%;color:#FFF;background-color:#000; font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#ff673b;}
h1 {font-size:3em;line-height:1;margin-bottom:0.1em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.subtitle { font-size: 11px; color:#666666; }
a:focus, a:hover {color:#FF9900;}
a {color:#ff673b;text-decoration:none;}
blockquote {margin:1.5em;color:#959595;font-style:italic; border-left: 2px solid #FF6600; padding-left: 10px; margin: 0; }
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.gototop { font-size: 75%; text-transform: uppercase; }

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 11px;
	background: #000000;
	border: 1px solid #333;
	padding: .2em;
	color: #F63;
}
#videocomments #commentform #author, #videocomments #commentform #email, #videocomments #commentform #url {
	width: 320px;
}
#commentform #author { background-image: url(images/icon_user.gif); }
#commentform #email { background-image: url(images/icon_email.gif); }
#commentform #url { background-image: url(images/icon_site.gif); }
#commentform #author, #commentform #email, #commentform #url {
	padding-left: 30px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	width: 86%;
}

#commentform textarea {
	width: 97%;
	height: 150px;
	overflow: auto;
}

ul#commentlist {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#commentlist li ul, #commentlist li ol, #videocomments #commentlist li ol, #videocomments #commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 95%;
	list-style-type: none;
}
#commentlist li {
	padding: 4px;
	padding-right: -25px;
}
#commentlist li .avatar {
	float: right;
	border: 1px dotted #300;
	padding: 2px;
}
#commentlist li {
	margin-bottom: 5px;
}

#commentlist li cite {
	font-size: 10px;
}
#commentlist li.even {
	border-bottom: 1px solid #600;
	margin-top: 10px;
}
#commentlist li.bypostauthor {
	background: #000 url(images/bg-comment-author.jpg) right top no-repeat; border: 1px solid #300;
}

#commentlist li.odd {
	background-color: #000;
}
#commentlist li.alt {
	background-color: #111;
}
/* ID's and specific classes
----------------------------------------------------------------------------------------------------*/
#header { padding: 0; margin: 0 auto; width: 960px; height: 205px; clear: both;
	background: url(images/size-header-2.jpg) left top no-repeat!important; /* delete this line; this is just a placement */
 }
#articles {  min-height: 550px; }

#news { min-height: 550px; border-left: 1px solid #474747; border-right: 1px solid #474747; padding: 10px; padding-bottom: 0px; }
#news h5.title { line-height: 1.2em;}
#news .post { padding: 10px; min-height: 110px; }
#news .entry { background: url('images/bg-news-entry.png') left bottom no-repeat; }
#news .full { font-size: 110%; }
#news .post .thumb { float: left; border: 2px solid #a4a4a4; margin-right: 5px; }
#news .p { line-height: 1.2em; font-size: 80%; padding: 0px; margin: 0px; margin-top: -6px; min-height: 68px; }
#news .date { font-size: 75%; float: left; padding: 5px; margin-left: 90px; }
#news .more { font-size: 80%; font-weight: bold; padding: 4px; float: right; }
#news .allaccess { background-image: url('images/icon-access.png'); } 
#news .gamespeak { background-image: url('images/icon-speak.png'); } 
#news .limalufet { background-image: url('images/icon-5lufet.png'); } 
#news .guru { background-image: url('images/icon-guru.png'); } 
#news .max { background-image: url('images/icon-max.png'); } 
#news .news { background-image: url('images/icon-news.png'); } 
#news .sizzle { background-image: url('images/icon-sizz.png'); } 
#news .tipsntrix { background-image: url('images/icon-tips.png'); } 
#news .interact { background-image: url('images/icon-interact.png'); } 
#news a.allaccess, #news a.gamespeak, #news a.limalufet, #news a.guru, #news a.max,#news a.news,#news a.sizzle,#news a.tipsntrix, #news a.interact { background-position: right top; background-repeat: no-repeat; padding-right: 35px; padding-bottom: 30px; } 
#news a.allaccess, #news a.gamespeak, #news a.limalufet, #news a.guru, #news a.max,#news a.news,#news a.sizzle,#news a.tipsntrix, #news a.interact { display: inline-block; margin-top: -20px;  }
#news a.allaccess, #news a.gamespeak, #news a.limalufet, #news a.guru, #news a.max,#news a.news,#news a.sizzle,#news a.tipsntrix, #news a.interact { outline: none;  }

  
#segments { padding-left: 10px; margin-right: 0px; min-height: 500px; background: transparent url(images/bg-segment-t.jpg) left top no-repeat; }

#lufet { background: url(images/bg-lufet.gif) right top no-repeat; min-height: 500px; }
 #lufet h2.icon { background:url(images/icon_5lufet.gif) left top no-repeat; float: left; margin-right: 10px; width: 50px; height: 60px; }
 #lufet .desc { padding: 5px; }
 #lufet span { display: none; }
 #lufet .content { width: 260px; overflow:hidden; }
 #lufet .ads { border: 1px solid #ff673b; }
 
#footer { width: 943px; clear: both; margin: 0 auto; padding: 0; text-align: center; height: 99px; background: url(images/bg-footer2.jpg) right bottom no-repeat; }
 #footer p { padding-top: 20px; font-size: 80%; }
 
#video { min-height: 610px; border-right: 1px solid #474747; padding: 10px; margin-bottom: 20px; width:439px; float: left; }
#video .title { font-size: 18px; }
#video .featured { text-align: center; padding-bottom: 5px; border-bottom: 1px solid #222; margin-bottom: 10px; }
#video .archive .entry .thumb { border: 1px solid #333; padding: 5px; }
#video .archive .entry { float: left; padding: 7px; text-align: center; width:130px; }

#videocomments { width: 480px; background: transparent url(images/bg-lufet.gif) right top no-repeat; min-height: 500px; }
#videocomments #commentlist  { padding-right: 110px; }
#videocomments textarea {width: 350px;}

#pic { }
#pic .album { float: left; border: 2px solid #222; margin: 5px; position: relative; padding: 0; }
/*#pic .pic { float: left; border: 2px solid #000; margin: 5px; position: relative; height: auto; min-width: 145px; text-align: center; vertical-align: middle; }*/
#pic .icon-img{ vertical-align: middle; padding: 0; margin: 5px; }
#pic .icon-link{ margin-left:auto;margin-right:auto;overflow:hidden; display: inline-block; vertical-align: middle; border: 1px solid #000; }
#pic .icon-link:hover{ border: 1px solid #F60; }
#pic div.title { position: absolute; background: url(images/bg-black-80.png); z-index: 1; display: block; bottom: 0; margin: 5px 0px; width: 100%; line-height: 1.2em; text-align: center; border-top: 1px solid #111;border-bottom: 1px solid #111; padding: 5px 0px; }
#pic h3.title, #pic div.title { text-transform: capitalize; }
/* forms
----------------------------------------------------------------------------------------------------*/
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif; font-size: 11px; background: #000000; border: 1px solid #333; padding: .2em; color: #F63; }

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:100%;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:100%;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid */
/* Containers
----------------------------------------------------------------------------------------------------*/
.container {width:961px;margin: 0 auto; background: url(images/bg-container.jpg) right bottom no-repeat; min-height: 550px; padding-bottom: 10px; display: block; }
.videocontainer { width:961px;margin: 0 auto; background: transparent url(images/bg-containervideo.jpg) right bottom no-repeat; min-height: 550px; padding-bottom: 10px;  display: block; }
.wrapper {  width: 961px; margin: 0 auto; background-image: url(images/bg-body.gif); background-position: 50% 0%; background-repeat: repeat-y; display: block; }
.wrappervideo { width: 961px; margin: 0 auto; background: url(images/bg-bodyvideo.gif) 50% 0px !important; background-repeat: repeat-y;  }
.bgfooter { background:url(images/bg-footer-exp.jpg) center bottom no-repeat; display: block; }
.bgtop { background: url(images/bg-header-exp1.jpg) center top no-repeat; display: block; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.gridVideo, .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16, .lufet, #video, #pic { display:inline; float: left; margin-left: 10px; margin-right: 10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0 !important; }
.omega { margin-right: 0 !important; }

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container .grid1 { width:40px; }
.container .grid2 { width:90px; }  /* special case */ 
.container .grid3 { width:160px; }
.container .grid4 { width:220px; }
.container .grid5 { width:258px; }  /* News section; special case */ 
.container .grid6 { width:340px; }
.container .lufet { width:370px; } /* special case */ 
.container .grid7 { width:400px; }
.container .gridVideo { width: 439px; } /* for video page */
.container .gridPic { width: 480px; } /* for video page */
.container .grid8 { width:460px; }
.container .grid9 { width:520px; }
.container .grid10 { width:580px; }
.container .grid11 { width:640px; }
.container .grid12 { width:700px; }
.container .grid13 { width:760px; }
.container .grid14 { width:820px; }
.container .grid15 { width:880px; }
.container .grid16 { width:940px; }

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container .prefix1 { padding-left:60px; }
.container .prefix2 { padding-left:120px; }
.container .prefix3 { padding-left:180px; }
.container .prefix4 { padding-left:240px; }
.container .prefix5 { padding-left:300px; }
.container .prefix6 { padding-left:360px; }
.container .prefix7 { padding-left:420px; }
.container .prefix8 { padding-left:480px; }
.container .prefix9 { padding-left:540px; }
.container .prefix10 { padding-left:600px; }
.container .prefix11 { padding-left:660px; }
.container .prefix12 { padding-left:720px; }
.container .prefix13 { padding-left:780px; }
.container .prefix14 {	padding-left:840px; }
.container .prefix15 {	padding-left:900px; }

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container .suffix1 { padding-right:60px; }
.container .suffix2 { padding-right:120px; }
.container .suffix3 { padding-right:180px; }
.container .suffix4 { padding-right:240px; }
.container .suffix5 { padding-right:300px; }
.container .suffix6 { padding-right:360px; }
.container .suffix7 { padding-right:420px; }
.container .suffix8 { padding-right:480px; }
.container .suffix9 { padding-right:540px; }
.container .suffix10 { padding-right:600px; }
.container .suffix11 { padding-right:660px; }
.container .suffix12 { padding-right:720px; }
.container .suffix13 { padding-right:780px; }
.container .suffix14 { padding-right:840px; }
.container .suffix15 { padding-right:900px; }

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container .push1 { left:60px; }
.container .push2 { left:120px; }
.container .push3 { left:180px; }
.container .push4 { left:240px; }
.container .push5 { left:300px; }
.container .push6 { left:360px; }
.container .push7 { left:420px; }
.container .push8 { left:480px; }
.container .push9 { left:540px; }
.container .push10 { left:600px; }
.container .push11 { left:660px; }
.container .push12 { left:720px; }
.container .push13 { left:780px; }
.container .push14 { left:840px; }
.container .push15 { left:900px; }

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container .pull1 { left:-60px; }
.container .pull2 { left:-120px; }
.container .pull3 { left:-180px; }
.container .pull4 { left:-240px; }
.container .pull5 { left:-300px; }
.container .pull6 { left:-360px; }
.container .pull7 { left:-420px; }
.container .pull8 { left:-480px; }
.container .pull9 { left:-540px; }
.container .pull10 { left:-600px; }
.container .pull11 { left:-660px; }
.container .pull12 { left:-720px; }
.container .pull13 { left:-780px; }
.container .pull14 { left:-840px; }
.container .pull15 { left:-900px; }

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
* html .clearfix {
	height: 1%;
}
.clear {clear:both;}

/*Added by frank*/
.postImage{
height: 63px;
width: 72px;
}
.tooltip{
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: none;
padding: 10px;
width: 20%;
background-color: #000;
border: 2px solid #990000;
}