@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Arbutus);
@import url(http://fonts.googleapis.com/css?family=Arbutus+Slab);
body{
	
	background-image:url(../images/bg_site.jpg), url(../images/bg_body.jpg);
	background-repeat:repeat-y, no-repeat;
	background-position:center, center;
	background-size:1040px, cover;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	 }
a{color:#000000;}
a:hover{color:#6f1e1e;}	 
h1{font-family:'Arbutus Slab', sans-serif; color:#6f1e1e; font-size:24px; margin:0 0 5px 0; text-transform:uppercase; font-weight:normal;}
h2{font-family:'Arbutus Slab', sans-serif; color:#411807; font-size:14px; margin:0 0 0px 0; text-transform:uppercase; font-weight:normal;}
h3{font-family:'Arbutus Slab', sans-serif; color:#411807; font-size:14px; margin:15px 0 0px 0; text-transform:uppercase; font-weight:normal;}
p{font-family:'Arbutus Slab', sans-serif; color:#000000; font-size:12px; line-height:18px; font-weight:normal; margin:0 0 10px 0}

/** 
* SilverStripe Mobile Theme http://www.silverstripe.com
*/
/* Misc Styles and defaults 
-------------------------------------------- */
* { margin:0; padding:0; }
html {/* background:#626467 url(../images/bg.gif) repeat;*/ }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
img { /* max-width:320px;*/max-width: 99%;
    height: auto; }
.clear { clear:both; }
/* CONTAINER */
#Container {/* background:#ffffff; */padding:0 0 5px 0;	/*width:100%;*/ width:100%; margin:0 auto; }
#Layout { /* padding:10px 15px;*/ }
/* HEADER */
#Header { /*background: #58ade1 url(../images/header.gif) repeat-x left center;*/ width:100%; height:120px;  margin:0px 0 0px 0; background-image:url(../images/bg_nav.png); background-repeat:repeat-x;  }
#Header h1 { color:#fff; padding:10px 0 10px 10px; }
#Header p { color:#fff; clear:left; font-size:12px; font-weight:bold; margin:0 0 0 10px; }
#logo{ width:189px; height:120px; display:block; cursor:pointer; background-image:url(../images/logo_adairs-saloon.png);  top:0px; z-index:0;   position:absolute;left:50%;margin-left:-85px; }

/* NAVIGATION */
.nav{ display:block; background-repeat:no-repeat;  }
.nav span{display:none;}

nav#secondary{float:right; width:330px; margin-top:5px}
nav ul{margin:0; padding:0; list-style-type:none;}
nav ul li{float:left;}
/*nav span {display:none;}*/
nav#secondary ul li{margin:0 8px}
nav#nav_left ul li, nav#nav_right ul li{margin:0 0 0 0;}
nav#nav_left {float:left;z-index:20; position:absolute}
nav#nav_right{float:right;z-index:20; position:absolute; margin-left:210px; }
.nav_primary{padding:47px 0 0 7px}
.nav_divider{ width:7px; min-height:7px; background-image:url(../images/nav_star.png); background-repeat:no-repeat;}

/* PRIMARY NAVIGATION */
.live-music{width:42px; height:7px; background-image:url('../images/nav_live-music_off.png');}
.live-music:hover, .live-music.current{background-image:url('../images/nav_live-music_off.png');}
.food-and-drink{width:45px; height:7px; background-image:url('../images/nav_food-and-drink_off.png');}
.food-and-drink:hover, .food-and-drink.current{ background-image:url('../images/nav_food-and-drink_off.png');}
.photos{width:42px; height:7px; background-image:url('../images/nav_photos_off.png'); display:none;}
.photos:hover, .photos.current{ background-image:url('../images/nav_photos_off.png');}
.experience-deep-ellum{width:42px; height:7px; background-image:url('../images/nav_deep-ellum_off.png');display:none;}
.experience-deep-ellum:hover, .experience-deep-ellum.current{ background-image:url('../images/nav_deep-ellum_on.png');}
.location{width:36px; height:7px; background-image:url('../images/nav_location_off.png');}
.location:hover, .location.current{ background-image:url('../images/nav_location_off.png');}
.store{width:70px; height:7px; background-image:url('../images/nav_store_off.png');display:none;}
.store:hover, .store.current{background-image:url('../images/nav_store_off.png');}
.contact{width:33px; height:7px; background-image:url('../images/nav_contact_off.png');}
.contact:hover, .contact.current{background-image:url('../images/nav_contact_off.png');}

/* FOOTER */
#Footer { /*background:#4EA3D7; */clear:both; margin:10px; padding:10px 15px; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#Footer p { color:#fff; font-size:11px; text-align:center; }
#Footer a { color: #fff; text-decoration:none; }
#Footer a:hover { color:#fff; text-decoration:underline; }
/* PAGE COMMENTS */
#PageComments_holder { border-top:1px solid #CCCCCC; padding-top:18px; }
#CommentHolder ul { margin:0; padding:0; list-style:none; }
#CommentHolder li { margin:0; padding:0; list-style:none; }
#PageComments li  { border-bottom:1px solid #CCCCCC; margin:0 0 18px 0; padding:0 0 18px 0; }
#PageComments .info { font-size:12px; font-style:italic; }
#PageComments .actionLinks { overflow:hidden; }
#PageComments .actionLinks li { border:none; display:block; float:left; margin:0 9px 0 0; padding:0; }
#DeleteComments, #CommentsRSSFeed { margin-bottom:0; padding:0; font-size:12px; }
.typography .spamlink, .typography .deletelink { background:#3E91C4; color:#FFFFFF; font-size:12px; padding:3px 6px; text-align:center; }

.promo{ background-color:#c5c2c2; padding:6px; float:left; margin:0 1px}
#content-container{width:280px; /*height:168px;*/}
#content-container header { height:21px; background-image:url(../images/bg_map-header.jpg); background-repeat:repeat-x; background-position: right 1px}
#content-container header h2{ display:block; padding:5px 15px; width:120px; font-family: 'Dosis', sans-serif; font-size:13px; line-height:16px; font-weight:normal; color:#95a54a;text-transform:uppercase; background:#ffffff; border-top:1px solid #b5b5b0;border-left:1px solid #b5b5b0;border-right:1px solid #b5b5b0;}
.content{
    padding: 0px 13px 0px 13px;
	width:300px;
	margin:0 auto;
}
.nav_container{width:300px; margin:0 auto;}
.location-container{ width:100%; margin:10px 0 0 0}
/*.location{clear:both; margin:0 0 20px 0; width:100%; min-height:45px}*/

.location header{ width:45px;height:45px; float:left; background-image:none !important; }
.location .contact-info{width:140px; height:45px; float:left; margin:0 0 0 10px}
.location footer{width:50px; height:45px; float:left; text-align:center;font-size:7px; font-weight:bold;   }
.location-city{ font-size:12px; font-weight:bold; margin:0 0 2px 0; display:inline-block}
.location-phone{ font-size:12px; font-weight:bold; margin:4px 0 0 0; display:inline-block}
.txt-block{ width:100px; margin:0 0 8px 0}
.txt-block a{font-size:12px; font-weight:bold;}

#events{list-style-type:none;}
#promos{width:250px; margin:0 auto 20px auto;}
#live-music{width:199px; height:151px; padding:45px 0 0 45px; background-image:url(../images/bg_next-show.png); background-repeat:no-repeat; float:left;display:none;}
#live-music p{ font-family:'Arbutus', sans-serif; color:#6f1e1e;font-size:14px; line-height:19px; text-transform:uppercase; margin:0 0 8px 0; padding:0px;}
#live-music artist{}
#live-music time{}
#live-music cost{}
#live-music p.md{font-size:11px; line-height:16px;}
#live-music p.sm{font-size:11px;}
#live-music .details{float:left; width:150px; margin-right:10px;}
#live-music .photo{float:left; width:160px; height:210px; overflow:hidden; border:none; background:none; display:none;}
#live-music .event-image{max-width:160px; max-height:210px;}
.no-link-formatting{ text-decoration: none; color:#6f1e1e}

#happy-hour{clear:left; width:240px; height:65px;float:left;}
hr{height:31px; background-image:url(../images/divider_odd.png); background-repeat:no-repeat;clear:both; border-color:transparent !important}
.event_image{
	
	width:160px;
	height:210px;
	}
article.event{width:300px;}

article.event.odd footer{ height:10px; background-image:url(../images/divider_odd.png); background-repeat:no-repeat;clear:both;}	
article.event.even footer{ height:10px; background-image:url(../images/divider_even.png); background-repeat:no-repeat; clear:both;}	
.event_details{float:left; color:#65270d; font-size:11px; font-family:'Arbutus Slab', sans-serif;}
.event_details header{width:60px;margin-left:15px; min-height:40px; background-color:#c9ac6b; padding:10px 10px;float:left;}
.event_details footer{width:50px; float:left; background-image:none !important; clear:none !important;  padding:10px 0 0 10px; text-transform:uppercase}
.event_description{width:130px; float:left; padding:10px 0 0 10px;}
.event_calendar_image{max-width:250px; text-align:left; margin-right:15px; margin-bottom:15px; float:left;}
.copy_sm p{font-size:16px !important; line-height:24px;}
img.left{width:50%;}
.location_map img.left{width:90%;}