/* 
Stylesheet arunak pages on pbase.com
copied from and modifed from another pbase user.
I will state it once I find the name.
  
*/ 

a,a:link,a:visited,a:active
{ 
color: #B8860B; 
text-decoration: underline;
font-weight: bold;
} 

a:hover
{
        color: #FFD700;
        text-decoration: underline;
}

a.thumbnail,a.thumbnail:link,a.thumbnail:visited,
a.thumbnail:active
{
        border: #585858 1px solid;
        margin-bottom: -35px;
        padding-top: 5px;
        width: 172px;
        display: block;
        background: RGB(0,0,0); 
        height: 200px;
}

a.thumbnail:hover
{
        border: #B8860B 1px solid;
        margin-bottom: -35px;
        padding-top: 5px;
        width: 172px;
        display: block;
        background: RGB(0,0,0); 
        height: 200px;
}

td.thumbnail 
{ 
background-color: black;
padding: 5px; 
vertical-align: top;
horizontal-align: middle;
height: 220px;
} 


body
{
        margin-bottom: 1em;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        background: RGB(32,32,32); 
}

div,th,tr,td,table,font,li,ul,form,
blockquote,p,b,i,h1,h2,h3,h4,h5
{
        border: 0px;
        margin-left: 20px;
        margin-right: 20px;
        color: rgb(210, 210, 210);
        font: 10pt Verdana, Tahoma, Helvetica, sans-serif;
}

div
{
   margin-left: 0;
   margin-right: 0;
}

table,th,tr,td
{
   margin-left: 0;
   margin-right: 0;
}

li { line-height: 1.2em }

br { line-height: 50% }

p { padding: 0; margin: 0 }

ul { padding: 0; margin: 0 0 0.5em }


/* we need to override the previous settings for individual image tables to ensure they are centered in 

non-IE browsers */
table.imagetable
{
   margin-left: auto;
   margin-right: auto;
}

b
{
        font-weight: bold;
        color: white;
        margin-left: 0;
        margin-right: 0;
}

font
{
        margin-left: 4px;
        margin-right: 4px;
        width: 160px;
        display: block;
        color: rgb(210, 210, 210);
        font: 10px Verdana, Tahoma, Helvetica, sans-serif;
        letter-spacing: 0px;
}

.red { color: red }
.boldred { color: red }
.orange { color: #FFA500 }
.boldorange { color: #FFA500 }
.yellow { color: yellow }
.boldyellow { color: yellow }
.green { color: green }
.boldgreen { color: green }
.lime { color: lime }
.boldlime { color: lime }
.blue { color: blue }
.boldblue { color: blue }
.midblue {color: rgb(0,100,255) }
.boldmidblue {color: rgb(0,100,255) }
.cyan { color: #00FFFF }
.boldcyan { color: #00FFFF }
.magenta { color: #FF00FF }
.boldmagenta { color: #FF00FF }
.ltpurple { color: rgb(150,75,255) }
.boldltpurple { color: rgb(150,75,255) }
.purple { color: purple }
.boldpurple { color: purple }
.indigo { color: #4B0082 }
.boldindigo { color: #4B0082 }
.violet { color: #EE82EE }
.boldviolet { color: #EE82EE }

.boldred,.boldorange,.boldyellow,.boldgreen,.boldlime,.boldblue,.boldmidblue,.boldcyan,.boldmagenta,.bold

ltpurple,.boldpurple,.boldindigo,.boldviolet
{
font-weight: bold;
}

h1, h2
{
        border:#DAA520 2px solid;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        margin-bottom: 1em;
        margin-left: 0px;
        margin-right: 0px;
        padding: 20px;
        width: 100%;
        display: block;
        background: rgb(0, 0, 0);
        color: #cccccc;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 4px;
        text-align: right;
        height: 21px;
        position: relative;
}

h2:first-letter
{
  color: #DAA520;
  font-weight: bold;
  font-size: 20pt;
}

h3
{
        border-bottom: rgb(0, 0, 0) 1px solid;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        padding: 2px;
        margin: 0 15% 0.5em;
        display: block;
        background: rgb(25, 25, 25);
        color: #CCCCCC;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0px;
        text-align: center;
}

h5
{
        padding-left: 2px;
        width: 400px;
        display: block;
        color: #CCCCCC;
        font-size: 12px;
        font-weight: bold;
}

img
{
        border: rgb(0, 0, 0) 1px none;
}

img.thumbnail
{
        border: rgb(0, 0, 0) 1px solid;
        margin: 0px;
        padding: 0px;
        background: rgb(30, 30, 30);
        vertical-align: middle;
}

input
{
        border: rgb(0, 0, 0) 1px solid;
}

table.thumbnail { width: 10% }

td
{
        border: 1px none;
        background: none;
        border-collapse: collapse;
        empty-cells: show;
}

td.message_body
{
        border-bottom: #DAA520 1px solid;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        display: block;
     
}

.caption
{
        color: rgb(216, 50, 50);
        font: 12pt sans-serif, Verdana, Tahoma, Helvetica;
        margin: 30px 0px 30px;;
}

.message_body
{
        margin: 5px 0px 10px;
        color: #994400;
        font: 8pt sans-serif, Verdana, Tahoma, Helvetica;
}

.lid
{
        background: rgb(40, 40, 40);
        border: rgb(100, 100, 100) 1px solid;
        color: rgb(200, 200, 200);
        font: 8px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }