@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

img {border:none;}

body {
background:url(images/tan-repeating.jpg);
font-family:"trebuchet MS", arial, sans-serif;
}

#top-bg {width:100%; background:url(images/top.jpg) no-repeat top center;}

#wrapper {width:980px; margin:0 auto; padding:0;}

#top-holder  {width:980px; height:120px;}
#top-left {float:left; width:373px; height:113px;}
.top-right {float:right; width:607px;}

#small-nav {height:25px; margin:5px 0 0 0; padding:0; float:right;}
#small-nav ul li {display:inline; font-family:"trebuchet MS", arial, sans-serif; font-size:14px; color:#56160f; margin:0 7px 0 7px;}
#small-nav ul li a {color:#56160f; text-decoration:none;}
#small-nav ul li a:hover {color:#953429;}

#nav {width:580px; height:36px; margin:0 0 0 32px; padding:8px 0 0 15px; background:url(images/nav-bg.png) no-repeat;}
#nav ul li {display:inline; font-family:"trebuchet MS", arial, sans-serif; font-size:16px; color:#fff; margin:0 14px 0 0; text-transform:uppercase;}
#nav ul li a {color:#fff; text-decoration:none;}
#nav ul li a:hover {color:#e6d5ac;}

#tv_link {
	text-indent: -999px;
	display: block;
	float: left;
	width: 180px;
	height: 57px;
	background: url('images/tv.png') no-repeat;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
#tv_link:hover {
	background-position: 10px 0;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

#book-thesouthmen {width:407px; height:50px; float:right;}
#book-thesouthmen a {background:url(images/book-thesouthmen.png) no-repeat; display:block; widows:407px; height:50px;
 -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
#book-thesouthmen a:hover {background-position: 10px 0px;
 -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;}


#home-intro {width:405px; height:251px; float:right; background:url(images/home-intro.png) no-repeat; padding:28px 23px 0 23px; margin:60px 0 0 0;}
#home-intro h1 {font:30px Georgia, "Times New Roman", Times, serif; color:#000;}
#home-intro p {font:14px "trebuchet MS", arial, sans-serif; line-height:24px; margin:5px 0 15px 0;}

#meet-thesouthmen {width:266px; height:27px; float:right;}
#meet-thesouthmen a {background:url(images/meet-thesouthmen.png) no-repeat; display:block; widows:266px; height:27px;
 -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
#meet-thesouthmen a:hover {background-position: 5px 0px;
 -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;}

#fans-holder {margin:141px 0 0 55px; *background:url(images/fans1.jpg) no-repeat; *height:27px; *padding:130px 0 0 0;}
#fans-holder a {color:#000; text-decoration:none; font-size:14px;}
#fans-holder a:hover {color:#444242;}

#hear-thesouthmen {width:259px; height:101px; background:url(images/hear-thesouthmen.jpg) no-repeat;margin:20px 0 0 0; padding:40px 0 0 125px;}
#hear-thesouthmen a {color:#d7d0d0; text-decoration:none; font-size:14px;}
#hear-thesouthmen a:hover {color:#fff;}


#photos_holder {width:550px; height:450px; float:right; padding:30px 0 0 0; }

#photo1 {width:288px; height:250px; float:left;}
#photo1 a {background:url(images/photo1.png) no-repeat; display:block; width:288px; height:250px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
#photo1 a:hover {background-position: 0px -5px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}



#photo2 {width:305px; height:270px; float:right; margin:-150px 0 0 0;}
#photo2 a {background:url(images/photo2.png) no-repeat; display:block; width:305px; height:270px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
#photo2 a:hover {background-position: 5px 5px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}



#photo3 {width:288px; height:250px; float:right; margin:-260px 0 0 0;}
#photo3 a {background:url(images/photo3.png) no-repeat; display:block; width:288px; height:240px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
#photo3 a:hover {background-position: 5px -5px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}




#photo4 {width:288px; height:250px; float:left; margin:-300px 0 0 0;}
#photo4 a {background:url(images/photo4.png) no-repeat; display:block; width:288px; height:240px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
#photo4 a:hover {background-position: -5px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}




#photo5 {width:288px; height:250px; float:left; margin:-180px 0 0 120px;}
#photo5 a {background:url(images/photo5.png) no-repeat; display:block; width:288px; height:240px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
#photo5 a:hover {background-position: 0px -5px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}


#see-us-and-our-fans {width:276px; height:92px; margin:-150px 0 0 0px; float:left;}

#footer {width:980px; height:250px; margin:50px auto 0 auto;}

#footer-nav {width:680px; float:left; margin:20px 0 0 37px;}
#footer-nav ul {margin:0; padding:0; list-style:none; }
#footer-nav ul li {display:inline; font-size:12px;}
#footer-nav ul li a {color:#000; text-decoration:none; margin:0 4px 0 4px; display:inline;}
#footer-nav ul li a:hover {color:#333;}

#utw {width:175px; float:right; font:12px "trebuchet MS", arial, sans-serif; margin:10px 75px 0 0;}

#facebook {width:45px; height:45px; position:fixed; margin:50px 0 0 0;}
#facebook a {display:block; width:45px; height:45px;
background:url(images/facebook.png) no-repeat;
background-position: -5px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

#facebook a:hover {
background-position: 0px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}


#music {width:45px; height:45px; position:fixed; margin:92px 0 0 0;}
#music a {display:block; width:45px; height:45px;
background:url(images/music.png) no-repeat;
background-position: -5px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

#music a:hover {
background-position: 0px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}



#comments {width:45px; height:45px; position:fixed; margin:136px 0 0 0;}
#comments a {display:block; width:45px; height:45px;
background:url(images/comments.png) no-repeat;
background-position: -5px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

#comments a:hover {
background-position: 0px 0px;
 -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}



#on-the-road-again {width:100%; background:url(images/on-the-road-again.jpg) top center no-repeat;}
#news_bg {width:100%; background:url(images/news_bg.jpg) top center no-repeat;}
#meet-the-southmen {width:100%; background:url(images/thesouthmen-bg.jpg) top center no-repeat;}
#southmen-speak {width:100%; background:url(images/southmenspeak_bg.jpg) top center no-repeat;}
#fans-comments {width:100%; background:url(images/fans_comments.jpg) top center no-repeat;}
#photos-bg {width:100%; background:url(images/photos_bg.jpg) top center no-repeat; text-align:center;}
#southmen-space {height:333px;}
#southmen-music {width:100%; background:url(images/music_bg.jpg) top center no-repeat;}



#contact-intro {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; line-height:53px; float:right; margin:60px 0 0 0; width:500px;}
#contact-intro h1 {font-size:60px; }
#news-intro {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; line-height:53px; float:left; margin:60px 0 0px 0; width:550px;}
#news-intro h1 {font-size:50px; }
#comments-intro {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size:20px; line-height:24px; float:left; margin:30px 0 0px 0; padding:0 50px 20px 0; width:350px;}
#comments-intro h1 {font-size:60px; margin:0 0 15px 0; line-height:48px; color:#fff; font-weight:bold;}

#book-info {width:403px; float:right; margin:15px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:24px; color:#000;}
#book-info a {color:#a20404; text-decoration:none;}
#book-info a:hover {color:#c42020;}

#white_bg {width:100%; background:#fff; padding:30px 0 0 0; margin:30px 0 0 0;}
#white_bg2 {width:100%; background:#fff; padding:30px 0 0 0;}

#schedule {width:953px; margin:0 auto;}
#schedule-head {width:953px; background:#000; height:34px; padding: 10px 0 0 25px; color:#fff; font-size:24px; font-family:"Georgia", Times New Roman, Times, serif}

#leave-comment {width:300px; height:122px; background:url(images/leave-comment.jpg) no-repeat; margin:0 70px 0 0; float:right; color:#fff; padding:30px 20px 0 40px; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#leave-comment:hover {cursor:pointer;}

.white25 {font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; margin:240px 0 0 0; width:980px; font-weight:bold; line-height:27px;}
.white60 {font-size:60px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; margin:240px 0 0 0; text-align:center; width:980px; }
.black16 {font:14px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:bold;}
.red24 {font:24px Georgia, "Times New Roman", Times, serif; color:#56160f;}
.tan24 {font:24px Georgia, "Times New Roman", Times, serif; color:#e9d09a;}
.indent {margin:0 0 0 60px;}
.bsa {float:right; margin:0 30px 0 0;}
.redbar {padding:10px 15px; background:#69160e; color:#fff; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; line-height:70px; } 
.redbar2 {padding:10px 15px; background:#69160e; color:#fff; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 0 260px; line-height:15px;} 
.redbar3 {padding:10px 15px; background:#69160e; } 
.arrow {float:right; margin:0 130px 0 0;}

.news {width:420px; padding:10px 30px 30px 30px; color:#000; font-size:14px; font-family:"trebuchet MS", arial, sans-serif; line-height:20px; float:left;}
.news-head {font-size:24px; font-family:"trebuchet MS", arial, sans-serif; color:#69160e; font-weight:bold; text-transform:uppercase; margin:0 0 5px 0;}
.news-sub {font-size:18px; color:#000; margin:0 0 10px 0;}
.news-holder {margin:10px 0 0 15px; width:400px;}
.caption {color:#404040; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; padding:0 10px 10px 15px; width:380px;}
.bsa_small {float:right; margin:-5px 80px 0 0;}

.bio-holder {float:left; width:980px;}
.bio-pic {margin:20px; width:184px; height:180px; float:left;}
.bio {float:left; width:450px; padding:30px 0 0 0; margin:20px 0 0 0;}
.bio p {font-size:14px; line-height:24px; }
.bio-name {font-size:60px; color:#69160e; font-family:Georgia, "Times New Roman", Times, serif; line-height:60px;}
.bio-position {font-size:24px; color:#000; font-family:Georgia, "Times New Roman", Times, serif;}

.clear {clear:both; margin:0; padding:0; height:0px;}
.fltrt {float:right;}
.fltlft {float:left;}

.schedule-even {width:953px; height:40px; padding:5px 0 0 25px; font-size: 14px;}
.schedule-odd {width:953px; height:40px; background:url(images/grey.jpg) no-repeat; padding:5px 0 0 25px; font-size: 14px;}
.schedule-even:hover, .schedule-odd:hover {background:#fbffcd; cursor:pointer;} 

.date {width:60px; float:left;}
.day {width:60px; float:left;}
.time {width:70px; float:left;}
.location {width: 240px; float: left; }
.venue {width:220px; float:left;}
.address {width: 303px; float: left; }

.bubble-holder {width:477px; background:url(images/bubble-middle.jpg) repeat-y; float:left; margin:5px;}
.bubble-top {width:477px; height:68px; background:url(images/bubble-top.jpg) no-repeat;}
.bubble-bottom {width:477px; height:132px; background:url(images/bubble-bottom.jpg) no-repeat;}
.bubble-text {padding:0 60px; font-family:"trebuchet MS", arial, sans-serif; font-size:14px; line-height:24px;}

#all-photos {width:940px; margin:0 auto; text-align:left;}

#news-photo {margin:10px; width:150px; float:left; padding:5px; border:1px solid #999; display:block;}
#news-photo img {
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity .3s linear;
	}	
 
#news-photo img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity .3s linear;
	}



#photo-holder {margin:10px; width:200px; height:150px; float:left; padding:5px; border:1px solid #999; display:block;}
#photo-holder img {
	opacity: 0.8;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity .3s linear;
	}	
 
#photo-holder img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity .3s linear;
	}

.photo-event {font-size:40px; color:#69160e; font-family:Georgia, "Times New Roman", Times, serif; line-height:40px; margin:0 0 0 30px;}
.photo-sub {font-size:24px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 0 30px;}

* {outline:none;}

.speak {float:left; margin:0 0 0 10px;}

#southmen-speak-holder {width:980px;}
#southmen-speak-holder h1 {font-size:60px; color:#69160e; font-family:Georgia, "Times New Roman", Times, serif; line-height:60px;}
#southmen-speak-holder h2 {font-size:25px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; line-height:40px; font-weight:normal;}
.month-speaker {font-size:14px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; font-weight:bold;}
.month-speaker a {color:#69160e; text-decoration:none;}

.speaker-image {margin:0 0 0 15px; float:left;}
.speaker-text {width:460px; float:left; margin:0 0 0 15px;}
.speaker-text a {color:#69160e; text-decoration:none; font-weight:bold;}

.speaker-archive {float:left; margin:0 0 0 20px; border:1px solid #CCCCCC; padding:10px;}
.speaker-archive h3 {font-size:20px; background:#69160e; color:#fff; padding:10px; font-family:Georgia, "Times New Roman", Times, serif; line-height:22px; margin:0 0 10px 0;}
.entry {padding:10px; color:#000; text-decoration:none;}
.entry:hover {background:#fbffcd; cursor:pointer;}
.entry a {text-decoration:none; color:#000;}
.divider {height:1px; width:250px;background:#69160a; clear:both; margin:10px auto 10px auto;}

a {text-decoration:none;}


#cd_bg {
	width:980px;
	height:666px;
	background:url(images/cd_bg.jpg) no-repeat;
}

#cd_left {
	width:272px;
	float:left;
	color:#434141;
	font:24px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align:center;
	margin:278px 0 0 67px;
}

#cd_right {
	float:right;
	width:607px;
	margin:0 25px 0 0;
	padding:18px 0 0 0px;
	}

#songs_col {
	width:280px;
	float:left;
	margin:0 0px 0 15px;
	}
	
	
	
#songs_col ul {
	font:14px/30px Georgia, "Times New Roman", Times, serif;
	list-style:none;
	}	
#songs_col ul li {
	background:url(images/song_divider.png) no-repeat bottom left;
	} 

#songs_col ul li a, #songs_col ul li a:hover {color:#000; text-decoration:none;} 
 
 
#cd_title {
	width:607px;
	font-size:24px;
	color:#fff;
	text-align:center;
	font:bold 24px Georgia, "Times New Roman", Times, serif;
	margin:0 0 20px 0;
	
}

#buy_now {
	width:272px;
	height:67px;
	background:url(images/buy_now.jpg) no-repeat;
	margin:0 0 20px 0;
	}
	
#buy_now:hover {
	background-position: 0 -67px;
	}
	
.listen {
	float:right;
	margin:3px 6px 0 0;
	}
	
#tv_info {
	width: 500px;
	margin: 15px auto;
	padding: 15px;
	background-color: #fff;
}

#tv_info p {
	padding: 5px 0 10px 0;
	line-height: 1.25;
}

#tv_info h2 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-weight: normal;
	font-size: 32px;
	color: #69160e;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#tv_info ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	float: left;
}
#tv_info ul li {
	margin: 0;
	padding: 5px 0;
	float: left;
	clear: both;
}
#tv_info ul li span { float: left; }
#tv_info ul li .day {
	width: 50px;
	font-weight: bold;
}
#tv_info ul li .time { width: 50px; }
#tv_info ul li .info { font-size: 12px; }