﻿/*****************************************
RESET CSS
*****************************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*****************************************
Style css
*****************************************/
* html input[type="submit"]{ border:none;}
br{ line-height:0px;}
BODY{ background-image:url(images/bg.gif); background-repeat:repeat; font-family: Georgia, Times New Roman, Times, serif;}
#main{ width:945px; margin:0 auto; background-color:#FFF;}
#container{ background-image:url(images/header-bg.png); background-repeat:repeat-x;}
#header{ position: relative; width:945px; margin:0 auto; height:170px;}
#name{ width:425px; height:125px;}
#name h1 a{ background-image:url(images/mottaboss_name.png); background-repeat:no-repeat; width:421px; height:123px; position:absolute; left:0px; top:35px; text-indent:-900em;}
#name h2{ display:none;}
#search{ width:350px; padding:5px; background-color:#000; position:absolute; right:25px; top:15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(border-radius.htc);}
#search input[type="text"]{ background-color:#FFF; border:none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(border-radius.htc); width:250px; padding:4px; font-weight:bold; margin-left:5px;}
.sociallink{ position:absolute; top:55px; right:25px;}
.sociallink ul{ margin:0; padding:0;}
.sociallink ul li{ display:inline; float:left; width:39px; padding:5px;}
#menu{ width:944px; background-color:#000;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;behavior: url(border-radius.htc); background-image:url(images/menu.png); background-repeat:repeat-x; height:40px; position:absolute; bottom:0px; border:#4b4b4b solid; border-width:1px 1px 0px 1px;}
#menu ul{ padding:0; margin:0;}
#menu ul li{ float:left; display: inline; padding:8px 0px;}
#menu ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; background-image:url(images/menu-br.gif); background-repeat:no-repeat; background-position:top right; padding:11px 20px 13px 20px; height:40px; text-decoration:none;}
#menu ul li a:hover{ background-color:#ab0808; color:#FFF; background-image:url(images/menu_hover.png); background-repeat:no-repeat; background-position:bottom center;}
#menu ul .current a{ background-color:#ab0808; color:#FFF; background-image:url(images/menu_hover.png); background-repeat:no-repeat; background-position:bottom center;}
.button{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(border-radius.htc); background-color:#b00808; font-family:Arial, Helvetica, sans-serif; color:#FFF; border:none; background-image:url(images/button-bg.png); background-repeat:no-repeat; background-position:bottom center; padding:3px 10px; cursor:pointer; margin-left:5px; font-weight:bold;}
#content{ width:920px; margin:0 auto; padding-top:15px;}
#content .div1{ float:left; margin-right:1%; width:32%;}
#content .div2{ float:left; margin-right:1%; width:32%;}
#content .view{float:left; margin-right:1%; width:64%;}
#content .div3{ float:left; width:33%;}
#content .view h1{ font-family:"Georgia",Georgia; font-size:30px; font-weight:bold; color:#ab0808; padding:5px 0px; text-transform:capitalize;}
#content .view .social{padding:3px 0px; border-top:#CCCCCC dotted 1px; border-bottom:#CCCCCC dotted 1px;}
#content .view small{ font-family:Georgia; font-size:10px; text-transform:uppercase; color:#868484; padding-top:3px;}
#content .view p{ font-family:Georgia; font-size:12px; line-height:180%; color:#000000; text-align:justify; padding-top:10px;}
#content .view p img{ text-align:left; margin:5px;}
#content .view .next{font-family:Georgia; font-size:18px; font-weight:bold;}
#content .view .search{ padding:10px;}
#content .view .search:hover{ background-color:#fbf8c0;}
#content .view .search h2 a{ font-size:12px; color:#ab0808; font-weight:bold; text-decoration:none;}
#content .view .search h2 a:hover{ text-decoration:underline;}
#content .view .search p{ font-size:12px; color:#000000; line-height:160%; text-align:justify; padding:5px 0px;}
#content .view .search small{ font-family:Georgia; font-size:10px; color:#07a61e; text-transform:uppercase;}
.next_content { padding:0px 2px 10px 19px; width:90%;}
.next_content ul{ list-style-image:url(images/arrow.jpg); }
.next_content li{ padding:5px 0px;border-bottom:#a6a7a7 dotted 1px;}
.next_content li a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; text-decoration:none; color:#006699; padding:10px 0px;  }

#content .head{ background-image:url(images/content-head-bg.png); background-repeat: repeat-x;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;behavior: url(border-radius.htc);}
#content .head h5{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; text-shadow: 1px 1px #444; padding-right:10px; padding-top:4px;}
#content .cont{ border:#cccccc solid; border-width:0px 1px 1px 1px; padding:5px; margin-bottom:10px;}
#content .cont table{ border-bottom:#A6A7A7 dotted 1px;}
#content .cont table tr td{ vertical-align:top;padding:10px 0px 5px 5px;}
/*#content .cont h6 a{ text-decoration:none;font-size:12px; font-weight:bold; color:#fb010f;}*/
#content .cont h6 a:hover{ color:#000;}
#content .cont p{ font-size:12px; color:#000; font-weight:normal; line-height:140%; padding:5px 0px;}
#content .latestnews{ background-color:#1fb9e9; border:#11a0cd solid 1px; height:30px;}
#content .southcinema{ background-color:#d50704; border:#bd0e09 solid 1px; height:30px;}
#content .bollywood{ background-color:#f00880; border:#c9096c solid 1px; height:30px;}
#content .hollywood{ background-color:#f79929; border:#d17709 solid 1px; height:30px;}
#content .imagegallery{ background-color:#7d8511; border:#747701 solid 1px; height:30px;}
.latest .cont h6 a{ text-decoration:none;font-size:12px; font-weight:bold; color:#29bcea;}
.bolly .cont h6 a{ text-decoration:none;font-size:12px; font-weight:bold; color:#f11687;}
.south .cont h6 a{ text-decoration:none;font-size:12px; font-weight:bold; color:#d7120f;}
.holly .cont h6 a{ text-decoration:none;font-size:12px; font-weight:bold; color:#f79d32;}
#footer{ background-color:#2d414b; padding:15px 0px; text-align:center; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin-top:15px;}
#footer p{ padding:5px;}
#footer p a{ text-decoration:none; color:#FFF;}
#footer p a:hover{ text-decoration:underline;}
.pipe{ padding:6px;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}	

/************************************************/
/*GALLERY STYLES*/
/***********************************************/
#gallery{width:920px; margin:0 auto;}
#gallery ul{ margin:0; padding:0;}
#gallery ul li{ display: inline; float:left; width:113px; height:164px; background-image:url(images/gallery-bg.png); background-repeat:no-repeat; margin:10px 8px;}
#gallery ul li a img{ padding:3px 5px;}

/************************************************/
/*TAB STYLES*/
/***********************************************/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 15px; /*--Set height of tabs--*/
	border-bottom: 0px solid #999;border-left: 0px solid #999;width: 100%;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
ul.tabs li {
	float: left;
	padding: 0;
	height: 20px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 20px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #b1b1b1;
	overflow: hidden;
	position: relative;
	background-image:url(images/tab-bg.gif); background-repeat:repeat-x;
	margin:0px 5px;}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	outline: none;}


ul.tabs li a:hover {
	background: #ab0808;
	color:#FFFFFF;
	border:#500505 solid 1px;
}
html ul.tabs li.active, html ul.tabs li.active a:hover,html ul.tabs li.active a  { 
	background: #ab0808;
	color:#FFFFFF; /*--Makes the active tab look like it's connected with its content--*/
	border:#500505 solid 1px;
}
.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content { padding:15px 2px 10px 22px; width:90%;}
.tab_content ul{ list-style-image:url(images/arrow.jpg); }
.tab_content li{ padding:5px 0px;border-bottom:#a6a7a7 dotted 1px;}
.tab_content li a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; text-decoration:none; color:#003366; padding:10px 0px;  }
