/* texasmusic.org stylesheet */



/* * * * * * * * * * * * * * * * SCREEN STYLES * * * * * * * * * * * * * */
@media screen {

* { /* Set all margins and pad's to zero */
	margin: 0;
	padding: 0;
}
/* Reset top-bottom margins and pad's for these elements to em's and side margins-pads to 5%
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }  */
fieldset { padding: .5em; }


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #444444;
	padding: 0em;
	margin: 0em;
	text-align: center;
	position:static;
	background-color: #000000;
}

a:link { font-weight: bold; color: #F90; text-decoration: underline; }
a:visited { font-weight: bold; color: #F90; text-decoration: underline; }
a:hover { font-weight: bold; color: #FC6; text-decoration: none; }
a:active { font-weight: bold; color: #FC6; text-decoration: none; }

h1 {
	font-size: 2.5em;
	line-height: 1em;
	color:#FF9900;
}
h2 {
	font-size: 1.8em;
	line-height: 1em;
	color:#FF9900;
}
h3 {
	font-size: 1.4em;
	line-height: 1em;
	color:#FF9900;
}
hr.blue { 
	color: #6B99F9;
	background-color: #6B99F9;
	height:1px;
	margin: 1em 0 1em 0;
}
li { margin-left:5%; }
img {border: 1px solid #000; }
img.noborder {border:none; }

/* -------------- CONTAINER ----------------- */
#container { 
	position: relative;
	margin: 0 auto;
	width:800px;
	height:auto;
	text-align:left;
	border:0;
}

/* -------------- CLEAR BOTH ----------------- */
#container br.clear { clear:both; }

/* -------------- QUICKLINKS ----------------- */
#quicklinks { 
	float: right;
	text-align:right;
	color:#FFFFFF;
	font-size:70%;
	margin: 5px 0 0 0;
	font-family: Arial Narrow, Helvetica, sans-serif
}
	#quicklinks ul { 
		list-style-type: none; 
	}
	#quicklinks li { 
		display:inline;
		margin: 0 1em 0 0;
	}
	#quicklinks h3 { display:none; }
	
	#quicklinks a { color:#FFFFFF; font-weight:normal; text-decoration:none; }
	#quicklinks a:link, a:visited { text-decoration: none; }
	#quicklinks a:hover { text-decoration:underline; }


/* -------------- TOP BUTTONS ----------------- */
#top_buttons { 
	float: right;
	font-size:100%;
	margin: 0;
	width: 800px;
	height:213px;
}
	#top_buttons ul { 
		list-style-type: none; 
		display:inline;
	}
	#top_buttons li { 
		margin: 0 0 0 0;
		display:inline;
	}
	#top_buttons li span { display:none; }
	#top_buttons h3 { display:none; }

	#top_buttons a.home { width: 275px; height: 213px; margin-right:16px; float: left;}
	#top_buttons a.store { width: 92px; height: 48px; margin-left: -108px; margin-top: 123px; float: left;}
	#top_buttons a.cowboys_indians { width: 242px; height: 204px; float: left;}
	#top_buttons a.bob_livingston { width: 236px; height: 204px; float: left;}
	
	#top_buttons a.home:hover { background: url(../images/masthead/home_2.jpg) no-repeat; }
	#top_buttons a.store:hover { background: url(../images/masthead/store_2.jpg) no-repeat; }
	#top_buttons a.cowboys_indians:hover { background: url(../images/masthead/cni_2.jpg) no-repeat; }
	#top_buttons a.bob_livingston:hover { background: url(../images/masthead/bob_2.jpg) no-repeat; }


/* -------------- TOP NAV ----------------- */
#top_nav { 
	float: right;
	font-size:100%;
	margin-top: -9px;
	padding-right: 36px;
}
	#top_nav ul { 
		list-style-type: none; 
		display:inline;
	}
	#top_nav li { 
		margin: 0 0 0 0;
		display:inline;
	}
	#top_nav li span { display:none; }

	#top_nav a.about { width: 128px; height: 66px; float: left; }
	#top_nav a.calendar { width: 121px; height: 66px; float: left;}
	#top_nav a.media { width: 90px; height: 66px; float: left;}
	#top_nav a.links { width: 82px; height: 66px; float: left;}
	#top_nav a.photos { width: 97px; height: 66px; float: left;}
	#top_nav a.contact { width: 101px; height: 66px; float: left;}
	#top_nav a.news { width: 79px; height: 66px; float: left;}
	
	#top_nav a.about:hover { background: url(../images/masthead/about_2.jpg) no-repeat; }
	#top_nav a.calendar:hover { background: url(../images/masthead/calendar_2.jpg) no-repeat; }
	#top_nav a.media:hover { background: url(../images/masthead/media_2.jpg) no-repeat; }
	#top_nav a.links:hover { background: url(../images/masthead/links_2.jpg) no-repeat; }
	#top_nav a.photos:hover { background: url(../images/masthead/photos_2.jpg) no-repeat; }
	#top_nav a.contact:hover { background: url(../images/masthead/contact_2.jpg) no-repeat; }
	#top_nav a.news:hover { background: url(../images/masthead/news_2.jpg) no-repeat; }


/* -------------- MASTHEAD ----------------- */
#masthead { 
	width:800px;
	height:270px;
	float: left;
	text-align:left;
	border:0;
	background: url(../images/masthead/background.jpg) no-repeat;
}
	#masthead_links { 
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size:70%;
		margin: 5px 0 0 0;
		float: right;
	}
	#masthead_links ul { 
		list-style-type: none; 
		margin: 0em; 
		padding: 0em;
	}
	#masthead_links li { 
		display:inline;
		margin: 0 1em 0 0;
	}
	
	#masthead_links a { color:#FFFFFF; font-weight:normal; text-decoration:none; }
	#masthead_links a:link, a:visited { text-decoration: none; }
	#masthead_links a:hover { text-decoration:underline; }



/* -------------- CONTENT ----------------- */
#content_container { 
	width:800px;
	height:auto;
	float: left;
	background: url(../images/scanlines_purple.gif);
	margin:0;
}
#content_top { 
	width:800px;
	height:22px;
	background: url(../images/top_purple_800.gif);
	float: left;
}
#content_bottom { 
	width:800px;
	height:22px;
	margin-top:-20px;
	background: url(../images/bottom_purple_800.gif);
	float: left;
}
#content { 
	width:770px;
	height:auto;
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
	float: left;
	margin-right:-30px;
}
#content p { margin: 1em 0 1em 0; }
#content a:link { font-weight: bold; color: #F90; text-decoration: underline; }
#content a:visited { font-weight: bold; color: #F90; text-decoration: underline; }
#content a:hover { font-weight: bold; color: #FC6; text-decoration: none; }
#content a:active { font-weight: bold; color: #FC6; text-decoration: none; }

.news_teaser_text { float:left; width:310px; }
.news_archive_teaser_text { float:left; width:660px; }
.news_teaser_image { float:right; width:100px; background:#666; }
img.news_teaser_image { border:1px solid #000000; }
img.more_purple { float:right; border:0; }

p.posted { color:#FF9900; font-style:italic; }

.polaroid {
	max-width:400px;
	padding:10px;
	background:#EFEFEF;
	border: 1px solid #000;
	color:#333333;
	float:right;
	margin-left:10px;
}
.polaroid img { border: 1px solid #000; margin-bottom:10px; }

.gallery_teaser_polaroid {
	max-width:300px;
	padding:10px;
	background:#EFEFEF;
	border: 1px solid #000;
	color:#333333;
	float:left;
	margin-left:10px;
	text-align:center;
}
.gallery_teaser_polaroid img { border: 1px solid #000; margin-bottom:10px; }
.gallery_teaser_polaroid a:link { text-decoration:none; color:#666666; }
.gallery_teaser_polaroid a:visited { text-decoration:none; color:#666666; }
.gallery_teaser_polaroid a:hover { text-decoration:none; color:#999999;  }

#gallery_selected_image {
	display:table;
	max-width:400px;
	padding:10px;
	background:#EFEFEF;
	border: 1px solid #000;
	color:#333333;
	text-align:center;
}
#gallery_selected_image img { border: 1px solid #000; margin-bottom:10px; }

.gallery_thumb {
	width:auto;
	margin:10px;
	float:left;
}

#content_left { 
	width:360px;
	height:auto;
	float: left;
	margin-right:20px;
}
#content_right { 
	width:360px;
	height:auto;
	float: left;
}
#cd_cover { 
	width:170px;
	height:auto;
	float: left;
}
#song_list { 
	width:180px;
	height:auto;
	float: left;
}
blockquote { background: #222339; margin: 0 1.5em 0 1.5em; padding:1em; }

/* -------------- CALENDAR FORMATTING ----------------- */
.calendar-month {
	font-size: 200%; font-weight: bold; color: #FF9900; line-height:1em;
}
.cal_head {
	font-weight: normal;
	text-align:center;
}
.cal_todaybox {
	background:#CCC;
}
.cal_daybox {
	background:#161729;
}
#content table.calendar {
	width:100%;
}

.calendar {
	font-family: Tahoma, Veranda, sans-serif;
	font-size:1em;
	line-height:normal;
}
td.calendar {
	width:14%;
	height:5em;
	background-color:#161729;
	margin:2px;
	padding:5px;
}
#content a.calendar  { font-weight:normal; }
#content caption.calendar  { display:none; }


/* -------------- HEADER IMAGE REPLACEMENTS ----------------- */
h1#news {
    padding: 42px 0 0 0;
    overflow: hidden;
    background: url(../images/header_news_archive.gif) no-repeat; 
    height: 0px !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	font-size:1em;
}



/* -------------- FOOTER ----------------- */
#footer { 
	width:800px;
	height:auto;
	margin-top:15px;
	float: left;
	text-align:center;
	color:#666666;
	font-size: 60%;
	line-height: 1.5em;
}
#footer a { color:#CCCCCC; text-decoration:underline; }
#footer a:hover { color:#FFFFFF; text-decoration:none; }

/* ------------- FORMS FORMATTING ------------------ */
#input_form { width:auto; }
#input_form table { table-layout:fixed; padding:3px; }
#input_form input { font-size:1em; line-height:normal; }
#input_form textarea { font-size:1em; line-height:normal; }
#input_form select { font-size:1em; line-height:normal; }

fieldset {  
	margin-left:0; margin-right:0; margin-top:10px; margin-bottom:10px;
	padding:10px;
	font-weight:normal;
	line-height:normal;
}
legend {  
	font-weight:bold;
	font-size:160%;
	padding:5px;
	color:#FF9900;
}
label {
	font-weight:normal;
	display: inline;
	text-align: right;
	float: left;
	width: 20%;
	margin:.5em;
}
.radio_buttons {
	font-weight:normal;
	text-align: left;
	float:left;
	width: auto;
	margin:0;
	padding:0;
}
.radio_buttons input { height: 1em; }

.radio_labels label {
	font-weight:normal;
	text-align: left;
	width: 50%;
	line-height: 1em;
}
input { margin:.5em; }
select { margin:.5em; }
br.clear {
	clear: both;
}


/* -------------- INFO GUIDE ----------------- */
#infoguide { 
	float: left;
	text-align:left;
	margin:1em 0 1em 0;
	padding:1em;
	background: #222339;
}
	#infoguide ul { 
		list-style-type: none; 
	}
	#infoguide li { 
		display:inline;
		margin: 0 1em 0 0;
	}
	
	#infoguide a { text-decoration:none; }
	#infoguide a:link, a:visited { text-decoration: none; }
	#infoguide a:hover { text-decoration:underline; }
	
} /* END SCREEN STYLES */



/* * * * * * * * * * * * * * * * PRINT STYLES * * * * * * * * * * * * * */
@media print {

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0em;
	margin: 0em;
}

a:link { font-weight: bold; text-decoration: underline; }
a:visited { font-weight: bold; text-decoration: underline; }
a:hover { font-weight: bold; text-decoration: none; }
a:active { font-weight: bold; text-decoration: none; }

h1 {
	font-size: 2.5em;
	line-height: 1em;
}
h2 {
	font-size: 1.8em;
	line-height: 1em;
}
h3 {
	font-size: 1.4em;
	line-height: 1em;
}
hr.blue { 
	height:1px;
	margin: 1em 0 1em 0;
}
li { margin-left:5%; }
img {border: 1px solid #000; }
img.noborder {border:none; }

/* -------------- CONTAINER ----------------- */
#container { 
	margin: 0 auto;
	width:auto;
	height:auto;
	text-align:left;
	border:0;
}

/* -------------- CLEAR BOTH ----------------- */
#container br.clear { clear:both; }

/* -------------- QUICKLINKS ----------------- */
#quicklinks { display: none; }

/* -------------- TOP BUTTONS ----------------- */
#top_buttons { display: none; }

/* -------------- TOP NAV ----------------- */
#top_nav { display: none; }

/* -------------- MASTHEAD ----------------- */
#masthead { display: none; }

/* -------------- CONTENT ----------------- */
#content_container { 
	width:auto;
	height:auto;
	margin:0;
}
#content_top { display: none; }
#content_bottom { display: none; }
#content { 
	width:auto;
	height:auto;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}
#content p { margin: 1em 0 1em 0; }
#content a:link { font-weight: bold; text-decoration: underline; }
#content a:visited { font-weight: bold; text-decoration: underline; }
#content a:hover { font-weight: bold; text-decoration: none; }
#content a:active { font-weight: bold; text-decoration: none; }

.news_teaser_text { float:left; width:80%; }
.news_archive_teaser_text { float:left; width:80%; }
.news_teaser_image { float:right; width:auto; }
img.news_teaser_image { border:1px solid #000000; }
img.more_purple { display:none; }

p.posted { font-style:italic; }

.polaroid {
	max-width:400px;
	padding:10px;
	background:#EFEFEF;
	border: 1px solid #000;
	color:#333333;
	float:right;
	margin-left:10px;
}
.polaroid img { border: 1px solid #000; margin-bottom:10px; }

.gallery_teaser_polaroid {
	max-width:300px;
	padding:10px;
	background:#EFEFEF;
	border: 1px solid #000;
	color:#333333;
	float:left;
	margin-left:10px;
	text-align:center;
}
.gallery_teaser_polaroid img { border: 1px solid #000; margin-bottom:10px; }
.gallery_teaser_polaroid a:link { text-decoration:none; color:#666666; }
.gallery_teaser_polaroid a:visited { text-decoration:none; color:#666666; }
.gallery_teaser_polaroid a:hover { text-decoration:none; color:#999999;  }

#gallery_selected_image {
	display:table;
	padding:10px;
	background:#EFEFEF;
	border: 1px solid #000;
	color:#333333;
	text-align:center;
}
#gallery_selected_image img { border: 1px solid #000; margin-bottom:10px; }

.gallery_thumb {
	width:auto;
	margin:10px;
	float:left;
}

#content_left { 
	width:45%;
	height:auto;
	float: left;
	margin-right:5%;
}
#content_right { 
	width:45%;
	height:auto;
	float: left;
}
#cd_cover { 
	width:170px;
	height:auto;
	float: left;
}
#song_list { 
	width:auto;
	height:auto;
	float: left;
}
blockquote { background: #EFEFEF; margin: 0 1.5em 0 1.5em; padding:1em; }

/* -------------- CALENDAR FORMATTING ----------------- */
.calendar-month {
	font-size: 200%; font-weight: bold; line-height:1em;
}
.cal_head {
	font-weight: normal;
	text-align:center;
}
.cal_daybox {
	background:#EFEFEF;
}
#content table.calendar {
	width:100%;
}

.calendar {
	font-family: Tahoma, Veranda, sans-serif;
	font-size:1em;
	line-height:normal;
}
td.calendar {
	width:14%;
	height:5em;
	background-color:#161729;
	margin:2px;
	padding:5px;
}
#content a.calendar  { font-weight:normal; }
#content caption.calendar  { display:none; }

/* -------------- FOOTER ----------------- */
#footer { 
	width:100%;
	height:auto;
	border-top:1px solid #666666;
	text-align:center;
	color:#666666;
	font-size: 60%;
	line-height: 1.5em;
}
#footer a { text-decoration:underline; }
#footer a:hover { text-decoration:none; }

/* ------------- FORMS FORMATTING ------------------ */
#input_form { width:auto; }
#input_form table { table-layout:fixed; padding:3px; }
#input_form input { font-size:1em; line-height:normal; }
#input_form textarea { font-size:1em; line-height:normal; }
#input_form select { font-size:1em; line-height:normal; }

fieldset {  
	margin-left:0; margin-right:0; margin-top:10px; margin-bottom:10px;
	padding:10px;
	font-weight:normal;
	line-height:normal;
}
legend {  
	font-weight:bold;
	font-size:160%;
	padding:5px;
	color:#FF9900;
}
label {
	font-weight:normal;
	display: inline;
	text-align: right;
	float: left;
	width: 20%;
	margin:.5em;
}
.radio_buttons {
	font-weight:normal;
	text-align: left;
	float:left;
	width: auto;
	margin:0;
	padding:0;
}
.radio_buttons input { height: 1em; }

.radio_labels label {
	font-weight:normal;
	text-align: left;
	width: 50%;
	line-height: 1em;
}
input { margin:.5em; }
select { margin:.5em; }
br.clear {
	clear: both;
}


/* -------------- INFO GUIDE ----------------- */
#infoguide { 
	float: left;
	text-align:left;
	margin:1em 0 1em 0;
	padding:1em;
	background: #EFEFEF;
}
	#infoguide ul { 
		list-style-type: none; 
	}
	#infoguide li { 
		display:inline;
		margin: 0 1em 0 0;
	}
	
	#infoguide a { text-decoration:none; }
	#infoguide a:link, a:visited { text-decoration: none; }
	#infoguide a:hover { text-decoration:underline; }

} /* END PRINT STYLES */