/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ~ CSS Document for coinstocash.com                     ~
   ~ © 2008 Ludwigwam for Jeff Garrett   	              ~
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   

/* Universal styling */

* { Padding: 0; Margin: 0; Border: 0; }

body { Width: 100%;
  Height: 100%;
  
  Color: #114466;
  Color: #aaddff; 
/*  Font-Family: Georgia, "Times New Roman", Times, serif; */
  Font-Family: Verdana, Arial, Helvetica, sans-serif;
  Font-Size: 14px; 
  Background: #000000 url(../images/bg/watertile.jpg) repeat; }

/*
body #browserWindow { Width: 100%; Height: 100%; 
  Top: 0; Left: 0; 
  }
*/

/* Basic page layout... yes it's a table.  It avoids ugly JavaScript re-positioning of elements on screen */

body #browserWindow { Width: 100%; Height: 620px;
  Background: none;
  Border: 0; }
body #browserWindow #topRow, body #browserWindow #botRow { Height: 20px; }
body #browserWindow .leftSide, body #browserWindow .rightSide { Width: auto; }
body #browserWindow #midRow { Height: 580px; }
body #browserWindow .mid { Width: 790px; }
body #browserWindow #topRow { Vertical-Align: bottom; }
body #browserWindow #botRow { Vertical-Align: top; }
body #browserWindow .leftSide { Text-Align: right; }
body #browserWindow .rightSide { Text-Align: left; }

body #browserWindow #midRow .mid { Background: #000000 url(../images/bg/voe3dx.jpg) no-repeat;
  Height: 580px !important;
  Width: 790px;
  Overflow: hidden; }
body #browserWindow #topRow .leftSide { Background: url(/images/overlay/2_lefttop.gif) no-repeat bottom right; }
body #browserWindow #topRow .mid { Background: url(/images/overlay/2_top.gif) no-repeat bottom; }
body #browserWindow #topRow .rightSide { Background: url(/images/overlay/2_righttop.gif) no-repeat bottom left; }

body #browserWindow #midRow .leftSide { Background: url(/images/overlay/2_left.gif) no-repeat right; }
body #browserWindow #midRow .rightSide { Background: url(/images/overlay/2_right.gif) no-repeat left; }

body #browserWindow #botRow .leftSide { Background: url(/images/overlay/2_leftbot.gif) no-repeat top right; }
body #browserWindow #botRow .mid { Background: url(/images/overlay/2_bottom.gif) no-repeat top; }
body #browserWindow #botRow .rightSide { Background: url(/images/overlay/2_rightbot.gif) no-repeat top left; }

a, a:link, a:visited { Text-Decoration: none; 
  Background: transparent;
  Color: #fff0bb;
/*  Color: #cc9966; */ }
a:hover { /* Background-Color: #cc9966; */
  Background-Color: #fff0bb;
  Color: #000000; }
a.noHighlight:hover { Background: transparent; }
a.homeLink:hover { Border: 0; Background: transparent; }

.floatLeft { float: Left; }
.floatRight { float: Right; }
.clearALL { clear: both; }
  
.makeBold { Font-Weight: bold !important; }
.italicize { Font-Style: italic !important; }

/* All page content */


#main {
	Width: 790px;
	Height: 580px !important; 
	Border: 0px solid #eed099;
/*	Position: fixed;
	Top: 0; */
	
/*	Z-Index: 999; */
	Overflow: hidden; 
	Z-Index: 10;
	Line-Height: 0 !important;
/*	Left: -1000px; */
/*	height: 1525px; */
}
  
#main img { Margin: 0px; Padding: 0px; Border: 0px; }

/*
#main .bordTop { Height: 5px; Top: 0; Position: absolute; }
#main .bordBot { Height: 5px; Bottom: 0; Position: absolute; }
#main .bordLeft { Width: 5px; Top: 5px; Left: 0; Position: absolute; }
#main .bordRight { Width: 5px; Top: 5px; Right: 0; Position: absolute; }
*/

#useableArea { Width: 790px; Height: 580px;
  Z-Index: 5;
  Position: absolute;
  Padding: 0px;
  Border: 0px;
  Background: transparent; 
/*  Background: url(/images/overlay/2_trans.jpg) repeat; */
  Overflow: hidden; }



/* #main #masthead { Background: #ffffff url(/coinsandcontent/images/banner/bg.jpg)) repeat-x; } */
/* The full mid-section of the page */

#page { Margin: 170px auto 0 auto; Width: 790px; Height: 360px; /* Z-Index: 999; */ }


/* The header */

#main #masthead { Width: 788px;
  Height: 160px;
  Border: 1px outset #eed099;

  Position: absolute;
  Top: 1px;
  Margin-Left: 1px;

  Color: #004400;
  Font-Style: italic;
  Font-Weight: bold;
  Font-Size: 160%; 
  Letter-Spacing: 0.24em;
  Line-Height: 1.4;
  Font-Family: Georgia, "Times New Roman", Times, serif; 
  Overflow: hidden; }

/*  
#alphaMast { Width: 780px;
  Height: 160px;
  Position: absolute;
  Z-Index: 7;
  Top: 0;
  Padding: 0px;
  Border: 0px;
  Background: url(/images/overlay/2_trans.jpg) repeat; 
  Overflow: hidden; }
  
*/
 
#main #masthead img { Position: absolute; Top: 0; Left: 0; Z-Index: 8; }
#main #masthead a:hover > img { Background-Color: transparent; }
/*
#main #masthead h1 { Position: absolute; Top: 60px; Left: 90px; Z-Index: 10; }
#main #masthead h2 { Font-Style: normal; Font-Size: 110%; Padding-Left: 3em; }
*/

/* Left sidebar */

#page #nav { /* Float: right; 
  Margin: 10px 10px 0 10px; */
  Background: url(/images/overlay/3_trans.jpg) repeat; 

  Position: absolute;
  Top: 190px;
  Margin-Left: 560px; 
  
  Z-Index: 1000;
  Width: 220px;
  Border-Color: #111111 #fff0bb #fff0bb #111111;
  Border-Style: solid;
  Border-Width: 1px;
  Color: #dddde5; 
  Overflow: hidden; }
#page #nav h2 { Font-Size: 100%;
  Font-Weight: bold;
  Line-Height: 1.5; 
  Padding: 0.25em 0 0.5em 5px; }
#page #nav ul { List-Style-Image: none; 
  Margin-Left: 0; 
  Padding-Bottom: 1em; }
#page #nav ul li { List-Style: none;
  Line-Height: 1.8; 
  Font-Size: 80%; }
#page #nav ul li p { Padding: 0 5px 0 10px;
  Margin: 0; }
#page #nav #affiliations a:hover > img { Background-Color: #101010; Padding: 1px; Border-Width: 2px; }
#page #nav #affiliations a:hover { Background-Color: #101010; Border: 0; }
#page #nav #affiliations p { Text-Align: center; Margin: 0 auto; }
#page #nav #affiliations img { Border: 1px solid #ffcc66; Padding: 2px; }
  

/* The bulk of the page's content */
  
#page #content { 
/*  Background: transparent; */
  Background: url(/images/overlay/2_trans.jpg) repeat; 
  Z-Index: 1000;

  Position: absolute;
  Top: 190px;
  Margin-Left: 10px;
    
  Width: 520px;
  Height: 340px;
  
  Padding: 5px 10px;

  Border: 1px solid #cc9966;
  Border-Style: solid;
  Border-Width: 0 0 1px 1px;
  Overflow: auto; 
  Line-Height: 1.5;
  Color: #ffffcc; 
  Font-Size: 90%; }

#page #content h1 { Font-Size: 125%;
  Padding: 0.75em 2px 0.25em 5px;
  Font-Variant: small-caps; }
#page #content #first { Padding-Top: 5px; }
#page #content h2 { Font-Size: 110%;
  Padding: 0.75em 12px 0.15em 15px; }
#page #content h3 { Font-Size: 100%;
  Padding: 0.75em 12px 0 20px; }
#page #content h4, #page #content p { Font-Size: 100%;
  Padding: 0.75em 20px 0.5em 28px;
  Color: #ffffff; 
  Line-Height: 1.75; }
#page #content h4 { Font-Weight: bold; }
#page #content a { Text-Decoration: underline; }
#page #content ul { Padding: 0.5em 20px 0.5em 36px;
  List-Style: none; }
#page #content ul li { Line-Height: 1.6;
  Padding-Bottom: 1em; 
  Font-Size: 88%; 
  Color: #ddffdd; 
  List-Style-Image: none; }
#page #content ul.news li { Padding-Bottom: 0.5em; }

#page #content hr { Width: 450px;
/*  Text-Align: center; */
  Margin: 0 auto;
  Height: 3px;
  Color: #cc9967; 
  Background-Color: #cc9966; }
  
#page #content .feature1, #page #content .feature2 { Width: 240px;
  Padding: 0;
  Margin: 10px 0 0 0; 
  Display: block;
  Float: left; }
#page #content img { Padding: 3px 6px; 
  Margin: 0.5em 6px;
  Border: 2px solid #000000; 
  Max-Width: 480px; } 
#page #content img.screen { Padding: 2px 4px; 
  Margin: 0.5em 4px;
  Border: 2px solid #000000; 
  Max-Width: 225px; } 
#page #content a:hover > img { Background-Color: #000000;
  Border-Color: #fff0bb; }
  
#page #content p.centerPic { Margin: 0; Padding: 0.5em 0; Text-Align: center; } 

#page #content .feature1 .feattext, #page #content .feature2 .feattext { Font-Size: 80%;
  Padding: 0 15px;
  Margin-Top: -2em; }
#page #content .feature1 .feattext { Background: #ffffff url(/images/border/feature1-bg.jpg) center repeat-y; }
#page #content .feature2 .feattext { Background: #ffffff url(/images/border/feature2-bg.jpg) center repeat-y; }
#page #content .feature1 .feattext p, #page #content .feature1 .feattext h3,
#page #content .feature2 .feattext p, #page #content .feature2 .feattext h3 { Padding: 0.5em 0 0 0; }

#page #content table { Font-Size: 80%; Margin: 1em auto; Text-Align: center; }
#page #content table tr, #page #content table tr td { Height: 1.75em; }
#page #content table tr td { Vertical-Align: middle; Text-Align: center; Padding: 0 3px; }
#page #content table tr td.coin { Text-Align: left; }
#page #content table tr td.cost { Text-Align: right; }

/* The bulk of the page's content */
  
/*
#page #content { Float: left; 
  Border: 2px solid #440000;
  Width: auto; 
  Margin-Top: -3em; 
  Color: #550000; 
  Line-Height: 1.5; 
  }
*/

/* Page footer */

#footer { /* Clear: right; */

  Position: absolute;
  Top: 550px;
  Z-Index: 1000;
  
  Background: url(/images/overlay/2_trans.jpg) repeat; 
  Width: 770px;
  Height: 40px;
  Color: #dddde8;
  Line-Height: 1.1;
  Font-Size: 80%; 
  Padding: 5px 10px; }

#main #page #footer p, #main #page #footer a { Opacity: 1.0; }

#main #page #footer p { Line-Height: 1.75; 
  Text-Align: center; 
  Letter-Spacing: 0.05em; }