/*
CSS  for easttexasgigguide.com
*/

html {
/*	min-width: 996px;*/
} /*IE7*/

body {
	padding: 0;
	margin: 0;
	background-color: #D8D8D8;
	color:#000000;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;
	font-size:10pt;
	font-weight:normal;
}

*{margin:0; padding:0;}

#rap {
	min-width:802px;
	max-width:1302px;
	text-align:left;
	display: block;
	margin: 0 auto;
	padding:0 4px;
	position: relative;
}

#headerbox {
	/* float the header box since it's the 1st div inside the rap. */
	float: left;
	width: 100%;
	position: relative;
	z-index: 99999;
}

#headerdiv {
	height:169px;
	background:#000000 url(images/header/fretboard_full.jpg) repeat-x scroll 0px 0px;
}

#headernav {
	padding: 0 4px;
}

#headernav1 {
	float:left;
	display:block;
}

#headernav2 {
	text-align:right;
	display:block;
}

#sidediv {
	width:192px;
	float:left;
	display:block;
}

#sidediv1,#sidediv2,#sidediv3 {
	padding:4px;
}

#sidediv3 {
	text-align:center;
}

#fullbodydiv {
	/* keep us under the header */
    clear: both;
	padding-top:4px;
}


#contentaddiv {
	padding-left:4px;
	overflow:hidden;
}

#sidedivrap {
/*	min-height:1000px;*/
}
#contentdiv {
	margin: 0 4px;
/*	min-height:1000px;*/
}

#topaddiv,#btmaddiv {
	text-align:center;
	padding:0 0 4px 0;
}
#btmaddiv {
	padding:4px 0 0 0;
}

#footerrap {
clear:both;
	padding-top:4px;
}

#footerdiv {
	display:block;
	background:#333333;
}

/*
#footerdiv_rap1 {
	width:800px;
	float:left;
	display:block;
}

#footerdiv_rap2 {
	width:480px;
	float:left;
	display:block;
}
*/

#footerdiv1,#footerdiv2,#footerdiv3,#footerdiv4,#footerdiv5,#footerdiv6,#footer_refer1,#footer_refer2,#footer_refer3 {
	float:left;
	display:block;
	padding:0 4px;
	width:33%;
	min-height:150px;
}
#footerdiv4,#footerdiv5,#footerdiv6 {
	min-height:50px;
}
#footerdiv2,#footerdiv5,#footer_refer2 {
	width:30%;
}
#footerdiv4,#footer_refer1 {
/* don't let the top floaters make us move when they get too long. */
clear:both;
}
#footer_refer1,#footer_refer2,#footer_refer3 {
	min-height:60px;
}

/* new layout fix */
#footerdiv1 {
	width:40%;
}
#footerdiv2 {
	width:27%;
}
#footerdiv3 {
	width:30%;
}

/* This is a blank div after all the floating divs to force the background box to expand the full height. 
Shameful, I know. */
.shameful_clear_both_div {
	clear:both;
}

#googleSearchUnitIframe {
	background:#FFFFFF;
}


/* Header bar.
	This is the beautiful and famous no-preload no-js CSS rollover method, 
	origin http://wellstyled.com/css-nopreload-rollovers.html, I believe.
	Completely butchered by yours truly to allow a row of DIV A's with 
	different content, some having rollovers, others not. And wow it worked. */

#head1, #head2, #head3, #head4, #head5, #head6, #head7, #head8, #head9, #head10, #head11, #head12, #head13, #head14, #head15, #head16 {
	float: left;
}

#head1 a, #head2 a, #head3 a, #head4 a, #head5 a, #head6 a, #head7 a, #head8 a, #head9 a, #head10 a, #head11 a, #head12 a, #head13 a, #head14 a, #head15 a, #head16 a {
	display: block;
	height:169px;
	border:0;
}

#head1 a {
	width:128px;
}
#head2 a {
	width:117px;
}
#head3 a {
	width:81px;
}
#head4 a {
	width:58px;
}
#head5 a {
	width:88px;
}
#head6 a {
	width:68px;
}

#head7 a {
	width:96px;
}

/* mouseover magic
#head7 a:hover,#head7 a:active {	
	background: url("images/header/slices/fret_87_hover.jpg") 0 0 no-repeat;
	color: #231202;
}
*/

#head8 a {
	width:79px;
}
#head9 a {
	width:87px;
}

/* Forum classes */
hr	 { border: solid 1px #D8D8D8; }

/* This is the outline round the main forum tables */
.forumline	  { border: solid 1px #D8D8D8; }

/* Main table cell colours and backgrounds */
td.row1	 { background: #FFFFFF;}
td.row2	  { background: #E2E2E2;}
td.row3	 { background: #FFFFFF;}

.forumline td {
padding:1px 0 1px 4px;}

th, .thHead {
background: #D8D8D8;
}

.cattitle {
/*	padding: 3px;
	margin: 0 0 1em 0;*/
	font-size:12pt;
	font-weight:bold;
}

#maintable {
	width:100%;
}

.maintitle {
	font-size:16pt;
}

th a {
}

th a:hover {
}

/* other CSS rules */

h1 { 
	font-size:20pt;
}

h2 { 
	font-size:16pt;
	margin:0;
	padding:0;
}

h3 {
	font-size:13pt;
}
 
h4 { 
	font-size:11pt;
}

h5 { 
	font-size:10pt;
}

p { padding-bottom: 1em!important; }

th {font-size:11pt;}
td {font-size:10pt;}

a, a:visited, a:active, a:hover { 
color:#000000;
text-decoration:underline;
}

a:visited, a:active { 
color:#5F5F5F;
}

a:hover {
text-decoration:none;
}

ul {
margin:0;
padding:0;
}

li {
margin:2px 0 0 20px;
padding:0;
}


#headernav, #footerdiv {
color:#ADADAD;
}

#headernav a, #headernav a:visited, #headernav a:active, #headernav a:hover,
#footerdiv a, #footerdiv a:visited, #footerdiv a:active, #footerdiv a:hover {
color:#D8D8D8;
text-decoration:none;
}

#headernav a, #headernav a:visited, #headernav a:active, #headernav a:hover {
text-transform:lowercase;
}

#footerdiv a:active, #footerdiv a:hover {
text-decoration:underline;
}

img {border:0;}
a img {border:0;}

/* Various classes */

.importantlink {
font-weight:bolder;
letter-spacing: 0.3em;
}
.lessimportantlink {
letter-spacing: 0.3em;
}

.small {
font-size:8pt;
}

.smaller {
font-size:87%;
}

.sortarrow {
border:none;
text-decoration:none;
}

/* Avoid changing all the existing phpbb tpls */
.gen { font-size : 10pt; }
.genmed { font-size : 9pt; }
.gensmall {
font-size:8pt;
}

#body_table  {
padding: 0.5em 0.2em 0 0.2em;
}

.featured {
font-size:120%;
}

.entrypanel {
/*border-bottom: solid #333333 4px;
border-right: solid #333333 2px;*/
padding:4px 0;
}

/* Quote & Code blocks */
.code  { font-size: 11px; font-family: Courier, "Courier New", sans-serif; background-color: #CCCCCC; border: solid 1px #d1d7dc }
.quote  { font-style: italic; font-size: 11px; line-height: 125%; background-color: #CCCCCC; border: solid 1px #000 }

/* Copyright and bottom info */
.copyright { 
font-size: 8pt;
/*letter-spacing: -1px;*/
}

#byline {
}

.notice {
border:solid #D8D8D8 1px;
padding:4px;
margin:4px;
background:#FFFFCC;
}

select {
min-width:46px;
}

/* Hide primary/secondary sort keys */
.sortable b { display:none; }

/* Don't crowd the page if empty. */
#artist_img {
min-height:12px;
}
/* artist img page saver. */
#artist_img img {
padding:8px;
/*max-width:800px;*/
max-width:98%;
}

#artist_img_maint {
background-color: #E2E2E2;
padding: 10px;
}

/* song divs */
#artist_mp31,#artist_mp32 {
padding: 10px;
min-width: 400px;
max-width: 600px;
}
#artist_mp32 {
border-top: #E2E2E2 2px solid;
}

/* comment divs */
.commentbox{
background-color: #E2E2E2;
/*min-width: 400px;
max-width: 600px;*/
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 1em;
font-size: 90%;
color: #4A4A4A;
}

.portal_comments {
float:right;
padding-top:20px;
font-size: 90%;
}

.portal_comment {
width: 266px;
}

.home_commentbox{
padding: 8px;
overflow:hidden;
}

/* keep images and things from scootching down past the home comments */
.portal_news_row {
overflow:hidden;
}

/* top calendar fixes */
#headercal {
clear: both;
}

#headercal a .gensmall {
display:none; visibility:collapse;
}

#headercal #calrow .thHead {
text-align:center;
}

#calendar_box_roundies {
margin-top:4px;
}
#calendar_box_roundies .forumline {
border:none;
}
#calendar_box_roundies th {
background:none;
}

/* Fix position of pop-up box on calendar entries */
.dom_overview_abshidden {
margin:32px 0 0 -125px;
}


/* Form elements */
input,textarea, select {
}

input { text-indent : 2px; }

/* The main submit button option */
input.mainoption {
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	font-weight : normal;
}

/* G search box */
fieldset {
	border:0;
}

/* G referral ads */
#refer {
text-align:center;
display: block;
margin: 0 auto;
}
#ff_refer {
text-align:center;
}
#g_ad_link_search {
padding: 4px 0 8px;
}
#ie6_block {
display:none;
}

/* TLA ads */
#sidediv2 ul {
background-color:#FFF;
color:#000;
}


.left { float:left; }
.right { float:right; text-align:right;}


/* special body headers for bands, clubs */
#etgg_page_hdr {
padding: 0 4px;
}
#etgg_page_hdr .h1_float {
float:left;
display:block;
}
#etgg_page_hdr div {
text-align:right;
display:block;
}

.cal_box{display:block}
.cal_box *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.cal_box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  background:#f5f5f5}
.cal_box2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  background:#f7f7f7}
.cal_box3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;}
.cal_box4{
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8}
.cal_box5{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.cal_boxfg{
  background:#FFFFFF}

/* thanks, spiffycorners.com */
.content_spiffy{display:block}
.content_spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.content_spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#f8f8f8}
.content_spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  background:#fafafa}
.content_spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;}
.content_spiffy4{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.content_spiffy5{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.content_spiffyfg{
  background:#FFFFFF}

.content_white{display:block}
.content_white *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.content_white1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#f8f8f8}
.content_white2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e8e8e8;
  border-right:1px solid #e8e8e8;
  background:#fafafa}
.content_white3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;}
.content_white4{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.content_white5{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.content_whitefg{
  background:#FFFFFF}

.boxblk{display:block}
.boxblk *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.boxblk1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #7b7b7b;
  border-right:1px solid #7b7b7b;
  background:#363636}
.boxblk2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c2c2c2;
  border-right:1px solid #c2c2c2;
  background:#292929}
.boxblk3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #292929;
  border-right:1px solid #292929;}
.boxblk4{
  border-left:1px solid #7b7b7b;
  border-right:1px solid #7b7b7b}
.boxblk5{
  border-left:1px solid #363636;
  border-right:1px solid #363636}
.boxblkfg{
  background:#000000}

.box3{display:block}
.box3 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#333333}
.box31{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#5c5c5c}
.box32{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c7c7c7;
  border-right:1px solid #c7c7c7;
  background:#525252}
.box33{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #525252;
  border-right:1px solid #525252;}
.box34{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.box35{
  border-left:1px solid #5c5c5c;
  border-right:1px solid #5c5c5c}
.box3fg{
  background:#333333}

.box_page_hdr{display:block}
.box_page_hdr *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D8D8D8}
.box_page_hdr1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
  background:#e1e1e1}
.box_page_hdr2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#dfdfdf}
.box_page_hdr3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;}
.box_page_hdr4{
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee}
.box_page_hdr5{
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1}
.box_page_hdrfg{
  background:#D8D8D8}

.e2{display:block}
.e2 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E2E2E2}
.e21{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;
  background:#e9e9e9}
.e22{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#e7e7e7}
.e23{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e7e7e7;
  border-right:1px solid #e7e7e7;}
.e24{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.e25{
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9}
.e2fg{
  background:#E2E2E2}

@media print
{
#menu,#headerbox,#sidediv,#footerrap,#ff_refer,#topaddiv,#btmaddiv {display:none;}
.content    {padding: 0px;}
.content a  {text-decoration: underline;}
}