* { padding: 0; margin: 0; outline: 0; font-weight: normal; }

body {
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #7d7d7d;
    background: url(http://www.threepeasartlounge.com/css/images/body.jpg) repeat center 0;
    text-align: left;
}

strong { font-weight: bold !important; }

.cl { font-size: 0; line-height: 0; height: 0 !important; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
a img { border: 0; }
a { color: #0054a6; text-decoration: none; }
a:hover { color:#000; }

.center { margin: 0 auto; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }	

#shell { width: 964px; margin: 0 auto; }

h1#logo {
	float: left;
	display: inline;
	height: 116px;
	width: 272px;
	font-size: 0;
	line-height: 0;
}

h1#logo a {
	display: block;
	height: 116px;
	background: url(images/logo.gif);
	text-indent: -4000px;
}

h2.slogan {
	float: right;
	display: inline;
	background: url(images/slogan.gif);
	height: 32px;
	width: 376px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	margin-top: 84px;
}

.navigation {
	background: #fff;
	font-size: 15px; 
	text-transform: lowercase;
	line-height:23px;
	padding:5px 10px;
}
.navigation ul { 
	list-style: none outside; 
	margin: 0 0 0 auto;
	text-align: left;
}
.navigation li { margin-left:10px; display:inline; }
.navigation li a { font-weight: normal; color: #3a1e12;}
.navigation li a:hover { color:#9a3311; }

#content { background: #fff; padding: 10px 11px; margin-top: 8px; min-height: 845px; }

.line {
	background: url(images/line.gif) no-repeat 0 0;
	height: 10px;
	width: 942px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

#footer  {
	background: url(images/footer.gif) no-repeat 0 0;
	width: 100%;
	height: 31px;
}


#content h2 {
	font-size: 18px;
	color: #fff;
	text-transform: lowercase;
	background: #9a3311;
	line-height: 23px;
	padding-left: 5px;
	padding:0 5px 2px 5px;
	font-family: Arial, sans-serif;
}


.side-left { width: 227px; }
.side-left p { padding: 5px; }

.mainbox { width: 461px; margin: 0 13px; }

.current { background:#f3f3f1; margin: 9px 0 14px 0; padding: 16px 15px; }
.current .head { padding-bottom: 5px; }
.current .head h3 { font-size: 18px; color: #383737; font-family: Arial,sans-serif; }
.current .head span { font-size: 12px; color: #383737; font-family: Arial,sans-serif; }
.current img { margin: 0 0 10px 25px; }

.show { padding: 10px 0; }
.show .image { float: left; display: inline; width: 86px; height: 69px; border: 1px solid #c6c5c5; padding: 5px; margin-right: 8px; }
.show .text { float: left; display: inline; width: 350px; }
.show .head { padding-bottom: 5px; }
.show .head h3 { font-size: 14px; }
.show .head h3 a { color: #636363; }
.show .head span { font-size: 13px; color: #636363; }

a.full { font-size: 14px; display: block; margin: 10px 0; }

.past ul { list-style: none outside; padding: 10px 0 0 5px; }
.past li { padding: 2px 0; }

.side-right { width: 228px; }

.side-left, .mainbox, .side-right { float: left; display: inline; }







#bottom { margin: 10px 0 18px 0; color: #f7941d; padding: 16px 13px; background: url(images/bottom.png) repeat 0 0; height :100%; }
#bottom div { height: 175px; }
#bottom div h2 { margin-top: 5px; }
#bottom li { padding: 1px 0 2px 0; }
#bottom a { color: #f7941d; }
#bottom a:hover { color: #fff; }
#bottom .info { float: left; display: inline; width: 232px; border-right:  1px solid #9a3311; }
#bottom .info p { padding: 10px 0; }
#bottom .right { margin-top:20px; margin-right:3px;}

h1#logo-bot {
	height: 78px;
	width: 232px;
	font-size: 0;
	line-height: 0;
}

h1#logo-bot a { 
	display: block;
	background:url(images/logo-bottom.png) no-repeat 0 0;
	height: 78px;
	text-indent: -4000px;
}

#bottom ul { list-style: none  outside;  padding-top: 5px; }
#bottom .links { float: left; display: inline; width: 80px; padding: 0 20px; border-right: 1px solid #9a3311;  }
#bottom h2 { height:39px; font-size:0; line-height:0; text-indent: -4000px; margin:0 !important; }

.artshows { 
	float: left; 
	display: inline;
	width: 120px; 
	padding: 0 10px 0 14px;
	border-right: 1px solid #9a3311; 
}

.artshows h2 { width: 108px; background-image: url(images/bottom-artshows-h2.gif); }
.events h2  { width: 68px; background-image: url(images/bottom-events-h2.gif); }
.blog h2 { width: 52px; background-image: url(images/bottom-blog-h2.gif); }
.links h2 { width: 47px; background-image: url(images/bottom-links-h2.gif); }

.events { float: left; display: inline; width: 85px; padding: 0 16px; border-right: 1px solid #9a3311; }
.blog { float: left; display: inline; width: 155px; padding: 0 0 0 18px; border-right: 1px solid #9a3311; }

h3 span { display: block; font-size: 16px; color: #9a3311; padding: 5px 0 0 5px; line-height: 20px; }

.shows-text { padding: 5px 0; }
.shows-text h3 { font-size: 16px; color: #9a3311; padding: 5px 0 0 5px; }
.shows-text span { display: block; padding: 5px 0 5px 5px; }
.shows-text p { padding-left: 5px; }

.shows-text .image { float: right; display: inline; width: 125px; border: 1px solid #dcdcdc; position: relative;  margin: -20px 0 10px 10px; }
.shows-text .image img { padding: 6px 3px; }

.side-right ul { list-style: none outside; padding: 5px 0 15px 5px; }
.side-right li { padding: 2px 0; }


.post { padding-bottom:5px; }
.post h3 { font-size:16px; color:#9a3311; line-height:20px; }
.post h3 a { color:#9a3311; }
.post h3 a:hover { color:#541D0A; text-decoration: none; }
.post small.date { font-size:12px; display:block; padding-bottom:5px; }

.entry p { padding-bottom:10px; }
.entry ul, .entry ol { padding: 0 0 10px 20px; }

.all-posts { padding-top:10px;}

.side-right ul { padding:0;}
.side-right ul ul{ padding:5px; }
.side-right li { padding:0 0 4px 0; }
.side-right #searchform div { padding:10px 5px; }
.side-right #searchform div { padding:10px 5px; }

.hidden { display:none;}

#cnt { padding:17px 0 30px 0; }

.nav { font-size:11px; height:15px; padding:10px 0;}
.alignleft { float:left; display:inline; }
.alignright { float:right; display:inline; }


p.blog-info { padding:0 5px 10px 5px;}

input, textarea, select { font-size:11px; font-family: Arial, sans-serif;}
input, textarea { padding:3px; border:0; background:#ddd;}
textarea { overflow:auto;}

.post-single .entry{ padding-top:10px;}


#respond { font-size:11px; }
#respond p{ padding-top:10px; }
#respond input { width:200px;}
#respond textarea { width:450px;}
input#searchsubmit,
#respond input#submit { width:120px; cursor:pointer; background: #9a3311; color:#fff; text-transform: uppercase; }
input#searchsubmit { width:70px; margin-left:5px}

ol.commentlist { list-style-type: none; font-size:11px; padding:10px 0; }
ol.commentlist img{ float:right; padding:1px; border:solid 1px #eee; }
ol.commentlist li{ padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #eee; }

#head { margin:10px 0; font-size:0; line-height:0; }

.video { padding: 10px 0 0 3px; }
#video-cnt { height:187px; overflow:hidden; position:relative; }

.video-items { padding-top:8px; }
.video-items ul{ list-style-type: none; list-style-position: outside; height:100%; }
.video-items li{ padding:0; margin:0; height:100%; }
.video-items a{ display:block; border:solid 1px #bcbab8; margin-top:2px; background:#fff; padding:5px; color:#333; position:relative; }
.video-items a:hover, .video-items a.active-video{ background:#ece9e2; }
/*
.video .names { border: solid 1px #bcbab8;  margin-bottom: 2px; }
.video .names a { display: block; color: #65545d; padding: 5px 0; padding-left: 10px; margin-bottom: 0; }
.video .names a:hover, .video .video-active { background: #ece9e2; text-decoration: none; }
*/