/*
Theme Name: FC Barcelona Indonesia
Theme URI: http://www.fcbarcelona.web.id/
Description: Hanya untuk fans FC Barcelona Indonesia
Version: 1.0.0
Author: AzrailyaZ
Author URI: http://www.azrailyaz.com/
Tags: FCB, FC Barcelona, Indonesia, Barcelona Indonesia
*/

/*################ Set Up ##########################*/
body {
	background-color: #000033;
	background-image: url(images/atas.jpg);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #990000;
	text-decoration:none;
}
a:visited {
	color: #990000;
}
.smalltext {
	font-size:9px;
}
a:hover {
	color: #000033;
}
.floatLeft { float: left; }
.floatRight { float: right; }
.warnahitam { color:#000; }
hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}
/*##########################################*/
#header {
	background-image: url(images/header.jpg);
	height: 200px;
	background-repeat: no-repeat;
	width: auto;
	background-position: center;
}
#layout {
	padding: 0;
	width: 100%;
}
#utama #banner {
	width: 60%;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#utama #banner img{
	border:2px groove #000000;
	text-decoration:none;
	text-align:center;
	max-width: 100%;
}
/*##########################################*/
#tabsE {
	float:none;
	width:90%;
	background:#000033;
	font-size:100%;
	line-height:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
}
#tabsE ul {
	margin:0;
	list-style:none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#tabsE ul li {
	float: left; /*For IE 7 lack of compliance*/
	display:inline;
	margin: 0;
	padding: 0;
	position:relative;
}
#tabsE li {
	display:inline;
	padding:0;
	margin: 0;
}
 
#tabsE a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(images/tableftE.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tabsE a span {
	float:left;
	display:block;
	color:#FFF;
	background-image: url(images/tabrightE.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 12px;
	margin-right: 3px;
}
#tabsE a span {float:none;}
#tabsE a:hover span {
     color:#FFF;
}
#tabsE a:hover {
      background-position:0% -42px;
}
#tabsE a:hover span {
      background-position:100% -42px;
}

#tabsE #current a {
     background-position:0% -42px;
}
#tabsE #current a span {
     background-position:100% -42px;
}
#tabsE .forum {
	width:78px;
}

#tabsE ul ul { display:none; padding:0; }
li.forum ul li{ width:100px; text-align: left;}
#tabsE ul li:hover ul {
	display:block;
	float:left;
	position:absolute;
	margin-top:25px;
} 
#tabsE .forum ul li span {
	width: 100px;
}
#tabsE li.forum#current ul li a:hover {
      background-position:0% -42px;
}
#tabsE li.forum#current ul li a:hover span {
      background-position:100% -42px;
}
#tabsE li.forum#current ul li a {
     background-position:0% 0px;
}
#tabsE li.forum#current ul li a span {
     background-position:100% 0px;
}

#jeda {
	height: 10px;
	clear: both;
	width: 100%;
}
#utama {
	width: 89%;
	border: 1px solid #192B40;
	margin: auto;
	padding: 25px;
	text-align: left;
	-moz-border-radius: 20px;
	background-color: #827d6d;
	background-image: url(images/corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#isi {
	text-align: justify;
	width: 100%;


}
#conten {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
/*	color: #E8E8DB;
*/	width: 60%;
	clear: none;
}
#conten blockquote {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #fff;
	padding-right: 8px;
	padding-left: 10px;
	font-style: italic;
	width: auto;
	padding-top: 5px;
	padding-bottom: 1px;
	text-indent: 30px;
	background-color: #504D43;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 40px;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}


#conten #loop a:link,#conten #loop a:visited {
	text-decoration: none;
	color: #5A0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5A0000;
}
#conten #loop a:hover {
	color: #5A0000;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #5A0000;
}
#utama #judul {
	font-size: 18px;
	color: #5A0000;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	clear: both;
	text-align:left;
}
#loop #judul a:link, #loop #judul a:visited, #loop #judul a:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:left;
}

#utama #isi #conten #loop {
	clear:both;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: auto;
	padding: 9px;
	background-color: #CBC9C4;
	color: #000;
	border: 2px ridge #000;

}
#loop li {
	margin-left:20px;
}
#utama #isi #conten #loop #tanggal {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
#loop #berita {
	margin-top:40px;
	margin-bottom:15px;
}
#loop img  {
	text-decoration: none;
	border: thin solid #000033;
	margin: 10px;
	padding: 2px;
}

#utama #isi #conten #loop .komen img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#utama #isi #conten #loop .komen a {
	border:none;
	padding:5px;
	color: #fff;
	background-image: url(images/samp.gif);
}
#utama #isi #conten #loop .komen :hover {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #fff;
}

#utama #isi #conten #loop .komen {
	text-align: right;
}
#utama #isi #conten .navigation a {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(images/samp.gif);
	padding:5px;
}


#jadwal .jadjud {
	letter-spacing: .1em;
	text-align: left;
	padding: 5px;
	font-size:14px;
}
#jadwal .hop {
	height: 15px;
}
#jadwal td {
	background-color:#666;
	color:#fff;
	font-size:10px;
	padding:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#utama #isi #conten .navigation :hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#utama #isi #conten .navconten p a{
	padding:4px;
	text-decoration: none;
	color: #fff;
	background-image: url(images/samp.gif);
}
#utama #isi #conten .navconten a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
}
#utama #isi #conten .navconten a:hover {
	border-bottom-style: solid;
}
/* ###################Samping #####################*/
div#samping {
	float: right;
	width: 32%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
}
#utama #isi #samping #menu img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#menu ul li {
	text-decoration: none;
	list-style-type:none;
	list-style-image: none;
	margin-top: auto;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: auto;
}
#utama #isi #samping #menu ul li ul {
	margin-bottom: 15px;
	margin-right: 20%;
}
#utama #isi #samping #menu ul li h2 {
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/side.jpg);
	height: 40px;
	background-repeat: no-repeat;
	padding-left: 54px;
	padding-top: 7px;
	margin: auto;
}
#utama #isi #samping #menu ul {
	list-style-type:none;
	font-size:13px;
	margin: auto;
	padding:0px;
	padding-bottom: 10px;
}

#samping #menu ul li ul li {
	border-bottom-width: 1px;
	text-align:left;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top:5px;
	margin:0px;
	color:#fff;
	font-size: 11px;
}
#samping #menu ul li ul li:hover {
	border-bottom-color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#samping #menu ul li ul li:hover {
	background-image: url(images/samp.gif);
}
#samping #menu ul li ul li a:link, #samping #menu ul li ul li a:visited {
	color:#fff;
	text-decoration: none;
}
#samping #menu .textwidget {
	text-align: left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #000000;
	width:80%;
	background-image: url(images/samp.gif);
}
/*##########################################*/
/*################ Bawah ###################*/
#bawah  {
	font-size: 10px;
	text-align: center;
	height:auto;
	color: #000;
	word-spacing: 2px;
	margin: auto;
	padding:5x;
}
#bawah a:link, #bawah a:visited {
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	text-decoration:none;
}
#bawah a:hover, #bawah a:active {
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#footer {
	height:auto;
	margin: auto;
	-moz-border-radius: 20px;
	background-color: #827d6d;
	width:89%;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 3px;
	padding-left: 25px;;
}
/*############### domtab ###########################*/
div.domtab{
	width:97%;
	margin-bottom: 25px;
}
ul.domtabs{
	float:left;
	width:100%;
	padding: 0px;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul.domtabs li{
	float:left;
	list-style:none;
	margin: 0px;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0;
}
ul.domtabs a:link,ul.domtabs a:visited,ul.domtabs a:active {
	width:auto;
	display:block;
	background:#666;
	color:#fff;
	height:auto;
	font-weight:bold;
	text-decoration:none;
	padding-top: 0.2em;
	padding-right: 5px;
	padding-bottom: 0.2em;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
ul.domtabs a:hover {
	color:#000000;
}
html>body ul.domtabs a:link, html>body ul.domtabs a:visited, html>body ul.domtabs a:active, html>body ul.domtabs a:hover{
	height:auto;
}
ul.domtabs a:hover{
	background:#CBC9C4;
}
div.domtab div{
	clear:both;
	width:auto;
	color:#000;
	padding:5px;
	background-color: #CBC9C4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover {
	background:#CBC9C4;
	color:#000;
}
#domtabprintview a:link, #domtabprintview a:visited, #domtabprintview a:active, #domtabprintview a:hover {
	color:#fff;
}
.domtab #match *{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.domtab #match div {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	vertical-align: middle;
}
.domtab #match span {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: .5em;
}
.domtab #match img {
	height: 70px;
	width: 70px;
}
#match #tim {
	font-weight:bold;
	font-size: 12px;
}
.domtab table#stabel tr#judtab {
	font-weight: bold;
	color: #000;
	background-color: #e6b800;
}
.domtab table#stabel td {
	text-align: center;
}
.domtab table#stabel th.hop {
	background-color:#000;
	height:6px;
}
.domtab div.lengkap {
	clear:both;
	color: #000;
	text-decoration: none;
	float: right;
	padding-right:10px;
	border:none;
}
.domtab div#jeda {
	border:none;
	width:auto;
}
.domtab table#stabel {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#stabel tr {
	background-color:#666666;
	color:#fff;
}
#ltabel tr {
	color:#fff;
}
tr#barca {
	color:#e6b800;
	font-weight: bold;
}
.domtab div.lengkap a:link, .domtab div.lengkap a:visited {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	text-decoration:none;
	color: #000;
}
.domtab div.lengkap a:hover, .domtab div.lengkap a:active {
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #000;
}
#stabel tr td {
	border-bottom: #000 1px solid;

}
#stabel tr:hover, #ltabel tr:hover{
	color:#ccc;
}

table#ltabel {
	margin-top: 20px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
#ltabel tr#tjudul {
	background-color:#e6b800;
	font-weight: bold;
	color:#000000;
}
#ltabel tr#tjudul td{
	border-bottom: #000 3px solid;
}

#ltabel tr.ucl {
	background-color:#808080;
}
#ltabel tr.uefa {
	background-color:#555555;
}
#ltabel tr.laliga {
	background-color:#111111;
}
#ltabel tr.degrad {
	background-color:#750021;
}
#ltabel tr td {
	border-bottom: #fff 1px solid;
}
tr#barca:hover {
	color:#e6b800;
}
.domtab #match #lokasi {
	padding: 0px;
	font-size: 12px;
}
/*##########################################*/
/*#############Form Cari####################*/
form#cariform {
	background-image: url(images/cari.jpg);
	height: 30px;
	width: 90%;
	background-repeat: no-repeat;
}
input#s{
	width: 156px;
	height:20px;
	background-color:#CBC9C4;
	font-size:12px;
	margin-top: 2px;
	margin-left: 28px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:2px solid #827d6d;
}
input#s:hover {
	border:2px solid #000033;
}
input#s:focus {
	border:2px solid #990000;
}
/*##########################################*/

.clear {
	clear: both;	
}

table.breaknews {
	background:#330000;
	color:#FF0;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}