/* CASCADING STYLE SHEET definitions for the Rick Fines Website
/* Date: October 14 2007
/* Author: : K. Therriault <canadianwebdev@gmail.com>
/* Company Name: K Therriault - Freelance Developer
/* All development was done using Zend Studio 5.5 (For Ubuntu Linux 7.04 Feisty Fawn)
/* All code is optimized to run in a Unix or Linux environment

/*###################################################################

/* Dreamweaver users need not apply, this is hand coded baby!

/* SERVICES PROVIDED:
   ------------------------------------------------------------------
   -Professional Web Application & Database Development
   -PHP 5 Object Oriented Application Development
   -MySQL Database Design and Schema Development
   -PostgreSQL Database Design and Schema Development
   -Web Application Hosting
   -Apache Web Server Administration (Linux)
   -Website Interface Design
   -PDF Document Creation
   -Adobe Flash Media Development & Actionscripting
   -Audio Encoding
   -Video Encoding
   -MS ASP Programming
   -MS Access Database Design and Visual Basic Programming
   ------------------------------------------------------------------

/* DEVELOPER NOTES Oct 14th 2007
   -------------------------------------------------------------------
   When changing the look or style of virtually any front end element,
   chances are, you will find the style defined here. This website's
   look and style is controlled 99.9 % from style definitions found
   in this file. The use of inline style definitions is not recommended
   and is avoided as much as possible, and will should only ever be used
   when no other solution is possible. As well, semantically correct markup
   is used in an effort to make this website as accesible and standards
   compliant as possible.

   All site specific styles are prefixed with the rf_ namespace. All other
   style definitions not using the rf_ namespace are globally defined styles
   used by various components of the core sub-systems and framework and
   infrastructure being used by this application.

   Any questions comments or requests for assistance or code clarification
   may be directed to:   K. Therriault <canadianwebdev@gmail.com>
   -------------------------------------------------------------------
   */

/*###################################################################*/

/* Begin Rick Fines global document and browser reset styles */

/* These style definitions are used to reset the default
   settings in all browsers so we begin styling our page
   with all browsers playing by the same set of rules. Any and all of
   these style definitions can and likely will be over-ridden further
   on in the style defintions. These rest styles are based on CSS
   code written and published by Eric Meyers. */

/*###################################################################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Make sure you set your focus styles as required */
:focus {
	outline: 0;
}

/* Ordered and unordered lists */
ol, ul {
	list-style: none;

}

/* Anchor tags reset */
a img, :link img, :visited img {
	border: 0;
	font-size: 12px;
}

/* Body definitions */
body {
	background-image: url(http://www.rickfines.com/images/bg.gif);
	background-repeat: repeat;
	height: 100%;
	font-family: Arial, Helvetica,Garuda, sans-serif;
	color: #FFFBE5;
	font-size: 12px;
	margin-left: 0;
	margin-top: .2em;
	margin-right: 0;
	margin-bottom: 1px;
	background-color: #000000;
}

h3.crimson_upper {
	font-size: 16px;
	font-weight: bold;
	color: #4F201A;
	text-transform: uppercase;
}

h4.crimson_upper {
	font-size: 14px;
	font-weight: bold;
	color: #4F201A;
	text-transform: uppercase;
}

ul.lyrics {
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: left;
	font-size: 12px;
	color: #000000;
}

li.lyrics {
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

li.lyrics a, a:link, a:visited, a:active {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

li.lyrics a:hover {
	font-size: 12px;
	color: #FF7700;
	font-weight: bold;
	text-decoration: underline;
}



hr {
	width: 100%;
	height: 0px;
	text-align: center;
	border-color: #CCCCCC;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* End Rick Fines global document and browser reset style definitions */

/*###################################################################*/

/* Begin Rick Fines browser hacks and bug fixes  */

* html, body { text-align: center; font-size: 12px; } /* IE Centering Hack */
html { margin-bottom: 1px; min-height: 100%; } /* Firefox Scrollbar Jump Hack */


/* Begin Rick Fines browser hacks and bug fixes  */

/*###################################################################*/

/* Begin Rick Fines page container style definitions */

.clearme {
    clear: both;

}

#container {
	width: 780px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
}

#rf_content {
	width: 100%;
    min-height: 590px;
	height: auto !important;
    height: 590px;
	float:left;
	display:inline;
	background: #4F201A !important;
	margin: 0px auto;
	padding-bottom: 20px;
}

#rf_thankyou_content {
    min-height: 300px;
	height: auto !important;
    height: 300px;
	width: 780px;
	background: #4F201A !important;
	margin: 0px auto;
	padding-bottom: 10px;
}

#rf_frontpage_content {
    width: 780px;
	min-height: 500px;
    height: auto !important;
    height: 500px;
    float: left;
    display:inline;
	background: #4F201A !important;
	margin: 0px auto;
	padding-bottom: 20px;
}

#rf_reviews_content {
    min-height: 1150px;
	height: auto !important;
    height: 1150px;
	width: 780px;
	background: #4F201A !important;
	margin: 0px auto;
	padding-bottom: 20px;
}

#rf_gigs_content {
    min-height: 780px;
	height: auto !important;
    height: 770px;
	width: 780px;
	background: #4F201A !important;
	margin: 0px auto;
}

#rf_contact_content {
    min-height: 1050px;
	height: auto !important;
    height: 1050px;
	width: 780px;
	background: #4F201A !important;
	margin: 0px auto;
	padding-bottom: 10px;
}


#rf_admin_content {
    min-height: 800px;
    height: auto !important;
    height: 800px;
	width: 700px;
	background-color: #FFFFFF;
	margin: 0px auto;
	font-size: 13px;
	color: #000000;
	padding-bottom: 10px;
}

.quote_container {
	width: 96%;
	float: left;
	display: inline;
	position: relative;
	min-height: 160px;
	height: auto !important;
	height: 160px;
}


#rf_gallery_content {
    min-height: 600px;
    height: auto !important;
    height: 600px;
	width: 780px;
	background-color: #4F201A;
	margin: 0px auto;
}


#rf_lyric_content {
	width: 780px;
	min-height: 800px;
	height: auto !important;
	height: 600px;
	background: #4F201A;
	margin: 0px auto;
}


#rf_left_column {
    min-height: 580px;
	height: auto !important;
	height:580px;;
	background-color: #4F201A;
	width: 200px;
	border: 0;
	float: left;
	display: inline;
	margin-bottom: 0;
	padding-bottom: 20px;
}

#rf_left_column a.left, a.left:link, a.left:active, a.left:visited {
	font-size: 12px;
    color: #FFFBE5;
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#rf_left_column a.left:hover {
	color: #FF7700;
	text-decoration: none;
}

#rf_left_column h4 {
    background-color: #4F201A;
	font-size: 14px;
	font-weight: bold;
	color: #E3DCB2;
	margin-left: 10px;
	margin-top: 5px;
}

#rf_left_column p {
    min-height: 50px;
    height: auto !important;
    height: 50px;
	background-color: #4F201A;
	color: #FFFBE5;
	float: left;
	display: inline;
	position: relative;
	text-align: left;
	clear: both;
	margin-bottom: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 11px;

}

#rf_main_column {
	width: 580px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	background-color: #4F201A;
	margin-left: auto;
	margin-right: auto;
	float: left;
	display:inline;
	padding-bottom: 20px;
}

#rf_lyric_column {
	width: 96%;
	min-height: 544px;
	height: auto !important;
	height: 544px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	float: left;
	display:inline;
	border: 2px solid #A99C69;
	padding-bottom: 20px;

}

#rf_thankyou_column {
	width: 770px;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	border: 2px solid #A99C69;
	padding-bottom: 0;

}

#rf_gallery_column {
	width: 100%;
	height: auto !important;
	background-color: #4F201A;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	float: left;
}

#rf_main_column p {
    height: auto !important;
	background-color: #4F201A;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 7px;
	margin-top: 7px;
	color: #FFFBE5;
	display: block;
	padding: 2px;
}

#rf_main_column p.normal {
	background-color: transparent;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #000000;
}

#rf_main_column ul.discography {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	color: #000000;
	text-align: left;
}

#rf_main_column h4 {
	font-size: 14px;
	font-weight: bold;
	color: #E3DCB2;
	margin-left: 10px;
	margin-top: 5px;
	background-color: transparent;
}

#rf_main_column h4.crimson {
	font-size: 14px;
	font-weight: bold;
	color: #4F201A;
	margin-left: 10px;
	margin-top: 5px;
	background-color: transparent;
}

/* End Rick Fines page container style definitions */

/*###################################################################*/

/* Begin Rick Fines page header style definition */

#rf_header {
	width: 100%;
	height: 197px;
	background-image: url(http://www.rickfines.com/images/header.jpg);
	display: block;
	background-color: #4F201A;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.splash {
	width: 780px;
	height: 25px;
	background-image: url(http://www.rickfines.com/images/splash.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	z-index: 9999;
	background-color: #4F201A;
	float: left;
	display:inline;
	border: 0;
}

/* End Rick Fines page header style definitions */

/*###################################################################*/

/* Begin Rick Fines page footer style definitions */



#rf_footer {
	width: 100%;
	height: 40px;
	background: #4F201A;
	float: left;
	display:inline;
	position: relative;
	padding: 0;
	margin: 0px auto;
	clear: both;
}

#rf_footer p.copyright {
	text-align: center;
	font-size: 11px;
	font-weight: 300;
	background: transparent;
	padding-top: 5px;
	color:#E3DCB2;

}

/* End Rick Fines page footer style definitions */

/*###################################################################*/

/* Begin Rick Fines typography definitions  */

/* General global header style definitons */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin: 5px;
}

/* Defining font size for header style definitions */
h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 13px; }

h6 { font-size: 12px; }

h4.usermsg { font-size:12px; color: #CC0000; }

h6.welcome { font-size:11px; color: #666666; text-align:left; margin-left: 5px; }

p {
	text-align: left;
	margin: 5px;
	line-height: 120%;
}

h5.thankyou {
color: #000000;
font-weight: bold;
font-size: 13px;
}

i, em {
font-style: italic;
color: #000000;
}

blockquote {
    width: 92%;
	float: left;
	display: inline;
	clear: left;
	position: relative;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: auto;
	font-size: 11px;
	color:  #4F201A;
	text-align: justify;
	padding: 12px;
	background-color: transparent;
	border:0;
}

blockquote.reviews {
    width: 98%;
	float: left;
	display: inline;
	clear: left;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 11px;
	color: #4F201A;
	text-align: justify;
	padding: 12px;
	background-color: transparent;
	border: 1px solid #A99C69;
}

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.3em;
}

/* End Rick Fines typography definitions */

/*###################################################################*/

/* Begin Rick Fines general anchor tag style definition  */

a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

a:link, a:visited, a:active {
	color: #252525;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/*  End Rick Fines general anchor tag style definitions */

/*###################################################################*/

/* Begin Rick Fines miscellaneous style definitions */

.rf_clearme {
	clear: both;
}

.rf_whitespace {
	width: 100%;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul {
list-style: none;
text-align: left;

}

/* End Rick Fines miscellaneous style definitions */

/*###################################################################*/

/* Begin Rick Fines horizontal list menu style defintions */

/* These are the style definitions used to display a horizontal
   menu using semantically correct markup */

#rf_horizontal_menubar {
	width: 100%;
	height: 30px;
	float: left;
	display: inline;
	background-color: #4F201A;
	text-align: left;
	margin: 0 auto;


}

#rf_navigation_menu {
	height: 28px;
	position:relative;
	float: left;
	display: inline;
}

#rf_navigation_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#rf_navigation_menu ul li {
	display:inline;
	float:left;
	margin:0 1px 0 0;
}

#rf_navigation_menu ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #E3DCB2;
	text-transform: uppercase;
	float: left;
	text-decoration: none;
	padding: 10px 8px 0 20px;
}

#rf_navigation_menu ul li a:hover {
	color:#FFFFFF;
}


#rf_admin_menu {
	width: 710px;
	height: autopx;
	display: block;
	text-align: left;
	margin: 0 auto;

}

#rf_admin_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#rf_admin_menu ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;
}

#rf_admin_menu ul li a {
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	text-transform: uppercase;
	display:block;
	float:left;
	text-decoration:none;
	padding:10px 8px 0 20px;
}

#rf_admin_menu ul li a:hover {
	color:#CC0000;
}



/* End Rick Fines horizontal list menu style definitions */

/*###################################################################*/

/* Begin Rick Fines administration area style definitions */

a.rf_green {
	background-image: url(../images/green.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 7px;
}

a.rf_red {
	background-image: url(../images/red.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 7px;
}

a.rf_yellow {
	background-image: url(../images/yellow.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	margin-right: 7px;
}

#rf_admin {
	width: 98%;
	height: auto;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0;
	padding: 0;
}

#rf_admin {
	width: 100%;
	height: 24px;
	background-color: #FFFFFF;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
}

#rf_admin h4 {
	font-size: 12px;
	color: #336699;

	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	display: inline;
}

#rf_admin p {
	font-size: 12px;
	text-align: left;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;
}

#rf_admin h4 {
	font-size: 14px;
	text-align: left;
	color: #336699;
	margin-left: 5px;
	width: 99%;
	height: 14px;
}

/* End Rick Fines administration area style definitions */

/*###################################################################*/

/* Begin Rick Fines error and debug style definitions */

/* These style definitions are used to control the way
   error messages are displayed to the user. */

#error_msg {
	width: 80%;
	height: auto;
	border: 1px solid #CC0000;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	margin-top:  20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 12px;
	font-family: Courier New,Courier;
}

#debug_dump {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #FFFFF0;
	border: 1px solid #000000;
	font-family: "Courier New", "Courier";
	font-size: 11px;
	text-align: left;
	padding: 15px;
}

/* End Rick Fines error and debug style definitions */

/*###################################################################*/

/* Begin deeloper defined styles */

/* This is the area for third party editor or developers to add their
   own style definitions. */

.left_img {
	float: left;
	clear: both;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.cd_menu_img {
	float: left;
	clear: both;
	margin-top: 0px;
	margin-right: 8px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.cd_menu_container {
	width: 96%;
	height: auto;
	padding: 5px;
	float: left;
	display: block;
	position: relative;
	text-align: left;
	border-left: 2px solid #E3DCB2;
}

.sunlight {
	width: 180px;
	height: 240px;
	background-image: url(../images/sunlight.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	clear: both;
	margin-left: 5px;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.rick_small {
	width: 120px;
	height: 90px;
	background-image: url(../images/rick_small.jpeg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 6px;
	margin-bottom: 3px;
	clear: left;
	display: block;
}

#newsletter_box {
	width: 154px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	position: relative;
	top: 11px;
	left: 12px;
	float: left;
	display: inline;
	zoom: 1;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #E3DCB2;
	background-color: transparent;
	color: #E3DCB2;

}

label.newsletter {
	font-weight: bold;
	margin-left: 0px;
	margin-bottom: 2px;
	text-align: left;
	float: left;
	color: #E3DCB2;
	padding-right: 10px;
	background-color: transparent;

}

#newsletter_box input {
	border: 0px solid #E3DCB2;
	font-size: 11px;
	background-color: #E3DCB2;
	color: #4F201A;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	text-align: left;
	width: 120px;
}

#newsletter_box input:focus {
	border: 0px solid #E3DCB2;
	background-color: #FFFFFF;
	color: #000000;
	width: 120px;
}

#newsletter_box input.btns {
	border: 1px solid #E3DCB2;
	font-size: 11px;
	font-weight: bold;
	background-color: #4F201A;
	color: #E3DCB2;
	padding: 0;
	float: left;
	margin-right: 5px;
	width: 40px;
}

#newsletter_box p {
    width: 145px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
	float: left;
	display: inline;
	position: relative;
}

#newsletter_box form {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	position: relative;
}

.calendarBox {
	position: relative;
	top: 16px;
	margin: 0 auto;
	padding: 4px;
	width: 92%;
	border: 1px solid #000000;
	background-color: #E3DCB2;

}

.calendarFloat {
	float: left;
	width: 12%;
	height: 48px;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	border: 1px solid #000000;
}

.calendarFloatHdr {
	float: left;
	width: 12%;
	height: 18px;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #E3DCB2;
	color: #A99C69;
}

#flashcontent {
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	}

#now_playing {
	width: 90%;
	height: 30px;
	background-color: transparent;
	margin-left: 18px;
	margin-bottom: 10px;
	float: left;
	clear: left;
}

#now_playing h4 {
	font-size: 14px;
	font-weight: bold;
	color: #A99C69;
	margin-bottom: 2px;
	clear: left;
	background-color: transparent;

}

#audio_container {
	width: 94%;
	min-height: 500px;
	height: auto!important;
	height: 500px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border: 2px solid #A99C69;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
	display: inline;
	position: relative;

}


#lyric_container a, a:link, a:visited, a:active {
font-size: 13px;
font-weight: bold;
text-decoration: none;

}

#audio_container p {
	font-size: 12px;
	color: #4F201A;
	text-align: left;
	background-color: transparent;

}

ul.audio {
	text-align: left;
	float: left;
	list-style: none;
	margin-left: 10px;
	background-color: transparent;
}

li.audio {
    height: 28px;
    text-align: left;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 4px;
	background-color: transparent;

}

li.audio a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

li.audio a:visited {
    color: #252525;
}

li.audio a:active  {
    color: #252525;
}

li.audio a:hover  {
    color: #CC0000;
    text-decoration: underline;
}

.filesize {
	font-weight: normal;
	color: #666666;
	font-size: 10px;
	text-align: left;
	margin-right: 10px;
}

h3.audio {
    font-size: 16px;
    font-weight: bold;
    color: #4F201A;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 20px;


}

h4.audio {
	font-size: 14px;
	font-weight: bold;
	color: #4F201A;
	margin-bottom: 7px;
	background-color: transparent;
}

img.audio {
    margin-left: 8px;
    border: 0;
	margin-right: 10px;
	float: left;
	display: inline;
	position: relative;
}


.cd_image {
	margin-top: 20px;

}

#cd_title {
	width: 200px;
	height: 180px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #A99C69;
}

#content_bg {
	width: 96%;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-image: url(../images/music_fade_bg.jpeg);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	display: inline;
	background-color: #FFFFFF;
	border: 2px solid #A99C69;
	margin-top: 10px;
	margin-left: 0px;
	padding-bottom: 20px;
}

#content_bg p.content {
	font-size: 12px;
	text-align: justify;
	color: #555555;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
}

#reviews_content_bg {
	width: 98%;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-image: url(../images/music_fade_bg.jpeg);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	position: relative;
	background-color: #FFFFFF;
	border: 2px solid #A99C69;
	margin-top: 10px;
	margin-left: 2px;
	padding-bottom: 20px;
}

#thankyou_content_bg {
	width: 98%;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-image: url(../images/music_fade_bg.jpeg);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	border: 2px solid #A99C69;
	margin-top: 10px;
	margin-left: 2px;
	padding-bottom: 20px;
	color: #000000;
}

#content_bg2 {
	width: 98%;
	height: auto !important;
	background-color: #FFFFFF;
	border: 2px solid #A99C69;
	margin-top: 16px;
}


#sort_bar {
	display: inline;
	font-size: 14px;
	color: #A99C69;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	padding: 6px;
	text-align: left;
	text-decoration: none;
	width: 98%;
	float: left;
	border-bottom: 1px dashed #A99C69;
}


#sort_bar  a:link, a:visited, a:active {
	font-weight: bold;
	font-size: 14px;
}

#sort_bar a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.lyric_box {
	width: 96%;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 8px;
	text-align: left;
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 4px;
	margin-bottom: 10px;
	clear: both;
	font-size: 12px;
	color: #000000 !important;
}


#admin_container {
	width: 80%;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: left;
	display: inline;
	padding: 10px;
	background: #F0F0F0;
	border: 2px solid #666666;
	margin-top: 10px;
	margin-left: 10%;
	margin-right: auto;
	margin-bottom: 20px;
}

form {
margin:0;
padding:0;
}

select {
font-size: 12px;
text-align: left;
color: #333333;
background-color: #FFFFFF;
width: 200px;
}

fieldset {
margin:1em 0;
border:none;
border-top:1px solid #CCCCCC;
}

legend {
margin:1em 0;
padding:0 .5em;
color: #4F201A;
background:transparent;
font-size:1.3em;
font-weight:bold;
}

label {
float:left;
width:100px;
padding:0 1em;
text-align:right;
color: #4F201A
}

fieldset div {
margin-bottom:.5em;
padding:0;
display:block;
}

fieldset div input,fieldset div textarea {
width: 200px;
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-bottom: 1px solid #ccc;border-right:1px solid #ccc;
padding:1px;
color:#333333;
}

fieldset div select {
padding:1px;
}

div.fm-multi div {
margin:5px 0;
}

div.fm-multi input {
width:1em;
}

div.fm-multi label {
display:block;
width:200px;
padding-left:5em;
text-align:left;
}

#submit {
clear:both;
padding-top:1em;
text-align:center;
}

#submit input {
border:1px solid #333333;
padding:2px 1em;
background:#F0F0F0;
color:#666666;
font-size:100%;
}

input:focus,textarea:focus {
background:#FFFBE5;
color:#000000;
}

fieldset div.req {
font-weight:bold;
}

fieldset div.req label:before {
content:"* ";
}

#form_container {
margin:0 auto;
padding: 1em;
width: 350px;
text-align: left;
}

p#fm-intro {
margin: 0;
}

.element {
	width: 98%;
	height:22px;
	display: inline;
	float: left;
	clear: left;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 4px;
	background-color: transparent;
	text-align: left;
	padding: 4px;
}

.jd_train {
	width: 135px;
	height: 176px;
	background-image: url(../images/jd_trainstation.jpg);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 6px;
}

#jd_thumb_container {
	width: 92%;
	height: 136px;
	background-color: transparent;
	float: left;
	display: inline;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.jd_live_thumb {
	width: 118px;
	height: 117px;
	float: left;
	display: inline;
	background-image: url( ../images/jd_live_thumb.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 2px;
	border: 1px solid #252525;
}

.jd_looking_back_thumb {
	width: 118px;
	height: 117px;
	float: left;
	display: inline;
	background-image: url( ../images/jd_looking_back_thumb.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 2px;
	border: 1px solid #252525;
}

.jd_acoustic_blues_thumb {
	width: 118px;
	height: 117px;
	float: left;
	display: inline;
	background-image: url( ../images/jd_acoustic_blues_thumb.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 20px;
	margin-bottom: 2px;
	border: 1px solid #252525;
}

a.jd_link, a.jd_link:link, a.jd_link:visited, a.jd_link:active {
	font-size: 12px;
	color: #FFFBE5;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}

a.jd_link:hover {
	text-decoration: none;
	color: #FFFF00;
}


#bookmarks {
    width: 300px;
    height: 28px;
    background-color: transparent;
    float: left;
    display: inline;
    position: relative;
    top: 20px;
    left: 4px;
    border: 0;
    text-align: left;
    clear: left;
}

#bookmarks ul {
    list-style-type: none;
    margin: 1px;
    border: 0;
    padding: 0;
    background-color: transparent;
    display: inline;
    float: left;
    position: relative;
}


#bookmarks ul li {
    width: 24px;
    height:24px;
    display: inline;
    float: left;
    position: relative;
    margin-top: 1px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 1px;
    border: 0;
    background-color: transparent;
}

#bookmarks ul li a a:link a:visited a:active {
    border: 0;
    outline: none;
    text-decoration: none;
    padding: 0;
    background-color: transparent;
    display: inline;
    float: left;
    position: relative;
}

.itemContainer {
    float:left;
    display:inline;
    width: 99%;
    height: 18px;
    text-align: left;
    font-size: 11px;
    background-color: #FFFFFF;
    color: #000000;
    padding:2px;
}

.cartHeaders {
    float:left;
    display:inline;
    width: 99%;
    height: 18px;
    text-align: left;
    font-size: 11px;
    font-weight:bold;
    background-color: #4F201A;
    color: #FFFFFF;
    padding:1px;
}


.itemName {
    float: left;
    display: inline;
    text-align:left;
    font-weight:bold;
    position:relative;
    width: 60%;
}

.itemPrice {
    float: left;
    display: inline;
    text-align:left;
    font-weight:bold;
    position:relative;
    width: 10%;
}

.itemQuantity {
    float: left;
    display: inline;
    text-align:left;
    font-weight: bold;
    position: relative;
    width: 9%;
}

.itemTotal {
    float: left;
    display: inline;
    text-align:left;
    font-weight:bold;
    position:relative;
    width: 9%;
}

.itemremove {
    font-size: 11px;
    float: left;
    display: inline;
    text-align:left;
    font-weight: bold;
    position: relative;
    width: 12%;
}




/* End developer defined styles */

/*###################################################################*/

/* Copyright rickfines.com All rights reserved.
   Unathorized use of any code, images, markup, text content, audio
   video, or any other element of this website is strictly forbidden
   unless otherwise noted.
   */

/*###################################################################*/

/* End Rick Fines website CASCADING STYLE SHEET style definitions */

/*###################################################################*/