/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

*{
	margin:0; 
	padding:0;
}

fieldset, img{
	border:0;
	margin: 3px 8px 4px 0px
}
 
a:focus{
	outline:none;
}

ul{
	padding-left:16px;
}
 
html{
	height:100%; 
	margin-bottom:1px;
}


div.leftshift {margin-left: 288px;float:left;margin-top: -30px;width: 30px;}

/* headers */

a:link, a:visited{
	text-decoration:none;
	color:#3BA0BC;
}

a:hover{
	text-decoration:underline;
	color:#2F7D93;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold; 
	line-height:100%;
}

h1{font-size:300%}
h2{font-size:250%}
h3{font-size:200%}
h4{font-size:140%}
h5{font-size:150%}
h6{font-size:125%}

body{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	line-height:120%; 
	color:#646464; 
	background:#FFF url(../images/background.png) repeat-x 50%;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial,Helvetica,sans-serif;
}

h1{
	font-weight:normal; 
	color:#7887A0;
}

h2{
	color:#b4b4be;
}

h3{
	color:#646478;
}

h4{
	font-weight:normal; 
	color:#7887A0;
}

h5{
	color:#878796;
}

h6{
	color:#7887A0;
}

.inside-right{padding:0 20px 0 0}
.inside{padding:2px}
.clear{clear:both}
.gap{height:8px; display:block; clear:both}

#wrap{padding:0; width:980px; margin:0 auto; text-align:left; position:relative; background:none}
#logo{width:980px; height:140px; float:left; background:url(../images/auroville_radio_logo.png) no-repeat}
#top-menu{width:auto; height:auto; position:absolute; right:8px; top:2px}
#top-fontsizer{width:auto; height:auto; position:absolute; right:0px; top:105px;margin: 0; padding: 0;}
#date{width:auto; height:auto; position:absolute; left:10px; top:5px; color:#1D7F9A; font-size:9px; width:auto}
#container{margin:0; width:auto; height:auto; background:none; border-left:0px solid #e3e3e3; border-right:0px solid #e3e3e3}
/*
#header{float:left; color:#fff; width:980px; height:140px; background:url(../images/header.gif) repeat-x; position:relative}
#top-m{width:100%; height:5px; background:url(../images/top-m.gif) repeat-x}
#top-lt{width:100%; height:5px; background:url(../images/top-lt.gif) no-repeat left}
#top-rt{width:100%; height:5px; background:url(../images/top-rt.gif) no-repeat right}
#bottom-m{width:100%; height:5px; background:url(../images/bottom-m.gif) repeat-x}
#bottom-lt{width:100%; height:5px; background:url(../images/bottom-lt.gif) no-repeat left}
#bottom-rt{width:100%; height:5px; background:url(../images/bottom-rt.gif) no-repeat right}
*/

#right{float:right; width:23%; overflow:hidden; background:none}

#content80{float:left; width:75%; overflow:hidden}
#content100{float:left; width:100%; overflow:hidden}
#user{width:auto; height:auto; background:#f9f9f9}
#user1, #user2, #user3{height:auto; float:left}
#user h2{font-family:Helvetica,Arial,sans-serif; font-weight:bold; color:#59B5EB; font-size:12px; text-transform:uppercase}
.imgborder{border:1px solid #DDD; background:#fff; padding:4px; margin:0 10px 10px 0}
.usertop-inside{padding:16px 16px 0 16px}
.userpadding{padding:10px 20px 10px 10px}
#footer{background:#fff url(../images/footer_bg.png) no-repeat; color:#fff; text-align:left; clear:both; height:104px}
#copyright{height:auto; width:auto; padding:5px 10px; font-size:10px; color:#808080; text-align: center}
#footer-nav{width:auto; height:45px; line-height:45px; margin:0; padding:0; float:right}

#search{width:auto; height:auto; float:right}
.search{margin-top:5px; margin-right: 10px;}
.search input{border:1px solid #e1e1e1; padding:5px 2px; color:#909090; width:175px}
.search input:focus{color:#000}
.search .button, 
.logout input.button, #login .button{color:#fff; border:none; width:auto; height:19px; padding:0 0 1px; margin-left:3px; background:#3CA2BE; cursor:pointer}

#login li{float:left; background:none; padding:3px 6px 0 0; line-height:30px; border:none; list-style-type:none; font-size:12px}
#login label{color:#666; font-size:12px; margin-right:4px}
input#modlogin_username, 
input#modlogin_passwd{border:1px solid #E1E1E1; color:#C0C0C0; padding:3px 2px; width:117px}
.main-inside{padding:20px 16px; background:url(../images/back2color.png) repeat-y;}
.bg-img{border:1px solid #DDD; background:#fff; padding:4px; margin:0 20px 0 0} */


.button-left{width:20px; height:100%; position:absolute; top:0; left:0; opacity:0.4; filter:alpha(opacity=40); z-index:1024; cursor:pointer}
.button-right{width:20px; height:100%; position:absolute; top:0; right:0; opacity:0.4; filter:alpha(opacity=40); z-index:1024; cursor:pointer}
.button-left:hover{opacity:1; filter:alpha(opacity=100)}
.button-right:hover{opacity:1; filter:alpha(opacity=100)}
#title {
	font-weight:bold; 
	color:#B1c8e8;
}