/* 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-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 { font-size: 1.8em; color:#FF9900; margin-bottom:0; line-height:1em; }
h2 a:link { text-decoration: underline; }
h2 a:visited { text-decoration: underline; }
h2 a:hover { text-decoration: none; }
h2 a:active { text-decoration: none; }

h3 { font-size: 1.3em; color:#FF9900; margin-bottom:0; line-height:1em; }
h3 a:link { text-decoration: underline; }
h3 a:visited { text-decoration: underline; }
h3 a:hover { text-decoration: none; }
h3 a:active { text-decoration: none; }


hr.blue { 
	color: #6B99F9;
	background-color: #6B99F9;
	height:1px;
	margin: 1em 0 1em 0;
}

/* -------------- 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 a { color:#FFFFFF; font-weight:normal; text-decoration:none; }
	#quicklinks a:link, a:visited { text-decoration: none; }
	#quicklinks a:hover { text-decoration:underline; }
	
	#quicklinks h3 { display:none; }


/* -------------- 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; }


/* -------------- HEADER IMAGE REPLACEMENTS ----------------- */
h1#news {
    padding: 42px 0 0 0;
    overflow: hidden;
    background: url(../images/header_frontpagenews.gif) no-repeat; 
    height: 0px !important; /* for most browsers */
    height /**/:40px; /* for IE5.5's bad box model */
	font-size:1em;
}
h2#calendar {
    padding: 42px 0 0 0;
    overflow: hidden;
    background: url(../images/header_calendar_home.gif) no-repeat; 
    height: 0px !important; /* for most browsers */
    height /**/:42px; /* for IE5.5's bad box model */
	color:#0C303D;
}
h2#join {
    padding: 32px 0 0 0;
    overflow: hidden;
    background: url(../images/header_join_email.gif) no-repeat; 
    height: 0px !important; /* for most browsers */
    height /**/:32px; /* for IE5.5's bad box model */
	color:#0C303D;
}
h2#media {
    padding: 35px 0 0 0;
    overflow: hidden;
    background: url(../images/header_media_center_home.gif) no-repeat; 
    height: 0px !important; /* for most browsers */
    height /**/:32px; /* for IE5.5's bad box model */
	color:#0C303D;
}


/* -------------- MASTHEAD ----------------- */
#masthead { 
	width:800px;
	height:270px;
	float: left;
	text-align:left;
	border:0;
	background: url(../images/masthead/background.jpg) no-repeat;
	/* background: #666666; */
}
	#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; }


/* -------------- LEFT SIDE ----------------- */
#left_side { 
	width:450px;
	height:auto;
	float: left;
	/* background: #333333; */
	background: url(../images/scanlines_purple.gif);
}
#left_side_top { 
	width:450px;
	height:20px;
	background: url(../images/top_450.gif);
}
#left_side_bottom { 
	width:450px;
	height:20px;
	margin-top:-20px;
	background: url(../images/bottom_450.gif);
}

/* -------------- CONTENT ----------------- */
#content { 
	width:420px;
	height:auto;
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}
#content p { margin: 1em 0 1em 0; }

.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; }
img.more { float:right; border:0; }



/* -------------- RIGHT SIDE ----------------- */
#right_side { 
	width:340px;
	margin-left: 10px;
	height:auto;
	float: left;
	text-align:left;
}

/* CALENDAR BOX */
#calendar_box { 
	width:340px;
	height:auto;
	margin-bottom: 10px;
	/* background: #333333; */
	background: url(../images/scanlines_green.gif);
}
#calendar_box_top { 
	width:340px;
	height:20px;
	margin-bottom: 0;
	background: url(../images/top_340.gif);
}
#calendar_box_bottom { 
	width:340px;
	height:20px;
	background: url(../images/bottom_340.gif);
	margin-bottom: 0;
}
#calendar_box_content { 
	width:300px;
	height:auto;
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}

/* EMAIL BOX */
#email_box { 
	width:340px;
	height:auto;
	margin-bottom: 10px;
	/* background: #333333; */
	background: url(../images/scanlines_green.gif);
}
#email_box_top { 
	width:340px;
	height:20px;
	margin-bottom: 0;
	background: url(../images/top_340.gif);
}
#email_box_bottom { 
	width:340px;
	height:20px;
	background: url(../images/bottom_340.gif);
	margin-bottom: 0;
}
#email_box_content { 
	width:300px;
	height:auto;
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}

/* MEDIA BOX */
#media_box { 
	width:340px;
	height:auto;
	margin-bottom: 10px;
	/* background: #333333; */
	background: url(../images/scanlines_green.gif);
}
#media_box_top { 
	width:340px;
	height:20px;
	margin-bottom: 0;
	background: url(../images/top_340.gif);
}
#media_box_bottom { 
	width:340px;
	height:20px;
	background: url(../images/bottom_340.gif);
	margin-bottom: 0;
}
#media_box_content { 
	width:300px;
	height:auto;
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}

#right_side h3 { font-size: 1.3em; color:#FF9900; margin-bottom:0; }
#right_side p { margin: .5em 0 1em 0; }
#right_side fieldset { border:0; }
#right_side legend { display:none; }
#right_side label { display:none; }

#events_teaser_text { float:left; width:200px; }
#events_teaser_image { float:right; width:100px; }
#events_teaser_image img { border:1px solid #000000; }



/* -------------- CALENDAR FORMATTING ----------------- */
#mini_calendar { float:right; background: #0C303D; padding:.5em; }
#mini_calendar.calendar-month {
	font-size: 200%; font-weight: bold; color: #F90; line-height:1em;
}
#mini_calendar.cal_head {
	font-weight: normal;
	text-align:center;
}
#mini_calendar .cal_todaybox {
	background:#12212A;
	font-size:90%;
	line-height:normal;
	padding:2px;
}
#mini_calendar .cal_daybox {
	background: none;
}
#mini_calendar .calendar {
	font-size:90%;
	line-height:normal;
}
#mini_calendar td.calendar {
	width:14%;
	height:auto;
	padding:2px;
}
#content .calendar a { font-weight:normal; }



/* -------------- 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; }

} /* END SCREEN STYLES */




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

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

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-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2 { font-size: 1.8em; margin-bottom:0; line-height:1em; }
h2 a:link { text-decoration: underline; }
h2 a:visited { text-decoration: underline; }
h2 a:hover { text-decoration: none; }
h2 a:active { text-decoration: none; }

h3 { font-size: 1.3em; margin-bottom:0; line-height:1em; }
h3 a:link { text-decoration: underline; }
h3 a:visited { text-decoration: underline; }
h3 a:hover { text-decoration: none; }
h3 a:active { text-decoration: none; }


hr.blue { 
	color: #6B99F9;
	height:1px;
	margin: 1em 0 1em 0;
}

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

/* -------------- 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; }


/* -------------- LEFT SIDE ----------------- */
#left_side { 
	width:auto;
	height:auto;
}
#left_side_top { display:none; }
#left_side_bottom { display:none; }

/* -------------- CONTENT ----------------- */
#content { 
	width:auto;
	height:auto;
	padding: 0 15px 0 15px;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}
#content p { margin: 1em 0 1em 0; }

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


p.posted { font-style:italic; }
img.more { display:none; }



/* -------------- RIGHT SIDE ----------------- */
#right_side { 
	width:auto;
	height:auto;
	text-align:left;
}

/* CALENDAR BOX */
#calendar_box { 
	width:auto;
	height:auto;
	margin-bottom: 10px;
}
#calendar_box_top { display:none; }
#calendar_box_bottom { display:none; }
#calendar_box_content { 
	width:auto;
	height:auto;
	padding: 0 15px 0 15px;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}

/* EMAIL BOX */
#email_box { 
	width:auto;
	height:auto;
	margin-bottom: 10px;
}
#email_box_top { display:none; }
#email_box_bottom { display:none; }
#email_box_content { 
	width:auto;
	height:auto;
	padding: 0 15px 0 15px;
	color: #FFFFFF;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}

/* MEDIA BOX */
#media_box { 
	width:auto;
	height:auto;
	margin-bottom: 10px;
}
#media_box_top { display:none; }
#media_box_bottom { display:none; }
#media_box_content { 
	width:auto;
	height:auto;
	padding: 0 15px 0 15px;
	font-size: 70%;
	text-align:left;
	line-height: 1.2em;
}

#right_side h3 { font-size: 1.3em; margin-bottom:0; }
#right_side p { margin: .5em 0 1em 0; }
#right_side fieldset { border:0; }
#right_side legend { display:none; }
#right_side label { display:none; }

#events_teaser_text { float:left; width:auto; }
#events_teaser_image { float:right; width:auto; }
#events_teaser_image img { border:1px solid #000000; }



/* -------------- CALENDAR FORMATTING ----------------- */
#mini_calendar {  display:none; }
#content .calendar a { font-weight:normal; }



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


}