@charset "utf-8";
body{background-color:#efefef;padding-top:20px;padding-bottom:20px;font-family:Helvetica;font-size:13px;margin:0 auto; width:960px;}
.container{width:966px;margin:0 auto;}
.home_top{width:966px;height:300px;padding-top:10px;padding-bottom:10px;background-color:#fff;clear:both;margin:0 auto;}
.home_topc{width:966px;height:650px;padding-top:10px;padding-bottom:10px;background-color:#fff;clear:both;margin:0 auto;}
.home_artist{width:966px;height:20px;padding-top:15px;padding-bottom:10px;background-color:#fff;margin:0 auto;}
.home_bottom{width:966px;height:170px;padding-top:10px;padding-bottom:10px;margin:0 auto;}
.home_bottom_space{float:left;width:10px;height:auto;}
.hspace{float:left;width:966px;height:10px;background-color:#e5e2e0;}
.home_bottom_photos-videos{float:left;width:350px;height:auto;padding-top:5px;text-align:center;color:#b5aea9;}
.home_bottom_partners{float:left;width:185px;height:auto;padding-top:5px;padding-bottom:5px;text-align:center;color:#b5aea9;}
.outer_box{background-color:#fff;padding:5px;}
.outer_box_subscribe{background-color:#fff;padding:20px;}
.box{width:190px;height:200px;padding-left:10px;border-right:1px #afafaf dashed;float:left;}
.box-links{width:180px;height:70px;font-family:Helvetica;font-size:12px;color:#adadad;font-weight:normal;padding-top:5px;}
.ad-box{width:190px;height:250px;padding-left:10px;float:left;}
.advertise{float:right;font-family:Helvetica;color:#b5aea9;}
.head-bar{width:900px;margin:0 auto;height:40px;}
.heading{color:#31b4d0;width:100%;font-size:28px;height:30px;font-weight:700;font-family:Helvetica;}
.artist_label{color:#0cd10c;font-size:20px;padding-left:15px;font-weight:700;font-family:Helvetica;}
.artist{padding-left:15px;padding-right:15px;border-right:1px #b5aea9 dashed;}
.artist_end{padding-left:15px;padding-right:15px;}
.line{width:941px;height:10px;background-color:#afafaf;margin:0 auto;}
.sections{width:190px;height:auto;padding-left:10px;padding-right:10px;text-align:center;color:#b5aea9;border-right:1px #b5aea9 solid;float:left;}
.section3{width:280px;height:auto;padding-left:10px;padding-right:10px;text-align:center;color:#b5aea9;float:left;}
/*--------------------------------------------------------------
// START FOOTER */
#footer{width: 960px;margin:0 auto;border:0px #adadad solid;font-family:Helvetica;font-size:11px;color:#1e97b9;padding:5px;}
#footer a,#footer a:visited{font-size:13px;font-weight:400;color:#1e97b9;text-decoration:none;}
#footer a:hover{text-decoration:none;border-bottom:1px #8bbf50 solid;}
/*//END FOOTER */
/*---------------------------------------------------------------------*/
/* START BAIGANCHOKA MENU */
#menu_container{width:100%;}
#logo{height:52px;width:200px;float:left;}
#nav{height:52px;margin:0;padding:0;}
#nav ul{float:left;list-style:none;margin:0;padding:0;}
#nav li{float:left;list-style:none;margin:10px 0 0;padding:0;}
#nav li a,#nav li a:link,#nav li a:visited{color:#1e97b9;display:block;font-size:1.2em;font-weight:700;text-transform:none;text-decoration:none;border:0;margin:0;padding:5px 5px 3px;}
#nav li a:hover,#nav li a:active{border-bottom:1px #8bbf50 solid;text-decoration:none;}
#nav li li a,#nav li li a:link,#nav li li a:visited{background:#fff;width:120px;color:#000;font-size:12px;font-weight:400;text-transform:none;float:none;border:0;margin:0;padding:7px 15px;}
#nav li li a:hover,#nav li li a:active{background:#1e97b9;color:#FFF;border:0;padding:7px 15px;}
#nav li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;padding:0;}
#nav li li{margin:0;}
#nav li ul a{width:140px;}
#nav li ul ul{margin:-32px 0 0 171px;}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto;}
#nav li:hover,#nav li.sfhover{position:static;}
.home_bottom_wiki,.home_bottom_blog{float:left;width:200px;height:auto;padding-top:5px;text-align:center;color:#b5aea9;}
.box-links A:link,.box-links A:visited,.box-links A:active,.home_artist A:link,.home_artist A:visited,.home_artist A:active{font-family:Helvetica;font-size:13px;font-weight:normal;color:#504c4c;text-decoration:none;}
.box-links A:hover,.home_artist A:hover{text-decoration:underline;}


#content { width:920px;background-color:#ffffff;padding:20px; height:100%; }
#left { width:610px; height:100%; background:#ffffff; float:left; }
#lefttop { width:100%; height:220px; background-color: #ffffff; }
#bottomleft1 { width:280px; height:100%; float:left; padding:10px;  }
#bottomleft2 { float:left;width:300px; height:100%; }

#bottomlefti { height:100%; border:1px #adadad solid; -moz-border-radius:7px; -webkit-border-radius:7px; }
#bottomleftif { width:96%;height:100px; padding:5px; }
#bottomleftif img { border:0; float:left; margin-right:8px; }
#bottomleftifd { padding: 5px; }
#bottomleftif a:link { color: #6ab615; text-decoration: none; }
#bottomleftif a:visited { color: #6ab615; text-decoration: none; }
#bottomleftif a:active { color: #6ab615; text-decoration: none; }
#bottomleftif a:hover { color: #6ab615; text-decoration: underline; }

#bottomlefti ul li a:link { color: #6ab615; text-decoration: none; }
#bottomlefti ul li a:visited { color: #6ab615; text-decoration: none; }
#bottomlefti ul li a:active { color: #6ab615; text-decoration: none; }
#bottomlefti ul li a:hover { color: #6ab615; text-decoration: underline; }


#right { width:300px; height:100%; background:#ffffff;float:left; }

#footer a, #footer a:visited {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	}
	
#footer a:hover {
	text-decoration: none;
	border-bottom: 1px #9cd719 solid;
	}

#note { color: #84898d; }	

#footer ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#footer ul li {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	}

#footertitle {
	font-size: 14px;
	font-weight: bold;
	color: #84898d;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
	
#footer1 {
	width: 180px;
	float: left;
	margin: 0px;
	font-size: 12px;
	padding: 10px 0px 0px 10px;
	}
	
#footer2 {
	width: 160px;
	float: left;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	}

#footer3 {
	width: 160px;
	float: left;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	font-size: 12px;	
	}

#footer4 {
	width: 160px;
	float: left;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	font-size: 12px;	
	}
	
#footer5 {
	width: 260px;
	float: left;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	font-size: 12px;	
	}	


/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* Horizontal Tabbed Panels

 *

 * The default style for a TabbedPanels widget places all tab buttons

 * (left aligned) above the content panel.

 */



/* This is the selector for the main TabbedPanels container. For our

 * default style, this container does not contribute anything visually,

 * but it is floated left to make sure that any floating or clearing done

 * with any of its child elements are contained completely within the

 * TabbedPanels container, to minimize any impact or undesireable

 * interaction with other floated elements on the page that may be used

 * for layout.

 *

 * If you want to constrain the width of the TabbedPanels widget, set a

 * width on the TabbedPanels container. By default, the TabbedPanels widget

 * expands horizontally to fill up available space.

 *

 * The name of the class ("TabbedPanels") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabbedPanels container.

 */

.TabbedPanels {

	margin: 0px;

	padding: 0px;

	float: left;

	clear: none;

	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/

}



/* This is the selector for the TabGroup. The TabGroup container houses

 * all of the tab buttons for each tabbed panel in the widget. This container

 * does not contribute anything visually to the look of the widget for our

 * default style.

 *

 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not

 * necessary to make the widget function. You can use any class name you

 * want to style the TabGroup container.

 */

.TabbedPanelsTabGroup {

	margin: 0px;

	padding: 0px;

}



/* This is the selector for the TabbedPanelsTab. This container houses

 * the title for the panel. This is also the tab "button" that the user clicks

 * on to activate the corresponding content panel so that it appears on top

 * of the other tabbed panels contained in the widget.

 *

 * For our default style, each tab is positioned relatively 1 pixel down from

 * where it wold normally render. This allows each tab to overlap the content

 * panel that renders below it. Each tab is rendered with a 1 pixel bottom

 * border that has a color that matches the top border of the current content

 * panel. This gives the appearance that the tab is being drawn behind the

 * content panel.

 *

 * The name of the class ("TabbedPanelsTab") used in this selector is not

 * necessary to make the widget function. You can use any class name you want

 * to style this tab container.

 */

.TabbedPanelsTab {

	position: relative;

	top: 1px;

	float: left;

	padding: 8px 10px;

	margin: 0px 1px 0px 0px;

	font: bold 0.7em sans-serif;

	background-color: #ffffff;

	list-style: none;

	border-left: solid 1px #adadad;

	border-bottom: solid 1px #adadad;

	border-top: solid 1px #adadad;

	border-right: solid 1px #adadad;

	-moz-user-select: none;

	-khtml-user-select: none;

	cursor: pointer;

}



/* This selector is an example of how to change the appearnce of a tab button

 * container as the mouse enters it. The class "TabbedPanelsTabHover" is

 * programatically added and removed from the tab element as the mouse enters

 * and exits the container.

 */

.TabbedPanelsTabHover {

	background-color: #ff6bb8;
	color: #ffffff;

}



/* This selector is an example of how to change the appearance of a tab button

 * container after the user has clicked on it to activate a content panel.

 * The class "TabbedPanelsTabSelected" is programatically added and removed

 * from the tab element as the user clicks on the tab button containers in

 * the widget.

 *

 * As mentioned above, for our default style, tab buttons are positioned

 * 1 pixel down from where it would normally render. When the tab button is

 * selected, we change its bottom border to match the background color of the

 * content panel so that it looks like the tab is part of the content panel.

 */

.TabbedPanelsTabSelected {

	background-color: #ffffff;
	color: #000000;

	border-bottom: 1px solid #ffffff;

}



/* This selector is an example of how to make a link inside of a tab button

 * look like normal text. Users may want to use links inside of a tab button

 * so that when it gets focus, the text *inside* the tab button gets a focus

 * ring around it, instead of the focus ring around the entire tab.

 */

.TabbedPanelsTab a {

	color: #000000;
	text-decoration: none;

}






/* This is the selector for the ContentGroup. The ContentGroup container houses

 * all of the content panels for each tabbed panel in the widget. For our

 * default style, this container provides the background color and borders that

 * surround the content.

 *

 * The name of the class ("TabbedPanelsContentGroup") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the ContentGroup container.

 */

.TabbedPanelsContentGroup {

	clear: both;

	border-left: solid 1px #adadad;

	border-bottom: solid 1px #ffffff;

	border-top: solid 1px #adadad;

	border-right: solid 1px #adadad;

	background-color: #ffffff;

}



/* This is the selector for the Content panel. The Content panel holds the

 * content for a single tabbed panel. For our default style, this container

 * provides some padding, so that the content is not pushed up against the

 * widget borders.

 *

 * The name of the class ("TabbedPanelsContent") used in this selector is

 * not necessary to make the widget function. You can use any class name you

 * want to style the Content container.

 */

.TabbedPanelsContent {

	padding: 4px;

}



.TabbedPanelsContent ul li A:link {

	color: #ff6bb8;
	text-decoration: none;

}



.TabbedPanelsContent ul li A:visited {

	color: #ff6bb8;

	text-decoration: none;

}



.TabbedPanelsContent ul li A:active {

	color: #ff6bb8;

	text-decoration: none;

}



.TabbedPanelsContent ul li A:hover {

	color: #ff6bb8;

	text-decoration: underline;

}




.TabbedPanelsContent ul li {
	padding-bottom: 7px;

}




/* This selector is an example of how to change the appearnce of the currently

 * active container panel. The class "TabbedPanelsContentVisible" is

 * programatically added and removed from the content element as the panel

 * is activated/deactivated.

 */

.TabbedPanelsContentVisible {

}



/* Vertical Tabbed Panels

 *

 * The following rules override some of the default rules above so that the

 * TabbedPanels widget renders with its tab buttons along the left side of

 * the currently active content panel.

 *

 * With the rules defined below, the only change that will have to be made

 * to switch a horizontal tabbed panels widget to a vertical tabbed panels

 * widget, is to use the "VTabbedPanels" class on the top-level widget

 * container element, instead of "TabbedPanels".

 */



/* This selector floats the TabGroup so that the tab buttons it contains

 * render to the left of the active content panel. A border is drawn around

 * the group container to make it look like a list container.

 */

.VTabbedPanels .TabbedPanelsTabGroup {

	float: left;

	width: 10em;

	height: 20em;


	background-color: #ffffff;

	position: relative;

	border-top: solid 1px #adadad;

	border-right: solid 1px #adadad;

	border-left: solid 1px #adadad;

	border-bottom: solid 1px #adadad;

}



/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTab {

	float: none;

	margin: 0px;

	border-top: none;
	font-size: 16px;

	border-left: none;

	border-right: none;

}



/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTabSelected {

	background-color: #ffffff;

	border-bottom: solid 1px #ffffff;

}



/* This selector floats the content panels for the widget so that they

 * render to the right of the tabbed buttons.

 */

.VTabbedPanels .TabbedPanelsContentGroup {

	clear: none;

	float: left;

	padding: 0px;

	width: 30em;

	height: 20em;

}