/**
 * General style sheet
 *
 * @package realmataramfcdotcom
 * @subpackage RedArmy
 * @version 1.0
 * @author Mohammad Arif [http://iznyn.com]
 * @copyright Copyright (c) 2011  Mohammad Arif  (http://iznyn.com)
 */
/*
Copyright 2011  Mohammad Arif  (http://iznyn.com)

All the code in this file is specifically not available to the public and under license from
Mohammad Arif, where as the party responsible for the development of the Real Mataram FC 
Official Website (http://realmataramfc.com).

You are not allowed to copy all or part of the code in this file without exception.
But if you just want to learn code in these files, we are happy will allow it.
*/

#top-content {
	margin-left: -50px;
}

/**
 * top-stories
 */
#news {
	margin-top: 43px;
	width: 730px; 
	color: #ffefef;
	float: left;
	min-height: 290px;
}
#news .hentry {
	margin-bottom: 15px;
}
#news .thumbnail {
	display: none;
}
#news .entry-title {
	font-size: 14px;
	margin-bottom: 6px;
}
#news a {
	color: #ffefef;
}
#news .entry-content {
	font-size: 12px;
	line-height: 14px;
}
#news .more-link {
	font-size: 11px;
	margin-top: 6px;
}
#news .more-link a:hover {
	text-decoration: underline;
}

#news .first {
	position: relative;
	height: 290px;
}
#news .first .thumbnail {
	display: block;
	background: url( ../images/bg-home-top-news-thumbnail.png ) no-repeat center bottom;
	width: 360px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
#news .first .thumbnail img {
	border: 16px solid #ffefef;
}
#news .first .entry-title {
	font: 28px/28px "Arial Black", Arial, Helvetica, sans-serif;
	margin-left: 350px;
	padding-top: 14px;
}
#news .first .entry-content {
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0 0 350px;	
}

#news .first .more-link {
	margin-top: 22px;
	float: right;
	background-color: #ffffff;
	padding-right: 3px;
	border: 1px solid #ffffff;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#news .first .more-link a {
	font-size: 12px;
	color: #352b29;
	display: block;
	background: url( ../images/icon/button-arrow.png ) no-repeat right center; 
	padding: 6px 24px 6px 7px;
}
#news .first .more-link a:hover {
	text-decoration: none;
}
#news .first .more-link:hover {
	background-color: #fff4f4;
}
#top-news-navi  {
	margin: -50px 0 0 350px;
	position: relative;
	z-index: 1;
}
#top-news-navi a {
	font-size: 11px;
	font-weight: bold;
	background-color: #000000;
	border: 1px solid #000000;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50px;
	-khtml-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	padding: 4px 8px;
	margin-right: 5px;
}
#top-news-navi a:hover,
#top-news-navi a.current {
	color: #260e0f;
	background-color: #ffffff;
	border-color: #ffffff;
}
#top-news-navi a:hover {
	background-color: #ffe4e5;
	border-color: #ffe4e5;
}
#top-news-navi a.current:hover {
	cursor: default;
	background-color: #ffffff;
	border-color: #ffffff;
}

/**
 * top-content-right
 */
#top-content-right {
	float: right;
	width: 300px;
	margin-top: 2px;
}
#lpi-form {
	color: #efcdcf;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	height: 49px;
	padding-top: 7px;
	vertical-align: middle;
	width: 297px;
	background: url( ../images/bg-lpi-form.png ) no-repeat right bottom;
}
#lpi-form h3 {
	float: left;
	text-indent: -9999px;
	width: 58px;
	height: 49px;
}
#lpi-form  li {
	float: left;
	padding-right: 25px;
	text-align: center;
	margin-top: 11px;
}
#lpi-form  li span {
	display: block;
	font: 22px/14px "Arial Black", Arial, sans-serif;
	font-weight: normal;
}
#lpi-form  li.point {
	padding-right: 0;
}

/**
 * next-match
 */
#next-match {
	margin-top: 8px;
	background-color: #9d0a10;
	border: 1px solid #840106;
	-moz-box-shadow: 0 0 5px #590104;
	-webkit-box-shadow: 0 0 5px #590104;
	box-shadow: 0 0 5px #590104;
	color: #ffefef;
	padding: 10px 0 0;
}
#next-match h2 {
	margin: 0 0 15px 10px;
	font: normal 18px/18px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#next-match .date {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#next-match .competition {
	text-align: center;
	font-size: 12px;
	font-style: italic;
}
#next-match .main-info {
	margin: 10px 0 0 10px;
	height: 102px;
	position: relative;
}
#next-match .main-info .rival {
	margin-left: 90px;
	padding-top: 5px;
	font: 14px "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#next-match .main-info p {
	margin: 4px 0 0 90px;
	font-size: 12px;
	font-style: italic;
}
#next-match .main-info  strong {
	font-weight: bold;
}
#next-match .main-info .club-logo {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
}
#last-meetings {
	clear: both;
	background-color: #260e0f;
	padding: 5px 10px;
}
#last-meetings h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#last-meetings thead {
	display: none;
}
#last-meetings table {
	width: 100%;
}
#last-meetings td,
#last-meetings .empty {
	font-size: 11px;
	color: #efcdcf;
	background-color: #1e0b0c;
	padding: 2px 4px;
	border-bottom: 1px solid #260e0f;
}
#records {
	font-size: 12px;
	font-weight: bold;
	color: #efcdcf;
	background-color: #260e0f;
	padding: 5px 0 10px 10px;
}
#records strong {
	font-weight: bold;
	color: #ffffff;
}

/**
 * middle-content
 */
#middle-content {
	margin-top: 64px;
	clear: both;
	background-color: #9d0a10;
	border: 1px solid #840106;
	-moz-box-shadow: 0 0 5px #590104;
	-webkit-box-shadow: 0 0 5px #590104;
	box-shadow: 0 0 5px #590104;
	color: #ffefef;
}
#pom,
#lpi-table {
	float: left;
	width: 290px;
	min-height: 289px;	
	padding: 15px 10px;
}
#last-match {
	float: left;
	width: 398px;
	min-height: 324px;
	background-color: #590104;
	border: 1px solid #380204;
	-moz-box-shadow: 0 0 5px #260e0f;
	-webkit-box-shadow: 0 0 5px #260e0f;
	box-shadow: 0 0 5px #260e0f;
	color: #ffefef;
	padding-top: 15px;
	margin-top: -30px;
}
#middle-content h2 {
	font: 18px/15px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#last-match h2 {
	font-size: 20px;
	text-align: center;
}
#recent-last-match {
	margin-top: 16px;
	padding: 0 10px;
}
#recent-last-match p {
	text-align: center;
}
#recent-last-match .date,
#recent-last-match .location {
	font-size: 13px;
	font-weight: bold;
}
#recent-last-match .competition {
	font-size: 12px;
	font-style: italic;
}
#recent-last-match .rival {
	font: normal 15px/15px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-top: 5px;
	text-align: center;
}
#recent-last-match .match {
	margin-top: 14px;
}
#recent-last-match .score {
	font: normal 72px/72px "Arial Black", Arial, Helvetica, sans-serif;
	vertical-align: top;
	letter-spacing: -10px;
	padding: 0 12px;
}
#recent-last-match .textvs {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	line-height: 72px;
	vertical-align: top;
}
#recent-last-match .goal ul {
	float: left;
	width: 48%;
}
#recent-last-match .away {
	text-align: right;
}
#recent-last-match .goal li {
	font-size: 11px;
	padding: 1px 0;
}
#recent-last-match .read-more {
	text-align: left;
}
#recent-last-match .read-more a {
	background-color: #260e0f;
	padding: 5px 16px;
	font-size: 12px;
	font-weight: bold;
	color: #ffefef;
}

#other-last-match {
	width: 100%;
	margin-top: 20px;
	background-color: #380204;
}
#other-last-match td {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
}
#other-last-match td.score {
	text-align: center;
}
#other-last-match img {
	margin-bottom: -3px;
}
#other-last-match .club-away {
	text-align: right;
}
#other-last-match td a {	
	color: #ffefef;
}
#other-last-match td a:hover {	
	text-decoration: underline;
}

#pom .player {
	margin-top: 12px;
	position: relative;
	min-height: 154px;
	color: #260e0f;
}
#pom .player h3 {
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: 14px;
	font-weight: bold;
	font-style: normal;
	margin-left: 128px;
}
#pom h3 {
	font-size: 15px;
	margin-top: 7px;
	font-style: italic;
	font-weight: normal;
}
#pom .player-photo {
	position: absolute;
	left: 0;
	top: 0;
}
#pom .player-photo img {
	border: 2px solid #6d0509;
}
#pom  .entry-content {
	font-size: 11px;
	margin: 8px 0 0 128px;
	color: #260e0f;
}
#pom  .read-more {
	margin-left: 128px;
}
#pom h4 {
	font-size: 13px;
	font-weight: bold;	
	color: #260e0f;
}
#pom .stats {
	margin-top: 5px;
}
#pom .stats li {
	font-size: 12px;
	padding: 4px 8px;
	margin: 2px 0;
	color: #f4d4d4;
	background-color: #870a0e;
}
#pom .stats strong {
	font-weight: bold;
}

#lpi-table table {
	margin-top: 20px;
	width: 100%;
	padding: 0 6px;
	font-size: 12px;
}

#lpi-table td, 
#lpi-table th {
	padding: 7px 5px;
}
#lpi-table th {
	background-color: #590104;
	text-align: left;
	font-weight: bold;
}
#lpi-table thead .name {
	width: 160px;
}

#lpi-table tbody td {
	border-top: 1px solid #9d0a10;
	background-color: #7d0b0f;
	line-height: 18px;
}

#lpi-table tbody td a {
	text-decoration: underline;
	color: #ffffff;
}
#lpi-table tbody td span {
	margin-left: 2px;
	line-height: 18px;
	vertical-align: top;
}
#lpi-table tbody .club td {
	background-color: #260e0f;
}
#lpi-table .position,
#lpi-table .plays,
#lpi-table .points {
	text-align: center;
}
#lpi-table .club-name {	
	font-weight: bold;
}
#lpi-table .club-name img {	
	margin-bottom: -4px;
}

/**
 * Other News
 */
.home .main {
	margin-top: 0;
}
.main #content {
	width: 670px;
	font-size: 10px;
}
.main #sidebar {
	width: 280px;
	margin-right: 20px;
}

.news-category {
	width: 46%;
	float: left;
	margin-right: 4%;
	margin-bottom: 2em;
}
#other-news h3 {
	font-size: 1.3em;
	background-color: #e9e0de;
	color: #670408;
	padding: 0.4em 0.8em;
}
#other-news ul {
	margin: 0.5em 0 0 1em;
}
#other-news li {
	font-size: 1.2em;
	background: url( ../images/icon/list-arrow.gif ) no-repeat left 0.9em;
	padding: 0.6em 0 0.6em 12px;
}
.news-category>p {
	font-size: 1.2em;
	font-style: italic; 
	margin-top: 0.5em;
}
#other-news li a {
	font-weight: normal;
}
#other-news li  a:hover {
	text-decoration: underline;
}

/**
 * Fanzone
 */
#fanzone {
	padding-top: 2em;
}
#profile-rg .thumbnail {
	float: left;
	margin-right: 1.4em;
}
#rg h3 {
	font-size: 1.3em;
	background-color: #e9e0de;
	color: #670408;
	padding: 0.4em 0.8em;
	margin-bottom: 1.5em;
}
#rg .entry-content,
#rg .empty {
	font-size: 1.3em;
}
.join-link {
	margin-top: 15px;
	float: right;
	background-color: #d5c1a7;
	padding-right: 3px;
	border: 1px solid #d5c1a7;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	
}
.join-link:hover {
	background-color: #ecdcc7;
}
.join-link a {
	font-size: 12px;
	color: #352b29;
	display: block;
	background: url( ../images/icon/button-arrow.png ) no-repeat right center; 
	padding: 6px 24px 6px 7px;	
}

#fansnews {
	clear: both;
	margin-top: 3em;
}
#fansnews h3 {
	margin-bottom: 0.6em;	
}
#fansnews ul {
	margin-left: 1em;	
}
#fansnews li {
	font-size: 1.2em;
	background: url( ../images/icon/list-arrow.gif ) no-repeat left 0.9em;
	padding: 0.4em 0 0.6em 12px;
}
#fansnews a:hover {
	text-decoration: underline;
}

#gallery {
	margin-top: 30px;
}
#gallery .photos {
	padding: 10px;
	background-color: #e7eef4;
}
#gallery img {
	border: 1px solid #b4bbc1;
	margin: 0 4px;
}
#gallery img:hover {
	border-color: #ffffff;
}
#gallery .link {
	text-align: right;
	font-size: 11px;
	margin: 5px 10px 0 0;
}
#gallery .link a:hover {
	text-decoration: underline;
}

#next-match.emergency {
	height: 245px;
	padding: 10px;
}
#next-match.emergency .main-info .info {
	margin: 44px 0 0 110px;
	font-size: 13px;
}
#next-match.emergency .main-info .club-logo {
	margin-top: -20px;
}