﻿body { background: #E2DBC8 url(../images/bg_body.jpg) repeat-x 50% 0; padding: 0; margin: 0; text-align: center; font-family: Georgia; font-size: .9em; line-height:1.2em; color: #000; }
body.forum { background-image: url(../images/bg_body_forum.jpg); }
body.composers { background-image: url(../images/bg_body_composers.jpg); }
body.short{background-image: url(../images/transparent.gif);}
img { border: none; }
a { text-decoration: none; color: #680400; }
ul { list-style-type: none;	margin: 0; padding: 0; }
.fixfloat:after, fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.text {	font-size: 12px;line-height: 140%;padding-bottom: 2px;margin-bottom: 2px;}
.error { color: #680400; font-weight: bold; display: block; }
.ok { color: #00ff00; font-weight: bold; }


#middlelinks {padding-left:160px; align:left;}
.entry-footer {font-size: 10px}
.entry-tags {font-size: 10px}
#box1 {	border:#70664b;	width: 900px; float:left; margin-left:0px; margin-right:10px; margin-top:170px;	text-align:LEFT; padding: 5px; margin-bottom: 5px;}


/* Page framework */
body.composers #page {width:961px; margin: 0 auto; text-align: left; }
#page { width: 900px; margin: 0 auto; text-align: left; }
#narrowpage { width: 626px; margin: 0 auto; text-align: left; }
#head { position: relative; height: 170px; background: transparent url(../images/bg_head.jpg) no-repeat 200px 28px; }
#top {margin-top:12px; height: 116px; position: relative; float: left; width: 900px; }
body.forum #top { height: 47px; }
body.composers #top { height: 1px; text-align:left; vertical-align:middle; }
body.links #top { padding-top: 20px; height: 190px; }
#main { clear: both; width: 900px; padding-top: 25px; margin: 0 0 25px 0; position: relative; }
#maincontent { float: left; width: 675px; margin: 0 25px 25px 0; }
#sidebar { float: left; width: 200px; margin-bottom: 25px; }
body.composers #footer { clear: both; padding: 12px 0; height: 50px; margin: 0 auto; text-align: center; background-color: #25221A; }
#footer { clear: both; padding: 12px 0; height: 50px; margin: 0 auto; text-align: center; background-color: #25221A; }
#footer-container { position: relative; margin: 0 auto; width: 900px; text-align: left; }
#footer ul { position: absolute; top: 0; right: 0; }
#footer li { float: left; margin: 0 0 0 12px; }
#footer a { color: #fff; }

/* HEAD ELEMENTS */

#topbar { position: absolute; right: 0;	top: 6px; color: #fff; font-size: 10px; }
#topbar a { color: #74000e; display: inline-block;	margin-left: 10px; background: transparent url(../images/icon_profile.gif) no-repeat 0 50%; background-image: none; }
#topbar a:hover { color: #fff; }
#toplinks { position: absolute; top: 0; left: 0; height:1%; padding-top: 7px; padding-bottom:0px;  color: #fff; font-size: 10px; }
body.composers #toplinks{padding-left:125px;}
#toplinks li {color: #690000; float: left; margin-right: 16px; }
#toplinks a { display: block; color: #690000; text-transform: uppercase; font-family: Arial, helvetica, Sans-Serif; font-size: 10px; }
#toplinks a:hover { color: #fff; }

#logo { position: absolute; top: 44px; left: 0; }
body.composers #logo{padding-left:170px;}
/* Quicksearch */



/* Headers */

h1, h2, h3 { font-family: Georgia; }
h1, h1 a { margin: 0; font-size: 1.2em; letter-spacing: 1px; text-transform: uppercase; color: #fff; position:relative; top: 8px;}
h2 { font-size: 1.1em; font-weight: bold; color: #46100E; position: relative; }
h2.title-list-header { margin: 0 0 4px 0; color: #000; padding: 0 4px; font-weight: bold; }
#highlights h2 { color: #fff; margin: 0; padding: 10px 0; }
h3 { color: #000; font-size: .9em; text-transform: uppercase; letter-spacing: 1px; border-bottom: dotted 1px #680400; }
h4 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 2em;font-weight: bold;margin: 0px;padding: 0px;}
h5 {text-transform:uppercase;font-family: Georgia;color: #fff;font-size: .8em;text-align:center;	letter-spacing:.1em;white-space: nowrap;
}
h5 a:hover{text-decoration:underline;}

.ParaTitle {font-family: Georgia; color: #46100E; font-size: 1.2em;	font-weight: bold;}

/* tables*/
td {vertical-align:middle;
	border-bottom: 2px;
	border-bottom-color: #CCCCCC;}

#horizline td{	border-bottom-width: 1px;
	border-bottom-style: solid;	border-bottom-color: #B3A77D; }
#highlights-amazon {text-align:left}
.column table {width:200px; background-color:#5D0400; }
.column td { height:5px;}
.column td a{font-size:.5em;} 
/* Main navigation */

#navigation { position: absolute; top: 40px; right: 0; }
#navigation li { float: left; margin: 0 0 0 12px; }
#navigation a { display: block; text-transform: uppercase; color: #f1ede4; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; font-size:12px; }
#navigation li.active a { font-weight: bold; }
/* LISTS */

/* Generic */
.list { padding: 0 0 20px 0; }
.list li { clear: both; border-bottom: solid 1px #CBC5B4; position: relative; }
.list a { display: block; height: 1%; padding: 8px 4px; color: #000; font-weight:bold;}
.list span { display: block; padding: 2px 0 0 0; color: #666; }
.list a:hover { background-color: #F0EDE3; }
#bullets li {list-style-type: none;list-style-image:url(../images/b1.gif);list-style-position:outside;margin: .5em;margin-left: 24px;
}
/* Composer list */
.composer-list a { padding: 4px; }
.composer-list img { float: left; border: solid 2px #69614B; margin-right: 6px; }
.composer-list em { color: #000; font-size: 12px; margin: 0 0 4px 0; display: block; font-style: normal; }

/* Highlights title list  RED SECTION */
#highlights li { border-bottom-color: #4F0300; margin: 10px 10px 0 0; }
#highlights span { color: #895B59; }
#highlights .title-list a { color: #fff; }
#highlights .title-list  { font-size:12px; font-weight:normal;}
#highlights .title-list a:hover { background-color: #460300; }
#highlights .title-list {list-style-type: disc; color:fff;}

/* Latest reviews */
.latest-reviews { position: relative; }
.latest-reviews li { float: left; margin: 20px 22px 0 0; }
.latest-reviews .last { margin-right: 0; }
.latest-reviews img { border: solid 4px #E9E8E3 !important; }
.latest-reviews span { display: none; font-family: Georgia; font-size: 14px; font-weight: normal; color: #46100E; position: absolute; top: 162px; left: 0; width: 800px; }
.latest-reviews span em { display: block; font-size: 12px; color: #333; font-style: normal; }
.latest-reviews a:hover span { display: block; }

.topsection2 { background: transparent url(../images/bg_latestnews.png) no-repeat bottom left; height: 1%; margin-bottom: 20px; }
.topsection { background: transparent url(../images/bg_latestnews.png) no-repeat bottom right; height: 1%; margin-bottom: 20px; }
.blogtopsection { background: transparent url(../images/bg_latestnews.png) no-repeat bottom left; height: 1%; margin-bottom: 20px; }
.topsection h2 { margin-top: 12px; }
.latestnews { float: left; width: 901px; display: inline; margin: 0; padding: 0 4px; background:  url(../images/bg_latestnews_top.jpg) no-repeat top left ; z-index: 100; }
.latestnews #p {color:#000;}
.bloglatestnews { float: left; width: 901px; display: inline; margin: 0; padding: 0 4px; background:  url(../images/bg_latestnews_top.jpg) no-repeat top left ; z-index: 100; color:000; }
.bloglatestnews #p {color:#000;}
.recentreviews { width: 250px; float: left; margin-right: 25px; display: inline;}

/* Red Link buttons */
.linkbuttons { margin: 20px 0 20px -5px; height: 35px; }
.linkbuttons a { background: transparent url(../images/linkbutton_left.png) no-repeat 0 50%; float: left; color: #C2999E; }
.linkbuttons a:hover { color: #fff; }
.linkbuttons span { display: block; background: transparent url(../images/linkbutton_right.png) no-repeat right 50%; margin-left: 41px; padding: 8px 25px 10px 0; }

/* Highlights */
#highlights { clear: both; margin: 0 auto; height: 1%; width:100%; background: #5D0400 url(../images/bg_highlights.jpg) ; border-top: solid 1px #000; border-bottom: solid 1px #000; text-align: left; }
#highlights column {color: #fff;}
#highlights div a{color: #fff; }
#highlights div a b{color: #5D0400; }
#highlights div p{color:#CCCCCC;}
#highlights .column { float: left; margin: 0 10px 0 0; text-align: left; }
#highlights #renews {padding-left: 10px;}
#left { float:right: 0; width: 32%; min-width:200px; padding-left:0px; }
#middle {float:left:33%; width: 32%; margin-top: 1%; min-width:200px; min-height:350px;padding-right:25px; }
#right {float:left:67%; width: 32%; margin-top: 1%; min-width:200px;}
#leftquote {text-indent: 30px;background: transparent url(../images/images/leftquote.png) left top no-repeat;}
#rightquote {
  background: transparent url(../images/images/rightquote.png) right bottom no-repeat;
  font-family: "Times New Roman", Times, serif;font-size: 12px;font-weight:bold;padding: 7px;}

  /* TableCell Borders */
.tb{border-top-width: 1px;border-top-style: solid;border-top-color: #B3A77D;}
.bb{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #B3A77D;}
.lb{border-left-width: .5px;border-left-style: solid;border-left-color: #B3A77D;}
.rb{border-right-width: .5px;border-right-style: solid;border-right-color: #B3A77D;}
/* Form fields */
form { margin: 0; padding: 0; text-align: left; }
.whitelabel { display: block;	font-weight: normal; font-family: Arial, helvetica, Sans-Serif; 
	margin-bottom: 2px; color:#ffffff; }
.fieldcell { background-color: #e2dbc8; color: #000; text-align: left; margin: 2px; 
	padding-right: 1px; border: 1px solid #666; }
.clearcell {background: transparent;color: #003399;text-align: center;	
	font-weight: bold;margin: 2px; padding-right: 1px;	border: 0px;}
.bigfieldcell {background-color: #e2dbc8; color: #000; text-align: center; font-size : 14.00pt; margin: 0px;}
fieldset { border: 0px #fff; margin: 0; padding: 0; height: 1%; }
fieldset div { float: left;	margin-right: 20px; }
/*label { display: block;	font-weight: bold; font-family: Arial, helvetica, Sans-Serif; margin-bottom: 2px; font-color:fff; }*/
input.textfield,input.input { display: block; margin: 4px 0; width: 200px; 
		border: solid 1px #CBC5B4;	padding: 2px; font-family: Arial, helvetica, Sans-Serif; 
		font-size: 12px; }
textarea {background-color: #e2dbc8;border: solid 1px #666;}
select { margin: 12px 0; font-family: Arial, helvetica, Sans-Serif; font-size: 12px; }
input.button {display: block; border:none; color: #fff; background: #333 url(../images/bg_formbutton.gif) repeat-x 0 50%; padding: 2px 4px; margin: 0; clear: both; font-size: 10px; width:205px; }
.buttonback {background:url(../images/bg_formbutton.gif) repeat-x 0 50%;}
div.input-container { float: left; margin: 0 25px 0 0; height: 1%; }
legend {font-size:11px; font-weight:bold;}
.dark {background-color: #D8CEB4;}
.lite{background-color: #f1ede4;}

/* FLOATING QUOTE BOX*/
