@charset "UTF-8";
/* CSS Document */

/*
*{margin::0; padding:0}

	NEED TO TRY OTF FONT CONVERSION FOR FIREFOX AND EOT FOR MSIE
*/

@font-face { font-family: "Gotham Book"; src: url("http://www.ntropic.com/fonts/GOTHAM-B.TTF") format("truetype");}
@font-face { font-family: "Gotham Black"; src: url("http://www.ntropic.com/fonts/GOTHAM01.TTF") format("truetype");}
@font-face { font-family: "Gotham Light"; src: url("http://www.ntropic.com/fonts/GOTHAM-L.TTF") format("truetype");}


/*
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }
*/


body {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
   
	background-color:#535353;
	background-image:url(../images/BG_idol_repeat.jpg);
	background-repeat:repeat-x; 
	color:#FFFFFF;
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	outline:none;
}

pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-wrap: sWrap;
}

#container {
	background-image:url(../images/BG_idol.jpg);
	background-repeat:no-repeat;
	left: 0px;
	width:1048px;
	height:700px;
}

#logo {
	position:absolute;
	top:45px;
	margin-left:30px;
	border:none;
	width:145px;
	height:15px;
}

#logobox {
	position:absolute;
	top:0px;
	margin-left:0px;
	width:205px;
	height:119px;
	background-color:#535353;
}

#logoaccent {
	position: absolute;
	top: 45px;
    left: 103px;
	width:17px;
    z-index:1;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#999966;
}

#logobar {
	position: absolute;
	top: 130px;
	width:205px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#999966;
}

#email_logo {
	position:relative;
	top:43px;
	margin-left:30px;
	border:none;
	width:145px;
	height:15px;
}

#email_logobox {
	position:relative;
	top:0px;
	left:0px;
	width:205px;
	height:119px;
	background-color:#535353;
}

#email_logoaccent {
	position: relative;
	top: 45px;
    left: 103px;
	width:17px;
    z-index:1;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#999966;
}

#email_logobar {
	position: relative;
	top: 11px;
	width:205px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#999966;
}

#articlebar {
	position: relative;
	width:470px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#999966;
}

#featurebar {
	float:left;
	position:relative;
	border-right-style:solid;
	border-right-size:1px;
	border-right-color:#999966;
	height:52px;
	margin-left:15px;
	margin-right:15px;
}

#workImg{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:77px;
	margin:0px;
	padding:0px;
	background:#333333;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
}

#workImg:hover{
	border-color:#999966;
}

#workBox{
	position:relative;
	width:180px;
	height:117px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration:none;
	outline:none;
}


#workText{
	background:#323232;
	width:480px;
	height:auto;
	opacity:.9; 
	filter: alpha(opacity=90);
}


#featBox{
	position:relative;
	width:180px;
	height:270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration:none;
	outline:none;
}

#featImg{
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:270px;
	margin:0px;
	padding:0px;
	background:#333333;
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
}

#featImg:hover{
	border-color:#999966;
}

#menu {
	position:absolute;
	top:190px;
    left:-5px;
	width:300px;
}

#thumbnail {
	width:120px;
	height:68px;
	border:1px solid #666666;
}

#thumbnail:hover
{
	border:1px solid #999966;
}



#featured {
	position:absolute;
	top:190px;
	left:320px;
	width:600px;
}

#featured_item{
	color:#FFFFFF;
	text-decoration:none;
}

#featured_item a{
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

#featured_item a:hover{
	color:#999966;
}

#Slider {
	width: 395px;
	background-image: url(../images/tray_sm.png);
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #444;
}

#Slider .dragSliderBar{
	background: transparent url(../images/bar_sm.png) 0 0 repeat-x;
}

#Slider .dragSliderKnob{
	background: transparent url(../images/knob_sm.png) 100% 0 no-repeat;
}

#loco_tmb {
	height:68px;
	border:1px solid #666666;
	outline:none;
    text-align:center;
    background:#323232;
}

#loco_tmb a:link, #loco_tmb a:visited 
{
	display:block;
}

#loco_tmb:hover
{
	border:1px solid #999966;
}

#locoText{
	background:#323232;
	width:278px;
	height:264px;
	padding:4px;
	opacity:.9; 
	filter: alpha(opacity=90);
}


#searchbox {
	position:absolute;
	top:320px;
	left:50px;
    width: 161px;
    height: 20px;
    background: url(../images/searchbox.png);
	background-repeat:no-repeat;
}

#searchbox:active {
	border: none;
}

#searchbox #search {
    float: left;
    padding: 0;
    margin: 3px 0 0 3px;
    border: 0;
    width: 132px;
    background: none;
}
#searchbox #submit {
    float: right;
    margin: 3px 4px 0 0;
	width:14px;
	height:16px;
}

#loadStatus {
	color:#666666;
	font-size:10px;
	text-align:center;
}

#playpause {
	outline:none;
}

#rewind {
	outline:none;
}

#mov {
	color:#333333;
	outline:none;
	width:480px;
	height:270px;
    margin-top:0px;
	top:0px;
}

#clicktoplay {
	position:absolute;
	top:150px;
	left:186px;
	outline:none;
	border:none;
	z-index:5;
}

.clicktoplay {
	background-color: rgb(20,20,20);
	font-size: 1.25em;
	color: white;
	zoom: 100%;
	padding: .5em 1em;
	opacity: .8;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border: none;
	font-family: Arial, sans-serif;
}

.img_icon_resize {
	width: auto;
	height: 68px;
}

.yellow {
	color:#999966;
}

.menu_item {
	font-family: "Gotham Light", Verdana, Arial;
	font-size:24px;
	text-align:right;
	color:#CCCCCC;
	outline:none;
    line-height:40px;
}

.menu_item:hover {
	color:#999966;
}

.menu_item:hover .submenu
{
	visibility:visible;
}

.submenu {
	visibility:hidden;
	font-size:16px;
}

.submenu:hover {
	visibility:visible;
	font-size:16px;
}

.submenu_item{
	font-family: "Gotham Light", Verdana, Arial;
	color:#FFFFFF;
	font-size:14px;
	line-height:15px;
	outline:none;
}

.submenu_item:hover{
	color:#999966;
}

.headline {
	font-family: "Gotham Black", Verdana, Arial;
	font-size:39px;
	font-style:strong;
	outline:none;
    text-transform: uppercase;
}

.subtitle {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:strong;
	outline:none;
}
 
.grey_vsml {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
}

.grey_small {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration:none;
	outline:none;
}

.grey_med {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration:none;
	outline:none;
}

.grey_lrg {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-decoration:none;
	outline:none;
}

.white_small {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
}

.white_med {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
}

.white_lrg {
    color:#FFFFFF;
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	outline:none;
}

.white_xl {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
}

.work_article {
	font-family:"Gotham Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDDDD;
	text-decoration:none;
	opacity:1; 
	filter: alpha(opacity=100);
}

.yellow_med {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	text-decoration:none;
	outline:none;
}

.maillink {
	color:#CCCCCC;
	text-decoration:none;
	outline:none;
}

.maillink:hover{
	color:#999966;
}

.newslink {
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

.newslink:hover{
	color:#999966;
}

.player_ctrl{
	outline:none;
}


/* MENU */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 210px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#CCCCCC;
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
}

.sidebarmenu ul li a:visited{
}

.sidebarmenu ul li a:hover{
	color:#999966;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 110px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

/* END MENU */