@charset "UTF-8";
@import url("/styles/main.css");
html {
	overflow: auto;
}
body {
	background-color: #000;
}
body.category-news-events, body.s-category-news-events {
	background-image: url(/images/smoke-news.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.category-press, body.s-category-press, body.four04, body.search {
	background-image: url(/images/smoke-press.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.category-videos, body.s-category-videos, body.pageid-667 {
	background-image: url(/images/smoke-videos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.pageid-4 {
	background-image: url(/images/smoke-discover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.pageid-2, body.pageid-275, body.pageid-280, body.pageid-283, body.pageid-285, body.pageid-316, body.pageid-325, body.pageid-838 {
	background-image: url(/images/smoke-about.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.contact-us, body.pageid-330 {
	background-image: url(/images/smoke-contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.pageid-store-finder {
	background-image: url(/images/smoke-shop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
* {
	margin: 0px; /* needed for sticky footer  */
}
.wrapper-sticky-footer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -45px;
	margin-left: auto;
}
.sticky-footer {
	height: 45px;
	background-color: #0D0D0D;
}
.push {
	height: 45px;
}
.clear {
	clear: both;
}
.sticky-footer-content {
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	font-size: 0.75em;
	line-height: 40px;
}
.twitter {
	margin-top: -60px;
	float: left;
}
.facebook {
	float: left;
	margin-left: -36px;
	padding-top: 8px;
}
.sticky-spacer {
	height: 74px;
}
.footer-main {
	float: left;
	margin-left: 20px;
}
.footer-copyright {
	float: right;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.aligncenter {
	margin-right: auto;
	margin-left: auto;
}
.wp-caption-text {
	text-align: center;
}

.main-content-wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

.top-transparent {
	background-color: #FFF;
	filter:alpha(opacity=09);
	-moz-opacity:0.09;
	-khtml-opacity: 0.09;
	-ms-filter:"alpha(opacity=09)";
	filter: alpha(opacity=09);
	opacity: 0.09;
}

.cssmenu {
	margin-top: 16px; /* compensates for margin: 0px used by sticky footer  */
}

.xoxo li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin-left: -20px;
	font-size:1.15em;
	color: #FFF;
	line-height: 15px;
}

.sidebar {
	float:left;
	width:172px;
	margin-left: 22px;
}
.container {
	width:606px;
	margin-left: 208px;
	margin-bottom: 100px;
}

.wide-box {
	width: 584px;
	padding: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.hentry {
	width: 584px;
	padding: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.narrow-box {
	width: 286px;
	padding: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.skinny-box {
	width: 173px;
	padding: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.medium-box {
	width: 360px;
	padding: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.dialog2 {
	 position:relative;
	 margin:0px auto;
	 min-width:8em;
	 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
	 color:#CCC;
	 z-index:1;
	 margin-left:12px; /* default, width of left corner */
	 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog2 .content,
.dialog2 .t,
.dialog2 .b,
.dialog2 .b div {
	background:transparent url(/images/rounded-white.png) no-repeat top right;
	_background-image:url(/images/rounded.gif);
}

.dialog2 .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 14px;
	padding-left: 4px;
}

.wide-box .dialog2 img {
	float: right;
	margin-left: 14px;
}

.narrow-box .dialog2 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
}

.dialog2 .content p, .dialog2 .content .left, .dialog2 .content ul {
	font-size:0.8em;
	line-height: 1.2em;
}

.dialog2 .t {
	 /* top+left vertical slice */
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:12px; /* top slice width */
	 margin-left:-12px;
	 height:100%;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}

.dialog2 .b {
	 /* bottom */
	 position:relative;
	 width:100%;
}

.dialog2 .b,
.dialog2 .b div {
	height:12px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog2 .b {
	background-position:bottom right;
}

.dialog2 .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog2 .hd,
.dialog2 .bd,
.dialog2 .ft {
	position:relative;
}

.dialog2 .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog2 h1,
.dialog2 p {
	margin:0px;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
}

.dialog2 h1 {
	padding-bottom:0px;
	font-size: 1.05em;
}

.dialog2 h2,
.dialog2 p {
	margin:0px;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
}

.dialog2 h2 {
	padding-bottom:8px;
	font-size: 1.2em;
}

.dialog2 a:link, .dialog2 a:visited {
	color: #CCC;
	text-decoration: underline;
}

.dialog2 a:hover {
	color: #8B3F99;
}


.dialog3 {
	 position:relative;
	 margin:0px auto;
	 min-width:8em;
	 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
	 color:#CCC;
	 margin-left:12px; /* default, width of left corner */
	 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog3 .content,
.dialog3 .t,
.dialog3 .b,
.dialog3 .b div {
	background:transparent url(/images/rounded-white.png) no-repeat top right;
	_background-image:url(/images/rounded.gif);
}

.dialog3 .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-top: 20px;
	padding-right: 31px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.medium-box .dialog3 img {
	float: right;
	margin-left: 14px;
}

.medium-box .dialog3 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
}

.dialog3 .content p, .dialog3 .content .left, .dialog3 .content ul {
	font-size:0.8em;
	line-height: 1.2em;
}

.dialog3 .t {
	 /* top+left vertical slice */
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:12px; /* top slice width */
	 margin-left:-12px;
	 height:100%;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}

.dialog3 .b {
	 /* bottom */
	 position:relative;
	 width:100%;
}

.dialog3 .b,
.dialog3 .b div {
	height:12px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog3 .b {
 	background-position:bottom right;
}

.dialog3 .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog3 .hd,
.dialog3 .bd,
.dialog3 .ft {
 	position:relative;
}

.dialog3 .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog3 h1,
.dialog3 p {
	margin:0px;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-left: 0px;
}

.dialog3 h1 {
	padding-bottom:0px;
	font-size: 1.05em;
}

.dialog3 h2,
.dialog3 p {
	margin:0px;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-left: 0px;
}

.dialog3 h2 {
	font-size: 1.2em;
}

.dialog3 a:link, .dialog3 a:visited {
	color: #CCC;
	text-decoration: none;
}

.dialog3 a:hover {
	color: #8B3F99;
}

.no-underline a:link, .no-underline a:visited, .no-underline a:hover {
	text-decoration: none;	
}

#nav-below {
	margin-top: 12px;
}

#nav-below div {
	float: left;
	font-size: 1em;
}

#nav-below .nav-next {
	margin-left: 20px;
}

/* newsletter form */
.label-container {
	float:left;
	margin-left: 15px;
} 
.field-container {
	float:left;
	margin-left: 5px;
	line-height: 0px;
	margin-top: 10px;
}

#sendbutton {
	cursor:pointer;
	background:#201522;
	color:#999999;
	font-weight:bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	font-size: 0.9em;
	height: 22px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-left: 3px;
}

#sendbutton:hover {
	color: #FFF;
}

.field-container input {
	background-color: #201522;
	color: #999999;
	border: 1px solid #201522;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 4px;
}

.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/images/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
.video-thumb {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.video-image {
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: -205px;
	z-index: 100;
}
.video-image img {
	float: none !important;
	margin-left: 0px !important;
}
.entry-content .video-main {
	text-align: center;
}

/* font size for discover more */
.page h2, .contact-us h2 {
	font-size: 1.5em;
}
.page h3 {
	font-size: 0.8em;
}
.discover-narrow h2 {
	font-size: 1.5em;
}
.radio-button {
	margin-left: 15px;
}
.label {
	margin-bottom: 5px;
	display: block;
}
.padded {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.form-container {
	width: 380px;
	margin-right: auto;
	margin-left: auto;
}
.form-text input, .form-text textarea {
	width: 310px;
	font-size: 1.2em;
	background-color: #201522;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	border: 1px solid #201522;
	scrollbar-track-color: #201522;
	scrollbar-face-color: #201522;
	scrollbar-arrow-color: #CCC;
}
.form-container #sendbutton {
	font-size: 1.2em;
}
.bold-purple {
	color: #8B3F99;
	font-weight: bold;
}

/* validation message on contact form */
#VDaemonID_1 {
	font-size: 0.8em;
}
#VDaemonID_1 ul {
	font-size: 1em;
	padding-bottom: 10px;
}
.news-thumb {
	float: right;
	margin-left: 10px;
}

/* JQuery clearField plugin */
.clearFieldBlurred {
	color: #CCC;
}
.clearFieldActive {
	color: #CCC;
}

.AR-table-wordpress table {
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #333;
	border-collapse:collapse;
	font-size: 0.8em;
}
.AR-table-wordpress th, .AR-table-wordpress td {
	border: 1px solid #333;
	border-collapse:collapse;
	padding:5px;
}
.AR-table-wordpress th {
	background-color:#222;
}

#subscribe #djiiuk-djiiuk { margin-left: .5em; float: left; }
#subscribe #djiiuk-djiiuk, #subscribe label { float: left; font-family: Helvetica, Arial, sans-serif; font-size: small; }
#subscribe br { clear: both; }
#subscribe input { border: 1px solid black; margin-bottom: .5em;  }
#subscribe input.error { border: 1px solid red; }
#subscribe label.error {
	background: url('/images/invalid.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	position: absolute;
	top: -20px;
	left: 615px;
	line-height:1em;
}
#subscribe label.valid {
	background: url('/images/valid.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -20px;
	left: 615px;
}