/* $Id: main.css 20581 2011-11-21 17:04:05Z mwall $ */

/*
 * main.css
 *
 * Styles the affect the entire site
 */

@import url(/styles/main.css);

body {
    background-color: #ffffff;
}

#menu_container {
    height: 32px;
}

#background {
    position: absolute;
    top: 120px;
    background-color: #ffffff;
    background-image: none;
}

#main_container{
    background-image: none;
}

#content_container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #bdbdbd; /* border_color */
    position: relative;
    background-color: #E5ECEF; /* sidebar_background_color */
}

#content_container a {   
    text-decoration: none;
    color: #3f6678; /* link_color */
}
 
#content_container a:hover {
    text-decoration: underline;
    color: #12558c; 
}

#content {
    color: #000000;
}

#theme-description {
    color: #000000;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
    width: 260px;
    float: left;
    margin-top: 25px;
}

#image_menu {   
    background-position: top left;
    background-repeat: no-repeat;
    width: 640px;
    height: 420px;
    border-right: 1px solid #bdbdbd; /* border_color */
}

#image_triad div {
    float: left;
}

#homepage_paragraph {
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #000000;
    height: 239px;
    padding: 20px 0 0 10px;
    margin-right: 10px;
    overflow: auto;
}

/* Custom homepage layout styles */
#custom-homepage {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 11px;
    height: 435px;
}

#single-triad #homepage_paragraph {
    height: 250px;
}

#single-triad .column1,
#double-triad .column1,
#category-list-layout .column1 {
    float: left;
    height: 410px;
}

#single-triad .column2,
#double-triad .column2,
#category-list-layout .column2 {
    margin-left: 318px;
}

#custom-homepage .view-magazine {
    display: block;
}

.image-triad img {
    float: left;
    display: block;
    padding: 1px 0 0 1px;
}

/* fix IE 6 peek-a-boo bug */
* html #custom-homepage {
    height: 1px;
}

/* fix IE 6 3px gap between column1 and column 2 */
* html #custom-homepage .column1 {
    margin-right: -3px;
}

* html #custom-homepage .column2 {
    margin-left: 0;
    height: 1px;
}

/* 
 * Padding need to be removed on IE 6 due to 3px gap in between sidebar
 * and content.  This gap does not leave enough room for any padding
 * between images.
 */
* html .image-triad img {
    padding-left: 0;
}

/* Triple Triad layout styles */
#triple-triad .column1 {
    float: left;
    width: 420px;
}

#triple-triad .column2 {
    margin-left: 420px;
}

/* Category layout styles */
#category-layout .column1, #category-layout .column2 {
    float: left;
}

#category-layout .column3 {
    float: left;
    width: 205px;
    padding-right: 10px;
}

#category-layout .image-triad img {
    float: none;
}

#category-layout #homepage_paragraph {
    border-bottom: 0;
    height: 420px;
}

/* Collection layout styles */
#collection-layout .column1 {
    float: left;
    width: 380px;
}

#collection-layout .column2 {
    margin-left: 380px;
}

#collection-layout #homepage_paragraph {
    border-bottom: 0;
    height: 150px;
}

#collection-layout table {
    border-spacing: 1px;
}

#category_listing {
    padding: 5px 0 0 10px;
    height: 150px;
}

#category_listing h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

#category_listing div {
    margin-bottom: 3px;
}

#category_listing .column1 {
    float: left;
    width: 150px;
    height: auto;
}

#category_listing .column2 {
    margin-left: 150px;
}

div.hr {
    background-color: #E5ECEF; /* homepagebg_color */
    border: 1px solid #bdbdbd;
    color: #3f6678; /* link_color */
}

.clickable { 
    color: #3f6678; /* link_color */
}

.clickable:hover { 
    color: #12558c; 
}

#loading {
    color: #000000;
    background-color: #EFF1F1;
}

#theme-layout .column1 {
    float: left;
    width: 320px;
}

#theme-layout #homepage_paragraph {
    height: 175px;
}

div.hr_thick {
    border-color: #bdbdbd;
}

.link_caps {
    color: #3f6678;
}

/* override IE 6 background alignment settings */
* html #background {
    top: 120px;
}

#email_friend input,
#email_friend textarea {
    background-color: #FFFFFF;
}

input[type="text"],
input[type="password"],
textarea,
select{
     background-color: white;
     border: 1px solid #bdbdbd;
}