FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
INPUT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TEXTAREA	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
FORM 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
A:link          {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited       {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.storytitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg_l	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.box		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; border: 1px solid #000000; background-color: #FFFFFF}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 100px;
}
#container {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;

}
#center {
margin-left: 210px;
}

#center-top-right {
position: relative;
width: 200px;
margin-left: 5px;
float: right;
text-align: center;
}

.product-text {
font-size: .60em;
}

.product-date {
font-size: .60em;
}

#center-top-left {
width: 325px;
background-color: white;
margin-right: 5px;
float: left;
}

#center-middle {
position: relative;
margin-top: 5px;
}
#left-nav {
position: absolute;
left:0;
width: 210px;
}
#footer {
height: 30px;
background-color: #6495ED;
color: white;
font-weight: bolder;
text-decoration: italic;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
background-color: #FFFAF0;
}
.menugauche li {
margin-bottom: 5px;
border-left: blue solid 1px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}

.menugauche a:hover {
text-decoration: none;
font-weight: bold;
font-size: bigger;
}
p {margin: 0 0 10px 0;}


h4 { background-color: #FFFAF0; color: #6495ED; font-family: Verdana, Arial, Helvetica, sans-serif;} 

.article-date {
    color: #FFFAF0;
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
	}
	
 .bluebackground {
 background-color: #6495ED;


 }
 .birthday {
 font-size: .60em;
 }
.today {
 font-size: .60em;
 font-color: #6495ED;
 }
 .news-content  {
 margin:5px 0 20px 0;
 font-size: .60em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 } 
 .edition { 
 background-color: #FFFAF0;
 font-size: big;
 font-weight: bold;
 text-align: left; }
 
 .faded {
 color: #C0C0C0;
 font-size: .60em;
 font-weight: bold;
 }
 
 .blueline {
 color: #6495ED;
 }
 
 #banneradcenter {
 float: right;
 margin: 0 0 5px 4px;
 }
 #groupimage {
  float: right;
  margin: 0 0 20px 40px;
}


#ddblueblockmenu{
border: 0px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
margin-bottom: 5px;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #6495ED;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.sectiontitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


body {
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 950px;
  background-color:  #FFFFFF;
  font: small Arial, Helvetica, Verdana, sans-serif;
}
#wrapper {
  text-align: left;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  /* background-color: #fdf8f2; */
  background-color: #C7B299;
  color: #01407a;
  padding: 10px;
}



#tagline {
  font-weight: bold;
  color: #050845;
  font-style: italic;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 20px;
}


#content {
  width: 90%;
  background-color: white;
  border: 1px solid #f0f0f0;
  padding: 0;
  display: inline-block;
}
#content .inner {
  margin: 30px;
}
#topidol {
  float: right;
  margin: 0 0 20px 40px;
}
#content h1 {
  font-size: 120%;
  color: #01407a;
  padding: 1em 0 1em 60px;
  background-image: url(/idol/images/it-mini.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-top: 1px solid #c5d6e2;
  border-bottom: 1px solid #c5d6e2;
}
#content h2 {
  font-size: 260%;
  font-weight: normal;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #032469;
  border-bottom: 1px solid #c5d6e2;
  margin: 1em 0 0 0;
}
#content p {
  line-height: 1.6em;
}
#dateline {
  font-size: 160%;
  font-weight: normal;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #032469;
  margin: 0.3em 0 0 0;
}
.intro {
  font-weight: bold;
}

table.ranking {
clear: right;
width: 500px;
line-height: 1.4em;
border-collapse: collapse;
border: 4px solid #adbbca;
color: #4f6480;
background:#f0f0f0;
}

table.ranking caption {
margin: 0;
padding: 0;
color: #032469;
line-height: 2em;
text-align: left;
font-weight: bold;
}


table.ranking thead tr {
color: white;
background: #5e7796;
}

table.ranking thead tr th {
padding: 0.4em 0.6em 0.4em 0.6em;
border: 4px solid #adbbca;
}

table.ranking tbody tr {
border: 4px solid #adbbca;
}

table.ranking tbody th {
padding: 0.8em;
border: 4px solid #adbbca;
}
table.ranking tbody td {
background: #e9ecee;
padding-left: 0.6em;
border-bottom: 4px solid #ccc;
}

table.ranking tbody tr.odd {
background: #c4cfdb;
}

table.ranking tbody tr.odd td {
background-color: #f0f0f0;
color: #4f6480;
}


#navlist
{
border: 3px solid #222;
padding: 0 0 0 20px;
margin: 0;
background-color: #00AEEF;
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}

#navlist li
{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

#navlist #active
{
float: right;
margin-right: 10px;
}

#navlist li a
{
text-decoration: none;
border: 3px solid #000;
padding: 0 8px 1px 8px;
margin: 0 2px;
background-color: #FFF;
color: #000;
}

* html #navlist li a { padding: 0 8px; }

#navlist li a:hover
{
background-color: #F7941D;
color: #FFF;
}


#idolmenulist
{
border: 3px solid #222;
padding: 0 0 0 20px;
margin: 0;
background-color: #00AEEF;
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}

#idolmenulist li
{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

#idolmenulist #active
{
float: right;
margin-right: 10px;
}

#idolmenulist li a
{
text-decoration: none;
border: 3px solid #000;
padding: 0 8px 1px 8px;
margin: 0 2px;
background-color: #FFF;
color: #000;
}

* html #idolmenulist li a { padding: 0 8px; }

#idolmenulist li a:hover
{
background-color: #F7941D;
color: #FFF;
}

.btn {
border: 2px solid #000000;
background-color: #45bac0;
color: black;
font-weight: bolder;
font-size: 110%;
}


#middle-page-container {
position: relative;
border: 1px solid black;
width:98%;
}

#middle-right-side {
position: relative;
float:right;
border: 1px solid green;
background: white;
width: 48%;
}


#middle-left-side {
position: relative;
float:left;
border: 1px solid blue;
background: white;
width: 48%;
}
.idolbio {
border: 1px solid #6495ED;
padding-bottom: 3px;
}

div.idolbio {
position: relative;
}

div.idolstats {
float:left;
 width:500px;
}
div.idolimage {
float:left;
 width:200px;
}

h2.idolname {
color: #6495ED;
font-size: 125%;
font-weight: bold;
}

h5.biofact {
color: #6495ED;
font-size: 80%;
font-weight: bold;
}

div.clear {
 clear:both;
}