/* Main wrapper for the entire layout */
/* Currently created for resolutions of 1280 by 800 */
/* Sets all the inside windows relative to the wrapper, not the monitor */
div#main-wrapper
{
	position: relative;
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	top: 0;
	left: 0;
	text-align: left; /* for IE --- counter the body center */
}

/* Sets the entire website background to gradient blue */
body
{	
	background-color: #8c9a4b;  /* If the site goes past 1100 px in height. */
	background-image: url("/Pictures/Overall-Background/Green-Bg-Graffiti-autumn.jpg");
	background-repeat: repeat-x;
	
	/*background-attachment: fixed;*/
	behavior: url(/IE-fixes/csshover3.htc); /* For IE's hover bug */
	text-align: center; /* for IE to center */
	width: 100%;
	margin:0;
	padding:0;
	border:0;
}

/* Global anchor link visited */
a:visited
{
	color:#090; /* dark green #090;*/	
}

:focus 
{
  -moz-outline-style:none;
}

div.right hr
{
	margin-left: 15px;
	margin-right: 15px;
	
	height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}

div.right hr.fullLine
{
	height: 1px;
	border: 0;
	color: #666;
	background-color: #666;
}

div.right h2
{
	background: url(/Pictures/Right-Pictures/GTG-music-suggester-green.png);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

/* Only used for the headings/titles on top*/
div.right h1
{
	background: url("/Pictures/Right-Pictures/GTG-music-suggester-green.png");
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}


div.right h4
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
    margin-left: 15px;
}

div.right h2#GTG-music-suggester
{
	background: url("/Pictures/Right-Pictures/GTG-music-suggester.png");
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

div.right h2#GTG-music-suggester-orange-red
{
	background: url("/Pictures/Right-Pictures/GTG-music-suggester-orange-red.png");
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

div.right h2.GTG-music-suggester-orange-red
{
	background: url("/Pictures/Right-Pictures/GTG-music-suggester-orange-red.png");
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

div.right h2.GTG-music-suggester
{
	background: url("/Pictures/Right-Pictures/GTG-music-suggester.png");
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

div.right h2.GTG-music-suggester-orange-red
{
	background: url("/Pictures/Right-Pictures/GTG-music-suggester-orange-red.png");
	background-repeat: no-repeat;
	width: 704px;
	font-weight: 100;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

div.right p
{
   /* Global */
	/*text-align: justify;*/
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	line-height: 21px;
}

div.right .main-divider
{
	background: transparent url("/Pictures/Right-Pictures/hr-divider.png") no-repeat center center; 
}

div.right .main-divider p
{
	background: #e4f3e5; 
	padding: 1px 5px; 
	display: inline; 
	color: #393;
	font-size: 12px;
}

/* accordion id */
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion 
{
	top: 80px;
	position: relative;
	width: 277px;   /* how wide the whole accordion is */
	height: 275px;
	margin-left: 4px;
	z-index: 10;
}


/* accordion header */
#accordion h2 
{
	-moz-border-radius: 10px; /* For Mozilla/Safari */
	-webkit-border-radius: 10px; /* For everything else */
	border-radius: 10px; /* For Opera */
			
	background:url("/Pictures/Left-Pictures/Dark-Green-glow-resize.jpg");
	color: #360;
	margin-top: 2px;
	margin-bottom: 2px;
	
	cursor: pointer;
    height: 32px;
	background-repeat: no-repeat;
	z-index: 10;
	font-size: 13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* currently active header */
#accordion h2.current 
{
	color: white;
	cursor:default;
	background:url("/Pictures/Left-Pictures/Dark-green-glow-current-resize.jpg");
}

/* Adds the text within the accordion headers */
#accordion .left-tab-title
{
	display: block;
	padding-top: 7px;
	padding-left: 15px;
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index: 15;
}

/* accordion pane */
#accordion div.pane 
{
	-moz-border-radius: 10px; /* For Mozilla/Safari */
	-webkit-border-radius: 10px; /* For everything else */
	border-radius: 10px; /* For Opera */
	
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	
	background-color:transparent;
	background-image:url("/Pictures/Left-Pictures/Accordion-inside.jpg");
	border:1px solid #000;
	border-width:0 0px 0px;
	display:none;
	height:230px;   /* how tall the current accordion is */
	color:#fff;
	font-size:12px;
	z-index: 50;
	overflow: auto;
}

#accordion div.pane ol,ul,li
{
	/*margin:0;
	padding-left:30px;*/
}

/* The title inside pane */
#accordion div.pane h3 
{
	color: white;
	/*font-weight:bold;*/
	/* margin:0 0 -5px 0;*/
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* The text inside */
#accordion p
{
	color: #CFC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	margin-left: 10px;
	margin-bottom: -7px;
}


#accordion ol
{
	/* All needed to align the left side for Opera, Firefox, and IE7+ */
	padding:0 0 0 0;
    margin:0 0 0 10px;
	list-style-position:inside;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*  Font for the article titles */
#accordion #add-Content-1st ol li
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/* margin-left: 10px; */
}


/* For all links*/
#accordion ol li a
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



/* For all add-Content images. */
#accordion ol img
{
	position: relative;
	top: 14px;
	
	width: 35px;
	height: 35px;
}

#accordion #add-Content-2nd ol li
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*margin-left: -10px;*/ /* very small indent */
}

#accordion #add-Content-3rd ol li
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*margin-left: -10px;*/  /* very small indent */
}

div#thumbnails-main
{
    margin-left: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#thumbnails-main a
{
	text-decoration: underline;
	font-size: 15px;
	font-weight: 600;
}


div.top-articles-section
{
    height: 210px;
	width: 330px;
	
	margin-bottom: 5px; /* Gives space between each section */
	
	background-color: #efebd8;
	border: 1px solid #785421;
	padding-top: 10px;
	padding-left: 15px;
	text-align: left;
	color: #360;
	
    -moz-border-radius: 20px; /* For Mozilla/Safari */
	-webkit-border-radius: 20px; /* For everything else */
	border-radius: 20px; /* For Opera */
}

div#top-articles-main
{
	float: left;
}

div#top-articles-main h3
{
	color: #d5ad42;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

div#top-articles-main #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #5d512e;
}

div#top-articles-main #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 50px;
	font-weight: bold;
	font-size: 12px;
	color: #5d512e;
}

/* Have to declare new dynamic classes and ids as just an ID (e.g. not with a, p, or other tags) */
div#top-articles-main #paraTitle
{
	text-decoration: underline;
	color: #caaa1b;
}

div#top-articles-main p
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #5d512e;
}

div#top-articles-main img
{
	float: left;
	margin-bottom: 30px;
	margin-top: 5px;
}

div#top-articles-main a
{
	text-decoration: none;
	color: #393;	
}

div#featured-spotlight-main
{
	float: left;
	margin-left: 15px;
}

div#featured-spotlight-main h3
{
	color: #4250d5;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

div#featured-spotlight-main img
{
	float: left;
	margin-bottom: 30px;
	margin-top: 5px;
}

div#featured-spotlight-main #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #365474;
}

div#featured-spotlight-main #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 50px;
	font-weight: bold;
	font-size: 12px;
	color: #365474;
}

div#featured-spotlight-main #paraTitle
{
	text-decoration: underline;
	color: #3488b9;
}

div#featured-spotlight-main p
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #365474;
}

div#featured-spotlight-main a
{
	text-decoration: none;
	color: #393;	
}

div.featured-spotlight-section
{
	height: 210px;
	width: 330px;
	
	margin-bottom: 5px; /* Gives space between each section */
	
	background-color: #e2eff6;
	border: 1px solid #214278;
	padding-top: 10px;
	padding-left: 15px;
	text-align: left;
	color: #360;
	
    -moz-border-radius: 20px; /* For Mozilla/Safari */
	-webkit-border-radius: 20px; /* For everything else */
	border-radius: 20px; /* For Opera */
}


div.left a
{
	text-decoration: none;
	color: #360;
}

/* Classes */
div.left
{
	position: absolute;
	left: 20px;
	top: 20px;
	
	background:#e4f3e5 repeat;
	color: #5e5e5f;
	
	/*border-right: 1px solid #90d68f;*/
	border-right: 1px solid #CCC;
	
	width: 285px;  /* How wide the left section is */
	min-height: 1300px;
		
	z-index:5;  /* Places the left side beneath the day tabs */
	overflow: hidden;
	
	border-radius: 10px 0px 0px 10px; 
	-moz-border-radius: 10px 0px 0px 10px; 
	-khtml-border-radius: 10px 0px 0px 10px; 
	-webkit-border-radius: 10px 0px 0px 10px; 
}

div.left img#search-bar
{
	position: absolute;
	top: 20px;
	left: 5px;
}

div.left img#search-icon
{
	position: absolute;
	top: 10px;
	left: 215px;
}

div.left img#top-articles
{
	position: absolute;
	top: 77px;
	left: 5px;
}

div#liveTwitter
{
	position: relative;
	top: 165px;
	margin-left: 5px;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;*/
}

/* Overrides the Twitter CSS online */
.twtr-tweet-text {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
    }

div#GTGnewsletter
{
	position: relative;
	top: 195px;
	/*top: 150px;*/
	/*margin-left: 5px;*/
}

div#special-events
{
	position: relative;
	top: 70px;
	/*top: 200px;*/
	margin-left: 10px;
}

div#special-events h3
{
    font-size:14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #063;
}

div#affiliates 
{
	position: relative;
	top: 215px;
	margin-left: 10px;
}

div#affiliates hr
{
    clear: both;
	/*margin-left: 10px;*/
	margin-right: 3px; /* Gives a little right margin to the hr so the line doesn't look weird. */
	/*margin-right: 0;*/
	border: 0;

	background-color:#90d68f;
	color: white;
	height: 1px;	
}

div#affiliates img
{
    border: none;	
}

div#affiliates h3
{
    font-size:14px;
	/*font-weight:bold;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #063;
}

div#weekly-poll
{
	/*position: relative;
	top: 225px;
	margin-left: 10px;*/
	
	width: 300px;
	position: relative;
	float: left;
}

div#weekly-poll h3
{
    font-size:14px;
	/*font-weight:bold;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #063;
}

/* The right sides are in Article.css and Main-Page.css */


div.center-middle
{
	width: 100%;
	height: 100%; /* Stretches as far vertically as possible */
	clear: both;

	position: relative;
	/*top: 130px;*/
	top: 240px;
	left: 0px;
	
	margin:0;
	padding:0;
	border:0;
}

div.center-pos
{
	position: relative;
    margin-left: auto;
    margin-right: auto;
	width: 1064px; /* 1022px */
	/*min-width: 600px;*/
	
	background: url(/Pictures/Center-Pictures/White-rectangle-center-small.png) repeat-y;
	
	 -moz-border-radius: 10px; /* For Mozilla/Safari */
	-webkit-border-radius: 10px; /* For everything else */
	border-radius: 10px; /* For Opera */
	
}

div.top
{
   /* background-image:url(/Pictures/Banner-Pictures/GTG-Banner-large.jpg);
	background-repeat: repeat-x;*/
	
	position:absolute;
	top: 0px;
	text-align: center;
	border: none;
	
	width: 100%;
	z-index:5;
}

div.bottom
{	
	/*position:absolute;
	top:666px;*/ /* the 625px position is the top border */
	
	position:relative;
	top:0px; /* The bottom is connected to the center's panel.  The bottom is relative. */
	margin-top: 7px; /* Gives space between the center-pos and the bottom. */
	
	width: 100%;
	
	text-align: center;   /* Global */
	color: #5e5e5f;
	font-family: arial;
	font-size: 10px;
	left: 0;
	z-index: 20;
	
	padding-bottom: 25px;
}

div#bottom-bg
{
	left: 0;
	top: 0;
	width: 100%;
	height: 115px;
	z-index: -1;
	position:absolute;
}

/*div#bottom-bg img
{
	width: 100%;
	height: 100%;
}*/

.stretch
{
	width: 100%;
	height: 100%
}


/* The image sizes for each section */
div.top img
{
	border-width: 0px;	
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu-top-container ul.submenu li { float: left; }
* html ul.menu-top-container ul.submenu li a { height: 1%; }
/* End */

/*  The menu-top-container class */
div.menu-top-container
{	
	/*background-image:url(/Pictures/Tab-Pictures/translucent-tab-bar.png);
	background-repeat: no-repeat;*/
	
	background-image:url(/Pictures/Tab-Pictures/translucent-tab-bar-orange.png);
	background-repeat: no-repeat;
	
	position:relative; /* Relative needed so that the menu-top-container is centered. */
	/*top:125px;*/
	top:235px;
	width: 1065px;
	left: 0;
	height: 44px;
	padding:0;
	border:0;
	z-index: 25;
	margin-left:auto;
	margin-right:auto;
}

div.menu-top-container .center-menu
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width:1060px;
	height:43px;
}

ul.menu-top-container
{	
    /*background-image:url(/Pictures/Tab-Pictures/Tab-bg.jpg);*/
	position: relative;
	width: 147px;
	height: 43px;
	margin: 0;
	/*margin-right: -5px;*/
	padding: 0;
	border: 0;
	list-style-type: none;
	z-index: 25;
	display: inline-block;
	left: 3px; /* Starts the menu a little inside. */
}

ul.menu-top-container li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: inline-block;
}

/* Class for the submenu */
ul.menu-top-container ul.submenu
{
	z-index: 50;
}

ul.menu-top-container ul.submenu li
{
    position: relative;	/* Must tie the position relative to the list (li) in Opera. */
}

/* Positioning for each category from the above tabs */
ul.menu-top-container ul.submenu li a
{
	position: relative;
	top: 0px; /* Needed to close the gap between the tab bar and the menu list down. */
	
	text-align: left;
	font-size:11px;
	font-weight:bold;
	padding-top:12px;
    font-family:arial;
	background: #324f27;
	/*background-position:0 0;*/
	display:block;
	width:133px;
	height:24px;
	padding-left:10px;
	text-decoration:none;
	color:#FFFFFF;   /* white */
			
	/*border: solid 1px #c5bc53;*/
	border: solid 1px #b6dcba;
	z-index: 50;
}

/* Places an image alongside with text horizontally*/
div.place-pix
{
	position: absolute;
	top: 2px;
	left: 110px;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 60;
}

div.place-pix img
{
	border: none;	
}

ul.menu-top-container ul.submenu li a:hover
{
	background:url(/Pictures/Tab-Pictures/Green-Gloss-Hover.jpg);
	z-index:25;
}

ul.menu-top-container ul
{
	position:relative;
	list-style-type:none;
	padding:0;
	margin:0;
	display:none;
	/*margin-left:-40px;*/
	z-index:50;
	float: left;
}

/* For the 2nd sublist -- if needed */
ul.menu-top-container ul ul
{
	position:absolute;
	display:none;
	margin-top:-20px;
	margin-left:121px;
	z-index:50;
}

/* When the user hovers on a menu, display its submenu */
ul.menu-top-container:hover ul, ul.menu-top-container:active ul
{
	display:block;
}

/* Brings up a blue hover highlight -- used for all six tabs*/
ul.menu-top-container:hover li a
{
	/* Moves down 43 pixels to the highlighted verison */
	background-position:0 -43px;	
}

/* The 2nd submenu */
ul.menu-top-container:hover ul ul
{
	display:none;
}

/* The 2nd submenu's expansion */
ul.menu-top-container ul li:hover ul
{
	display:block;
}

/* Common among all menu container tabs */
ul.menu-top-container li a
{
	margin-bottom:-1px;
	display:inline-block;
	width:146px;
	height:43px;
	text-decoration:none;
	z-index:10;
}

/*  There are six containers, since each of them is a container */
/*a.menu-top-container-GTG-Downloads
{
	background-image:url(/Pictures/Tab-Pictures/GTG-Downloads-Rollover-Green.png);
}*/

a.menu-top-container-GTG-Events
{
	background-image:url(/Pictures/Tab-Pictures/Events-Rollover-Green.png);
}

/*a.menu-top-container-forums
{	
	background-image:url(/Pictures/Tab-Pictures/Forums-Rollover-Green.png);
}*/

a.menu-top-container-anime
{	
	background-image:url(/Pictures/Tab-Pictures/Anime-Rollover-Green.png);
}

a.menu-top-container-music
{	
	background-image:url(/Pictures/Tab-Pictures/Music-Rollover-Green.png);
}

a.menu-top-container-movies
{	
    background-image:url(/Pictures/Tab-Pictures/Movies-TV-Rollover-Green.png);
}

a.menu-top-container-video-games
{	
    background-image:url(/Pictures/Tab-Pictures/Video-Games-Rollover-Green.png);
}

a.menu-top-container-culture
{	
    background-image:url(/Pictures/Tab-Pictures/Culture-Rollover-Green.png);
}

a.menu-top-container-media
{	
    background-image:url(/Pictures/Tab-Pictures/Media-Rollover-Green.png);
}

/*************************************************************************/
/*  index.html */
/*************************************************************************/
div.Index #Flash-Win
{
	position: relative;
	top: 17px; 
	left: 5px;
}

div.Index #js-image-slider
{
	position: relative;
	top: 72px; 
    left: -25px;
	margin-bottom: 40px; /* Gives buffer space to the bottom. */
}

div.Index object
{
	/* position: absolute; */  /* Absolute using div.right's left corner as (0, 0) */
}

div.Index #Updates-section
{
	/*position: relative;*/
	position: absolute;
	top: 8px;
	left: 553px;
	width: 183px;
	height: 415px;
}

div.Index #Best-Of-GTG-header
{
	position: relative;
	top: 10px;
	left: -8px;
	/*left: 28px;*/
	/*background: #54894f;*/ /* For the extra 10px space it gives after the shadow.*/
}

div.Index #Best-Of-GTG-header img
{
	width: 700px;
	height: 52px;
	
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}

div.quick-updates
{
    width: 350px;
	position: relative;
	float: left;
	left: 15px;
	margin-bottom: 40px; /* gives a bottom buffer to the section. */
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

.quick-updates h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #428b52;
	float: left;
	margin-left: 10px;
}

.quick-updates ul
{
	margin: 0;
	margin-left: 25px;
	padding: 0;
}

.quick-updates ul li
{
	margin-right: 5px;	
	/* padding: 0;*/
}

.quick-updates hr
{
	clear: both;
	margin-left: 10px;
	margin-right: 3px;
	border: 0;

	background-color:#90d68f;
	color: white;
	height: 1px;
}

.quick-updates a
{
	color: #36F;	
}

.quick-updates a:visited
{
	color: #3C0;	
}



/*div.Index #Updates-section #title
{
	position: absolute;
	top: 35px;
	left: 60px;
	
    font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}

div.Index #Updates-section #new-updates
{
	position: absolute;
	top: 58px;
	left: -8px;
	width: 180px;
	height: 397px;
	overflow: auto;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}*/

div.Index #Bottom-images
{
	position: relative;
	left: -5px;
	
	/* Border around the section */
	/*border: 1px #360 solid; */
	
}

div.Index #Bottom-images img
{
	margin-left: 25px;
	text-align: center;  /* Centers the text above and below the image. */
	margin-left: auto;
	margin-right: auto;
}

div.Index #Bottom-images .Bottom-titles
{
	font-size: 14px;	
}

#featured-video p
{
    font-size: 14px;
	color: #5070a3;
	font-weight: bold;
}


/* For the Japanese music favorites */
.japanese #featured-video p
{
    font-size: 15px;
	color: white;
	font-weight: bold;
}

.japanese #featured-video a:hover
{
	 cursor: auto;	
}

.featured-video p
{
    font-size: 14px;
	color: #5070a3;
	font-weight: bold;
}


/* For the Japanese music favorites */
.japanese .featured-video p
{
    font-size: 15px;
	color: white;
	font-weight: bold;
}

.japanese .featured-video a:hover
{
	 cursor: auto;	
}


/* Only for the index page. */
#Bottom-images .section
{
	width: 200px; 
	float: left; 
	margin-left: -15px; 
	margin-top: 10px;
}

#Bottom-images .section p
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}


/*#new-updates h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b9f3c6;
	float: left;
	margin-left: 10px;
}

#new-updates ul
{
	margin: 0;
	margin-left: 25px;
	padding: 0;
}

#new-updates ul li
{
	margin-right: 5px;	
}

#new-updates hr
{
	clear: both;
	margin-left: 10px;
	margin-right: 3px;
	border: 0;

	background-color:#90d68f;
	color: white;
	height: 1px;
}

#new-updates a
{
	color: #36F;	
}

#new-updates a:visited
{
	color: #3C0;	
}*/

div.Index #Pic-1
{
	position: absolute;
	top: 15px;
	left: 565px;
}

div.Index #Pic-2
{
	position: absolute;
	top: 158px;
	left: 565px;
}

div.Index #Pic-3
{
	position: absolute;
	top: 300px;
	left: 565px;
}

div.Index #Pic-2 img:hover
{
	
	
}

div.Index #Pic-3 img:hover
{
	
	
}

/* Default behavior */
div.Index img
{
	float:right;
	margin-right:8px;
	border:none;
}

div.Index hr
{
    height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}

/*  For the other pages in the site  */
/*************************************************************************/
/*  Left side buttons controls the "master" and "new to gtg" buttons on the left
/*************************************************************************/
#left-side-buttons
{
	/*top: 1px;*/
	position: relative;
	margin-left: 4px;
	margin-top: 10px;
}

#social-media-top-left
{
	position: relative;
	margin-left: 10px;
	top: 70px;
}

#recentcomments
{
	position: relative;
	margin-left: 10px;
	top: 150px;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

h2.dsq-widget-title
{
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #063;
}

div#social-media-top-left h3
{
    font-size:14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #063;
}

#Shoutbox-left
{
	position: relative;
	margin-left: 10px;
	top: 70px;
} 

#Shoutbox-left h3
{
	font-size:14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	color: #063;
}

/*************************************************************************/
/*  Master-Directory.html */
/*************************************************************************/
#left-side-buttons div.master-directory img
{
	/*margin-left: 15px;*/	
}

#left-side-buttons div.master-directory hr
{
	height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}

#left-side-buttons .center-pic-block
{
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}

/* The button */
#left-side-buttons #master-dir
{
	/*top: 8px;*/
	position: absolute;
	/*margin-left: 4px;*/
}

#left-side-buttons #master-dir img
{
	border: none; /* For IE to not show the border. */
}

/*************************************************************************/
/*  New-to-GTG.html */
/*************************************************************************/
#left-side-buttons #new-to-GTG
{
	/*top: 8px;*/
	position: absolute;
	left: 140px;
}

#left-side-buttons #new-to-GTG img
{
	border: none;	
}

/* Overrides the JQuery h2 */
#flowpanes h2
{
	background: none;
}

#flowpanes li
{
	color: white;	
}

/*************************************************************************/
/*  About-Us.html */
/*************************************************************************/
div.About-Us
{
	/*float: left;*/
}

div.About-Us #staff
{
	width: 140px;
	margin-left: 15px;
	margin-right: 10px; /* Room between left and right columns */
	/*margin-bottom: 15px;*/ 
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}

div.About-Us #intro
{
	width: 560px;
	margin-left: -15px;
	float: left;
}

div.About-Us #intro ul
{
	/*font-weight: bold;*/
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px	
}


div.About-Us #purpose
{
	width: 560px;
	margin-left: -15px;
	float: left;
}

div.About-Us #purpose img
{
	margin-left: 75px;
}

div.About-Us #arrows
{
	float: left;
	margin-left: 225px;
}

div.About-Us #arrows a
{
	cursor: pointer;
}

div.About-Us #comicPage
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	float: right;
	margin-right: 25px;
}

* html #staff
{ 
    /*IE 6 only */
	/*w\idth: 147px;*/ /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

div.About-Us #staff ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

div.About-Us #staff li 
{
	/*border-bottom: 1px solid #90bade;*/
	/*border-bottom: 1px solid #3f5394;*/
	margin: 0;
	padding-bottom: 1px;
	width: 120px; /* Needed because the list does not go too into white space. */
}

div.About-Us #staff li a
{
	display: block;
	padding: 9px 0 5px 0px;
	background-image:url(/About-Us-Pictures/Staff-Names.png);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

html>body div.About-Us #staff li a
{ 
    /*Non IE6 width*/
    width: auto;
}

div.About-Us #staff li a:hover
{
	/*border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;*/
	/*background-color: #5673c6;*/
	background-image:url(/About-Us-Pictures/Staff-Names-hover.png);
	color: #fff;
	cursor: pointer;
}

div.About-Us #staff img
{
	margin-right: 10px;
}

div.About-Us p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px
}

div.About-Us hr
{
	margin-left: 3px;
	margin-right: 15px;
	height: 1px;
}

div.About-Us h2
{
	color: #5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 15px;
	color:#abdb92; /* Dark green */
}

div.About-Us h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 15px
}

div.About-Us #staffdesc
{
	float: left;
}

/* The Staff bio on the right side. */
div.About-Us table
{
	/*float: left;*/
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	border-left: 1px solid green;
	border-right: 1px solid green;
	border-bottom: 1px solid green;
	border-top: 1px solid #3e6d4c;
	margin-bottom: 15px;
	margin-left: -5px;
	/*margin-left: -15px;*/
}

div.About-Us caption
{
	/* Do not add height or width, since IE adds add padding to the CAPTION's height, while Firefox includes padding in the CAPTION height */
	border-top: 1px solid #3e6d4c;
	border-left: 1px solid #17351e;
	border-right: 1px solid #17351e;
	border-bottom: 0px;
	/*height: 30px;
	width: 543px;*/
	
}

div.About-Us caption img
{
	margin:0; 
	padding:0;
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing:0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	display: block;
	/*float: left; /*
	/*display: block;*/
}

div.About-Us th
{
	/*arial,helvetica,clean,sans-serif*/
	/*"Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	width: 155px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #abdb92; /* Bg color on left */
	color: #528837; /* Font color */
	vertical-align: top;
	text-align:left; /* For IE */
	padding-top: 9px; /* Aligns the header with its corresponding data text vertically*/
}

div.About-Us td
{
	width: 360px;
	margin-right: 10px;
	border-bottom: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #e0f2d7;
	color: #59863a;
}
/*************************************************************************/
/*  Contact-Us.html */
/*************************************************************************/
div.Contact-Us
{
	/*float: left;*/
}

div.Contact-Us-Desc .Advertise-arrows
{
	float: right;
}

div.Contact-Us-Desc #adPage
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	
	top: 107px;
	left: 520px;
}

div.Contact-Us-Desc #picName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 107px;
	left: 200px;
}

div.Contact-Us-Desc #artistName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 127px;
	left: 200px;	
}


div.Contact-Us-Desc
{
	width: 585px;
	float: left;	
}

div.Contact-Us-Options
{
	width: 90px;
	margin-left: 15px;
	margin-right: 5px; /* Room between left and right columns */
	margin-top: 15px;
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}




div.Contact-Us-Options img
{
	/*border-bottom: 1px solid #2e6d34;*/
	margin-top:-4px; /* Makes the images right next to each other so there's no space. */
}

/*div.Contact-Us-Options img:hover
{
	background:url(/Advertise-Pictures/Hover-Options.jpg);
	z-index:25;
}*/

div.Contact-Us-Options a
{
	cursor: pointer;
}

div.Contact-Us-Desc img
{
	border: none;
}

div.Contact-Us-Desc a
{
	cursor: pointer;
}

div.Contact-Us-Desc p
{
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*margin-left: 15px;*/
	margin-right: 15px;
	font-size: 14px
}

div.Contact-Us-Desc hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}

div.Contact-Us-Desc h3
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Contact-Us-Desc ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px
}

/*************************************************************************/
/*  Advertise.html */
/*************************************************************************/
div.Advertise
{
	/*float: left;*/
}

div.Advertise-Desc .Advertise-arrows
{
	float: right;
}

div.Advertise-Desc #adPage
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	
	top: 107px;
	left: 520px;
}

div.Advertise-Desc #picName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 107px;
	left: 200px;
}

div.Advertise-Desc #artistName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 127px;
	left: 200px;	
}

div.Advertise-Desc
{
	width: 525px;
	float: left;	
}

div.Advertise-Options
{
	width: 150px;
	margin-left: 15px;
	margin-right: 5px; /* Room between left and right columns */
	margin-top: 15px;
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}

div.Advertise-Options img
{
	border-bottom: 1px solid #2e6d34;
	margin-top:-4px; /* Makes the images right next to each other so there's no space. */
}

div.Advertise-Options img:hover
{
	background:url(/Advertise-Pictures/Hover-Options.jpg);
	z-index:25;
}

div.Advertise-Options a
{
	cursor: pointer;
}

div.Advertise-Desc img
{
	border: none;
}

div.Advertise-Desc a
{
	cursor: pointer;
}

div.Advertise-Desc p
{
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*margin-left: 15px;*/
	margin-right: 15px;
	font-size: 14px
}

div.Advertise-Desc hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}

div.Advertise-Desc h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Advertise-Desc ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px
}

/*************************************************************************/
/*  Join-GTG.html */
/*************************************************************************/
div.Join-GTG-Right-Side
{
	/*float: left;*/
}


div.Join-GTG-Options
{
	width: 125px;
	margin-left: 15px;
	margin-right: 15px; /* Room between left and right columns */
	margin-top: 15px;
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}


div.Join-GTG-Desc h3
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Join-GTG-Desc ul
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px;
	font-size: 14px;	
}

div.Join-GTG-Desc ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px; /* Represents the text to the end of the right section's border */
	/*font-size: 0.92em;*/
}

div.Join-GTG-Desc ol
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px; /* Represents the text to the end of the right section's border */
	font-size: 14px;
}


div.Join-GTG-Desc a img
{
    /*border: 1px solid #33C;*/
	border: none;
}

div.Join-GTG-Desc h3
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#282829;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

/* Represents the right side of the Join-GTG section. */
div.Join-GTG-Desc
{
	width: 550px;
	float: left;	
}

div.Join-GTG-Options a
{
	cursor: pointer;
}

div.Join-GTG-Desc p
{
    text-align: justify;
	color:#5e5e5f;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
}

/*************************************************************************/
/*  Links.html */
/*************************************************************************/
div.Links
{
	/*float: left;*/
}

div.Links img
{
	/*float: left;*/
	border: 1px solid #000;
	/*margin-right: 15px;
	margin-left: 15px;*/ /* Gives space between the text and image */
	margin-left: 5px;
	border: none;
}

div.Links p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px
}

/*div.Links hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}*/

div.Links h3
{
	font-weight: bold;
	color:#5e5e5f;
	text-align: justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	font-size: 16px;
}

div.Links h4
{
	font-weight: bold;
	color:#2e4f25;
	text-align: justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-top: 1px solid #a9e0a0;
	border-bottom: 1px solid #a9e0a0;
	background-color: #ceebc6;
}


div.Links a
{
	text-decoration:none;
}

div.Links a:visited, div.Links a:link
{
	color: #c1a120;
}

div.Links p.sub-topics
{
	font-weight: bold;
	font-size: 16px;
}


/*div.Links ul li
{
	font-weight: normal;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px;
	font-size: 13px;
}*/

div.Links .list
{
	float:left;	
}

/* Ordered Lists - fancy */
div.Links ol.steps 
{
	position: relative;
	
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
		
	background: #ac832c;
	background-repeat: repeat-y;
	padding: 0 0 0 35px; /*--Distance between the order numbers--*/
	border: 1px solid #FC0;
}

div.Links ol.steps img
{
	position: absolute;
	top: 0px;
	left: 3px;
	
	border: 1px solid #000;
	border: none;
	z-index: 50;
}

div.Links ol.steps li 
{
	/* margin: 0; */
	position: relative;
	
	padding: 1px 1px;
	color: white; /* Number of list */
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-weight: bold;
       /*--The bevel look is styled with various colors in the border properties below--*/
	border-top: 1px solid #C90;
	border-right: 1px solid #C90;
	border-bottom: 1px solid #FC9;
	background: #fffbd8;
	background-repeat: repeat-y;
	
}

div.Links ol.steps li.first 
{ 
    border-top: 1px solid #353535; 
}

div.Links ol.steps li.last 
{ 
    border-bottom: none;
}

div.Links ol.steps li h3 {
	/* Top section */
	font-size: 16px;
	/*padding: 5px 0;*/ /* The line between the title and underline*/
	border-bottom: 1px solid #C90; /* The underline color */
	
	color: white;
}

div.Links ol.steps li p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C60;
	font-size: 14px;
	font-weight: normal;
	padding-top: 20px;
    /* font-size: 0.7em; */
	/*line-height: 1.6em;*/
	/*line-height: 50px;*/
}

/* Each Link title */
/*ol.steps li a{
    
	color: #C90;
	text-decoration: none;
	margin-left: 60px;
}*/


/*************************************************************************/
/*  Credits.html */
/*************************************************************************/
div.Credits
{
	/*float: left;*/
}

div.Credits img
{
	float: right;
	border: 1px solid #000;
	width: 150px;
	height: 150px;
	margin-left: 15px;
	margin-right: 15px;
}

div.Credits p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px
}

div.Credits h3
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px
}

div.Credits ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px
}

div.Credits hr
{
	color: #5e5e5f;
}

div.Credits ul
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px	
}
/*************************************************************************/
/*  News-Holder.html */
/*************************************************************************/
div.News-Holder
{
	/*float: left;*/ /* Floats left so the whole class will have a small margin bottom */
}

/* For the news section */
div.News-Holder .section
{
    /*height: 300px;*/
    float: none;
	
	
}

div.News-Holder img#comic
{
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.News-Holder #comicPage
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	
	top: 467px;
	left: 225px;
	
	/*top: 255px;
	left: 500px;*/
	/*float: left;*/
	/*margin-right: 25px;*/
}

div.News-Holder #left-arrow
{
	position: absolute;
	
	top: 460px;
	left: 150px;
	
	cursor: pointer;
	
	/*top: 200px;
	left: 475px;*/
	/*margin-right: 25px;*/
}

div.News-Holder #right-arrow
{
	position: absolute;
	
	top: 460px;
	left: 260px;
	
	cursor: pointer;
}

div.News-Holder #arrows a
{
	cursor: pointer;
}

div.News-Holder .float-left
{
	float: left;	
}

div.News-Holder p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.News-Holder h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.News-Holder ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px;
}

div.News-Holder hr
{
	height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}
div.News-Holder ul
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px;
}

div.News-Holder img
{
	border: none;	
}

div.News-Holder a
{
	text-decoration:none;
}

/*************************************************************************/
/*  Events-Post.html */
/*************************************************************************/
div.Events-Post p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Events-Post h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Events-Post ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px;
}

div.Events-Post hr
{
	height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}

div.Events-Post ul
{
	font-weight: bold;
	/*text-align: justify;*/
	color:#282829;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px;
}

div.Events-Post img
{
	border: none;	
}

div.Events-Post a
{
	text-decoration:none;
}



/*************************************************************************/
/*  PicBook-Holder.html */
/*************************************************************************/
div.PicBook-Holder p
{
	font-size: 14px;
}


/* News list */
div.PicBook-list
{	
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 240px;
}


div.PicBook-list img
{
	float: left;
	margin-top: 15px; /* Overwrites the media-holder CSS */
	margin-right: 15px;
	/*border: 0;*/
	border: 1px solid #363;
}

div.PicBook-list h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #360;
}

div.PicBook-list a
{
	text-decoration:none; 
}

div.PicBook-list #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div.PicBook-list #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-style: italic;*/
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div#PicBook-list
{
	margin-bottom: 20px;
}

div.PicBook-Add
{
    float: none;	
}

/*************************************************************************/
/*  Media-Holder.html */
/*************************************************************************/
div.Media-Holder hr
{
	height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}

div.Media-Holder
{
	/*float: left;*/
}

div.Media-Holder img
{
	/*border-bottom: 1px solid #000;*/
	border: none;
}

div.Media-Holder .float-left img
{
	border: none;
	/*margin-bottom: 10px;*/
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 5px;
	float: left;
	border: 0;
}

div.Media-Holder .float-right img
{
	border: none;
	float: right;
	border: 0;
}

div.Media-Holder .float-left-2 img /* For the Media-Holder playlist*/
{
	border: none;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
	border: 0;
}


div.Media-Holder p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 25px;
	font-size: 14px;
}

/*div.Media-Holder h2
{
	background: url(Pictures/Right-Pictures/Topic-Line-Bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 15px;
	color:#096;  Dark green 
	color: white;
}*/

div.Media-Holder h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Media-Holder ul li
{
	font-weight: normal;
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px
}

div.Media-Holder hr
{
	color: #5e5e5f;
}

div.Media-Holder ul
{
	/*font-weight: bold;*/
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px	
}

div.Media-Holder a
{
	text-decoration:none;
	cursor: pointer;
}


div.Media-Holder img#music-charts
{
	margin-bottom: 20px;	
	
}

div.Media-Holder .section
{
    /*height: 300px;*/
    float: none;
	
	
}


#dateUpdated
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 15px;
	margin-right: 15px; /* Gives space between the title and the text box. */
	margin-top: 3px; /* Vertically centers the text box in relation to the title. */
	float: left;
}

#musicList
{
	/*margin-left: 15px;*/
	/*margin-right: 20px;*/
	
}

#musicList select
{
	border-color: #396;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*text-align: center;*/
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
}





div#songTable
{
    z-index:50;	
	text-align: center; /* for IE to center */
	float: left;
	margin-left: 8px;
}

/* Table -- used for the Media-Holder's playlist*/
div#songTable table {
	/*margin-left: auto;*/ /* Centers the table */
	/*margin-right: auto;*/
	margin-bottom: 15px;
	width: 700px;
	border:1px solid #000000;
	
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	}

div#songTable table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

div#songTable table caption {
	font-size: 1.15em;
	text-align: left;
	text-indent: 5px;
	background: url("/Media-Holder-Pictures/Table-Contents-bg.jpg") left top;
	height: 40px;
	color: #FFFFFF;
	border: none;
	}

div#songTable table caption a#update
{
	font-size: 12px;
	font-weight: bold;
}

div#songTable table caption #theme
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

div#songTable thead th {
	background: url("/Media-Holder-Pictures/Header-bg.jpg") left;
	height: 21px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; }

div#songTable tbody tr { background: #ffffff;}

div#songTable tbody tr.odd {background: #f0f0f0;}

div#songTable tbody th {
	background: url(/Media-Holder-Pictures/Blue-Orb-Stop-Button.png) left center no-repeat;
	background-position: 1px;
	padding-left: 50px !important; 
	}

div#songTable tbody tr.odd th {
	background: url(/Media-Holder-Pictures/Green-Orb-Stop-Button.png) left center no-repeat;
	background-position: 1px;
	padding-left: 50px !important; 
	}

div#songTable img#StopPlayButton
{
	margin-left: -5px;
	/*margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;*/
    border: none;
	float: left;
}

/*div#songTable a#StopPlayText
{
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	display: block;
}*/


div#songTable tbody th, tbody td {
	font-size: 0.75em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 7px;
	border-bottom: 1px solid #063;
	text-align: left; 
	color: black;}

div#songTable tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }

div#songTable tbody a:hover {
	color: #ffffff;
	text-decoration: underline; }

div#songTable tbody tr:hover th {
	background: #030 url(/Media-Holder-Pictures/Blue-Orb-Play-Button.png) left center no-repeat;
	background-position: 1px;
	
	/*background: #030;
	color: #ffffff; */}

div#songTable tbody tr.odd:hover th {
	background: #000000 url(/Media-Holder-Pictures/Green-Orb-Play-Button.png) left center no-repeat;
	background-position: 1px;
	color: #ffffff;
	
	/*background: #000000;
	color: #ffffff;*/ }

div#songTable tbody tr:hover th a, tr.odd:hover th a	{
	color: #ffffff; }

div#songTable tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background: #030;
	color: #ffffff;	 }

div#songTable tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;	 }

div#songTable tfoot th, tfoot td {
	background: #ffffff url(/Media-Holder-Pictures/Header-bg.jpg) left;
	font-size: 0.8em;
	color: #ffffff;
    height: 21px;
	padding: 0px 7px;
	}

/* --------------------------------------------------- */
/* For the music charts */
div#musicCharts
{
    z-index:50;	
	text-align: center; /* for IE to center */
	float: left;
	margin-left: 8px;
}

/* Table -- used for the Media-Holder's playlist*/
div#musicCharts table {
	margin-bottom: 15px;
	width: 700px;
	border:1px solid #000000;
	
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	}

div#musicCharts table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

div#musicCharts table caption {
	font-size: 1.15em;
	text-align: left;
	text-indent: 5px;
	background: url(/Media-Holder-Pictures/Table-Contents-bg.jpg) left top;
	height: 40px;
	color: #FFFFFF;
	border: none;
	}

div#musicCharts table caption #update
{
	font-size: 12px;
	font-weight: bold;
}

div#musicCharts table caption #theme
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

div#musicCharts thead th {
	/*background: url(/Media-Holder-Pictures/Header-bg.jpg) left;*/
	background: #333;
	/*border-top: 1px #CCC solid;*/
	
	height: 21px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; }

div#musicCharts tbody tr { background: #ffffff;}

div#musicCharts tbody tr.odd {background: #f0f0f0;}

div#musicCharts tbody th {
	/*background: url(/Media-Holder-Pictures/Blue-Orb-Stop-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*padding-left: 10px !important; */
	}

div#musicCharts tbody tr.odd th {
	/*background: url(/Media-Holder-Pictures/Green-Orb-Stop-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*padding-left: 10px !important; */
	}

div#musicCharts tbody th, div#musicCharts tbody td {
	font-size: 0.75em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 7px;
	border-bottom: 1px solid #063;
	text-align: left; 
	color: black;}

div#musicCharts tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }

div#musicCharts tbody a:hover {
	/*color: #ffffff;*/
	text-decoration: underline; }

div#musicCharts tbody tr:hover th {
	/*background: #030;*/
	/*background: #030 url(/Media-Holder-Pictures/Blue-Orb-Play-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff;*/ }

div#musicCharts tbody tr.odd:hover th {
	/*background: #000000;*/
	/*background: #000000 url(/Media-Holder-Pictures/Green-Orb-Play-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff;*/ }

div#musicCharts tbody tr:hover th a, div#musicCharts tr.odd:hover th a	{
	/*color: #ffffff;*/ }

div#musicCharts tbody tr:hover td, div#musicCharts tr:hover td a, div#musicCharts tr.odd:hover td, div#musicCharts tr.odd:hover td a {
	/*background: #030;*/
	/*color: #ffffff;*/	 
	background: none;}

div#musicCharts tbody tr.odd:hover td, div#musicCharts tr.odd:hover td a{
	/*background: #000000;*/
	/*color: #ffffff;*/	 }

div#musicCharts tfoot th, div#musicCharts tfoot td {
	/*background: #ffffff url(/Media-Holder-Pictures/Header-bg.jpg) left;*/
	background: #333;
	font-size: 0.8em;
	color: #ffffff;
    height: 21px;
	padding: 0px 7px;
	}


div.Space-Bottom
{
	clear: both;
	float: left;
}



/* For the section bgs */
.bg-Right-Side img
{
	margin-bottom: -5px; /* Removes the auto-image spacing. */
}

/* Under Construction */
/* Anime */
div.under-construction
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5e5e5f;
	margin-left: 20px;
}

div.under-construction h3
{
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5e5e5f;
}

div.under-construction img
{
	border: none;
}

/* Anime */
div.anime-container 
{
	position:relative;
	z-index: 5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	
	overflow-x: hidden;
}

div.anime-container img
{
	
}


/* Video Games */
/* Directory */
div.video-games-container 
{
	position:relative;
	z-index: 5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	
	overflow-x: hidden;
}

div#video-games-title
{
	position: absolute;
	top: 10px;
	left: 10px;
}

div#video-games-mid-left
{
	position: absolute;
	top: 50px;
	left: 10px;
}




/* Music-Japanese */
/* Directory */
div.music-container 
{
	position:relative;
	z-index: 5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* color:#369; */
	
	overflow-x: hidden;
}

div.music-container img
{
	border: none;
}

div.music-container h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 15px
}

div.music-container img.image-indent
{
	margin-left: 10px;
}

div.music-container img.image-indent-right
{
	margin-left: 40px;
}

div.music-container a
{
    cursor: pointer;	
}

div#music-title
{
	position: absolute;
	top: 10px;
	left: 10px;
}

div#music-mid-left
{
	position: absolute;
	top: 50px;
	left: 10px;
}

div.BgTable
{
	float: left; /* Needed so the table does not continue off to the right side. */
	position: relative;
	text-align: center;
}

/* Table -- used for the Media-Holder's playlist*/
div.BgTable table  {
	/*position: absolute;
	top: 275px;*/
	position: relative;
	left: 15px;
	
	/*height: 200px;*/
	width: 680px;
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	
	margin-bottom: 20px;
	}

div.BgTable table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	/*color: white;*/
	color: #360;
}

div.BgTable table caption {
	/*background: url(/Section-Music-Japanese-Pictures/Japanese-top-table.png) left top;*/
	position: relative;
	font-size: 1.15em;
	height: 26px;
	/*color: #FFFFFF;*/
	color: #360;
	border: none;
	}

div.BgTable #header
{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #8e7a7a;
	height: 21px;
	width: 676px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* For IE8 */
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	z-index: 1;
}

/*div.BgTable table caption #update
{
	position:relative;
	top: -35px;
	left: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
}*/

div.BgTable thead {
	position: relative;
	/*z-index: 10;*/	
}

/* The top titles */
div.BgTable thead th {
	
	height: 21px;
	/*color: #ffffff;*/
	color: #360;
	font-size: 13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	/*border-bottom: 1px white solid;*/
	border-bottom: 1px #360 solid;
	z-index: 10;
	}

div.BgTable tbody
{

}

div.BgTable .main-body
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	z-index: 1;
}

div.BgTable tbody tr { /*background: #ffffff;*/ z-index: 10; }

div.BgTable tbody tr.odd {	/*background: #f0f0f0;*/ }





/* The topic icons. */
/* -------------------------------------------------- */

div.BgTable tbody tr th{
	background-position: 1px;
	/*padding-left: 50px*/ !important; /* Space between icon and article title */
	z-index: 10;
}

div.BgTable tbody tr.none th {
	/* Takes out the icon */
	background: none;
	/*padding-left: -50px;*/ 
	z-index: 10;	
}

div.BgTable tbody tr.music th {
	padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Music-Icon-Green.png) left center no-repeat;
	}

div.BgTable tbody tr.movies th {
	padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Movie-Icon-Green.png) left center no-repeat;
	}

div.BgTable tbody tr.video-games th {
	padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Video-Game-Icon-Green.png) left center no-repeat;
	}

div.BgTable tbody tr.anime th { /* For now, use the movie icon as a temp anime icon. */
    padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Anime-Icon-Green.png) left center no-repeat;
	}

div.BgTable tbody tr.comics th {
	padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Anime-Icon-Green.png) left center no-repeat;
    }

div.BgTable tbody tr.culture th {
	padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Culture-Icon-Green.png) left center no-repeat;
    }
	
div.BgTable tbody tr.tvdramas th {
	padding-left: 50px;
	background: url(/Pictures/Left-Pictures/Movie-Icon-Green.png) left center no-repeat;
    }

/* The topic icons when hovered on. */
/* -------------------------------------------------- */
div.BgTable tbody tr:hover th {
    /*color: #ffffff;*/
	color: #360;

}

div.BgTable tbody tr.music:hover th {
	/*background: black url(/Pictures/Left-Pictures/Music-Icon-Green.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div.BgTable tbody tr.movies:hover th {
	/*background: black url(/Pictures/Left-Pictures/Movie-Icon-Green.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div.BgTable tbody tr.anime:hover th { /* For now, use the movie icon as a temp anime icon. */
	/*background: black url(/Pictures/Left-Pictures/Anime-Icon-Green.png) left center no-repeat;*/
  }

div.BgTable tbody tr.video-games:hover th {
	/*background: black url(/Pictures/Left-Pictures/Video-Game-Icon-Green.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div.BgTable tbody tr.culture:hover th {
	/*background: black url(/Pictures/Left-Pictures/Culture-Icon-Green.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div.BgTable tbody th, div.BgTable tbody td {
	font-size: 12px;
	line-height: 1.4em;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	
	font-weight: bold;
	/*color: #ffffff;*/
	color: #360;
	padding: 10px 7px;
	/*border-bottom: 1px solid #063;*/
	border: none;
	text-align: left; }

div.BgTable tbody a {
	/*color: #ffffff;*/
	color: #360;
	font-weight: bold;
	text-decoration: none; }

div.BgTable tbody a:hover {
	/*color: #ffffff;*/
	text-decoration: underline; }

/*div.BgTable tbody tr:hover th {
	background: black url(/Pictures/Left-Pictures/Music-Icon-Resize.png) left center no-repeat;
	background-position: 1px;
	color: #ffffff; 
  }*/

div.BgTable tbody tr:hover th a, tr.odd:hover th a	{
    /*color: #ffffff;*/  }

div.BgTable tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	/*background: #000000;
	color: #ffffff;*/	}

div.BgTable tbody tr.odd:hover td, tr.odd:hover td a{
	/*background: #000000;
	color: #360;*/ }

div.BgTable tfoot th, div.BgTable tfoot td {
	background: none;
	font-size: 13px;
	/*color: #ffffff;*/
	color: #360;
    height: 21px;
	padding: 0px 7px;
	border-top: 1px #360 solid;
	}
	
/*************************************************************************/
/*  Any articles -- article format class */
/*************************************************************************/
div.Article-Format
{
	/*float: left;*/
}

div.Article-Format hr
{
	height: 1px;
	border: 0;
	color: #5e5e5f;
	background-color: black;
}

div.Article-Format img
{
	/*border-bottom: 1px solid #000;*/
	
}

div.Article-Format img.float-left
{
	border: none;
	margin-right: 10px;
	/*margin-top: 5px;*/
	float: left;
}

div.Article-Format img.float-right
{
	border: none;
	margin-left: 10px;
	/*margin-top: 5px;*/
	float: right;
}

div.Article-Format p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 25px;
	margin-bottom: 25px; /* Gives bottom space between paragraphs */
	font-size: 14px;
}

div.Article-Format h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 15px
}

div.Article-Format ul li
{
	font-weight: normal;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px
}

div.Article-Format ul
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px	
}

div.Article-Format ol li
{
	font-weight: normal;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px
}

div.Article-Format ol
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 14px	
}


div.Article-Format hr
{
	color: #5e5e5f;
}

div.Article-Format a
{
	text-decoration:none;
}	

div.Article-Format .Article-Title-1
{
	height: 30px;
	border: 0;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3f722e;
	padding-left: 10px;
	padding-top: 10px;
	background: #d0e7d5;
	
	border-radius: 0px 10px 0px 0px; 
	-moz-border-radius: 0px 10px 0px 0px; 
	-khtml-border-radius: 0px 10px 0px 0px; 
	-webkit-border-radius: 0px 10px 0px 0px; 
}

div.Interview-title /* Acts as Article-Title-1 for interviews */
{
	height: 30px;
	border: 0;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	/*color: white;*/
	color:#363;
	padding-left: 10px;
	padding-top: 10px;
	background: #d0e7d5;	
}

div.Interview-top-bg /* Acts as Article-Title-2 for interviews */
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: #d0e7d5;	
}

div.Interview-top-bg img
{
    /*height: 122px; 
	width: 393px; */
	float: none; 
	display: block; 
	margin-left:auto; 
	margin-right:auto;
	border: 0;
}

div.Interview-top-bg p
{
	/*color: white;	*/
	color: #363;
}


div.Article-Format .Article-Title-2
{
	/* Spaces the borders. */
	padding-top: 10px;
	padding-bottom: 10px;
	
	margin-bottom: 15px;
	border-top: 1px solid #060;
	border-bottom: 1px solid #060;
	background-color: #cfe7d5;
	padding-left: 10px;
	z-index: 1;
}

div.Article-Format .Article-Title-2 img
{
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 10;
	margin-right: 25px;
	/*position: relative;
	top: 20px;*/
}

div.Article-Format .Article-Title-2 p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #34824a;
	position: relative;
	top: -10px;
}

/*div.Article-Format .Article-Title-2 .image-credit
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #225430;
}*/

a.title-align
{
	position: absolute;
	left: 450px;
	text-align: left;
	text-decoration: none;
}

a.title-align-right
{
	position: absolute;
	left: 550px;
	text-align: left;
	text-decoration: none;
}

a.title-align-bottom
{
	position: absolute;
	left: 150px;
	text-align: right;
}

div.Article-Format .Quotes p
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:italic;
	color: #039;
}

.image-credit
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #225430;
}

/* Interviews section */
div.Interviews h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Interviews hr
{
    height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;	
}


/* --------------------------------------------- */


div.Editors-Corner
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.Editors-Corner p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.Editors-Corner hr
{
	height: 1px;
	border: 0;
	color: #5e5e5f;
	background-color: black;
}

div.Editors-Corner a
{
	text-decoration: none;
}

div.Editors-Corner a.left
{
	position: absolute;
	top: 53px;
	left: 15px;
}

div.Editors-Corner #Editors-Corner-List
{
	position: absolute;
	top: 53px;
	left: 175px;
}

div.Editors-Corner a.right
{
	position: absolute;
	top: 53px;
	left: 500px;
}

#Editors-Corner-List select
{
	border-color: #396;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
}

div.Editors-Corner h4
{
   	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}

div.Editors-Corner h5
{
   	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
}

div.Editors-Corner .related-links ul
{
	margin-left: 0px;	
}

/* For the flash videos*/
div.Editors-Corner .center-flash
{
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	border: 0;
}

div.Editors-Corner img#stamp
{
	position: absolute;
	top: 3px;
	left: 300px;
}


/* Featured Spotlight */
div.Featured-Spotlight h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #330;
	/*float: left;*/
	margin-left: 15px;
	
}

div.Featured-Spotlight h4
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330;
	margin-left: 15px;
}

div.Featured-Spotlight hr
{
	height: 1px;
	border: 0;
	color: #5e5e5f;
	background-color: black;
}

div.Featured-Spotlight-list
{	
    float: none;
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 240px;
}

div.Featured-Spotlight p.header
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #330;
	margin-left: 15px;
}


div.Featured-Spotlight-list img
{
	float: left;
	margin-top: 15px; /* Overwrites the media-holder CSS */
	margin-right: 15px;
	/*border: 0;*/
	border: 1px solid #363;
}

div.Featured-Spotlight-list h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #360;
}

div.Featured-Spotlight-list a
{
	text-decoration:none; 
}

div.Featured-Spotlight-list #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div.Featured-Spotlight-list #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-style: italic;*/
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

/* 
div.Featured-Spotlight-list
{	
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 240px;
}
*/

div#Featured-Spotlight-Add
{
	margin-bottom: 20px;
}

#featuredTitle
{
	position: absolute;
	top: 55px;
	left: 375px;
}

#featuredTitle #currentSpotlight
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330;
}

#featuredList
{
	position: absolute;
	top: 55px;
	left: 515px;
}

#featuredList select
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
}

div.Featured-Spotlight ul
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px;
	font-size: 14px;	
}

div.Featured-Spotlight ul li
{
	font-weight: normal;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px; /* Represents the text to the end of the right section's border */
	/*font-size: 0.92em;*/
}

div.Featured-Spotlight ol
{
	font-weight: normal;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px; /* Represents the text to the end of the right section's border */
	font-size: 14px;
}

/* News list */
div.News-list
{	
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 240px;
}


div.News-list img
{
	float: left;
	margin-top: 15px; /* Overwrites the media-holder CSS */
	margin-right: 15px;
	/*border: 0;*/
	border: 1px solid #363;
}

div.News-list h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #360;
}

div.News-list a
{
	text-decoration:none; 
}

div.News-list #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div.News-list #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-style: italic;*/
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div#News-list
{
	margin-bottom: 20px;
}

div.News-Add
{
    float: none;	
}

/* News list */
div.News-list
{	
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 240px;
}


/* Events Main */
div.Events-Main p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Events-Main img
{
	float: left;
	margin-top: 15px; /* Overwrites the media-holder CSS */
	margin-right: 15px;
	/*border: 0;*/
	border: 1px solid #363;
}

div.Events-Main h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #360;
}

div.Events-Main a
{
	text-decoration:none; 
}

div.Events-Main #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div.Events-Main #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-style: italic;*/
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div#Events-Main
{
	margin-bottom: 20px;
}

div.Events-Add
{
    float: none;	
}

div.Events-list
{	
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 260px;
}


/* Interviews Main */
div.Interviews-Main p
{
	/*text-align: justify;*/
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Interviews-Main img
{
	float: left;
	margin-top: 15px; /* Overwrites the media-holder CSS */
	margin-right: 15px;
	/*border: 0;*/
	border: 1px solid #363;
}

div.Interviews-Main h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #360;
}

div.Interviews-Main a
{
	text-decoration:none; 
}

div.Interviews-Main #paraAuthor
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div.Interviews-Main #paraDate
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-style: italic;*/
	font-weight: bold;
	font-size: 12px;
	color: #36C;
}

div#Interviews-Main
{
	margin-bottom: 20px;
}

div.Interviews-Add
{
    float: none;	
}

div.Interviews-list
{	
	border-top: 1px solid #390;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	height: 260px;
}


div.flash-caption-center
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
	
	margin-left:auto;
	margin-right:auto; /* Centers the image. */
}

/* For the pagination */
div.page-index
{
	margin-top: 15px; /* Gives some room on the top */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
    font-size: 14px;
	color: #963;
}

div.page-index a
{
	border: 1px #C93 solid;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.page-index a:link    {color:#963;}
div.page-index a:visited {color:#963;}

div.page-index a:hover
{
	color: white;
	background: #C93;
	
}

/* Global - captions for images */
div.pic-caption-center /* This is for the caption*/
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
	
	margin-left:auto;
	margin-right:auto; /* Centers the image. */
}

.japanese div.pic-caption-center /* Only for the music of Japan section */
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: white;
	
	margin-left:auto;
	margin-right:auto; /* Centers the image. */
}

/* For the new Music of Japan section. */
.japanese #articles h3
{
	color:#f7e4ac;
}

.japanese #articles hr
{
	background-color: #333;
}

/* Dark, gray gradient */
div.pic-gradient-1
{
	background: url(/Events-Pictures/dark-gray-gradient.jpg);
	background-repeat: repeat-x;
	float: left;
	margin-left: 15px;
	margin-top: 6px;
	
	/*-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;*/ 
}

div.pic-gradient-1 ul li
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
	margin-right: 10px;
	font-size: 12px;
}

div.pic-gradient-1 ul
{
	margin: 0;
	margin-left: 15px;
	padding: 0;
}

div.pic-gradient-1 h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b3efae;
	float: left;
	margin-left: 10px;
}

div.pic-gradient-1 hr
{
	clear: both;
	margin-left: 10px;
	margin-right: 7px;
	border: 0;

	background-color:#90d68f;
	color: white;
	height: 1px;
}

/*div.pic-gradient-1 a
{
	color: #36F;	
}

div.pic-gradient-1 a:visited
{
	color: #3C0;	
}*/

div.pic-caption-left
{	
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left; 
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
	
	margin-top: 6px; /* To compensate for the new 21px paragraph line height*/
}

div.pic-caption-right
{
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	float: right;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
	
	margin-top: 6px; /* To compensate for the new 21px paragraph line height*/
}

/* Overwrites the default pic-caption-left font size.*/
div.center-pic-block .pic-caption-left
{
	font-size: 12px;
	
}

div.center-pic-block
{
    width: 590px;
	margin-left: auto;
	margin-right: auto;	
}

/* Used in music lists pages on the very top*/
div.pic-caption-intro-top
{
	margin-left: 15px;
	/*margin-top: -13px;*/
}


sub /* For subscripts */
{
	color: #3e5f93;
	line-height: 7px;/* To compensate for the 21px line height spacing */ 
}

div.footnote p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.social-bookmarks .normal
{
	float: right;
	margin-right: 25px;
	height: 25px;
}

div.social-bookmarks .very-top
{
	float: right;
	margin-right: 25px;
	margin-top: -28px;
	height: 25px; 
}

div.social-bookmarks .featured-spotlights
{
	float: right;
	margin-right: 15px;
	margin-top: -55px;
	height: 25px; 
}

div.social-bookmarks .featured-spotlights-2
{
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	height: 25px; 
}

div.social-bookmarks .editors-corner
{
	float: right;
	margin-right: 15px;
	margin-top: -40px;
	height: 25px; 
}

div.social-bookmarks .very-bottom
{
	height: 70px; 
}

div.social-bookmarks .very-bottom-social-networks
{
	margin-left: 15px;
}

div.social-bookmarks p
{   
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.social-bookmarks img
{
	float: left;
	border: none;
	margin-right: 3px;	
}

/* MVs for the end of articles, featured spotlights, etc */
div.MVs-for-article p.title
{
	font-size: 12px;	
}

div.MVs-for-article p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
}

div.related-links
{
			
}

div.related-links ul
{
	margin-left: -22px;
}

div.related-links p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
}

div.related-links p.title
{
	font-size: 12px;		
}

div.related-links img
{
	float: left;
	border: none;
	margin-right: 3px;		
}

div.related-links a
{
	text-decoration: none;	
}

div.related-links .descOfLink
{
	font-size: 12px;	
}

img.float-center
{
    border: none;
	display: block; 
	margin-left: auto; 
	margin-right: auto;	
}

img.float-left
{
	border: none;
	margin-right: 10px;
	float: left;
	/* margin-left: 15px; */
}

img.float-right
{
	border: none;
	margin-left: 10px;
	float: right;	
	/* margin-right: 15px; */
}



/* For movie info alignment. */
.movie-title-info a.length
{
	position: relative;
	left: 88px;
}

.movie-title-info a.year
{
	position: relative;
	left: 100px;
}

.movie-title-info a.director
{
	position: relative;
	left: 77px;
}

.movie-title-info a.genre
{
	position: relative;
	left: 92px;
}

.movie-title-info a.actors
{
	position: relative;
	left: 59px;
}

/* For the "back to top" link */
#top-link 
{ 
    display:none; 
	position:fixed; 
	right:8px; 
	bottom:30px; 
	color:#960; 
	/*font-weight:bold;*/ 
	text-decoration:none; 
	border:1px solid #960; 
	background:#FFC; /* Lightgreen */
	padding:5px; /* 10px */
	
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	-moz-border-radius: 10px; /* For Mozilla/Safari */
	-webkit-border-radius: 10px; /* For everything else */
	border-radius: 10px; /* For Opera */
	
	z-index: 90;
}

#top-link a#top-link:hover
{
	color: #bce4b8;
	background: #254d22;
}

/* Social bookmarks positioning */
div.retweet-pos
{
	float: left; 
	margin-left: 15px; 
	height: 30px;
}
div.facebook-pos
{
	float: left; 
	margin-left: 15px; 
	height: 30px;
}

.addthis_toolbox.addthis_pill_combo{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 15px;
}

.addthis_toolbox addthis_default_style{
	margin-left: 15px;
}
    
.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter{
	left: -5px;
    /*margin-top: -2px;*/
}

.addthis_button_facebook_send
{
	margin-right: 25px;
}

.addthis_button_facebook_like
{
    /*margin-top: -2px;*/	
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}   

div.Disqus-section
{
	position: relative; 
	top: 15px; 
	width: 695px;
	margin-left: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto; /* This is for Chrome only */
	/*overflow-x: hidden;
	overflow-y: auto;*/
	float: none;
	clear: both;
	min-height: 600px;
	padding-right: 10px;
	margin-bottom: 25px; /* Gives a buffer between the reactions and bottom */
	color:#5e5e5f;
}

/* Overrides the Disqus h3 size. */
#dsq-content h3
{
	font-size: 14px;
}

div#disqus_thread
{
	overflow: hidden;	
}

div.comments-for-disqus
{
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-right: 15px;
}


/* For the Japanese music sections. */
.music-container .japanese{
   background: #180b0c;	
}


.music-container .japanese p{
	color: white;
}

.music-container .japanese #latest_work {
	float: left;
	width: 745px;
	margin-top: -8px;
}

.music-container .japanese #content {
	width: 745px;
	/*margin: auto;*/
	margin-top: -5px;
	overflow: hidden;
	/*border-bottom: 1px solid #575757;*/ /* For Chrome to show the border */
}

.music-container .japanese #latest_work_title {
	float: left;
	font-size: 18px;
}

.music-container .japanese #images {
	width: 735px;
	border: 1px solid #363636;
	float: left;
	background-image: url(/Music-Japanese-Pictures/Japanese-Music-Section-Slider-BG-taller.jpg);
	margin-top: 7px;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.music-container .japanese #images img
{
	border: 1px solid #575757;
	margin-left: 12px;
}

/* For the music sections */
.music-container .japanese #intro
{
	/*margin-top: -2px;*/
	background: #180b0c;
}


.music-container .japanese #influences
{
	/*margin-top: -2px;*/
	background: #180b0c;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: 400;
	overflow: hidden;
	
	/* This gives extra space between the edges*/
	/*padding: 10px;  
	padding-right: 5px;*/
	
}

.music-container .japanese #influences a
{
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #ff7700;
	font-size: 12px;
}

.music-container .japanese #favorites
{
	/*margin-top: -2px;*/
	background: #180b0c;
}

.music-container .japanese #favorites a
{
	/*margin-top: -2px;*/
	margin-left: 15px;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #e4d7a4;
}

.music-container .japanese #favorites a:visited
{
	color: #e4d7a4;
}

.music-container .japanese #articles
{
	background: #180b0c;
	z-index: 1;
}

.music-container .japanese #feedback
{
	background: #180b0c;
	z-index: 1;
}

.music-container .japanese #subcaption
{
	border-bottom: 1px solid #575757; /* For Firefox to show the border */
	/*z-index: 20;*/
}

/* Needed to override the table's font color (the date) to white */
.music-container .japanese #articles td, tr
{
	color: white;	
}

/* Overrides the table's font color (the text) */
.music-container .japanese .BgTable table a, table, table td, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}

/* The top titles */
.music-container .japanese .BgTable thead th {
	border-bottom: 1px #CCC solid;
	color: white;
	}

.music-container .japanese .BgTable tfoot th, .music-container .japanese .BgTable tfoot td {
	border-top: 1px #CCC solid;
	color: white;
	}


/* The Gallerific image slider that can be used anywhere*/
.green-gallerific
{
	background: #172913;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: 400;
	overflow: hidden;	
}


div.green-gallerific a
{
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #bbf87a;
	font-size: 12px;
}

div.gallerific-container 
{
	position:relative;
	z-index: 5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* color:#369; */
	
	overflow-x: hidden;
}

div.gallerific-container img
{
	border: none;
}

div.gallerific-container p
{
	color: #ecf1e7;
}

div.gallerific-container h3
{
	font-weight: bold;
	text-align: justify;
	color:#5e5e5f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 15px
}

div.gallerific-container img.image-indent
{
	margin-left: 10px;
}

div.gallerific-container img.image-indent-right
{
	margin-left: 40px;
}

div.gallerific-container a
{
    /* cursor: text; */
}



h3#bigger-header
{
	color: #069; 
	font-size: 16px;
}

hr#bigger-underline
{
	height: 3px;
	background-color: #069;
	margin-top: -10px;
}

h3.bigger-header
{
	color: #069; 
	font-size: 16px;
}

hr.bigger-underline
{
	height: 3px;
	background-color: #069;
	margin-top: -10px;
}

div.bigger-header h3
{
	color: #069; 
	font-size: 16px;
}

div.bigger-underline hr
{
	height: 3px;
	background-color: #069;
	margin-top: -10px;
}

.section hr#bigger-underline
{
	margin-top: 5px;
}

div.label-right-pos
{
	position: absolute;
	left: 200px;	
	
}


.vital-stats-block
{
	background-color: #efead8;
	/*border: 1px solid #785421;*/
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #360;
	
    -moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px;
}

div.fun-facts-block
{
	background-color: #efddd8;
	/*border: 1px solid #78212f;*/
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #360;
	
    -moz-border-radius: 20px; /* For Mozilla/Safari */
	-webkit-border-radius: 20px; /* For everything else */
	border-radius: 20px; /* For Opera */
}

div.fun-facts-block ul li
{
	text-align: left;
	margin-right: 5px;
}

div.fun-facts-block-left-border
{
	/*background-color: #efddd8;*/
	/*border-left: 1px solid #78212f;*/
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #360;
}

div.fun-facts-block-left-border ul li
{
	text-align: left;
	margin-right: 5px;
}


div.music-stats-block
{
	background-color: #333;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	/*padding-right: 20px;*/
	text-align: left;
	color: #FFF;
	
    -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

div.music-stats-block ul.text-style li
{
	margin-left: -30px; 
	font-size: 12px; 
	color: white; 
	text-align: left;
}

div.music-stats-block p.header
{
	font-size: 13px;
	color: #eec400;
}

div.music-stats-block-left
{
	background-color: #333;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	/*padding-right: 20px;*/
	text-align: left;
	color: #FFF;
	
    -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

div.music-stats-block-left a
{
	position: absolute;
	left: 160px;
}

div.music-stats-block-left ul.text-style li
{
	margin-left: -38px; 
	list-style-type: none;
	font-size: 12px; 
	color: white; 
	text-align: left;
}

div.music-stats-block-left p.header
{
	font-size: 13px;
	color: #eec400;
}

/* For regular, white text boxes */
div.regular-stats-block-left ul.text-style li
{
	list-style-type: none;
	margin-left: -30px; 
	font-size: 13px; 
	text-align: left;
}

div.regular-stats-block-left a
{
	position: absolute;
	left: 160px;
}

div.regular-stats-block-right ul.text-style li
{
	list-style-type: none;
	margin-left: -30px; 
	font-size: 13px; 
	text-align: left;
}

div.regular-stats-block-right a
{
	position: absolute;
	left: 530px;
}


div.GTG-Mixtape-stats-block
{
	background-color: #333;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	/*padding-right: 20px;*/
	text-align: left;
	color: #FFF;
	
    -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

div.GTG-Mixtape-stats-block a
{
    cursor: pointer; /* No URL link cursor */
}

div.GTG-Mixtape-stats-block li
{
	list-style-type:none; 
}

div.fun-facts-block p
{
    color: #360;
	color: white;
}

.fun-facts-block ul
{
    
}

.fun-facts-block ul li
{
    
}


blockquote {
	margin: 1em 0;
	padding: 0;
	position: relative;
	text-indent: 2em;
	background-color: #F0F1F6;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bqstart,
.bqend { font-size: 300%; }

/* apply IE specific rules first */
.bqstart {
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
	position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
}

blockquote > .bqstart {
	/* add extra non-ie rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;

}

.bqend {
	position: absolute;
	margin-top: -0.6em;
	right: 0;
	text-indent: 0;
}

blockquote > .bqend {
	margin-top: -0.2em;
}



/*
 *	extra huge quote mark example
 *****************************************************/
.hugeQuotes {
	margin: 2em 0;
	font-style: normal;
	padding: 0;
	position: relative;
	text-indent: 3em;
	background-color: transparent;
	margin-left: 15px; 
	margin-right: 15px;
	color: #960;
}

	.hugeQuotes big {
font-family: Georgia, serif;
font-size: 1.4em;
line-height: 1.4;
font-style: italic;
font-weight: 500;
color: #930; /*bisque4*/
}

.hugeQuotes .bqstart,
.hugeQuotes .bqend {
font-size: 700%;
font-family: Georgia, serif;
color: #930; /*bisque3*/
/*margin-left: 55px;*/
}

.hugeQuotes cite {
font-size: 1.1em; 	
color: #666; 
}

/* apply IE specific rules first */
.hugeQuotes .bqstart {
	text-indent: 0;
	margin: -2.4em 0 -5em 0;
	float: left;
	position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
}

.hugeQuotes  > .bqstart {
	/* add extra non-ie rules */
	position: absolute;
	top: -0.4em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;
}

.hugeQuotes .bqend {
	position: absolute;
	margin-top: -1.2em; /* notice this is 1/2 of the start quotation mark, there may be some exponential relationship there */
	right: 0;
	text-indent: 0;
}

.hugeQuotes  > .bqend {
	margin-top: -0.285em; /**** adjuster ****/
}

/*
 * extra huge quote mark example
 * with background colour, we have to account for the
 * size of the quotation marks
 *****************************************************/
.hugeQuotesTwo {
	margin: 2em 0;
	padding: 1em 0;
	position: relative;
	text-indent: 4em;
	background-color: #F0F1F6;
}

.hugeQuotesTwo .bqstart,
.hugeQuotesTwo .bqend {
	font-size: 700%;
}

/* apply IE specific rules first */
.hugeQuotesTwo .bqstart {
	text-indent: 0;
	margin: -2.4em 0 -5em 0;
	float: left;
	position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
}

.hugeQuotesTwo  > .bqstart {
	/* add extra non-ie rules */
	position: absolute;
	top: -0.2em;
	left: 0;
	/* remove IE specific rules */
	float: none;
	margin: 0;

}

.hugeQuotesTwo .bqend {
	position: absolute;
	margin-top: -1.4em;
	right: 0;
	text-indent: 0;
}

.hugeQuotesTwo  > .bqend {
	margin-top: -0.2em;
}

p.title-for-MVs
{
	font-size: 11px;
}

/* Used only for the R16 hip-hop article. */
div#R16-Categories
{
	border: 1px #C93 solid;
	background: #eff2ca;
	width: 710px;
	margin-left: 10px;
	padding-top: 15px;
	-moz-border-radius: 20px; /* For Mozilla/Safari */
	-webkit-border-radius: 20px; /* For everything else */
	border-radius: 20px; /* For Opera */
}

div#R16-Categories p
{
	color: #585c2d;
}

/* image thumb for Image Rotator .js*/
.main_image {
    width: 500px;
    height: 425px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	margin-left: 7px;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
	
	background: none;
}

.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(/Music-Japanese-Pictures/Japanese-Favorites-hide-show-button.jpg) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

/* Image thumb */
.image_thumb {
    float: left;
    width: 200px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 200px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
	
	background: none;
}

.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 200px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/* For any article's "to other recommended links" on the bottom of the page */
ul.recommended-links li
{
	margin-bottom: 15px; /* Gives a bit of a cushion between each list */
}



/* For any box with "did you know" */
div.section-did-you-know
{
	margin-left: -28px;
	text-align: left;
}

div.section-did-you-know ul
{
	margin-right: 15px;
}

div.section-did-you-know ul li
{
	font-family: tahoma;
	margin-bottom: 15px; /* Gives a bit of a cushion between each list */
	text-align: left;
	margin-right: 0;
	font-size: 13px; 
}



/* For the pic scroller box that is a darkish color*/
div.dark-box-with-white-font ul li
{
    background: none repeat scroll 0 0 #180B0C;
    color: white;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;	
}