/**
 * Main CSS file
 *
 * Notes:
 * The key to this layout is three sections that contain the main layout background images.
 *  1. header (contains the navigation)
 *  2. content (background repeats on the y axis to fit dynamic content, seems pretty seemless)
 *  3. footer
 * A negative bottom margin is used to close the gaps between the content div and the footer without
 * messing up the backgrounds, they stay seemless. So the content div's content actually overlays the
 * footer div.
 *
 * There is an extra div, main_content that wraps all of the content. The purpose of this div is to allow
 * us to relatively position the content to close the gap between the header and the content div. Again,
 * the main_content div's content is actually overlaying the header div.
 */
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,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:normal; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}
/**
 * Layout
 */
body {background:#231f20; font:90% Arial, Helvetica, sans-serif; padding-bottom:1em;}
h1, h2, h3, h4, h5, h6 {color:#971b1e; margin-bottom:.75em; font-weight:bold;}
h4 {color:#000; font-size:.9em;}
a {color:#971b1e;}
p {margin-bottom:.75em; font-size:1em;}
strong {font-weight:bold;}
em {font-style:italic;}
#wrapper {width:974px; margin:0 auto;}
#header {width:974px; height:349px; background:#fff url(../img/page-top-bkgd.jpg) top center no-repeat; position:relative;}
#header h1 {text-indent:-9999px;}
#guitars_link a, #drums_link a {display:block; text-indent:-9999px; width:146px; height:102px; position:absolute; top:82px;}
#guitars_link a {left:106px;}
#drums_link a {left:724px;}
#content {width:764px; padding:0 105px; margin-bottom:-305px; min-height:305px; height:auto!important; height:305px; background:#fff url(../img/page-middle-bkgd.jpg) top center repeat-y;}
#main_content {width:764px; position:relative; top:-70px; float:left; z-index:10;}
	#main_content ul {margin-left:30px;}
#footer {width:974px; height:408px; background:#fff url(../img/page-bottom-bkgd.jpg) bottom center no-repeat; position:relative; z-index:1;}

#red_bottom {font-size:.75em; color:#814c46; text-align:center; position:absolute; bottom:5px; left:0; width:100%; float:left; overflow:hidden;}
#red_bottom ul {clear:left; float:left; position:relative; left:50%; text-align:center; margin:0; padding:0; }
#red_bottom li {display:block; float:left; list-style:none;position:relative; right:50%; }
#red_bottom li a {color:#9f736e; text-decoration:none; display:block; margin:0 0 0 1px; padding:3px 10px; }
#red_bottom li a:hover, #red_bottom li a.current {color:#b79c99;}

/*
#centeredmenu { float:left; width:100%; background:#fff; border-bottom:4px solid #000; overflow:hidden; position:relative; }
#centeredmenu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; }
#centeredmenu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; }
#centeredmenu ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; background:#ddd; color:#000; text-decoration:none; line-height:1.3em; }
#centeredmenu ul li a:hover { background:#369; color:#fff; }
#centeredmenu ul li a.active, #centeredmenu ul li a.active:hover { color:#fff; background:#000; font-weight:bold; }
*/


/**
 * Navigation
 * 
 * Notes:
 * -Both ie6 and ie7 do not like a value larger than 17px for right margin on .lavalamp li
 * -The navigation is live text for now, adjust for images once they are finalized
 */
.lavalamp {width:752px; height:34px; background:url(../img/navigation-bkgd.jpg) no-repeat center top; overflow:hidden; position:absolute; top:215px; left:67px; padding:7px 0 7px 89px; /*z-index:0;*/}
.lavalamp li {float:left; list-style:none; margin-right:36px; display:inline; position:relative;}
.lavalamp li.back {background:url(../img/lava.gif) no-repeat right -34px; width:9px; height:34px; position:absolute;}
.lavalamp li.back .left {background:url(../img/lava.gif) no-repeat left top; height:34px; margin-right:9px;}
.lavalamp li a {font-weight:bold; text-decoration:none; color:#971b1e; text-align:center; text-transform:uppercase; z-index:10; display:block; float:left; height:34px; line-height:34px; position:relative; top:0; margin:auto 6px; display:inline; text-indent:-9999px;}
.lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited {border:none;z-index:50;}

#h a {background:url(../img/nav-home.png) center center no-repeat; width:33px; height:34px;}
#g a {background:url(../img/nav-guitars.png) center center no-repeat; width:49px;}
#d a {background:url(../img/nav-drums.png) center center no-repeat; width:41px;}
#a a {background:url(../img/nav-about.png) center center no-repeat; width:39px; z-index:9999;}
#b a {background:url(../img/nav-blog.png) center center no-repeat; width:31px;}
#c a {background:url(../img/nav-community.png) center center no-repeat; width:71px;}
#gg a {background:url(../img/nav-gretsch-goods.png) center center no-repeat; width:97px;}
.lavalamp .star {background:url(../img/nav-star.png) no-repeat; width:23px; height:22px; position:absolute; top:5px; right:-30px; z-index:10;}

/** Buttons **/
#logo a {display:block; text-indent:-9999px; width:425px; height:150px; position:absolute; top:45px; left:275px;}
#guitars_link a, #drums_link a {display:block; text-indent:-9999px; width:148px; height:103px; position:absolute; top:84px;}
#guitars_link a {left:106px; background:url(../img/gretsch-guitars-btn.png) no-repeat;}
#drums_link a {left:724px; background:url(../img/gretsch-drums-btn.png) no-repeat;}
#guitars_link a:hover, #drums_link a:hover {background-position:left -103px;}

/** Graphic Headers **/
#featured_guitarist h2 {width:384px; height:21px; background:url(../img/featured_headers.gif) no-repeat 0 0; text-indent:-9999px;}
#featured_drummer h2 {width:384px; height:23px; background:url(../img/featured_headers.gif) no-repeat 0 -21px; text-indent:-9999px;}
#blog_feed h2 {width:199px; height:19px; background:url(../img/blog-header.gif) no-repeat; text-indent:-9999px;}
/*#free_poster h2 {width:199px; height:19px; background:url(../img/poster-header.gif) no-repeat; text-indent:-9999px;}*/
#free_poster h2 {height:18px; padding-top:7px; padding-left:7px; background:url(../img/callout-bkgd.gif) top left no-repeat;}
#free_poster a {text-decoration:none; font-weight:bold; color:#000;}

#home #featured_guitarist, #home #featured_drummer {height:11em;}
#home #blog_feed {height:15.5em;}
#home #free_poster {height:6.5em;}

/** Callouts **/
.paper {width:236px; margin-right:27px; background:url(../img/callout-top.gif) top center repeat-y; float:left; position:relative; z-index:1; margin-bottom:65px;}
.paper_bottom {width:206px; padding:15px; background:url(../img/callout-bottom.gif) bottom center no-repeat; margin-bottom:-41px; position:relative; z-index:10;}
.paper h3 {margin-bottom:.25em;}
.paper h3 a {font-weight:bold;}
.paper p {margin-bottom:.1em; font-size:90%;}
.last {margin-right:0;}

/** Community **/
.com {padding-left:90px; width:131px; min-height:80px; height:auto!important; height:80px;}
.icon {width:64px; height:64px; position:absolute; top:14px; left:14px;}
.facebook {background:url(../img/com-facebook.gif);}
.twitter {background:url(../img/com-twitter.gif);}
.myspace {background:url(../img/com-myspace.gif);}
.youtube {background:url(../img/com-youtube.gif);}
.gretsch {background:url(../img/com-gretsch.gif);}
/**
 * Classes
 */
.lineheight {line-height:1.25;}
.left_rail {float:left; width:526px; line-height:1.25;}
.right_rail {float:right; width:226px;}
.featured, .sub_feature {padding:0 10px; margin:1em 0; background:#d6c6a4; position:relative; z-index:5;}
.featured p, .sub_feature p {font-size:75%;}
.featured {width:384px; padding-left:132px; float:left;}
.featured img, .featured .img_frame {position:absolute; top:0; left:10px; z-index:10;}
.featured .img_frame {width:110px; height:139px; background:url(../img/img-frame-bkgd.png) no-repeat; z-index:20;}
.rounded {height:11px; position:absolute; left:0; z-index:5;}
.featured .featured_top {width:526px; background:url(../img/featured-top-bkgd.png) top center no-repeat; top:-11px;}
.featured .featured_bottom {width:526px; background:url(../img/featured-bottom-bkgd.png) bottom center no-repeat; bottom:-11px;}
.sub_feature {width:206px; float:right;}
.sub_feature .sub_feature_top {width:226px; background:url(../img/sub-feature-top-bkgd.png) top center no-repeat; top:-11px;}
.sub_feature .sub_feature_bottom {width:226px; background:url(../img/sub-feature-bottom-bkgd.png) bottom center no-repeat; bottom:-11px;}

a.read_more {display:block; text-indent:-9999px; width:96px; height:23px; background:url(../img/read-more-btn.gif) no-repeat 0 -23px; }
a.read_more:hover {background:url(../img/read-more-btn.gif) no-repeat 0 0;}

.fleft {float:left;}
.fright {float:right;}
.imgright {float:right; margin-left:10px;}
.clear {clear:both; height:0; font-size:0;}

/* Paging */
.page-numbers {margin-bottom:1em;}
.page-numbers .current, .page-numbers a {display:inline-block; border:2px solid #fff; padding:5px 10px; margin-right:2px; background-color:#6a0d1a;}
.page-numbers a {text-decoration:none; font-weight:bold; color:#ddd0b8;}
.page-numbers a:hover {background-color:#85101f; color:#fff;}
.page-numbers .current {background-color:#fff; border-color:#ccc; color:#999;}
/* Notices and Errors */
div.message {clear:both; text-align:center; background-color:#ffc; color:#000; border:1px solid #fc0; font-size:140%; font-weight:bold; margin-bottom:1em; padding:.5em;}
div.error-message {clear:both; color:#900; font-weight:bold;}
p.error {background-color:#e32; color:#fff; padding:0.8em; margin:1em 0;}
p.error em {color:#000; font-weight:normal;}
.notice {background:#ffcc00; color:#000; display:block; padding:0.8em; margin:1em 0;}
.success {background:green; color:#fff;}
.success_msg {text-align:center; background-color:#cfc; border:1px solid #9c9; font-weight:bold; margin-bottom:1em; padding:.5em;}
.error_msg {text-align:center; background-color:#fcc; border:1px solid #c99; font-weight:bold; margin-bottom:1em; padding:.5em;}
/* TinyMCE specific rules */
body.mceContentBody {background:#fff; padding:3px; height:100%;}
body.mceContentBody ul, body.mceContentBody ol {margin:.3em 0 1em 40px;}
body.mceContentBody ul li {list-style:square; margin:0 0 .45em;}
/* Google Map */
#map_canvas {font:12px/1.2 Arial, Helvetica, sans-serif !important; float:right; margin:0 0 1em 1em;}
/* Other */
.news_contacts {float:right; width:150px; padding-left:1em; margin-left:1em; border-left:1px solid #ccc;}
.calendar {float:right;}
.calendar a {font-weight:bold;}
.back_link {margin-top:2em;}
.indent {padding-left:15px;}
.nomargin {margin:0;}
.clear {clear:both;}
.center {text-align:center;}
.tright {text-align:right;}
.tleft {text-align:left;}
.fleft {float:left;}
.fright {float:right;}
.imageright {float:right; margin:0 0 5px 10px;}
.imageleft {float:left; margin:0 10px 5px 0;}
.form_container {padding:10px; margin:1em 0; background-color:#eee; border:1px solid #ccc;}
.note {background-color:#ffc; border:1px solid #fc0; margin-bottom:1em; padding:.5em;}
.rtcallout { font-size:80%; line-height: 1.5; width:200px; background:#fff url(../img/callout01-bg.gif) top left no-repeat; padding: .7em 10px; border-left: solid 1px #f6dac8; margin: 0 0 0 15px; float:right;}
.callout02 {font-size: 85%; width:310px; background:#fff url(../img/callout02-bg.gif) top left no-repeat; padding: .7em 10px; border-left: dotted 1px #eaecea; margin: 0 0 0 15px; float:left; margin:4em 50px 2em 0; min-height:4em;}
.pdf {background:transparent url(../img/adobereaderlink.gif) no-repeat scroll right 75%; margin:0; padding:0 12px 0 0;}
.external {padding:0 11px 0 0; margin:0; background:transparent url(../img/extlink.gif) no-repeat right 70%;}
/*#easyTooltip{width:300px; padding:5px 10px; border:1px solid #427045; background:#427045; color:#fff; z-index:150;}*/
#tooltip { font-size:.82em; line-height:1.2; padding:5px 10px; border:2px solid #947849; background:#981a1d; color:#fff; z-index:999; -moz-border-radius:8px; -webkit-border-radius:8px; position:absolute; display:none;}

/* Tables */
table {width:100%; margin-bottom:1em; border-collapse:collapse;}
th {background:#9c7b53; color:#fff; text-align:left;}
th.actions {border:0; text-align:center;}
td.actions {text-align:center;}
th a {color:#fff; font-weight:bold; text-decoration:none;}
td,th {padding:6px 3px; vertical-align:top;}
tr {border-bottom:1px solid #7d603c;}
tr.odd td {background-color:#e5dbcf;}
tr.even td {background-color:#f2ede6;}
/* Calendar Table */
.calendar .cell-title {font-size:1.3em; color:#000; padding-bottom:5px;}
.calendar .cell-title, .calendar .cell-prev, .calendar .cell-next {background:#fff;}
.calendar th, .calendar td {padding:2px; text-align:center;}
.calendar td {height:30px; width:30px; padding:5px 2px 2px 2px;}
.calendar .cell-today {background:#eee; border:1px solid #ccc;}
.calendar .cell-events {font-weight:bold; color:#994713;}
/* Forms */
form img {float:left; clear:both; padding:5px 15px 0 125px;}
fieldset {margin:0 0 1em; padding:1em 1em 0;}
fieldset h2 {margin:0 0 1em;}
legend {font-weight:bold; color:#666666;}
label { float:left; width:110px; margin-right:15px; color:#000; }
input { margin-right:5px; }
.password input, .text input, textarea { width:430px; }
textarea {height:300px;}
input.medium_input {width:300px;}
input.small_input {width:200px;}
textarea.small_input {height:100px;}
textarea.medium_input {height:200px;}
div.input {clear:left; width:570px; padding:0 0 1em; color:#999;}
div.required { background:110px 4px url(../img/required.gif) no-repeat; }
div.time select {width:auto;}
div.checkbox {padding-left:125px; width:455px;}
form div.radio input, form div.checkbox input { float:left; }
form div.radio label, form div.checkbox label { padding-bottom:1em; width:auto; }
div.submit { float:left; clear:left; padding:0 15px 1em 125px; margin:1em 0 0; }
div.submit input { padding:5px 10px; }
form a.cancel { float:left; padding-left:1em; border-left:1px solid #999; margin-top:1em; }
div.after { margin-left:126px; font-size:85%; font-family:Arial, Helvetica, sans-serif;}
div.before { margin-left:126px; color:#c00; font-size:85%; font-family:Arial, Helvetica, sans-serif;}
div.error-message { color:#c00; margin-left:125px; }
/* Contact Form */
#user_form {margin-top:1em; padding-top:1em; border-top:1px solid #ccc;}
#user_form textarea.medium_input {width:300px; height:100px;}
/* Customize Form */
#customize_form .text input {width:225px;}
#customize_form label {width:80px;}
#customize_form .submit {padding-left:95px;}
#customize_form fieldset {background-image:none; border:none; margin-bottom:0;}
/* Application Form */
#application_form {margin-top:1em; padding-top:1em; border-top:1px solid #ccc;}
#application_form textarea {height:125px;}
form .wide_label {padding-left:126px;}
form .wide_label label {width:450px; float:none; display:block;}
form .wide_label .after {margin-left:0;}

/* Months */
.event {clear:left; margin-bottom:1em; float:left; width:450px;}
.month {float:left; width:32px; height:45px; margin-right:.5em; text-align:center; line-height:45px; font-size:1.3em; text-indent:-2px;}
.jan {background:url(../img/months/jan.gif) no-repeat;}
.feb {background:url(../img/months/feb.gif) no-repeat;}
.mar {background:url(../img/months/mar.gif) no-repeat;}
.apr {background:url(../img/months/apr.gif) no-repeat;}
.may {background:url(../img/months/may.gif) no-repeat;}
.jun {background:url(../img/months/jun.gif) no-repeat;}
.jul {background:url(../img/months/jul.gif) no-repeat;}
.aug {background:url(../img/months/aug.gif) no-repeat;}
.sep {background:url(../img/months/sep.gif) no-repeat;}
.oct {background:url(../img/months/oct.gif) no-repeat;}
.nov {background:url(../img/months/nov.gif) no-repeat;}
.dec {background:url(../img/months/dec.gif) no-repeat;}
/* Date Picker Calendar */
a.dp-choose-date {width:20px; height:16px; padding:0; margin:5px 3px 0; display:block; text-indent:-2000px; overflow:hidden; background:url(../img/calendar.gif) no-repeat;}
a.dp-choose-date.dp-disabled {background-position:0 -20px; cursor:default;}
input.dp-applied {width:100px; float:left;}