/*
Theme Name: Bingo Fakta
Description: A custom theme for Bingo Fakta
Version: 1.0
Author: Muthuswamy K
Author URI: http://www.muthuswamy.in/
*/

/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{background:url(images/back.png) repeat-x top;font-family: Tahoma, Geneva, sans-serif; font-size:12px; line-height:1.4;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{margin: 0px auto;}
#holder{width:780px;margin: 0px auto;background:url(images/container.jpg) no-repeat 95% top;}
#header{padding:13px 0 0 5px;height:66px;}
#nav-main{border-bottom:#0083b3 10px solid;height:26px;}
#content-box{padding:10px 0;}
#left-panel{float:left;width:194px;}
#right-panel{margin:0 0 0 210px;height:1%;}
#footer{background:url(images/footer.png) no-repeat left top;height:100px;text-align:center;}
	
/* HEADER */
#logo{width:249px;height:42px;position:relative; font-size:30px;}
#logo span{width:100%;height:100%;position:absolute;background:url(images/logo.png) no-repeat left top;}

/* NAVIGATION */
#nav-main ul li{float:left; margin:0 5px 0 0; background:url(images/nav_r.png) no-repeat right bottom;}
#nav-main ul li a{float:left; line-height:26px; padding:0 20px;background:url(images/nav_l.png) no-repeat left bottom; color:#fff;}
#nav-main ul li.current_page_item{background-position:right top;}
#nav-main ul li.current_page_item a{background-position:left top; font-weight:bold;}
#nav-main ul li.current_page_item a:hover{text-decoration:none;}

/* CONTENT */
.sub-nav{height:30px; background:url(images/sub_nav.png) repeat-x top; border:#676767 solid; border-width:0 1px 1px 1px;}
.sub-nav ul li{float:left; background:url(images/sub_nav_sep.gif) no-repeat right 50%;}
.sub-nav ul li a{float:left; line-height:30px; padding:0 20px; color:#2c2c2c;}

	/* LEFT PANEL */
	#left-panel .box{background:#0083b3; background-image:url(images/box.png); background-position:left top; background-repeat:no-repeat;margin-bottom:10px; text-align:center;height:1%;}
	#left-panel .box .content{background:url(images/box.png) no-repeat right bottom;padding:5px 10px; color:#fff;}
	#left-panel .box h3{font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px;text-align:left;}
	#left-panel .box ul{text-align:left; line-height:1.8;}
	#left-panel .box a{color:#fff;}

	/* RIGHT PANEL */
	.banner{background:url(images/banner.jpg) no-repeat left top; width:219px; height:142px; padding:12px 330px 12px 20px; text-align:center;}
	.banner h2{font-size:16px; color:#000; font-weight:bold; margin-bottom:10px;}
	.banner strong{color:#3f3f3f; font-weight:bold;}
	.banner a.play-now{width:159px; height:33px; display:block; position:relative; font-size:20px; color:#000; margin:10px 0 0 25px; text-align:left;}
	.banner a.play-now span{width:100%; height:100%; position:absolute; background:url(images/playnow.png) no-repeat left top;}
	
	.box-hold{padding:10px 0;}
	.box-grey{background:url(images/box2.png) repeat-y center; width:273px; float:left; margin:0 10px 0 0;}
	.box-grey .top{background:url(images/box2.png) no-repeat left top;}
	.box-grey .bot{background:url(images/box2.png) no-repeat right bottom;}
	.box-grey h3{color:#fff; font-weight:bold; font-size:14px; color:#fff; padding:0 0 0 10px; height:1%; margin-bottom:3px;}
	.box-grey strong{color:#fff; line-height:20px; padding:0 20px 0 0;}
	.box-grey ul.list{line-height:25px; margin-bottom:10px;}
	.box-grey ul.list li{padding:0 0 0 10px;}
	.box-grey ul.list li .lft{display:block; width:200px; float:left;}
	.box-grey ul.list li .rht{height:1%;}
	.box-grey ul.list li.alt{background:#b0b1b2;}
	.box-grey ul.list b{color:#ff0606;}
	.box-grey p.right{padding:0 5px 3px 0;}
	.box-grey p.right a{color:#fff;}
	
	.box-hol{background:url(images/box3.png) repeat-y center; width:273px; float:left; margin:0 10px 0 0;}
	.box-hol .top{background:url(images/box3.png) no-repeat left top;}
	.box-hol .bot{background:url(images/box3.png) no-repeat right bottom; padding:10px;}
	.box-hol p{padding:8px 0;}
	.box-hol h3{font-size:18px;}
	.box-hol h3.head1{width:252px; height:95px; position:relative;}
	.box-hol h3.head1 span{width:100%; height:100%; position:absolute; background:url(images/head1.jpg) no-repeat left top;}
	.box-hol h3.head2{width:229px; height:72px; position:relative;}
	.box-hol h3.head2 span{width:100%; height:100%; position:absolute; background:url(images/head2.jpg) no-repeat left top;}
	
	.post{padding:10px 0;}
	.post h1.title, .post h1.title a{font-size:20px; font-family:Arial, Helvetica, sans-serif;}
	.post .post-content p{padding:10px 0; border-top:#eee 1px solid;}
	.post .post-content strong{font-weight:bold;}
	.post .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post .post-content blockquote{background:#f5f5f5; margin:5px 15px; padding:10px;}
	.post .post-content h1{font-size:18px;}
	.post .post-content h2{font-size:16px;}
	.post .post-content h3{font-size:14px; font-weight:bold;}
	.post .post-content a{color:#0083b3;}

/* FOOTER */
#footer .fot-links{line-height:29px; padding:5px 0 0 0;color:#fff; }
#footer .fot-links a{color:#fff; padding:0 4px;}
#footer .fot-more, #footer .fot-more a{color:#505050; line-height:3.5;}

/* OTHER */
.clear{clear:both;}
.right{text-align:right;}
.fl-right{float:right;}
