/*

hdp.css by Matt Fritz
April 30, 2011
Handles general styles for the Hawkster Damage Productions site

*/

/* Body background style */
body
{
     background-color:black;
     color:white;
     font-family:Verdana;
     font-size:10pt;
}

/* Link styles */
a
{
     color:yellow;
     font-family:Verdana;
     font-size:10pt;
     text-decoration:none;
}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;color:white;}
a:visited{text-decoration:none;}

/* Main top-level container element */
.top-level-container
{
     width:900px;
     margin-left:auto;
     margin-right:auto;
     background-image:url('../img/left_column_background.jpg');
     background-repeat:repeat-y;
     background-position:0px 0px;
}

/* Top HDP banner */
.top-banner
{
     width:900px;
     margin-left:auto;
     margin-right:auto;
     padding-bottom:0px;
     height:150px;
}

/* Metal strip between banner and content */
.metal-strip
{
     width:900px;
     height:32px;
     text-align:center;
     display:table-cell;
     vertical-align:middle;
     font-size:9pt;
     background-image:url('../img/metal_strip.jpg');
     background-repeat:repeat-x;
     margin-top:0px;
     margin-bottom:0px;
}

/* Account links in the top metal strip */
.account-links
{
     width:440px;
     float:left;
     text-align:right;
}

/* Search area in the top metal strip */
.search-area
{
     display:table-cell;
     width:440px;
     height:22px;
     padding-left:10px;
     float:left;
     text-align:left;
}

/* Product search label */
.search-label
{
     font-weight:bold;
     float:left;
     padding-top:3px;
}

/* Search content area (box and button) */
.search-content
{
     float:left;
     padding-left:5px;
}

/* Search input field */
.search-field
{
     width:200px;
     height:20px;
     background-color:#252525;
     color:white;
}

/* Search button */
.search-button
{
     height:20px;
     background-color:#252525;
     color:white;
}

/* Left column */
.column-left
{
     width:250px;
     float:left;
     text-align:center;
     padding-top:5px;
     min-height:900px;
     height:auto;
}

/* Container for inside content area */
.content-container
{
     width:650px;
     float:left;
     background-image:url('../img/content_background.jpg');
     background-repeat:repeat-y;
     padding-bottom:5px;
     min-height:900px;
     height:auto;
}

/* Inside content area */
.content-area
{
     width:645px;
     padding-left:5px;
     padding-top:5px;
     min-height:900px;
     height:auto;
}

/* Small product display on Products pages */
.product-small
{
     width:150px;
     padding-left:5px;
     padding-right:5px;
     padding-bottom:20px;
     float:left;
     text-align:center;
     font-size:8pt;
}

/* Links inside of the small product display */
.product-small a
{
     font-size:8pt;
}

/* Product thumbnail image */
.product-thumbnail
{
     border:solid 2px black;
}

/* Product full-size image on the product-specific page */
.product-image
{
     width:400px;
     margin-left:auto;
     margin-right:auto;
}

/* Product description area */
.product-description
{
     width:550px;
     margin-left:auto;
     margin-right:auto;
}

/* Table that holds the product info on the Product page */
.product-info-table
{
     width:400px;
     margin-left:auto;
     margin-right:auto;
}

/* Table header cell in the Product Information table */
.product-info-table th
{
     font-weight:bold;
     padding-bottom:20px;
}

/* Table cell on Product page that holds the name of a specific value */
.product-info-name
{
     vertical-align:top;
     font-weight:bold;
     font-size:9pt;
     padding:0px 10px 10px 10px;
}

/* Table cell on Product page that holds the value of an entry */
.product-info-value
{
     vertical-align:top;
     font-size:9pt;
     padding:0px 10px 10px 0px;
}

/* Definition section header */
.definition-header
{
     font-weight:bold;
     font-size:16pt;
}

/* Definition text */
.definition
{
     font-weight:bold;
     font-size:11pt;
     color:skyblue;
}

/* The login area with username/password input boxes */
.login-area
{
     width:300px;
     margin-left:auto;
     margin-right:auto;
}

/* Text next to a login area input field */
.login-prompt
{
     font-weight:bold;
}

/* The registration area with input boxes */
.register-area
{
     width:400px;
     margin-left:auto;
     margin-right:auto;
}

/* Text next to a registration area input field */
.register-prompt
{
     font-weight:bold;
}

/* Table in View Purchase History page */
.purchases-table
{
     width:550px;
     margin-left:auto;
     margin-right:auto;
}

/* ===================== */
/* UTILITY FUNCTIONS
/* ===================== */

/* Centered text */
.center-text
{
     text-align:center;
}