/*
Theme Name: FicoSport
Theme URI: http://www.FicoSport.com
Description: The FicoSport Skin
Version:5.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* Reset to look the same across browsers */
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;
}
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; }
body { font-size: 62.5%; }
em { font-style: italic; }


/* main elements */
body { font-family: Arial, Verdana, Helvetica, sans-serif; background: #151515 url(images/bkg.jpg) center top no-repeat; }
#container { height: auto; width: 910px; padding: 0; margin: 35px auto 20px auto; float: none; clear: both;  }

	#top-wrap { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; background: auto; }
		#top { height: auto; width: 910px; padding: 0; margin: 0; border: 0; float: none; clear: both; background: #FFFFFF; }
		
			#header1 { clear: both; height: 322px; background: url(images/header1-bkg.jpg); }
				#sec-menu { float: right; font-size: 1.2em; font-weight: bold; padding: 10px 10px 0 0; }
					#sec-menu a:link { color: #b5f74d; text-decoration: none; }
					#sec-menu a:visited { color: #b5f74d; text-decoration: none; }
					#sec-menu a:hover { color: #b5f74d; text-decoration: underline; }

			#header2 { clear: both; text-align: center; background:#183418; height: 43px; }
				#pri-menu { padding: 10px 0 10px 8px; }
					#pri-menu table#menu { border: 0 none; padding: 0; margin: 0 }
					#pri-menu table#menu td { border: 0 none; padding: 0; margin: 0 }
							

	/* Middle */

	#middle-wrap { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; }
		#middle { height: auto; width: 890px; padding: 0 10px 0 10px; margin: 0; border: 0; float: none; clear: both; background: #FFFFFF; }
		
			#maincontent { height: auto; width: 890px; padding: 10px 0 10px 0;  margin: 0; border: 0; float: right; font-size: 1.2em; text-align: justify;  }

				#maincontent .storytitle { margin: 0 0 10px 0; font: bold 1.7em Arial, Helvetica, sans-serif; letter-spacing: -0.03em;  }
				#maincontent .storycontent ol { padding: 0 0 10px 20px; margin-left: 20px; }
				#maincontent table { border-top: 1px solid #0065A5; border-left: 1px solid #0065A5; margin-bottom: 10px; }
				#maincontent table td { padding: 5px; border-bottom: 1px solid #0065A5; border-right: 1px solid #0065A5; }
					#maincontent table.noborder { border: 0 none; }
					#maincontent table.topalign td { vertical-align: top; }
					#maincontent table.noborder td { border: 0 none; }
					
					#maincontent table.leaguetable { border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; margin-bottom: 10px; background: #000000; color: #FFFFFF; }
					#maincontent table.leaguetable td { padding: 5px; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; font-size: 11px;  }
						#maincontent table.leaguetable td a:link { color: #FFFFFF; }
						#maincontent table.leaguetable td a:visited { color: #FFFFFF; }
						#maincontent table.leaguetable td a:hover { color: #FFFFFF; }					
					#maincontent table.bookingslots {}
					#maincontent table.bookingslots td { padding: 6px; text-align: center; }
						#maincontent table.bookingslots td.booked { background: #990000; color: #FFFFFF; }
						#maincontent table.bookingslots td.locked { background: #660099; color: #FFFFFF; }
						#maincontent table.bookingslots td.avail { background: #CCFFCC; }												
					#maincontent table#events td { vertical-align: top; padding: 3px; text-align: justify; }
					#maincontent table#events td.events-sep { padding: 1px; height: 0; background: url(images/events-sep.jpg) no-repeat; }
					#maincontent table#other-fnb td { vertical-align: top; text-align: justify; }
					
					#maincontent table#mediamain td { vertical-align: top; padding-right: 20px; }
					#maincontent table#media td { text-align: center; padding: 0 5px 10px 5px;}
						#maincontent table#media td	a:link img { border: 4px solid #CCCCCC; }
						#maincontent table#media td a:visited img { border: 4px solid #CCCCCC; }
						#maincontent table#media td a:hover img { border: 4px solid #23a400; }
					
				#maincontent h1 { margin: 0 0 5px 0; }
				#maincontent h2 { margin: 8px 0 8px 0; font: normal 1.6em Arial, Helvetica, sans-serif; color: #183418;  }
				#maincontent h3 { margin: 25px 0 5px 0; font: bold 1.2em Arial, Helvetica, sans-serif; color: #000000; }				
				#maincontent p { margin: 0 0 8px 0; line-height: 115%; }
				#maincontent ul { padding-left: 20px; margin-left: 20px; padding-bottom: 10px; }
				#maincontent li { margin: 0 0 2px 0; line-height: 115% }
				#maincontent label { padding: 5px; margin: 0;}
				#maincontent fieldset { padding: 5px; margin: 0;}
				#maincontent .newspost { padding: 0 20px 0 20px; background: #F4F4F4; margin: 10px 0 0 0; border: 1px dotted #555555;  }
				#maincontent .feedback { padding: 5px 0 5px 0; border-top: 1px dotted #555555; font-style: italic; color: #555555; }
			
	/* Bottom */

	#bottom-wrap { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; }
		#bottom { height: auto; width: 890px; padding: 10px; margin: 0; border: 0; float: none; clear: both; background: #183418; }
			#footer-left { color: #FFFFFF; font-size: 11px; float: left; }
				#footer-left a:link { color: #FFFFFF; text-decoration: none; }
				#footer-left a:visited { color: #FFFFFF; text-decoration: none; }
				#footer-left a:hover { color: #FFFFFF; text-decoration: underline; }								
			#footer-right { color: #FFFFFF; font-size: 11px; float: right; }			
				#footer-right a:link { color: #FFFFFF; text-decoration: none; }
				#footer-right a:visited { color: #FFFFFF; text-decoration: none; }
				#footer-right a:hover { color: #FFFFFF; text-decoration: underline; }
	
.alignright { float: right; }
.alignleft{ float: left; }
.aligncenter { text-align: center; }
.alignright.imgbdr { margin-left: 12px; margin-bottom: 5px; }
.alignleft.imgbdr { margin-right: 12px; margin-bottom: 5px; }
.imgbdr { padding: 4px; border: 1px dotted #CCCCCC; }
.linklove { display: none; }


/* Comments */

.alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; }
.alt2 { margin: 0; padding: 0px 0px 0px 0px; }
.gravatar { background-color:#FFFFFF; color:#FFFFFF; float:right; margin:0px; padding:0px; }
.commentlist { padding: 0; }
.commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0px; }
#commentform textarea { width: 80%; }

a:link img[width="150"] { border: 4px solid #CCCCCC; }
a:visited img[width="150"] { border: 4px solid #CCCCCC; }
a:hover img[width="150"] { border: 4px solid #23a400; }
a:link img[width="100"] { border: 4px solid #CCCCCC; }
a:visited img[width="100"] { border: 4px solid #CCCCCC; }
a:hover img[width="100"] { border: 4px solid #23a400; }
a:link img[width="30"] { border: 3px solid #CCCCCC; }
a:visited img[width="30"] { border: 3px solid #CCCCCC; }
a:hover img[width="30"] { border: 3px solid #23a400; }
a:link img[width="20"] { border: 2px solid #CCCCCC; }
a:visited img[width="20"] { border: 2px solid #CCCCCC; }
a:hover img[width="20"] { border: 2px solid #23a400; }

#bookingengine { border: 1px solid #FFCC00; background: #FFFFCC; padding: 10px; margin: 0 0 10px 0; width: 270px; }
	#bookingengine  table { margin: 0 auto; }
#timings { display: none; }
.gst { font-size: 11px; color: #777777; padding: 0 0 0 10px; text-align: left; }
.rate { font-size: 18px; font-weight: bold; }
.video { text-align: center; padding: 5px; background: #23A400; }
.eventdescription { }
.eventmorephotos { padding-top: 6px; font-size: 90%; line-height: 190%; font-style: italic; }
.halfsize-left { width: 540px; float: left; }
.halfsize-right { width: 340px; float: right; }
.morenews { text-align: center; font-size: 12px; padding: 8px 0 7px 0; font-weight: bold; background: #EEEEEE; margin-bottom: 1px; }
	.morenews a:link { text-decoration: none; color: #777777; }
	.morenews a:visited { text-decoration: none; color: #777777; }
	.morenews a:hover { text-decoration: underline; color: #777777; }		
.fullwidth { width: 100%; }
.map { border: 2px solid #183418; margin-bottom: 10px; }
.contactaddress { padding: 4px; text-align: center; font-size: 20px; background: #183418; color: #FFFFFF; }
.testimonials { padding: 10px; background: #E3E3E3; }
.newsflash { padding: 5px; font: bold 1.5em Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 1px;  background: #888888; }
table#howtogethere td { padding: 8px; }
table#frontnf { padding: 0; margin: 0; width: 305px; }
table#frontnf td { padding: 0; vertical-align: middle; }

/* MAIN PAGE stuff */

.mainpage-pic { width: 566px; height: 335px; float: left; background: #FFFFFF; }
	.mainpage-pic .picbkg { background: #333333; }
    .mainpage-pic div#rotator { position:relative; }
	.mainpage-pic div#rotator ul { padding: 0; margin: 0; }
	.mainpage-pic div#rotator ul li { float:left; position:absolute; list-style: none; z-index:1 }
    .mainpage-pic div#rotator ul li.show { z-index:500 }	

/*3 newsitems */
.mainpage-news { width: 305px; height: 335px; float: right; background: #FFFFFF; }
	.mainpage-news .newsitem { background: #E3E3E3; padding: 10px 5px 10px 5px; margin-bottom: 1px; border-left: 5px solid #DDDDDD; text-align: left; height: 47px; }
	.mainpage-news .newsitem:hover { border-left: 5px solid #183418; text-decoration: none; }	
	.mainpage-news .newsitem a:link { text-decoration: none; color: #000000; }
	.mainpage-news .newsitem a:visited { text-decoration: none; color: #000000; }
	.mainpage-news .newsitem a:hover { text-decoration: none; color: #333333; }		
	.mainpage-news .newsitem .title { font-size: 16px; color: #000000; font-weight:bold; }

/* .mainpage-news { width: 305px; height: 335px; float: right; background: #FFFFFF; }
	.mainpage-news .newsitem { background: #E3E3E3; padding: 5px 5px 5px 5px; margin-bottom: 1px; border-left: 5px solid #DDDDDD; text-align: left; height: 30px; }
	.mainpage-news .newsitem:hover { border-left: 5px solid #183418; text-decoration: none; }	
	.mainpage-news .newsitem a:link { text-decoration: none; color: #000000; }
	.mainpage-news .newsitem a:visited { text-decoration: none; color: #000000; }
	.mainpage-news .newsitem a:hover { text-decoration: none; color: #333333; }		
	.mainpage-news .newsitem .title { font-size: 13px; color: #000000; font-weight:bold; }*/

.mainpage-mid { }
	#spotlight-head { background: #183418; padding: 8px 8px 5px 8px; color: #FFB12C; border-bottom: 2px solid #000000;  }
	table#spotlight { border: 0 none; background: #DDDDDD; }
	table#spotlight td { border: 0 none;  }
	table#spotlight .spotlight-item { padding: 7px; }
		table#spotlight td.spotlight-item+td.spotlight-item { border-left: 1px dashed #999999; }
		table#spotlight td.spotlight-item.head { font-size: 14px; font-weight: bold; padding-bottom: 0;  }
		table#spotlight td.spotlight-item.body { font-size: 12px; vertical-align: top; }

.mainpage-bot {}