/* css for randyemberlin.com */

body {
    font-family: arial, helvetica, sans-serif;
    font-size : 10pt;
    font-weight: bold;
    background-color: #262630;
    background-image: url(bluebk.jpg);  
    text-align: center;   /* needed for ie5/win bug fix */
    color: #ffffff;
}

a {
    font-family : arial,helvetica, sans-serif;
    font-style: normal;    
    font-size : 11pt;
    font-weight : bold;
}

a:link {        
    color: #a0a0ff;
    text-decoration: underline;
}

a:visited {
    color: #6AaF90;
    text-decoration: underline;
}

a:hover {
    color: #ffc0c0;
    text-decoration: none;
}

h1  {
    font-family:Verdana,Sans-Serif;
    font-size : 12pt;      
    font-style: italic;    
    font-weight:bold;
    color:#ff8030;
    letter-spacing:+1px;
    clear: both;
}

h2  {
    color:#b05010;  
    font-size : 16pt;      
    font-weight:bold;
    font-style: italic;    
    font-family:Verdana,Sans-Serif;
    letter-spacing:-1px;
    clear: both;
}

h3  {            
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size : 14pt;      
    margin:10px 0px 0px 0px;
    color:#ff00ff;
    clear: both;
}

h4  {            
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size : 11pt;      
    margin:10px 0px 0px 0px;
    color:#999999;
    clear: both;
}

/* h5 = hack, same as h2 but w/o clear */
h5  {
    color:#b05010;  
    font-size : 16pt;      
    font-weight:bold;
    font-style: italic;    
    font-family:Verdana,Sans-Serif;
    letter-spacing:-1px;
}

p { 
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-weight: normal;
    text-align: justify;
    color: #c0ffff;
}

div.nojust { 
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-weight: normal;
    text-align: left;
    color: #c0ffff;
}

p.cboth {
    clear: both;
}
    
p.hd1 { 
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-style: italic;    
    font-weight: normal;
    text-align: left;
    color: #ffc0ff;
}    

li, td, legend, span.liststyle {
    font-family: arial, helvetica, sans-serif;
    font-size : 10pt;
    font-weight: bold;
    color: #80e0ff;
}          

img {
    border:0;
}

img.bord {
    clear: both;
    border: 1px solid;
    border-color: #80e0ff;
    margin-left: 2px;
}

img.simplespace {
    vertical-align: middle ;
    margin: 2px 10px 2px 10px;
}

img.fright {
    float: right;
    clear: both;
    border: 1px solid;
    border-color: #80e0ff;
    margin: 15px 20px 15px 20px;
}

/* hack: float right for the bio image (avoids conflict with the h2) */
img.frightbio {
    float: right;
    clear: both;
    border: 1px solid;
    border-color: #80e0ff;
    margin: -20px 20px 15px 20px;
}

img.fleft {   
    float: left;
    clear: both;
    border: 1px solid;
    border-color: #80e0ff;
    margin:15px 20px 15px 20px;
}

hr.sidebar {
    width: 20%;  
    color: #505050;
    background-color: #303030;
}

hr.main30 {
    width: 30%;
    text-align: center;
    color: #505050;
    background-color: #303030;
}


/* font for status (red) */
span.status {
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-weight: bold;
    color: #ff4040;
}        

/* basic span, same as p, except no justify */ 
span.reg { 
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-weight: normal;
    color: #c0ffff;
}

span.strik { 
    text-decoration: line-through; 
}

div.gr2 {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size : 10pt;
    font-weight: normal;
    color: #999999;
}   

div.center400 {
    margin-left: auto;      
    margin-right: auto;      
    width: 400px;
    text-align: center;
}

#entirebody {
    width: 756px;
    margin: 0 auto;
    color: #ffffff;
    text-align: left;    /* needed for ie5/win bug fix */
}

.floatleft {
    float: left;
}

.floatclearleft {
    float: left;
    clear: both;
}

.floatright {
    float: right;
}

#topheader {
    width: 756px;
    height: 40px;
    margin: 0px;
    clear: both;
}    

#mainheader {
    width: 756px;
    height: 127px;
    margin: 0px;
    clear: both;
}    

#bottomheader {
    width: 756px;
    height: 43px;
    margin: 0px;
    clear: both;
}

#maincontent {
    width: 584px;
    margin: 0px;      
    background-image: url(images/mcbg.gif); 
    float: left;
}
 
#mainpicture {
    width: 322px;
    height: 500px;
    margin-left: auto;      
    margin-right: auto;      
}

#maincontentinner_index {
    margin-left: auto;      
    margin-right: auto;      
    width: 450px;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-weight: normal;
    color: #c0ffff;
}

#maincontentinner {
    margin-left: auto;      
    margin-right: auto;      
    width: 527px;
    text-align: left;
}

#button198 {
    vertical-align: top ;
}


#leftsidebar {
    background-image: url(images/bgleftnav.gif);
    width: 172px;
    margin: 0px;      
    clear: both;
    float: left;
}
 

#leftsidebarinner {
    margin-left: auto;      
    margin-right: auto;      
    width: 146px;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size : 11pt;
    font-weight: normal;
    color: #c0ffff;
}


/* Trifecta NAVIGATION */
.cssnav {
   position:relative;
   background-color: #363636;
   background-image:  url(images/nav2.gif);
   background-repeat: no-repeat;
   white-space: nowrap;
   display: block;
   width: 172px;
   height: 19px;
   margin: 0; 
   padding: 0; 
}

.cssnav a {
   display: block;
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   color: #5A9F00;
   width: 172px;
   height: 19px;
   display: block;
   float: left;
   text-decoration: none;
}

.cssnav img {width: 172px; height: 19px; border: 0; }
.cssnav a:visited {color: #5A9F80; text-decoration: none;}
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden;}
.cssnav a:hover {color: #ffff00;}

.cssnav span {
   position: absolute;
   left: 32px;
   top: 2px;
   margin: 0px;
   padding: 0px;
   cursor: pointer;
   width: 120px;
   height: 14px;
   /*    text-align: center; */
}

.cssnav span.here {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
   color: #aaaaaa;
}

/* END OF NAVIGATION */
       
  
img#imgcoverart1 {
    margin: 10px 20px 6px 0px;
    border: 1px solid #80e0ff;
}

div#divcoverart1 {
    width: 165px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size : 8pt;
    font-weight: normal;
    color: #cccccc;
    margin: 0px 0px 15px 0px;
}  

        
#tgallery {
    width: 100%;
    border: 1px outset;
    border-collapse: separate;
    border-spacing: 10px;
    border-color: #808080;
} 

#tgallery td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    border: 1px inset;
    border-color: #808080;
} 

#tgallery img {
    border: 1px solid;
    border-color: #a0a0ff;
}

img.contactimg {
    border: 3px outset;
    border-color: #808080;
}

#contactform {
    border: 1px outset;
    border-color: #808080;
    padding: 10px 10px 10px 10px;
}