/*
*   Cinema Shoppe website
*
*   Author:     Clinton De Young
*   Date:       April 18, 2006
*   Filename:   style.css
*
*/

body
{
    background-color: #2751A4;
    font-size: 10pt;
    font-family: Arial;
}

a
{
    color: blue;
}


h1
{
    font-size: 14pt;
}

.infoheader
{
    font-size: 12pt;
    font-weight: bold;
}

/* layers */
#top
{
    background: url(../images/logo.jpg) transparent no-repeat;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    min-width: 900px;
    color: black;
    padding: 0;
    text-align: left;
}

#logo
{
    margin: 0;
    padding: 0;
}

#first
{
    background-color: #ACACAC;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    min-width: 900px;
    color: black;
    text-align: left;
    padding: 20px 0;
}

#first-left
{
    float: left;
    width: 580px;
    padding: 0 10px;
    background-color: transparent;
}

#first-right
{
    float: right;
    width: 260px;
    padding: 0;
    background-color: transparent;
}

#middle
{
    background-color: #ACACAC;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: left;
    padding: 20px 0;
}

#middle-center
{
    padding: 0 20px;
}


/* Blue Cube Contents */
#blue-cube
{
    background: url(../images/blue-cube-bottom.jpg) #3C5ECC bottom left no-repeat;
}

#who
{
    padding: 10px;
    font-size: 12pt;
}

/* Gray Cube Contents */
.gray-cube
{
    background: url(../images/gray-cube-bottom.jpg) #4D4D4D bottom left no-repeat;
    text-align: left;
    width: 300px;
}

.inside-gray
{
    padding: 10px 20px;
}

.float-left
{
	float: left;
	margin: 0 20px 20px 0;
	border: 1px gray solid;
}

/* White Cube */
.white-cube
{
    background: url(../images/white-cube-bottom.jpg) #4D4D4D bottom left no-repeat;
    text-align: left;
    width: 510px;
}

.inside-white
{
    padding: 10px 20px;
}

/* Code Blocks */
.code-block
{
	background: url(../images/white-cube-bottom.jpg) #4D4D4D bottom left no-repeat;
	text-align: left;
	width: 510px;
}

.inside-code-block
{
	padding: 10px 20px;
}

/* Second Block */
#second
{
    background-color: #ACACAC;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    text-align: left;
}

#second-header
{
    float: left;
    padding: 10px;
    text-align: center;
    width: 880px;
}

#second-left
{
    float: left;
    width: 420px;
    padding: 10px;
}

#second-right
{
    float: right;
    width: 420px;
    padding: 10px;
}

#bottom
{
    background: url(../images/bottom.jpg) #2751A4 no-repeat;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: left;
    padding: 112px 0 0 0;
}

#copyright
{
    text-align: center;
    padding: 10px 0 0 0;
}

/* Image Settings */
img.corner
{
    border: none;
    display: block !important;
}

img.blue-border
{
    border: #617ACA solid 2px;
}

img.gray-border
{
    border: #7D7D7D solid 2px;
}

.grayleftimgcallout
{
    width: auto;
    border: #7D7D7D 2px solid;
    margin: 0 10px 0 0;
    float: left;
}

.grayrightimgcallout
{
    width: auto;
    border: #7D7D7D 2px solid;
    margin: 0 0 0 10px;
    float: right;
}

.colorlesscallout
{
    width: auto;
    float: left;
    margin: 0 10px 0 0
}


/* Fluctuating Greens */
.lighter-green
{
    background-color: #53724F;
    padding: 10px;
}

.darker-green
{
    background-color: #3F573C;
    padding: 10px;
}

/* Form Settings */
.labels
{
	background-color: #737373;
	color: white;
}

.form_headers
{
	background-color: #888888;
	color: white;
}

.fields
{
	background-color: #4D4D4D;
	color: white;
	border: 1px solid #737373;
	width: 99%;
}

.graybuttons
{
	background-color: #4D4D4D;
	color: white;
}


/* Cleaner */
.cleaner
{
	clear: both;
}