body{

    text-align: center;
}


font, p, a , td, tr, div{
    font-family: 'Michroma', arial, serif;

    color: #000000;
    font-size: 12px;

}

a{
    color: #91862c;
    font-weight:bold;
    text-decoration:none;
}

a:hover{
    color: #969480;
}

.containerWrapper{
	width: 1200px;
	margin:10px auto;
}

.containerLeft{
	padding-top:10px;
	width:255px;
}
.containerRight{
	padding-top:10px;
	width:255px;
}

.containerLeft{
	float:left;
}

.containerRight{
	float:right;
}

.bannerRight{
	margin-bottom:10px;
}


#containerInner{
	width:820px;
	margin:10px 0px 10px 265px;
}


#containerTop{

    margin: 0px auto;
    width: 820px;
    text-align: justify;
    border:1px solid #969480;
	background: #f6f7f8;

}
#containerTop h2{
margin: 0px;
padding: 0px;
}

.post-share{
	width: 350px;
	margin:0px auto;
}
.leftBox{
	float:left;
	width:80px;
	margin:0px auto;
}

.logo{
	width:1200px;
	height:71px;
	font-size: 4em;
	font-weight: bold;
	text-align:center;
	margin:0px auto;
}
.title{
	padding-bottom:2px;
	 color: black;
	font-wieght:bold;
   -webkit-text-fill-color: #91862C; /* Will override color (regardless of order) */
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #969480;
text-shadow:
       3px 3px 0 #444,
     -1px -1px 0 #969480,  
      1px -1px 0 #969480,
      -1px 1px 0 #969480,
       1px 1px 0 #969480;
}

#topList{
    width: 350px;

}

#loaded{
    border: 0px;
    width: 300px;
    height: 141px;
}

.leftColWrapper{
    float:left;
    width:450px;
}

.bottomLeftCol{
   width:450px;
   margin:0px 0px 10px 0px;
   text-align:center;
}

#topLeftCol{
    width: 450px;
    height: 800px;
    margin: 15px 5px 10px 5px;
	padding: 0px 5px;
    text-align: left;
	overflow: auto;
}

#topLeftCol ul{
	display: none;
	margin:0px;
	padding:0px;
}
#topLeftCol ul li{
	list-style:none;
margin:0px;
padding: 0px; 

}

#topLeftCol h2{
	margin-top:0px;
	padding-top:0px;
}


#topRightCol{
    float: right;
    width: 310px;
    padding: 5px;
    margin: 10px 10px;
    text-align:center;
    background: #ffffff;
    border: 1px solid #666666;
    z-index:10;
}

#topRightCol span{
  width: 170px;
  border: 1px auto;

}
.bottomRightcol{
    float:right;
    width:310px;
    padding:5px;
    margin:10px;
}

.tabMenu{
width:740px;
padding: 10px;
border:1px solid #969480;
margin:5px auto;
background: #648594;
text-align:center;
}

.tabMenu li{
	display: inline;
	font-weight: bold;
	font-size:1em;
	padding: 5px;
	cursor:pointer;
	border:1px solid #575a5c;
	color: #d6dfe5;
	background: #91862c; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acc9b2', endColorstr='#3e6f49'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#acc9b2), to(#3e6f49)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #acc9b2,  #3e6f49); /* for firefox 3.6+ */ 
}

.tabMenu li:hover{
	color: #ab2336;
}
.links_wrapper{
	height:85px;
}
.featuredLink{
	float:left;
	width:150px;
	height:80px;
	margin:0px 0px 0px 5px;
	padding:0px;
	border:1px solid #444;
	border-radius:3px;
	background:url("/images/featured_artist.png") no-repeat;
}
.featuredLink:hover{
	cursor:pointer;
}

.linksRight{
	float:right;
	width:170px;
	height:85px;
	margin:0px;
	padding:0px;
	background:url("/images/banners/banner-musicmadewithlinux.png") no-repeat;
}
.linksCenter{
	position:relative;
	width:490px;
        margin:8px 170px 0px 160px;
	border:1px solid #888;
	border-radius:4px;
	z-index:100;
}
.media_links{
	width:480px;
	padding:5px;
	text-align:center;
	text-shadow: 0.1em 0.1em 0.2em 333;
}
#radioLink{
	cursor:pointer;
}
.player{
	width:480px;
	margin:0px 5px 3px 5px;
	text-align:center;
}
#radioContainer{
	height:200px;
	width:460px;
	margin:10px auto;
	background:#444;
	border:1px solid #fff;
	border-radius:4px;
}
.serviceMenu{
width:350px;
padding: 10px;
border:1px solid #969480;
margin:5px auto;
background: #ccc;
text-align:center;
}

.serviceMenu span{
        display: inline;
        font-weight: bold;
        font-size:1.1em;
        padding: 5px;
        cursor:pointer;
        border:1px solid #575a5c;
        color: #d6dfe5;
        background: #91862c; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acc9b2', endColorstr='#3e6f49'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#acc9b2), to(#3e6f49)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #acc9b2,  #3e6f49); /* for firefox 3.6+ */
}

.serviceMenu span:hover{
        color: #ab2336;
}


#Sponsors{

    width: 800px;
    margin: 0px auto;
    text-align: center;
}

#Sponsors img{
    margin: 0px 10px;
}

#contents{

    margin: 0px auto;
    text-align: justify;

}

#contents pre {
	width: 300px;
}

.servicesDiv{
	margin-top:5px;
	padding: 5px;
	border-top:1px solid #ccc;
}
#footer{

    width: 800px;
    margin: 10px auto;
    text-align: center;

}

#footer p {
        text-align: center;

}

.larger p{
	font-size:1.4em;
}


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }


.fg-button { line-height: 160%; border: 0px; outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */

button.fg-button { width:auto; overflow:visible; }

.centered {
	margin:5px auto;
	text-align: center;
}

.shadow {

-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}