html, #body {width: 100%; height: 100%;}

body#body {
  margin: 0;
  padding: 0;
  font-family: "Arial";
  font-size: 85%;
  /* background: url(../images/bg.jpg) center repeat-y; */
  background: #1E0000;
}

* {padding: 0;}

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

a img {
border:0;
}

/* CLEAR */

.clear {clear: both;}

/* FIN DE CLEAR */

/* INICIO TWITTER */
.twitter {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	list-style-type:none;
	margin-left:10px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
.twitter a {color:#CCCCCC; text-decoration: none}
.twitter a:hover {color:#CCCCCC; text-decoration: none}
/* FIN TWITTER */


/* TITULOS */

h1, h2, h3, h4, h5 {}

h1 {font-size: 150%;}

h2 {font-size: 140%;}

h3 {font-size: 130%;}

h3.darkbluetitle {
  width: 880px;
  height: 23px;
  color: #fff;
  font-size: 105%;
  margin: 10px auto 0 auto;
  padding: 7px 0 0 10px;
  background: url(../images/h3-blue.jpg) repeat-x;
}

h3.blacktitle {
  width: 880px;
  height: 23px;
  color: #fff;
  font-size: 105%;
  margin: 0;
  padding: 7px 0 0 10px;
  background: url(../images/h3-black.jpg) repeat-x;
}

h4 { font-size: 120%; }

h5 { font-size: 110%; }


/* FIN DE TITULOS */

/* LINKS */

/* li { list-style: none; } */

a, a:visited {}

a:hover {}

form a, form a:visited  {font-weight: bold; color: #666;}

form a:hover {text-decoration: none;}

/* FIN DE LINKS */

/* AVATAR */

body#body .avatar {width: 21px; height: 21px; border: solid 2px #ccc; position: relative; top: 5px;}

/* FIN DE AVATAR */

/* background - Se utiliza para el color de background general de la plantilla */

#background {width: 880px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px;/* Altura del footer */ background-color:#320000 }

/* FIN DE background */

.blogroll {  
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 20px;
}

.blogroll:a {color: #FFFFFF; text-decoration: none; font-weight: bold}
.blogroll:hover {color: #FFCC00; text-decoration: none; font-weight: bold}


/* center */
#center {
  width: 880px;
  min-height: 100%;
  height: auto;
  margin: 0 0;
}
/* FIN DE center */


/* BANNER */

#banner {height: 205px; display: block; background: url(../images/banner.jpg) no-repeat;}

/* FIN DE BANNER */

/* TTL */

#ttl {height: 30px; display: block; width: 860px; margin: 10px 10px;}

/* FIN DE TTL */


/* MENU */

#menu {height: 40px; background: url(../images/menu.gif) repeat-x;}

#menu ul {}

#menu li, #menu li a {float: left; list-style: none; display: block;}

#menu li a, #menu li a:visited {height: 23px; padding: 7px 43px 0 44px;
text-transform: uppercase; text-decoration: none; color: #fff;
font-weight: bold; border-left: solid 1px #FCEE21; border-right: solid 1px
#FCEE21;}

#menu li a:hover {background: url(../images/_menu.jpg) repeat-x;}

#menu li a#link_1 {border-left: none;}

#menu li a#link_7 {border-right: none; padding: 7px 44px 0 44px;}

#menu li a:hover, #menu li a.current {background: url(../images/_menu.jpg) repeat-x;}

/* FIN DE MENU */


/* SUBMENU */

#submenu {height: 30px; background: url(../images/submenu.jpg) repeat-x; font-size: 90%;}

#submenu ul {}

#submenu li, #submenu li a {float: left; list-style: none; display: block;}

#submenu li a, #submenu li a:visited {height: 23px; padding: 7px 30px 0 30px;
text-decoration: none; color: #F1F1F1;
font-weight: bold; border-left: solid 1px #333; border-right: solid 1px
#666;}

#submenu li a:hover {background: url(../images/_submenu.jpg) repeat-x;}

#submenu li a#link_1 {border-left: none;}

#submenu li a#link_6 {border-right: none;}

#submenu li a:hover, #submenu li a.current {background: url(../images/_submenu.jpg) repeat-x;}

/* FIN DE SUBMENU */


/* main */

#main {
  width: 445px;
  padding: 15px 0 0 0;
  padding-bottom: 0; /* 10px + altura del footer */
  margin-left: 30px;
  float: left;
}

/* FIN DE main */

.ad_audio {
	background: url(../images/ad_audio.jpg);
	height: 35px;
	padding-left: 110px;
	padding-top: 15px;
}

/* LISTAS */

#main ul {}

#main li {}

/* FIN DE LISTAS */

/* BLOG FEEDs */

h2.dark-blue {font-size: 105%;}

.dark-blue {color: #FDCB26; display: inline;}

.dark-blue a, dark-blue a:visited  {text-decoration: none; color: 7AA3D6;}

.dark-blue a:hover {text-decoration: underline;}

#blog-feeds {margin: 0 0 0 0;}

#blog-feeds h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background: url(../images/h3-red.jpg) repeat-x;}

#blog-feeds h5 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background: url(../images/h3-darkblue.jpg) repeat-x;}

#blog-feeds h3 a, #blog-feeds h3 a:visited {width: 15px; height: 15px; float: right; margin: -15px 12px 0 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#blog-feeds h3 a {margin: 0px 12px 0 0;}
}

/* BLOG FEED */

#blog-feeds .blog-feed {padding: 5px 5px 10px 5px; border-bottom: solid 1px #510B0B;}

#blog-feeds .blog-feed .written, #blog-feeds .blog-feed .written {font-size: 80%; color: #FDCB26;}

#blog-feeds .blog-feed .written a, #blog-feeds .blog-feed .written a, #blog-feeds .blog-feed .written a:visited, #blog-feeds .blog-feed .written a:visited {text-decoration: none; color: #EC2952; font-weight: bold;}

#blog-feeds .blog-feed .written a:hover, #blog-feeds .blog-feed .written a:hover {text-decoration: underline;}

#blog-feeds .blog-feed img {}

#blog-feeds .blog-feed .comments {font-weight: bold; color: #FB0102; padding: 0 0 0 24px; background: url(../images/comments.jpg) left no-repeat; font-size: 90%;}

#blog-feeds .blog-feed .date {font-weight: bold; color: #333; font-size: 90%;}

#blog-feeds .blog-feed .description {padding: 5px 0 5px 0; color: #fff; font-size: 85%;}

#blog-feeds .blog-feed .readmore, #blog-feeds .blog-feed .readmore, #blog-feeds .blog-feed .readmore:visited, #blog-feeds .blog-feed .readmore:visited {color: #FDCB26; font-weight: bold; font-size: 70%; float: right; text-decoration: none; padding: 0 15px 0 0;}

#blog-feeds .blog-feed .readmore:hover, #blog-feeds .blog-feed .readmore:hover {text-decoration: underline;}

/* FIN DE BLOG FEED */

/* FIN DE BLOG FEEDs */


/* GOOGLE ADS */

#googleads {padding: 10px 10px 30px 10px;}

/* FIN DE GOOGLE ADS */


/* SIDEBAR 1 */

#sidebar-1 {width: 360px; float: left; padding: 7px 0 0 8px; margin-left: 10px;}

#sidebar-1 img {margin-bottom: 10px;}

#sidebar-1 a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR 1 */


/* main bio */

#main-bio {
  width: 450px;
  padding: 0 0 30px 0;
  margin-left: 30px;
  float: left;
}

/* FIN DE main bio */


/* main gallery */

#main-gallery {
  width: 500px;
  padding: 5px 0 30px 0;
  margin-left: 70px;
  float: left;
}

/* FIN DE main gallery */

/* SIDEBAR GALLERY */

#sidebar-gallery {width: 200px; float: left; padding: 2px 0 0 0;; margin-left: 30px; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 0;}

#sidebar-gallery a, #sidebar_gallery a:visited {text-decoration: none;}

#sidebar-gallery a:hover {text-decoration: underline;}

#sidebar-gallery a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR GALLERY */


/* SIDEBAR BLOG */

#sidebar-blog {width: 320px; float: left; padding: 10px 0 0 0; margin-left: 70px; padding-bottom: 30px; /* 10px + altura del footer */ margin-top: 0; background-color:#180000; }

#sidebar-blog a {text-decoration: none;}

#sidebar-blog a:hover {text-decoration: underline;}

#sidebar-blog a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR BLOG */

/* main shop */

#main-shop {
  width: 860px;
  padding: 10px 0 30px 0;
  margin-left: 10px;
  float: left;
  color: #fff;
}

#main-shop a {text-decoration: none; color: #FFCC00;}

/* FIN DE main shop */




















/* SIDEBAR 2 */

#sidebar-2 {width: 250px; float: left; padding: 0 0 0 0; margin-left: 27px; margin-right: 0; padding-bottom: 30px; /* 10px + altura del footer */}

#sidebar-2 a, #sidebar-2 a:visited {text-decoration: none;}

#sidebar-2 a:hover {text-decoration: underline;}

#sidebar-2 a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR 2 */


/* SIDEBAR 3 */

#sidebar-3 {width: 680px; float: left; padding: 5px 0 0 0; padding-bottom: 0; /* 10px + altura del footer */ }

#sidebar-3 a, #sidebar-2 a:visited {text-decoration: none;}

#sidebar-3 a:hover {text-decoration: underline;}

#sidebar-3 a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR 3 */


/* SIDEBAR 4 */

#sidebar-4 {width: 660px; float: left; padding: 10px 0 0 0; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 0;}

#sidebar-4 a, #sidebar-2 a:visited {text-decoration: none;}

#sidebar-4 a:hover {text-decoration: underline;}

#sidebar-4 a img {border: none; text-decoration: none;}

/* FIN DE SIDEBAR 4 */




/* main askstephen */

#main-ask {
  width: 400px;
  padding: 10px 0 30px 0;
  margin-left: 30px;
  float: left;
  color: #fff;
}

/* FIN DE main askstephen */

/* SIDEBAR PHOTO */

#sidebar-photo {width: 300px; float: left; padding: 0; margin-left: 50px; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 0;}

#sidebar-photo a, #sidebar_gallery a:visited {text-decoration: none;}

#sidebar-photo a:hover {text-decoration: underline;}

#sidebar-photo img {border: solid 1px #fff; text-decoration: none;}

/* FIN DE SIDEBAR PHOTO */




/* SIDEBAR FANS 1 */

#sidebar_fans1 {width: 400px; float: left; padding: 0; margin-left: 30px; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 0;}

#sidebar_fans1_photo a, #sidebar_gallery a:visited {text-decoration: none;}

#sidebar_fans1_photo a:hover {text-decoration: underline;}

#sidebar_fans1_photo img {border: solid 1px #fff; text-decoration: none;}

/* FIN DE SIDEBAR FANS 1 */

/* SIDEBAR FANS 2 */

#sidebar_fans1 {width: 400px; float: left; padding: 0; margin-left: 30px; padding-bottom: 30px; /* 10px + altura del footer */ margin-right: 0;}

#sidebar_fans1_photo a, #sidebar_gallery a:visited {text-decoration: none;}

#sidebar_fans1_photo a:hover {text-decoration: underline;}

#sidebar_fans1_photo img {border: solid 1px #fff; text-decoration: none;}

/* FIN DE SIDEBAR FANS 2 */

/* main fans */

#main-fans {
  width: 400px;
  padding: 0 0 30px 0;
  margin-left: 20px;
  float: left;
  color: #fff;
}

/* FIN DE main fans */

#contenedor_fans {
background-image: url(../images/fans_bk.jpg);}

/* FANS FEEDs */

hjoin {font-size: 120%;}

#fan-feeds {margin: 0 0 0 0;}

#fan-feeds h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background: url(../images/h3-darkblue.jpg) repeat-x;}

#fan-feeds h3 a, #fan-feeds h3 a:visited {width: 15px; height: 15px; float: right; margin: -15px 12px 0 0;}

/* FIN DE FANS FEEDs */

/* FIN DE main fans */


/* FOOTER */

#footer {width: 880px; height: 30px; position: relative; margin: 0 auto;
background: url(../images/h3-red.jpg) repeat-x; color: #fff; font-size: 80%;
font-weight: bold; margin-top: 20px;}

#footer #copyright {width: 200px; float: left; display: block; padding: 10px
0 0 12px;}

#footer #footer-links {width: 450px; float: right; display: block; padding: 10px 0 0 0;}

#footer #footer-links a, #footer #footer-links a:visited {color: #fff;
padding-right: 10px; text-decoration: none;}

#footer #footer-links a:hover {color: #fff; padding-right: 10px; text-
decoration: underline;}

/* FIN DE FOOTER */