/*
Theme Name: Indiana - Johnson Brothers Liquor Company
Theme URI: http://johnsonbrothers.com
Description: This is a custom horizontally repeating theme design.
Author: Brave New Media
Version: 1.0
License: GNU General Public License
License URI: license.txt

---------- CSS 3 Styles -----------

border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);
*/

a {
	color: #0B54A9;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.blue {
	background: #0B54A7 url(images/icons/arrow-white.gif) no-repeat right;
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 17px;
	margin: 0 0 15px 0;
	padding: 15px 13px;
	text-transform: uppercase;
}

a.blue:hover {
	background-color: #2368BD;
	text-decoration: none;
}

a#logo {
	background: url(images/logo.png) no-repeat;
	display: block;
	height: 233px;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 176px;
	z-index: 1000;
}

a.underline {
	text-decoration: underline;
}

a.underline:hover {
	text-decoration: none;
}

.aligncenter {
	clear: both;
	float: none;
	margin: 0 auto 15px auto;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

article {
	border-bottom: #EFEFEF solid 2px;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

aside {
	display: block;
	float: left;
	margin: 0;
	padding: 190px 20px 20px 24px;
	width: 131px;
}

.logged-in aside {	
	padding: 165px 20px 20px 24px;
}

aside a {
	color: #fff;
}

aside a:hover {
	color: #fff;
}

aside h1, aside h2, aside h3, aside h4 {
	color: #fff;
}

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	height: inherit;
	margin: 0;
	overflow: visible !important;
	padding: 0;
}

html {
	height: 100%;
}

.bluetext {
	color: #0B54A7;
}

.branches {
	margin: 0 0 0 100px;
	width: 380px;
}

.branches h3 {
	font-size: 23px;
	line-height: 25px;
}

.capitalize {
	text-transform: capitalize;
}

.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
}

.clearleft {
	clear: left;
}

.clearnone {
	clear: none !important;
}

.clearright {
	clear: right;
}

#content {
	background: #fff url(images/bg-aside.png) repeat-y 5px top;
	overflow: visible !important;
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

#contentcontainer {
	background: #fff;
	margin: 0;
	overflow: visible !important;
	padding: 0;
	width: 100%;
}

.dots {
	background: url(images/dots-yellow.gif) repeat;
	height: 20px;
	margin: 5px 0 25px 0;
	text-align: center;
}

footer {
	clear: both;
	display: block;
	height: 25px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 950px;
}

#footercontainer {
	background: #fff url(images/bg-footer.gif) repeat-x;
	bottom: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
}

footer p {
	color: #969999;
	float: right;
	font-size: 13px;
	line-height: 15px;
	margin: 0;
}

footer p a {
	color: #fff;
	text-decoration: none;
}

footer p a:hover {
	color: #fff;
	text-decoration: underline;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	color: #dfbc2f;
	display: inline;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.2px;
	line-height: 22px;
	margin: 0;
	text-shadow: #fff 0px 1px 0, #b49826 0 -1px 0;
	text-transform: uppercase;
	width: auto;
}

.dots h1 {
	background: #fff;
	padding: 0 5px;
	
}

h2 {
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 34px;
	font-weight: normal;
	line-height: 42px;
	margin: 15px 0 29px 0;
	padding: 0;
}

h2.small {
	font: normal normal normal 23px/28px "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
}

article h2 {
	margin: 10px 0;
}

.single-location h2.state {
	background: url(images/hr-state.gif) no-repeat;
	font-size: 48px;
	line-height: 48px;
	padding: 30px 0 0 0;
}

#logotext h2 {
	font-family: 'trajan_proregular';
	font-size: 30px;
	line-height: 32px;
	margin: 0;
	text-align: center;
}

h3 {
	color: #1B56A5;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 21px;
	margin: 0 0 15px 0;
	padding: 0;
}

h3#reply-title, h3#comments {
	border-top: #e96e0a dashed 1px;
	font-size: 17px;
	line-height: 19px;
	padding-top: 10px;
}

h4 {
	color: #333;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}

header {
	display: block;
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 950px;
}

#headercontainer {
	background: url(images/bg-header.gif) repeat-x;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 100%;
}

header a {
	color: #E1BD17;
}

header p {
	color: #E1BD17;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

header #topnav {
	background: #aaa;
	float: right;
	height: 24px;
	margin: 10px 0 25px 0;
	padding: 0;
	width: 600px;
}

.hr {
	background: #EFEFEF;
	border: none;
	clear: both;
	height: 2px;
	margin: 15px 0;
	padding: 0;
}

img {
	border: none;
	display: block;
}

#main {
	background: #fff;
	float: left;
	margin: 0;
	padding: 30px 0 50px 35px;
	width: 740px;
}

.module.dots-half {
	background: url(images/dots-seperator.gif) repeat-y 368px top;
}

.module.dots-third {
	background: url(images/dots-seperator.gif) repeat-y 238px top;
}

.module.dots-twothirds {
	background: url(images/dots-seperator.gif) repeat-y 493px top;
}

.module.half {
	float: left;
	margin: 0 0 15px 30px;
	width: 355px;
}

.module.third {
	float: left;
	margin: 0 0 15px 30px;
	width: 225px;
}

.home .module.third h3 {
	font-size: 23px;
}

.home .module.third h4 {
	font-size: 15px;
}

.module.third .module.half {
	margin: 0 0 15px 25px;
	width: 100px;
}

.module.twothirds {
	float: left;
	margin: 0 0 15px 30px;
	width: 480px;
}

.module.first {
	margin-left: 0 !important;
}

nav {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.printtitle {
	display: none;
}

ol {
	margin: 0 0 15px 25px;
	padding: 0;
}

ol li {
	margin: 0 0 5px 0;
}

p, ul li, ol li, .edit-link, table {
	color: #666;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 10px 0;
	padding: 0;
}

.slide p {
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 13px;
	line-height: 15px;
	margin: 10px 0 0 0;
}

.slideshowcontainer {
	float: right;
	width: 480px;
}

.slideshowcontainer .slidenav {
	float: right;
	position: relative;
	top: -20px;
	z-index: 1000;
}

.slideshowcontainer .slidenav a {
	background: url(images/icons/arrow-prev.gif) no-repeat;
	display: inline-block;
	height: 19px;
	width: 19px;
}

.slideshowcontainer .slidenav a:hover {
	cursor: pointer;
}

.slideshowcontainer .slidenav a.next {
	background: url(images/icons/arrow-next.gif) no-repeat;
	margin-left: 3px;
}

.smalltext {
	font-size: 13px;
	line-height: 18px;
}

nav .smalltext {
	font-size: 12px;
	line-height: 17px;
}

table td {
	padding: 0 0 10px 0;
}

table th {
	color: #666;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	padding: 0 44px 0 0;
	text-align: left;
	text-transform: uppercase;
	vertical-align: top;
}

.times, .times a {
	font-family: "Times New Roman", Times, serif;
}

ul {
	margin: 0 0 15px 20px;
	padding: 0;
}

ul.simple {
	margin: 0 0 10px 0;
}

ul li {
	list-style: disc;
	margin: 0 0 5px 0;
}

ul.arrow li {
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	list-style-image: url(images/icons/arrow-blue.gif);
	margin: 0 35px 10px 0;
}

ul.blue li {
	list-style-image: url(images/icons/bullet-blue.gif);
}

ul.simple li {
	list-style: none;
	margin: 0;
}

/* ----------- Special Formatting ---------------- */

ol.commentlist {
	margin: 10px 0 0 25px;
}

ol.commentlist li {
	border-top: #e96e0a dashed 1px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

ol.commentlist ul { /*--- Comment Children --- */
	margin: 10px 0 0 50px;
	padding: 0;
}

ol.commentlist ul li {
	list-style: none;
}

ol.commentlist ul ul { /*--- Comment Children Children --- */
	margin-left: 10px;
}

ol.commentlist ul li {
	border: none;
	border-top: #ccc dashed 1px;
}

.comment-author.vcard img { /*--- Comment Image Thumbnail (Avatar) --- */
	float: left;
	margin: 0 8px 8px 0;
}

.comment-author.vcard .fn { /*--- Comment "'username' says" text --- */
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin: 0;
	padding: 0;
}

.comment-meta.commentmetadata { /*--- Comment Date Info --- */
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 12px 0;
}

.comment-body, .reply {
	margin: 0 0 0 50px;
	padding: 0;
}

.comment-body p, .reply a {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 6px 0;
}

.form-allowed-tags, .comment-form-comment label {
	display: none;
}

/* ACCORDIAN */

h2.anchor {
	border-bottom: #ddd dashed 1px;
	color: #0B54A7;
	cursor: pointer;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 10px;
	text-transform: capitalize;
}

h2.anchor:hover {
	background: #DEE7F2;
}

article.accontent {
	border-bottom: none;
	margin: 0 !important;
	padding: 10px 10px 0 10px;
}

article.accontent ul {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

article.accontent ul.dots {
	background: url(images/dots-seperator.gif) repeat-y left top !important;
	height: auto;
	margin: 0 0 0 15px;
	text-align: left;
}

article.accontent ul li {
	color: #666 !important;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	list-style-image: url(images/icons/bullet-blue.gif);
	margin: 0 0 10px 15px;
	padding: 0;
	width: 190px;
}

article.accontent ul.dots li {
	color: #666 !important;
	margin: 0 0 10px 30px;
}

article.accontent ul li a {
	color: #0B54A7;
	text-decoration: none;
}

#tabs {
	margin: 15px 0;
	padding: 0;
}

#tabs .ui-tabs-panel {
	border: #C0C0C0 solid 1px;
	margin: -1px 0 0 0;
	*margin: -30px 0 0 0;
	padding: 20px !important;
	position: relative;
	z-index: 0 !important;
}

.ui-tabs-hide {
	display: none;
}

#tabs ul.tabsnav {
	margin: 0 0 0 1px;
	padding: 0;
	position: relative;
	z-index: 100 !important;
}

#tabs ul.tabsnav li {
	border: 1px solid #c0c0c0;
	float: left;
	list-style: none;
	margin: 0 0 0 -1px;
}

#tabs ul.tabsnav li a {
	background: #E0E0E0;
	border: #fff solid 1px;
	border-bottom: 0;
	color: #000;
	display: block;
	font-family: 'ColaborateRegular', Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding: 7px 20px;
}

#tabs ul.tabsnav li a:hover {
	background: #C0C0C0;
	text-decoration: none !important;
}

#tabs ul.tabsnav li.ui-tabs-selected {
	border-bottom: 1px solid #fff;
}

#tabs ul.tabsnav li.ui-tabs-selected a {
	background: #fff;
	color: #000;
}

#tabs ul.tabsnav li.ui-tabs-selected a:hover {
	background: #fff;
	color: #000;
	text-decoration: none !important;
}