/* CSS Document */
/* Author Pierre Zevallos @ Zevallos.TV http://www.NetworkingFriends.com */
/* Khausak.com khausakmusic.com*/
/*khausak menu css rollover letters and images LANGUAGE OPTION SPANISH ENGLISH*/
/*Fifth E roll menu style SPANISH VERSION uses the same CSS code, it differs on the language use within the html*/
/*other color FONTS to consider dark olive 494d2c lgith olive b9b899 & b9b997 yellow d9b742 red a20615 red-bright 660033 baby-blue becdec fuscia 892048 mamey ea7220 red-wine 812608 light-blue 87a5e3 orangy ebce7f */
/*colors can be use in combination as long as the other elements allow readability such as putting a too bright or too dark background incontrast an opposite hue/tone/brightness of color*/
#language_es {
/*lower image bottom menu list li ul*/
/*background-image:url(../images_footer_802/menu_footer_802x33_g.gif);/*no transparent dark green color*/
/*background-image:url(../images_footer_802/menu_footer_802x33_t.gif);/*transparent*/
background-repeat:no-repeat;
position:absolute;
width:162px;
left:0px;/*24*/
/*top:910px;/*1129px, 1096px, 1082px, 1110px*/ /*specify the placement from the top base on the original div dimension*/
z-index:1; /*z-index: 1;*/
}
#language_es ul {
list-style-type:none;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Courier New";
/*other fonts Courier New, Courier, Arial Black, Arial, Arial Rounded MT Bold, Helvetica, sans-serif, MarkerFeltThin, */
}
#language_es a {
/*display:inline; /* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
/*direction:ltr; /*inherit ltr rtl*/
color:#494d2c; /*b9b899 #000066;*/
text-decoration:none;
font-weight:bold;
/*padding:5px 2px 5px 5px; /* 15px padding-bottom padding-left padding-right padding-top*/
/*border-bottom-color:#330099;*/
/*border-right-color:#6600cc;*/
/*border-left-color:#9999ff;*/
/*border-top-color:#ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker748f4a.gif); /*optional image*/
background-repeat:repeat; /*no-repeat*/
background-position:0% 50%;
height:1em;
}
#language_es a:hover, #language_es a:active {
color:#d9b742; /*light blue #ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker-894fbf.gif);/*optional image for background rollover*/
}
#currentlanguage_es a:link, #currentlanguage_es a:visited, #currentlanguage_es a:hover, #currentlanguage_es a:active {
/*background-image:url(../images_1_2_pixels/icon_checker-075981.gif);/*optional image for background rollover*/
color:#660033; /*use color name instead of code red web-safe*/
}
#language_en2 a:link, #language_en2 a:visited, #language_en2 a:hover, #language_en2 a:active {
/*background-image:url(../images_1_2_pixels/icon_checker-075981.gif);/*optional image for background rollover*/
color:#494d2c; /*use color name instead of code red web-safe*/
}
#language_es li {
display:inline;/* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
}
#language_en {
/*lower image bottom menu list li ul*/
/*background-image:url(../images_footer_802/menu_footer_802x33_g.gif);/*no transparent dark green color*/
/*background-image:url(../images_footer_802/menu_footer_802x33_t.gif);/*transparent*/
background-repeat:no-repeat;
position:inherit;
width:162px;
height:12px;
left:0px;/*24*/
/*top:910px;/*1129px, 1096px, 1082px, 1110px*/ /*specify the placement from the top base on the original div dimension*/
z-index:1; /*z-index: 1;*/
margin-left:auto;
margin-right:auto;
}
#language_en ul {
/*margin:0;*/
list-style-type:none;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Courier New";
/*other fonts Courier New, Courier, Arial Black, Arial, Arial Rounded MT Bold, Helvetica, sans-serif, MarkerFeltThin, */
}
#language_en a {
/*display:inline ; /* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
/*direction:ltr; /*inherit ltr rtl*/
color:#494d2c; /*b9b899 #000066;*/
text-decoration:none;
font-weight:bold;
/*padding:1px 2px 1px 2px; /* 15px padding-bottom padding-left padding-right padding-top*/
padding:0;
/*border-bottom-color:#330099;*/
/*border-right-color:#6600cc;*/
/*border-left-color:#9999ff;*/
/*border-top-color:#ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker748f4a.gif); /*optional image*/
background-repeat:repeat; /*no-repeat*/
background-position:0% 50%;
height:1em;
}
#language_en a:hover, #language_en a:active {
color:#a20615; /*light blue #ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker-894fbf.gif);/*optional image for background rollover*/
}
#currentlanguage_en a:link, #currentlanguage_en a:visited, #currentlanguage_en a:hover, #currentlanguage_en a:active {
/*background-image:url(../images_1_2_pixels/icon_checker-075981.gif);/*optional image for background rollover*/
color:#660033; /*use color name instead of code red web-safe*/
}
#language_en li {
display:block;/* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
}
#language_es2 {
/*lower image bottom menu list li ul*/
/*background-image:url(../images_footer_802/menu_footer_802x33_g.gif);/*no transparent dark green color*/
/*background-image:url(../images_footer_802/menu_footer_802x33_t.gif);/*transparent*/
background-repeat:no-repeat;
position:absolute;
width:802px;
bottom:0px;
left:0px;/*24*/
/*top:910px;/*1129px, 1096px, 1082px, 1110px*/ /*specify the placement from the top base on the original div dimension*/
z-index:1; /*z-index: 1;*/
/*padding:5px 2px 5px 5px; /* 15px padding-bottom padding-left padding-top padding-right*/
/*padding:25px 0px 5px 0px; /*TOP(push down) LEFT(push right) BOTTOM(push-up) RIGHT(push left)*/
}
#language_es2 ul {
list-style-type:none;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Courier New";
/*other fonts Courier New, Courier, Arial Black, Arial, Arial Rounded MT Bold, Helvetica, sans-serif, MarkerFeltThin, */
}
#language_es2 a {
/*display:inline; /* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
/*direction:ltr; /*inherit ltr rtl*/
color:#494d2c; /*b9b899 #000066;*/
text-decoration:none;
font-weight:bold;
/*padding:5px 2px 5px 5px; /* 15px padding-bottom padding-left padding-right padding-top*/
/*border-bottom-color:#330099;*/
/*border-right-color:#6600cc;*/
/*border-left-color:#9999ff;*/
/*border-top-color:#ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker748f4a.gif); /*optional image*/
background-repeat:repeat; /*no-repeat*/
background-position:0% 50%;
height:1em;
}
#language_es2 a:hover, #language_es2 a:active {
color:#a20615; /*light blue #ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker-894fbf.gif);/*optional image for background rollover*/
}
#currentlanguage_es2 a:link, #currentlanguage_es2 a:visited, #currentlanguage_es2 a:hover, #currentlanguage_es2 a:active {
/*background-image:url(../images_1_2_pixels/icon_checker-075981.gif);/*optional image for background rollover*/
color:#660033; /*use color name instead of code red web-safe*/
}
#language_es2 li {
display:inline;/* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
}
/* LANGUAGE SELECTION OPTION needed for correct POSITIONING with in the wrapper and body of webpage*/
/*other color FONTS to consider dark olive 494d2c lgith olive b9b899 & b9b997 yellow d9b742 red a20615 red-bright 660033 baby-blue becdec fuscia 892048 mamey ea7220 red-wine 812608 light-blue 87a5e3 orangy ebce7f */
/*colors can be use in combination as long as the other elements allow readability such as putting a too bright or too dark background incontrast an opposite hue/tone/brightness of color*/
#language_es_xy {
/*lower image bottom menu list li ul*/
/*background-image:url(../images_footer_802/menu_footer_802x33_g.gif);/*no transparent dark green color*/
/*background-image:url(../images_footer_802/menu_footer_802x33_t.gif);/*transparent*/
background-repeat:no-repeat;
position:relative;
width:200px;/*24*/
/*top:910px;/*1129px, 1096px, 1082px, 1110px*/ /*specify the placement from the top base on the original div dimension*/
z-index:1;
padding:5px 0px 5px 0px; /*TOP(push down) LEFT(push right) BOTTOM(push-up) RIGHT(push left)*/
margin-right: auto;
margin-left: auto;
font-size:10px;
font-family: Helvetica, sans-serif;
}
#language_es_xy ul {
list-style-type:none;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Courier New";
/*other fonts Courier New, Courier, Arial Black, Arial, Arial Rounded MT Bold, Helvetica, sans-serif, MarkerFeltThin, */
}
#language_es_xy a {
/*display:inline; /* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
/*direction:ltr; /*inherit ltr rtl*/
color:#494d2c; /*b9b899 #000066;*/
text-decoration:none;
font-weight:bold;
/*padding:5px 2px 5px 5px; /* 15px padding-bottom padding-left padding-right padding-top*/
/*border-bottom-color:#330099;*/
/*border-right-color:#6600cc;*/
/*border-left-color:#9999ff;*/
/*border-top-color:#ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker748f4a.gif); /*optional image*/
background-repeat:repeat; /*no-repeat*/
background-position:0% 50%;
height:1.0em;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif, "Courier New";
}
#language_es_xy a:hover, #language_es_xy a:active {
color:#d9b742; /*light blue #ccccff;*/
/*background-image:url(../images_1_2_pixels/icon_checker-894fbf.gif);/*optional image for background rollover*/
}
#currentlanguage_es_xy a:link, #currentlanguage_es_xy a:visited, #currentlanguage_es_xy a:hover, #currentlanguage_es_xy a:active {
/*background-image:url(../images_1_2_pixels/icon_checker-075981.gif);/*optional image for background rollover*/
color:#660033; /*use color name instead of code red web-safe*/
}
#language_en2_xy a:link, #language_en2_xy a:visited, #language_en2_xy a:hover, #language_en2_xy a:active {
/*background-image:url(../images_1_2_pixels/icon_checker-075981.gif);/*optional image for background rollover*/
color:#494d2c; /*use color name instead of code red web-safe*/
}
#language_es_xy li {
display:inline;/* block compact inherit inline inline-table list-item marker none run-in table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group */
}
/*some default settings for layout style
* {margin:0;padding:0}
ul{margin-left:16px;}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:.5em}
a img,img{border:none;display:block;} */
/* some default fonts and size
.textsize {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #000000;
background-color: #FFFFFF;
}*/
/* * html body{
font-size:small;/* for ie5.+*/
/* f\ont-size:medium;/* for ie6*/
/*}*/
/*
The star selector hack (* html) is used to pass the styles to IE6 and under only and then ie5.+ is filtered out of the equation using the backslash hack. Other browsers do not read this style block at all.
*/
/* difference on FONT SIZE AND its
body {
font-size: xx-small;
}
.emsize {
font-size:2em;
color: #0000FF;
}
This is the default size
This text is specified as 2 em
This text is specified as 150%
*/