/* Ashoka
Author: rsoni
Date: 4th Nov, 2008*/
/* basic css */
* { margin:0; padding:0; }
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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background:#cb3000 url(../images/background.jpg) repeat-y left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* css for wrapper */
#page{border-bottom:4px solid #323232;background:#cb3000 url(../images/main_bg.jpg) repeat-x; background-position:0px 97px;}
#wrapper{width:960px; margin:0 auto; border:1px none #ff9900;background:#cb3000;}
.clear{clear:both;}

/* css for header */
#header{position:relative; height:97px; background:none; border-bottom:2px none #1d3b71; margin:0 0 0px 0;}
#header .logo{
	position:absolute;
	top:0px;
	left:0px;
	width: 98px;
}
#header .search{position:absolute; top:20px; right:14px;}


/* css for main navigation */
#menu{display:block; background:#ff9000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; color:#16387c;}
#submneu{padding:4px 5px 6px 5px!important; padding:2px 5px 6px 5px; font-size:10px; color:#fff; background:#252525; display:block;}
#submneu a{color:#999; text-decoration:none;}
#submneu a:hover{color:#fff; text-decoration:none;}
#submneu a.subcurrent{color:#fff; text-decoration:none;}
/*  Navigation main css  */
/* ----------------------------- start #nav ----------------------------- */
#navigation1{float:left; text-transform:uppercase;}
#navigation1 img {border: none;}
#navigation1 li {display: inline; list-style:none; margin:0; color:#7e3500; padding:0;}
#navigation1 li a {float: left; display:block; height: 15px; color:#000; padding:3px 10px 3px 10px; text-decoration:none; border-right:1px solid #fcbc69; margin:0 1px 0 0;}
#navigation1 li a img {border:none; vertical-align:bottom; /* for IE6 */}
#navigation1 li a:hover { visibility:visible; color:#fff; background:#252525;}
#navigation1 li a:hover img { visibility:visible; }
#navigation1 li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#navigation1 .current a{background:#222; color:#fff;}

#topmenu{height:15px;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#e1e1e1; text-align:center; width:30%; float:right; margin:25px 0 0 0;}
#topmenu a{color:#e1e1e1; text-decoration:none; background:#e24a00; padding:0 5px 3px 5px; margin:0 0 0 1px; }
#topmenu a:hover{color:#000; text-decoration:none; background:#fff;}

#sddm
{ margin: 0;
padding: 0;
border:1px none #c2c2c2;
}

#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
text-transform:uppercase;
font: bold 11px verdana;}

#sddm li a
{ display: block;
text-transform:uppercase;
margin: 0 4px 0 0;
padding: 0px 15px 4px 15px;
border-bottom:1px none #5b6168;
color: #fff;
text-align: center;
text-decoration: none}

#sddm li a:hover
{
color:#aa1b1b;
border-bottom:1px none #CC0033;
}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 6px 0 0 0;
padding: 0;
width:160px;}

#sddm div a
{ 
border:none;
position: relative;
display: block;
margin: 1px 0 0 0; 
padding: 4px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #5b6168;
color: #000;
text-transform:none;
font: 11px verdana}

#sddm div a:hover
{
border:none;
background: #f1f5f6;
color: #16387c
text-decoration:underline;
}

/* css for the page contents */
#contentWrapper{color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  display:block;margin:10px 0 10px 0; background:#none;}
#pannelLeft{width:195px; position:relative; float:left;  border:1px none #f2b100;}
#pannelRight{width:195px; position:relative; float:left; border:1px none #f2b100;}
#pannelMiddle{width:552px; position:relative; float:left; border:1px none #f2b100; background:#none; }
#pannelMiddle{margin:0 8px 0 8px; border-left:1px solid #e24a00; border-right:1px solid #e24a00;}
.cols1, .cols2, .cols3{padding:10px; border-bottom:1px noen #f2b100; display:block;}
.colshead{font-weight:bold; margin-bottom:2px; border-bottom:1px none #ff9900;}
.cols2_clips{width:250px; float:left; margin:0 10px 0 0;}
/* css for image containger*/
#imgContainer{width:80px; border:1px none #ff9900; float:left; margin:0 4px 0 4px;}
#imgContainer .imgHolder{}
#imgContainer .imgHolder img{background:#ffffff; padding:4px;  border:1px solid #e1e1e1;}
#imgContainer .imgName{padding:3px;}

/* custom css */
.mainHead{background:#e24a00; padding:4px 4px 4px 10px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border-bottom:1px none #111; text-transform:uppercase;}
.audioPlayer{ padding:10px 0 10px 0;}

/* css for request a song */
#request{ margin:15px 0 0 0;}
.req{width:120px; float:left;padding:5px;text-align:right;}
.reqinput{float:left;padding:5px;}
.reqinput input, select, textarea{border:none; background:#ee6320; color:#ffffff; width:300px; border:1px solid #f67b3f;}
input.but{background:#000; border:none; padding:2px 10px 2px 10px; color:#fff; cursor:pointer; width:auto;}

/*css for breadcrumb*/
#breadcrumb{font-size:10px; color:#fff; padding:4px; border-bottom:1px solid #e24a00;}
#breadcrumb a{color:#FFCC99; text-decoration:none;}
#breadcrumb a:hover{color:#fff; text-decoration:underline;}

/*css for main banner*/
.banner{height:200px; background:#ffffff; padding:5px; margin:0 15px 15px 15px;}
.imgholder{width:auto; padding:5px; border:1px none #ff9900; float:left; }
.imgholder img{clear:both;}

/* custom classes */
.head{font-weight:bold; font-size:14px; margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#CC0000;}
.caption{font-size:10px; color:#d2d2d2; padding:4px; margin:2px; display:block;}
div.sectionHead{padding:4px; background:url(../../images/story_head_bg.gif) repeat-x bottom; border:1px solid #b0bec7; font-size:10px; font-weight:bold;}
#content{padding:0 15px 15px 15px;}
.time{ font-style:italic;}


/* css for footer */
#footer{font-size:10px; color:#959595; border:1px none #fbea9d; padding:4px; margin:1px 0 0 0; text-align:right; background:#323232;}
#footer .copyright{width:400px; float:left; margin:0 10px 0 0; text-align:left;}
#footer .footlink{width:400px; float:right; margin:0 5px 0 0; text-align:right;}




/* css for lightbox (alert message of javascript)*/
#overlay{ 
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
}

#box{
    background:#FFFFFF;
	margin: 0;
	padding: 0;
    border:3px solid #959595;
	overflow: auto;
	z-index:-1;
}

#box #close{
    position:absolute;
    top:3px;
    right:3px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
* {
	margin: 0;
	padding: 0;
}