body {margin: 0; cursor: default;}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
ol
{
	float:left;
}

a {cursor: pointer;}

.main-wrapper, .footer-wrapper {
	position: relative;
	width: 1000px;
	margin-left: 30px;
	overflow: hidden;
}

#playlist {width:415px; margin:0;padding:5px 0 3px 15px;background-color:#e3e3e3;}
#playlist ul {margin:0; padding:0;}
#playlist li {margin:0; padding:2px;}
#playlist li:hover {background-color:#eeeeee;cursor:pointer;}
#playlist li:active {background-color:#dddddd;}
/* button
 ******************************************************************************/
.button {
	position: relative;
	display: block;
	padding: 0 10px;
	height: 22px;
}
.button button {
	position: relative;
	padding: 0; margin: 0;
	border: none;
	background: #9dbb36;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
}
.button-corner {
	position: absolute;
	display: block;
	width: 10px; height: 22px;
	line-height: 22px;
	overflow: hidden;
}
.button-corner .png {
	position: absolute;
	display: block;
	width: 20px; height: 22px;
	background: url(../img/design/button.png) no-repeat;
}

.button-corner-left {left: 0px;}
.button-corner-right {right: 0px;}
.button-corner-right .png {left: -10px;}

.buttonComment {background-color:#9DBB36;border:none;color:#FFFFFF;cursor:pointer;font-weight:bold;margin:0;padding:0}


#show_alph_panel
{
    height: 18px;
    width: 74px;
	background: url(../img/design/alph_panel.png) no-repeat;
	color: #FFFEFE;
    font-size: 11px;
    padding: 3px 20px 2px 10px;
    text-align: center;
	cursor:pointer;
}
#alph_panel
{
	background: url(../img/design/bar_alpha.png) no-repeat;
	height: 41px;
	width: 343px;
	padding: 5px;
    position: absolute;
    top: 32px;
	left: 9px;
	z-index: 2;
}

#alph_panel a {
    color: #FFFFFF;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    padding: 2px;
}


#logo {
	margin: 0 0 0 5px;
	width: 186px;
	float:left;
	display: block;
}
#logo a {
	position: relative;
	display: block;
	width: 186px; height: 197px;
	text-decoration:none;
}
#logo span {
	position: absolute;
	display: block;
	font-size:24px;
	padding:95px 0 0 25px;
}
#logo .png {
	background: url(../img/design/clapboard2.gif) no-repeat;
}


/* menu-main
 ******************************************************************************/
#menu-main {
	position: relative;
	height: 44px;
	width: 740px;
	margin-left: 10px;
	background: #000 url(../img/design/menu-main-bg.png) repeat-x bottom;
	font: normal 12px arial, verdana, sans-serif;
}
#menu-main ul {
	float: left;
	padding:0;

}
#menu-main li {
	position: relative;
	float: left;
	height: 30px;
	padding: 4px 10px 0;
}
#menu-main ul a {
	position: relative;
	float: left;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#menu-main .corner {
	top: 0;
	width: 11px; height: 100%;
	position: absolute;
	overflow: hidden;
}
#menu-main .corner div {
	position: absolute;
	width: 11px; height: 88px;
	background: url(../img/design/menu-main-bg.png) no-repeat;
}
#menu-main .corner-left {left: -11px;}
#menu-main .corner-right {right: -11px;}
#menu-main .corner-right div {top: -44px;}


#menu-main form {
	width: 270px;
	float: right;
	padding: 11px 10px 0 0;
}

#menu-main form input {
	float: right;
	width: 175px; height: 22px;
	padding: 0 5px 0 23px;
	border: none;
	background: transparent url(../img/design/menu-main-search-input.gif) no-repeat;
}

#menu-main form .button {
	float: right;
}



/* columns
 ******************************************************************************/
#columns {
	overflow: hidden;
	padding-top: 10px;
}

#column-left {
	position: relative;
	float: left;
	width: 240px;
	min-height: 1em;
}

#column-right {
	position: relative;
	float: right;
	width: 760px;
	min-height: 1em;
}

#columns .box {
	margin: 15px 0;
}

#columns .box-head {
	position: relative;
	display: block;
	overflow: hidden;
}
#columns .box-head-fill {
	display: block;
	margin: 0 5px;
	padding: 3px 13px 2px;
	background: #8f8f8f url(../img/design/box-head.png) repeat-x left -40px;
}
#columns .box-head-corner {
	position: absolute;
	display: block;
	top: 0;
	width: 5px; height: 100%;
	margin-top: 5px;
	background-color: #8f8f8f;
	font-size: 0; line-height: 0;
}
#columns .box-head-corner .png {
	position: absolute;
	display: block; top: 0;
	width: 5px; height: 40px;
	background: url(../img/design/box-head.png) repeat-x;
}
#columns .box-head-corner-left {left: 0;}
#columns .box-head-corner-left span {height: 20px; width: 5px; display: block; overflow: hidden; position: absolute; top: -5px;}
#columns .box-head-corner-right {right: 0;}
#columns .box-head-corner-right .png {top: -25px;}

#columns .box-footer {
	position: relative;
	display: block;
	height: 4px;
	margin: 0 5px;
	font-size: 0; line-height: 0;
	border-bottom: solid 1px #dcdcdc;
	background: #fff;
}
#columns .box-footer span {position: absolute; display: block;}
#columns .box-footer-corner {width: 5px; height: 5px; top: 0; overflow: hidden;}
#columns .box-footer-corner .png {
	width: 10px; height: 5px;
	background: url(../img/design/box-footer.png) repeat-x;
}
#columns .box-footer-corner-left {left: -5px;}
#columns .box-footer-corner-right {right: -5px;}
#columns .box-footer-corner-right .png {left: -5px;}

#columns .box-header {
	position: relative;
	display: block;
	height: 4px;
	margin: 0 5px;
	font-size: 0; line-height: 0;
	border-top: solid 1px #dcdcdc;
	background: #fff;
}
#columns .box-header span {position: absolute; display: block;}
#columns .box-header-corner {width: 5px; height: 5px; top: 0; overflow: hidden;}
#columns .box-header-corner .png {
	width: 10px; height: 5px;
	background: url(../img/design/box-header.png) repeat-x;
}
#columns .box-header-corner-left {left: -5px;}
#columns .box-header-corner-right {right: -5px;}
#columns .box-header-corner-right .png {left: -5px;}

#columns .box-body {
	border: solid 1px #dcdcdc;
	border-top: none;
	border-bottom: none;
	background-color: #fff;
	padding: 15px;
}

#columns .box-strong .box-head-fill {
	background-color: #929278;
	background-image:  url(../img/design/box-head-strong.png);
	color: #fff;
}
#columns .box-strong .box-head-corner .png {
	background-image:  url(../img/design/box-head-strong.png);
}
#columns .box-strong .box-body {
	background: #f3f3d9 url(../img/design/box-body-strong.gif) repeat-x left bottom;
	border-color: #d7d7be;
}
#columns .box-strong .box-footer {
	background: #ddddc1;
	border-color: #d7d7be;
}
#columns .box-strong .box-footer-corner .png {
	background-image: url(../img/design/box-footer-strong.png);
}
#columns .box-white .box-body {border: none;}



/* copyright
 **************************************/
#copyright {
	clear: both;
	padding: 20px 0 20px 0;
}

.list
{
	list-style: none outside none;
    padding: 0;
}

.list li {
    display: inline;
    position: relative;
    text-align: center;
}
.list a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    width: 130px;
}
.list em {
    top: 85px;
}