/*--------------------------------------------------------------------------------------*/
/*                                                                                                                   */
/* Copyright (c) 2010 by color:gray. All Rights Reserved.    	              */
/*                                                                                                                   */
/* CSS        : layout.css                                                                             */
/*                                                                                                                   */
/* Description: Layout rules for Donna Lewis site                              */
/*                                                                                                                   */
/*--------------------------------------------------------------------------------------*/

/* Overrides
---------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* Removes list-style from lists */
ul {
	list-style: none;
}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Removes borders and spacing from tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}
/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}
/* Removes quotation marks from q */
q:before, q:after {
	content: '';
}

/* General settings
---------------------------------*/
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	color: #481b2b;
}
body {
	font-size: 80%;
        border-top: #361420 5px solid;
	background: url(../../images/site/siteBG.jpg) center 0px;
}
a:link {
	text-decoration: none;
	color: #98354c;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #98354c;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #764704;
}
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #98354c;
}
p, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
}
h1 {
        font-size: 2.0em;
}
h2 {
        font-size: 1.5em;
}
h3 {
        font-size: 1.2em;
}
h4 {
        font-size: 1.0em;
}
h5 {
        font-size: 0.8em;
}
h6 {
        font-size: 0.7em;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
.textimage-1 {
	float: left;
	margin-right: 12px;
}
.textimage-2 {
	float: right;
	margin-left: 12px;
}

/* Wrapper settings
---------------------------------*/
div#page_wrapper_home, div#page_wrapper_article, div#page_wrapper_pages, div#page_wrapper_gallery {
	position: relative;
	width: 940px;
	margin: 0px auto;
	border-left: #361420 5px solid;
	border-right: #361420 5px solid;
}
div#top_wrapper_home, div#top_wrapper_article, div#top_wrapper_pages, div#top_wrapper_gallery {
	position: relative;
	width: 940px;
}
div#page_wrapper_home {
        background: #fff url(../../images/site/donna1BG.jpg) repeat-y left -5px;
}
div#page_wrapper_article {
        background: #fff url(../../images/site/donna2BG.jpg) repeat-y left -5px;
}
div#page_wrapper_pages {
        background: #fff url(../../images/site/donna3BG.jpg) repeat-y left -5px;
}
div#page_wrapper_gallery {
        background: #fff url(../../images/site/donna4BG.jpg) repeat-y left -5px;
}
div#top_wrapper_home {
        background: url(../../images/site/donna1.jpg) no-repeat left -5px;
}
div#top_wrapper_article {
        background: url(../../images/site/donna2.jpg) no-repeat left -5px;
}
div#top_wrapper_pages {
        background: url(../../images/site/donna3.jpg) no-repeat left -5px;
}
div#top_wrapper_pages-V {
        background: url(../../images/site/donna3-V.jpg) no-repeat left -5px;
}
div#top_wrapper_gallery {
        background: url(../../images/site/donna4.jpg) no-repeat left -5px;
}
div#content_wrapper {
	position: relative;
	width: 940px;
        padding-top: 103px;
        min-height: 828px;
}

/* Identity
---------------------------------*/
div#identity {
	position: absolute;
}
div#identity h1 {
	text-indent: -9999px;
}

/* Main nav
---------------------------------*/
div#main_nav {
	position: absolute;
	width: 550px;
	top: 0px;
	left: 0px;
        z-index: 25;
}
div#main_nav ul {
	font-size: 1.4em;
	margin-top: 0px;
	margin-left: 16px;
}
div#main_nav li {
	list-style-type: none;
	display: inline;
	padding-right: 18px;
}
div#main_nav ul a:link {
	color: #764704;
}
div#main_nav ul a:visited {
	color: #764704;
}
div#main_nav ul a:hover {
	color: #361420;
	text-decoration: none;
}
div#main_nav ul a:active {
	color: #764704;
}

/* Header bits
---------------------------------*/
#signup, #signup2 {
        position: absolute;
        top: 31px;
        left: 318px;
        font-weight: bold;
        text-align: right;
        z-index: 20;
}
#signup2 {
        top: 31px;
        left: 520px;
}
#signup span, #signup2 span {
        display: block;
        width: 255px;
        height: 19px;
        margin-top: 3px;
        padding: 2px 4px 0 0;
        background: #e8d8db;
}
#signup span a, #signup2 span a {
        color: #888;
        font-weight: normal;
}
#signup span a:hover, #signup2 span a:hover {
        text-decoration: none;
}
#audioMsg {
        position: absolute;
        top: 117px;
        left: 21px;
        color: #dfc5ce;
        font-size: 0.8em;
        line-height: 1em;
        text-align: right;
        z-index: 5;
}
#flash_audio {
	position: absolute;
	top: 113px;
	left: 132px;
	z-index: 10;
}

/* Header bars
---------------------------------*/
div.headerBar_wh, div.headerBar_dk {
	position: relative;
	width: 355px;
	height: 49px;
	margin-bottom: 8px;
}
div.headerBar_wh {
	margin-top: 18px;
}
div.headerBarTopCorner-wh, div.headerBarTopCorner-dk {
	position: absolute;
	width: 11px;
	height: 10px;
	top: 0px;
	left: 0px;
}
div.headerBar-wh, div.headerBar-dk {
	position: absolute;
	width: 337px;
	height: 23px;
	top: 10px;
	left: 0px;
	text-align: right;
	padding: 6px 18px 0 0;
}
div.headerBar_wh h2, div.headerBar_dk h2 {
	font-size: 1.2em;
	color: #dfc5ce;
}
div.headerBarBotCorner-wh, div.headerBarBotCorner-dk {
	position: absolute;
	width: 11px;
	height: 10px;
	top: 39px;
	left: 0px;
}
div.headerBarTopCorner-wh {
	background: url(../../images/site/headerBarTopCorner.png) no-repeat;
}
div.headerBar-wh {
	background: url(../../images/site/headerBar.png) no-repeat;
}
div.headerBarBotCorner-wh {
	background: url(../../images/site/headerBarBotCorner.png) no-repeat;
}
div.headerBarTopCorner-dk {
	background: url(../../images/site/headerBarTopCorner-dk.png) no-repeat;
}
div.headerBar-dk {
	background: url(../../images/site/headerBar-dk.png) no-repeat;
}
div.headerBarBotCorner-dk {
	background: url(../../images/site/headerBarBotCorner-dk.png) no-repeat;
}
div.subHeaderBar {
	position: relative;
	width: 355px;
	height: 35px;
	left: 85px;
}
div.subHeaderBarTopCorner {
	position: absolute;
	width: 11px;
	height: 10px;
	top: 0px;
	right: 0px;
	background: url(../../images/site/subHeaderBarTopCorner.png) no-repeat;
}
div.subHeaderBar-mid {
	position: absolute;
	width: 335px;
	height: 15px;
	top: 10px;
	right: 0px;
	background: url(../../images/site/subHeaderBar.png) no-repeat;
	padding: 0 0 0 20px;
}
div.subHeaderBar h3 {
	font-size: 0.9em;
	color: #dfc5ce;
}
div.subHeaderBarBotCorner {
	position: absolute;
	width: 11px;
	height: 10px;
	top: 25px;
	right: 0px;
	background: url(../../images/site/subHeaderBarBotCorner.png) no-repeat;
}

/* Content-general
---------------------------------*/
div#content_wrapper td#col-1 {
	width: 500px;
	vertical-align: top;
}
div.entries_col-1 {
	padding: 0 0 0 20px;
	line-height: 1.4em;
}
div#content_wrapper td#col-2 {
	width: 440px;
	padding-top: 576px;
	padding-bottom: 6px;
	vertical-align: top;
}
div.entries_col-2 {
	padding: 0 10px 0 88px;
	line-height: 1.4em;
}
div.entries_single {
        width: 640px;
        padding: 0 0 0 20px;
        line-height: 1.4em;
}
ul#links li {
        display: inline; 
        padding-right: 5px;
}
#videoHolder {
        width: 624px;
        height: 505px;
        margin: 28px 0 32px 132px;
        padding: 99px 8px 100px 8px;
        background: url(../../images/site/videoBed.jpg) no-repeat;
}

/* Discography
---------------------------------*/
div.discdivider {
        width: 90%;
        border-top: 1px solid #361420;
        border-bottom: 1px solid #361420;
        background: #f9eeec;
}
div.discdivider h4 {
        margin: 0;
        text-align: center;
}
div.disc-list {
        width: 80%;
        border-bottom: 1px solid #361420;
}
div.disc-list-single {
        font-size: 80%;
}
div.disc-list-last {
        width: 80%;
        border: none;
}
div.disc-list img {
	float: left;
	margin-right: 12px;
        border: 1px solid #361420;
}
div.disc-list h2 {
	padding-top: 12px;
        font-size: 1.8em
}
div.disc-list h5 {
        font-size: 1.0em;
}
div.disc-list p {
        font-size: 1.2em
}
div.disc-list blockquote {
        clear: both;
        padding: 12px 0 24px 36px;
}
div.disc-list a {
        display: block;
        width: 78px;
        height: 21px;
        padding: 2px 0 0 14px;
        margin-right: 6px;
        float: left;
        background: url(../../images/site/buyNowBtnLg.png) no-repeat;
}
div.disc-list-single a {
        display: block;
        width: 62px;
        height: 18px;
        padding: 0 0 0 10px;
        margin-right: 6px;
        float: left;
        background: url(../../images/site/buyNowBtn.png) no-repeat;
}

/* Gallery
---------------------------------*/
ul.galcats {
        width: 580px;
}
ul.galcats li {
        border-top: #361420 solid 1px;
        margin-bottom: 12px;
        padding: 8px 0;
}
ul.galcats img {
        margin: 0 18px 0 0;
}
ul.galcats p {
        margin: 0;
        padding: 0;
}
ul.galthumbs li {
        float: left;
        padding: 6px;
        margin: 2px;
        text-align: center;
}
ul.galcats img, ul.galthumbs img {
        border: #361420 solid 2px;
}
ul.galcats a:hover img, ul.galthumbs a:hover img {
        border: #7c2c2c solid 2px;
}
span.imgtitle {
        font-weight: bold;
}
div.spacer {
        clear: both;
}
div.gal_back {
        clear: both;
        width: 87%;
        margin: 0 0 32px 10px;;
        border-top: #361420 solid 1px;
        border-bottom: #361420 solid 1px;
}
div.gal_back a:hover {
        text-decoration: none;
}

/* Shop form
---------------------------------*/
div#formcodeMCD {
	width: 100%;
	font-family: gill sans mt, arial, helvetica;
        padding-bottom: 64px;
}
div#formcodeMCD form#myorder {
	width: 460px;
	margin: 0 auto;
}
div#formcodeMCD ol {
        list=style: decimal;
	margin: 0;
	padding: 0 0 0 16px;
}
table.products {
	border: none;
}
table.products td {
	padding: 3px;
}
table.inner {
	border: none;
	width: 95%;
}
table.inner td {
	padding: 8px;
}
table.inner img {
        border: #361420 solid 1px;
}
div.product_title {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
div.product_description {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

/* Site info
---------------------------------*/
div#site_info {
        clear: both;
	position: relative;
	width: 926px;
	height: 28px;
	padding: 6px 0 0 14px;
	background: url(../../images/site/footLines.png) no-repeat;
}
div#site_info address {
	font-size: 0.8em;
	display: inline;
	padding-right: 92px;
}

/* Graphic pieces
---------------------------------*/
div#lineTopLeft {
	position: absolute;
	width: 291px;
	height: 38px;
	top: 0px;
	left: -296px;
	background: url(../../images/site/lineTopLeft.jpg) no-repeat;
}
div#cornerTopRight {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0px;
	left: 945px;
	background: url(../../images/site/cornerTopRight.jpg) no-repeat;
}
div#linesBotLeft {
	position: absolute;
	width: 614px;
	height: 34px;
	bottom: 0px;
	left: -619px;
	background: url(../../images/site/linesBotLeft.png) no-repeat;
}
div#linesBotRight {
	position: absolute;
	width: 40px;
	height: 16px;
	bottom: 0px;
	left: 945px;
	background: url(../../images/site/linesBotRight.png) no-repeat;
}