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

@import url("sidebar.css"); 

/**
 * Body
 */
body {
	background: #670408 url( ../images/bg.gif ) repeat-x;
}
#wrapper {
	width: 1024px;
	margin: 0 auto;
	padding-top: 42px;
	position: relative;
}

/**
 * Header
 */
.header {
	background: url( ../images/logo-real-mataram-fc.gif ) no-repeat left center;
	height: 100px;
	padding: 40px 0 0 110px;
}
.site-title {
	font: 25px/22px "Arial Black", Arial, sans-serif;
	text-shadow: 1px 1px 1px #e94d53;
	letter-spacing: -1px;
	margin-top: 4px;
}
.site-title a:active {
        color: #352B29;
}
.site-description {
	font-size: 12px;
	margin-top: 2px;
}

/**
 * Navigation
 */
.navigation {
	width: 800px;
	margin: -29px auto 0;
	position: relative;
	z-index: 1;
	background-color: #260d10;
} 
#site-menu>li {
	float: left;
	position: relative;
}
#site-menu a {
	font-weight: bold;
	color: #ffffff;
}
#site-menu>li>a { 
	display: block;
	padding: 12px 52px;
	font-size: 11px;
	text-transform: uppercase;	
	background-color: #260e0f;
}
#site-menu>li>a:hover {
	background-color: #000000;
}
#site-menu .submenu {
	padding-top: 1px;
	position: absolute;
	display: none;
	width: 140px;
}
#site-menu .submenu>li {
	padding: 6px 10px;
	background-color: #000000;
}
#site-menu .submenu>li:first-child {
	padding-top: 11px;
}
#site-menu .submenu>li:nth-last-child(1) {
	padding-bottom: 15px;
}
#site-menu .submenu>li>a { 
	font-size: 11px;
}
#site-menu .submenu>li>a:hover {	
	color: #ce787b;
}
#site-menu .subsubmenu {
	margin-top: 2px;
}
#site-menu .subsubmenu>li {
	float: left;
	margin-right: 15px;
}
#site-menu .subsubmenu>li>a { 
	font-size: 10px;
	color: #ce787b;
}
#site-menu #menu-home a {
	text-indent: -9999px;
	background: #000000 url( ../images/icon/home.gif ) no-repeat center center;
	padding: 12px 24px;
}
#site-menu>li:hover .submenu {
	display: block;
}
#site-menu .submenu a {
	font-weight: normal;
}
 

/**
 * Top Widget
 */
#top-widget {
	position: absolute;
	top: 0;
	right: 0;
	width: 323px;
	height: 81px;
	background: url( ../images/bg-top-widget.png ) no-repeat center top;
}
#top-widget-menu {
	width: 202px;
	margin: 3px auto 0;
}
#top-widget-menu li {
	float: left;
}
#top-widget-menu li a {
	display: block;
	height: 32px;
	width: 32px;
	margin: 0 9px;
	text-indent: -9999px;
}
#top-widget-menu .facebook a {
	background: url( ../images/icon/net-top-widget.png ) no-repeat 0 0;
}
#top-widget-menu .twitter a {
	background: url( ../images/icon/net-top-widget.png ) no-repeat -32px 0;
}
#top-widget-menu .message a {
	background: url( ../images/icon/net-top-widget.png ) no-repeat -64px 0;
}
#top-widget-menu .sitemap a {
	background: url( ../images/icon/net-top-widget.png ) no-repeat -96px 0;
}
#top-widget-menu .facebook a:hover {
	background: url( ../images/icon/net-top-widget.png ) no-repeat 0 -32px;
}
#top-widget-menu .twitter a:hover {
	background: url( ../images/icon/net-top-widget.png ) no-repeat -32px -32px;
}
#top-widget-menu .message a:hover{
	background: url( ../images/icon/net-top-widget.png ) no-repeat -64px -32px;
}
#top-widget-menu .sitemap a:hover {
	background: url( ../images/icon/net-top-widget.png ) no-repeat -96px -32px;
}

#top-widget-search {
	clear: both;
	margin: 7px 0 0 30px;
	color: #f2d0d1;
}
#top-widget-search h3,
#top-widget-search form {
	float: left;
}
#top-widget-search h3 {
	margin-right: 4px;
	font-size: 11px;
    line-height: 28px;
}
#top-widget-search,
#top-widget-search #s,
#top-widget-search .button {
	font-size: 11px;
	line-height: 11px;
}
#s {
	color: #f2d0d1;
	background-color: #260d10;
	border: 1px solid #260d10;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	width: 165px;
	padding: 3px;
}
#top-widget-search .button {
	background: url( ../images/icon/net-top-widget.png ) no-repeat -128px 0px;
	border: none;
	text-indent: -9999px;
	height: 27px;
	width: 27px;
	cursor: pointer;
}
#top-widget-search .button:hover {	
	background: url( ../images/icon/net-top-widget.png ) no-repeat -128px -27px;
}

/**
 * Sitemap
 */
#sitemap .inner {
	width: 1024px;
	margin: 0 auto;
	padding: 1.4em 0 4em;
}
#sitemap {
	clear: both;
	color: #fffafa;
	background-color: #0d0707;
}
#sitemap a {
	color: #fffafa;
}
#sitemap a:hover {
	text-decoration: underline;
}
#sitemap h3,
#sitemap h4  {
	text-transform: uppercase;
}
#sitemap h3 {
	font: 2.2em "Arial Black", Arial, Helvetica, sans-serif;
}
#sitemap h4 {
	font-size: 1.4em;
	line-height: 1em;
	margin: 1em 0 0 2em;
	background: url( ../images/icon/home-footer.gif ) no-repeat left bottom;
	padding: 0.3em 0 0 1.8em;
}
.footer-menu {
	margin: 1em 0 0 3.2em;
}
.footer-menu>li {
	float: left;
	background: url( ../images/icon/arrow.gif ) no-repeat;
	padding-left: 1.6em;
	margin-right: 7em;
}
.footer-menu>li>a {
	font-size: 1.3em;
	font-weight: bold;
}
.footer-menu ul  {
	margin-top: 0.5em;
}
#sitemap .footer-menu ul a {
	font-size: 1.2em;
	color: #efccd0;
	padding-left: 0.4em;
}
.footer-menu ul li {
	padding: 0.5em 0;
}
.footer-menu ul li:before {
	content: '+';
	color: #efccd0;
	font-size: 1.2em;
	font-weight: bold;
}
.footer-menu ul ul {
	margin-left: 1em;
}

/**
 * Footer
 */
.site-footer {
	background-color: #000000;
	padding: 2em 0 4em;
	text-align: center;
	color: #c1b1b2;
	font-size: 1.2em;
}
.site-footer a {
	color: #ce787b;
}
.site-footer a:hover {
	text-decoration: underline;
}


/**
 * Layout
 */
/** main content **/
.main {
	margin-top: 30px;
	background-color: #f4f2f0;
	-moz-box-shadow: 0 0 5px #3c0002;
	-webkit-box-shadow: 0 0 5px #3c0002;
	box-shadow: 0 0 5px #3c0002;
}
.main-inner {
	margin-right: 284px;
	background-color: #ffffff;
	background: url( ../images/brd-sidebar.png ) repeat-y right top;
	padding-right: 30px;
}
.main #content {
	width: 670px;
	float: left;
	padding: 20px 25px 50px 15px;
}
.main #sidebar {
	width: 314px;
	float: right;
	margin-right: -314px;
	padding: 20px 0;
}


/**
 * General class
 */
/** page-title */
.page-title {
	font: 20px/18px "Arial Black", Arial, Helvetica, sans-serif;
	background: url( ../images/page-title-deco.gif ) no-repeat left center;
	padding-left: 18px;
	color: #380204;
	letter-spacing: -0.7px;
	margin-bottom: 20px;
} 
 
/** read-more */
.read-more {
	margin-top: 20px;
	text-align: right;
}
.read-more a {
	font-size: 11px;
	padding: 5px 8px;
	background-color: #260e0f;
	color: #ffe4e4;
}

/**
 * Shared
 */
.shared {
	margin-top: 3em;
	border-top: 2px solid #d1cdca;
	padding-top: 3px;
}
.shared .inner {
	background-color: #ece9e6;
	padding: 0.5em 1.2em 1em;
}
.shared h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.8em;
}
.shared li {
	float: left;
	margin-right: 1em;
}

/**
 * intro-image
 */
#content .intro-image {
	text-align: center;
	margin: 1em 0 2em!important;
}
#content .intro-image img {
	border: 10px solid #ffffff;	
	-moz-box-shadow: 0 0 5px #0d0707;
	-webkit-box-shadow: 0 0 5px #0d0707;
	box-shadow: 0 0 5px #0d0707;
}

/**
 * section-title
 */
.section-title {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.4em 0.8em 0.4em 2.2em;
	background-color: #e5e3e1;
	color: #260e0f;
	border: 1px solid #e5e3e1;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	background: #e5e3e1 url( ../images/news-category-deco.gif ) no-repeat 4px center;
	margin-bottom: 1em;
}
.section-title strong {
	font-weight: bold;
}

/**
 * Breadcrumb
 */
#breadcrumb {
	width: 780px;
	margin: 0 auto;
	color: #ffefef;
	font-size: 11px;
	background-color: #840106;
	padding: 8px 10px;
}
#breadcrumb a {
	color: #ffefef;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb span {
	color: #280e0f;
}