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

Title : Akhlah Pages CSS
Author : Akhlah

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

/* ------------------------- CSS ------------------------- */

*{
}	
html{
}	
body{
color : #0080ff;
background-color : #fff;
font-family : Verdana, Sans-Serif;
font-size : 10pt;
font-weight : bold;
margin-top : 5px;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;

}



/* ------------------- BACKGROUND COLORS ------------------ */

.purple_bg {
    background-color : rgb(204, 204, 255);
}

.blue_bg { 
background-color: rgb(204, 255, 255);
}

.yellow_bg { 
background-color: rgb(255, 255, 204);
}


/* ------------------- HEADINGS ---------------------------- */

h1{
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 14pt;
   font-weight : bold;
}

h3.nomargin{
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 14pt;
   font-weight : bold;
   margin-bottom: -10px;
}


/* ------------------- PARAGRAPHS --------------------------- */

p{
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 10pt;
   font-weight : bold;
}
 


/* ---------------------- LISTS ------------------------------ */

ul#navlist {
   margin-left : 5px;
   padding-left : 5px;
   margin-top : 5px;
   white-space : nowrap;
}

#navlist li {
   display : inline;
   list-style-type : none;
}

#navlist a {
   padding : 3px 10px;
}

#navlist a:link, #navlist a:visited {
   color : #fff;
   background-color : #ee5c42;
   text-decoration : none;
}

#navlist a:hover {
   color : #fff;
   background-color : #369;
   text-decoration : none;
}

/* ----------------------- IMAGES ---------------------------- */

img{
   border-width : 0;
}


/* -------------------- HORIZONTAL RULES ---------------------- */

hr{
   border : 0 none;
   border-top : 2px solid #ff7300;
   border-bottom : 2px solid #ff7300;
   width : 100%;
   height : 2px;
   margin : 0 auto 0 0;
   text-align : left;
   background-color : transparent;
}

/* ----------------------- TEXT FORMATTING -------------------- */

.headline {
   color : #ff0000;
   font-family : Verdana, Sans-Serif;
   font-size : 10pt;
   background-color : transparent;
}

.vsm {
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 8pt;
   font-weight : lighter;
}

.vsm_black {
   color : #000;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 8pt;
   font-weight : lighter;
}

.vsm_red {
   color : #ff6347;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 8pt;
   font-weight : lighter;
}

/* ----------------------- LINKS ------------------------------- */

  /* -- REGULAR -- */
a.regular:link {
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-weight : bold;
   font-size : 10pt;
   text-decoration : none;
}

a.regular:visited {
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-weight : bold;
   font-size : 10pt;
   text-decoration : none;
}
a.regular:hover {
   color : #ff0000;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 10pt;
   text-decoration : none;
}

   /* -- UNDERLINE -- */
a.underline:link {
   color : #b23aee;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-weight : bold;
   font-size : 10pt;
   text-decoration : underline;
}

a.underline:visited {
   color : #b23aee;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-weight : bold;
   font-size : 10pt;
   text-decoration : underline;
}

a.underline:hover {
   color : #ff0000;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-size : 10pt;
   text-decoration : none;
}

   /* -- SMALL -- */

a.small:link {
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-weight : lighter;
   font-size : 8pt;
   text-decoration : none;
}

a.small:visited {
   color : #0080ff;
   background-color : transparent;
   font-family : Verdana, Sans-Serif;
   font-weight : lighter;
   font-size : 8pt;
   text-decoration : none;
}

a.small:hover {
   color : #ff0000;
   background-color : transparent;
   background : #ffff00;
   font-family : Verdana, Sans-Serif;
   font-weight : lighter;
   font-size : 8pt;
   text-decoration : none;
}


/* ------------------------- FORMS ------------------------- */

input.red {
   color : #fff;
   background-color : #ee5c42;
}

input.box {
   background-color : #faf0e6;
   border : 1px solid #ee5c42;
   padding-left : 3px;
   font-family : sans-serif;
   font-weight : bold;
   color : #ee5c42;
}

/* ----------------------- TABLES -------------------------- */

table.heroes {
border-width : 2px 2px 2px 2px;
border-spacing : 5px;
border-style : solid solid solid solid;
border-color : red red red red;
border-collapse : separate;
background-color : white;
padding : 5px 5px 5px 5px;
border-style : inset inset inset inset;
border-color : white white white white;
background-color : white;
}


span.header { font-size: 12px; color: #fff; font-Weight: bold; font-family: Verdana, sans-serif; }
span.dark { font-size: 12px; color: #000080; font-Weight: bold; font-family: Verdana, sans-serif; }
span.light { font-size: 12px; color: #0080ff; font-Weight: bold; font-family: Verdana, sans-serif; }
td.yellow {vertical-align: top; background-color: rgb(255, 255, 204); border-style: solid; height: 20px;}
td.blue {vertical-align: top; background-color: rgb(204, 255, 255); border-style: solid; height: 15px;}