/**
* Allard MAIN STYLE
*/

/*****************

COLOURS:

background black: #161615
lighter grey: #e6e8de
light grey: #d7d9cf
dark brown: #4a3c28
dark red: #861a13

******************/


/**
* MAIN LAYOUT STYLES
*/

body {
    text-align: center;
    background-color: #161615;
    background-image: url("../images/background-body.gif");
    background-repeat: repeat-x;
    font-family: Verdana;
}

#layout_container {
    text-align: left;
    width: 800px;
    margin: 20px auto;
}


/** Header**/

#layout_header {
}

#layout_header img#main_logo {
    width: 800px;
    height: 66px;
    display: block;
}



/** Menu Banner**/

#layout_menu_banner {
    height: 185px;
    margin-top: 5px;
    background-repeat: no-repeat;
    text-align: center;
}

/** Main Menu**/

#main_menu {
    margin: 0px auto;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

#main_menu a {
    color: #4a3c28;
    text-decoration: none;
}

#main_menu a:hover {
    color: #861a13;
}

#main_menu td {
    padding: 5px 15px;
}

#main_menu .selected {
    background-image: url("../images/menu/selected-main.gif");
    background-position: top center;
    background-repeat: no-repeat;
}

#main_menu .selected a {
    color: #861a13;
}


/**Sub Menu**/

#sub_menu { 
    font-size: 12px;
    text-align: left;
}

#sub_menu a {
    color: #000;
    text-decoration: none;
}

#sub_menu a:hover {
    color: #861a13;
}

#sub_menu div {
    height: 2em;
    padding-left: 17px;
    line-height: 2em;
    white-space: nowrap;
}

#sub_menu .selected {
    background-image: url("../images/menu/selected-sub.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

#sub_menu .selected a {
    color: #861a13;
}

/**Content**/

#layout_content {
    padding: 12px;
    color: #000;
    background-color: #d7d9cf;
    text-align: center;
}

#layout_content #content_columns{
    text-align: left;
    margin: 0px auto;
}

#layout_content #content {
    padding: 0px 35px;
    font-size: 11px;
    line-height: 1.5em;
}

#layout_content #content h1 {
    font-family: Georgia, serif;
    font-size: 27px;
    font-weight: normal;
}

#layout_content #content h2 {
    font-size: 18px;
    font-weight: normal;
}

#layout_content #content h3 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: normal;
}

#layout_content #content ul {
    margin-bottom: 1em;
}

#layout_content #content li {
    margin-left: 1.5em;
    line-height: 1.1em;
    margin-bottom: 0.4em;
    list-style: disc;
}

#layout_content #content a:hover {
    text-decoration: underline;
}

#layout_content #content a:hover {
    color: #861a13;
}

#layout_content #content .border {
    border: 1px solid #161615;
}


#layout_content #content .inline_photo {
	float: left;
	margin: 0 10px 10px 0px;
	background-color: #E3E3E3;
	color: #861a13;
	font-size: 10px;
	border: 1px solid #333;
	position: relative;
	top: 0.3em;
}

#layout_content #content .inline_photo img {
    display: block;
}

#layout_content #content .inline_photo.right {
	float: right;
	margin: 0 0px 10px 10px;
}

#layout_content #content .caption {
	color: #861a13;
	font-size: 10px;
	line-height: 1em;
	padding: 5px 0px;
	display: block;
	text-align: center;
}

#layout_content #content .button {
    text-align: center;
}

#layout_content #content .button img {
    display: inline;
    vertical-align: middle;
    padding: 0px 5px;
}

#layout_content #content .button a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

#layout_content #content .button a:hover {
    color: #861a13;
    text-decoration: none;
}

#layout_content #content .hidden {
    display: block;
}

/**Homepage**/

#layout_menu_banner.home {
    height: 26px;
    margin-bottom: 5px;
}

#layout_content.home {
    background-image: url("../images/home.jpg");
    height: 367px;
    padding: 0px;
    position: relative;
}

/*
#layout_content.home #content {
    padding: 0px;
    width: 800px;
}
*/

#layout_content.home #home_quote {
    width: 250px;
    color: #fff;
    font-style: italic;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 378px;
}

#layout_content.home #home_language {
    position: absolute;
    top: 320px;
    right: 15px;
    text-align: right;
}

#layout_content.home #home_language a {
    display: block;
}

#layout_content.home #home_language img {
    display: block;
    margin-bottom: 5px;
    border: 1px solid #000;
}

#layout_content.home #home_language a:hover img {
    border-color: #861a13;
}

/**The Legend - The Allard Collection**/

#layout_content #content #collection {
    margin: 0px auto;
    text-align: center;
}

#layout_content #content #collection td {
    padding: 5px;
    vertical-align: middle;
}

/**The Legend - Books**/

#layout_content #content #books img {
    margin: 5px 10px 5px 0px;
}

#layout_content #content #books td {
    vertical-align: middle;
}

/**J2X MKII - Features**/
#layout_content #content #features {
    border: 1px solid #861a13;
    border-right: 0px;
}

#layout_content #content #features td{
    border-right: 1px solid #861a13;
    padding: 0px 5px 0px 20px;
    vertical-align: middle; 
}

#layout_content #content #features tr.odd td{
    background-color: #e6e8de;
}

#layout_content #content #features .sub{
    padding-left: 30px;
}

#layout_content #content #features tr.header td{
    border-top: 1px solid #861a13;
    padding-top: 5px;
    padding-left: 10px;
}

#layout_content #content #features .option{
    color: #861a13;
    text-align: center;
    padding: 0px 5px;
    white-space: nowrap;
    font-size: 10px;
    font-style: italic;
    
}

.errors {
   text-align: left;
   padding: 20px;
   background-color: #FFC;
   color: #600;
}