/* Estilos Generales */
body					{ background-color: #fff; color: #444; line-height: 15px; margin: 0; letter-spacing: -1px; }

h1						{ color: #6cf; font-size: 16px; font-family: Century Gothic, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; margin: 2px 0 0 30px; }
h1 a					{ color: #ccc; text-decoration: none;  }
h1 a:hover				{ color: #ccc; text-decoration: underline;  }
#topup h1	a		{ position: relative; float: left; margin: 0 0 0 320px; padding: 0; }
#topup h1 a:hover		{ filter: alpha(opacity=80); opacity: .8; }
h2						{ color: #eee; font-size: 15px; font-family: Century Gothic, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; margin: 5px 0 10px 10px; }
h3						{ color: #6cf; font-size: 15px; font-family: Century Gothic, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: left; font-weight: normal; margin: 5px 0 10px 10px; padding-bottom: 4px; border-bottom: 1px solid #eee;}
h4						{ color: #888; font-size: 13px; font-family: Century Gothic, Lucida Sans Unicode, Microsoft Sans Serif, Trebuchet MS, Sans Serif, Arial; text-align: right; font-weight: normal; font-style: italic; margin: 0px 10px 14px 10px; }

a						{ color: #77f; text-decoration: none; }
a:hover					{ text-decoration: underline; }

p						{ margin: 5px 10px 5px 10px; }

hr						{ height: 1px; background-color: #999; border-top: 1px solid #999; border-bottom: none; border-left: none; border-right: none; }
/*//////////////////////*/

/* Estilo de los textos */
.texto					{ color: #666; font-size: 14px; font-family: Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial;  text-align: justify; }
.textotop				{ color: #666; font-size: 10px; font-family: Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial;  text-align: right; }
.textomenu				{ color: #666; font-size: 14px; font-family: Century Gothic, Microsoft Sans Serif, Sans Serif, Arial; text-align: center; } 
.textoend				{ color: #666; font-size: 10px; font-family: Verdana, Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial; text-align: center; }
.textorightcol			{ color: #666; font-size: 12px; font-family: Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial;  text-align: left;  }
.textoprofile			{ color: #666; font-size: 14px; font-family: Microsoft Sans Serif, Sans Serif, Trebuchet MS, Arial;  text-align: left;  }

.warning				{ position: relative; float: left; width: 100%; text-align: center;  color: red; }
.success				{ position: relative; float: left; width: 100%; text-align: center;  color: green; }
/*//////////////////////*/

/* Estilo del formulario del login */
#formlogin				{ position: relative; float: left; left: 10px; }
.formloginbox			{ position: relative; float: left;  }
.submit 				{ position: relative; float: left; top: 5px;}
/*//////////////////////*/

/* Estilo del formulario de registro */
#formregbox			{ position: relative; float: left; overflow: hidden; left: 270px; width: 360px; margin-right: 10px; }
.formreg			{ position: relative; float: left; left: 10px; border: 1px solid #ddd; background-color: #eee; padding: 10px; text-align: right;}
.formbot			{  margin-top: 13px;  }
/*//////////////////////*/

/* Objetos Generales */
#gen					{ position: relative; width: 1000px; height: 95%; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }
#topup					{ position: relative; float: left; width: 1000px; height: 80px; background-color: #f1f1f1; text-align: center; }
#topdown				{ position: relative; float: left; width: 1000px; height: 60px; background-image: url(images/topdown.jpg); }
#menu					{ position: relative; float: left; width: 500px; height: 60px; background-image: url(images/menutop.jpg); left: 250px; } 
#menu a					{ position: relative; float: left; width: 82px; height: 60px; margin: 0 12px 0 0; }
#menu a:hover			{ filter: alpha(opacity=0); opacity: .0; }
#menu a:focus			{ filter: alpha(opacity=2); opacity: .2; }
#end					{ position: relative; width: 1000px; height: 5%; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; }
/*//////////////////////*/

/* Columnas */
#index_left				{ position: relative; float: left; width: 80%; margin: 20px 10px 20px 0px;  padding: 0;}
#index_right			{ position: relative; float: right; width: 18%; margin: 20px 10px 20px 0px;  padding:0; }

/* Elementos de la columna derecha */
#login					{ position: relative; float: right; width: 100%; margin: 0 0 15px 0; padding: 0;}
#stats					{ position: relative; float: right; width: 90%; height: 260px; overflow: auto; margin: 0 0 15px 0; padding: 0; }

/* index.php */
#news_nologin			{ position: relative; float: left; width: 100%; margin: 0 0 15px 0; padding: 0;}
#searchbox				{ position: relative; float: left; width: 90%; height:400px; margin-left: 4%; overflow: auto;  }
#searchbox img			{ }
#searchbox a			{ }
#searchboxhover			{ position: relative; float: left; width: 90%; padding: 5px 0 5px 2%; } 
#searchbox div:hover 	{ background-color: #eee; }


/* wiicode.php */
#namebox				{ position: relative; float: left; width: 100%; margin: 0 0 15px 0; padding: 0; }
#profilebox				{ position: relative; float: left; width: 45%; margin: 0 0 15px 0; padding: 0; }
#profilebox img			{ position: relative; float: left; margin-right: 10px; border: 1px solid #ccc; }
#friendsbox				{ position: relative; float: left; width: 52%; padding: 1%; margin: 0 0 15px 0; padding: 0; }
#messagebox				{ position: relative; float: left; width: 52%; padding: 1%; margin: 0 0 15px 0; padding: 0; }
#messages				{ position: relative; float: left; width: 98%; left: 10px; padding: 1%; border: 1px solid #ddd; background-color: #eee; margin: 0 0 15px 0; padding: 0; }
.formmessages			{ position: relative; float: left; left: 10px;  }

/* addgame.php */
#gamecovers				{ position: relative; float: left; width: 100%; margin: 0 0 15px 0; padding: 0; }
#gamecovers p			{ position: relative; float: left; margin: 0 0 5px 0; }
#gamecovers a			{ position: relative; float: left; margin: 10px; width: 98px; height: 164px; overflow: hidden; }
#gamecovers a img		{ border: 1px solid #ddd; width: 88px; height: 124px; filter: alpha(opacity=90); opacity: .9; }
#gamecovers a:hover		{ filter: alpha(opacity=90); opacity: .9; }
.gamecoverstext	a		{ color: #666; font-size: 11px; letter-spacing: -1px; font-family: Verdana, Sans Serif, Trebuchet MS, Arial;  text-align: left;  }

/*//////////////////////*/



/* ///////// Copyright Wii Discover.com ///////// */