/*
Theme Name: drlee
Theme URI: http://drleethompson.com/
Description: Custom built Wordpress theme for drleethompson.com
Author: 3 DEGREES WEST
Author URI: http://3degreeswest.ca/
Tags: teal, turquois, blue, brown, fixed width, three column, custom, drleethompson
*/

/* Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* Hide & Clearfix
-----------------------------------------------------------------------------------------------*/

.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
.clearfix:after,
#header ul:after,
#content-info:after,
.wrap:after,
#footer:after,
.section:after,
.gallery:after,
.gallery .gallery-nav:after,
.gallery .gallery-image-nav:after,
.beat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix,
#header ul,
#content-info,
.wrap,
#footer,
.section,
.gallery,
.gallery .gallery-nav,
.gallery .gallery-image-nav,
.text blockquote.quotescollection,
.beat { zoom: 1; }

/* Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #aededd; color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #4092b1; text-decoration: none; }
a:hover, a:active { color: #4092b1; text-decoration: underline; }
a:active { text-decoration: none; }

/* Structure
-----------------------------------------------------------------------------------------------*/

.container { width: 1100px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; overflow: hidden; _z-index:1; *z-index: 1 }
.wrap { margin: 0 50px; background: url(images/bg-content.png) repeat-y; padding-bottom: 20px; }
body.home .wrap { background: url(images/bg-content-home.png) repeat-y; }
.content-wrap { float: right; width: 783px; }
#content { width: 550px; float: left; margin: 0 18px; }
#sidebar { width: 185px; padding-right: 10px; float: right; }
* html #content, 
* html #sidebar { display: inline; }
#secondary-navigation { width: 190px; float: left; padding-left: 20px; }
#footer { clear: both; }

body.home #content { width: auto; margin: 0; }
body.home #secondary-navigation { width: 227px; }
body.home .content-wrap { float: right; width: 708px; margin: 0 18px; }
body.home .text { width: 670px }
body.home .text .gift-cards { width: 155px }

/* Header
-----------------------------------------------------------------------------------------------*/

#header { background: #5ec3bc; position: relative; _z-index: 2; *z-index: 2 }
#header .inner { background: #5ec3bc url(images/bg-header.jpg) no-repeat 68px 0; width: 994px; height: 128px; margin: 0 auto; padding: 11px 0 0 108px; position: relative; text-align: left; }

#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 442px; height: 53px; }
#header .site-name { position: relative; color: #a0a0a0; font-size: 2.8em; text-align: left; line-height: 1; font-weight: bold; letter-spacing: 1px; float: left; }
#header .site-name span { position: absolute; top: 0; left: 0; background: url(images/logo.png) no-repeat; }
#header a.site-name span { cursor: pointer; }
#header .site-name em { font-size: .48em; text-transform: uppercase; font-style: normal; }
#header a:hover { text-decoration: none; }

#header .tagline { color: #4092b1; width: 200px; float: right; text-align: right; font-weight: bold; font-size: 1.9em; padding-right: 270px; padding-top: 14px; line-height: 1; }

/* Home: Header */
body.home #header .inner { background: #5ec3bc url(images/bg-header-home.jpg) no-repeat 0 0; width: 822px; height: 309px; padding: 17px 0 0 278px; }

body.home #header .site-name { float: none; }

body.home #header .tagline { padding-right: 0; padding: 24px 0 10px; width: 442px; float: none; text-align: right; font-size: 1.9em; }

#header .services { width: 402px; padding-left: 140px; text-align: left; font-size: 1.2em; }
#header .services li { width: 155px; float: left; list-style: disc; margin-left: 15px; margin-bottom: 1px; font-size: 1.1em; }
#header .services .more { list-style: none; margin-left: 1px; }
#header .services a:hover { text-decoration: underline; }


/* Navigation
-----------------------------------------------------------------------------------------------*/

#nav { clear: both; background: #371b07 url(images/bg-header.jpg) no-repeat 0 100%; font-size: 1.5em; position: absolute; bottom: 0; left: 0; width: 933px; padding: 0 0 0 10px; margin-left: 68px; }
#nav a { color: #aba19b; display: block; padding: 7px 27px 8px 25px; background: url(images/bg-nav.png) no-repeat center right; line-height: 1; }
* html #nav a { padding-bottom: 7px; }
#nav .page-item-8 a { background: none; }
#nav .page-item-2 a { padding-left: 35px; }
#nav li { float: left; position: relative; }
#nav a:hover { text-decoration: none; color: #fff; }
#nav .current_page_item a,
#nav .current_page_parent a { color: #5cc4bd; }

body.home #nav { background: #371b07 url(images/bg-header-home.jpg) no-repeat 100% 100%; width: auto; left: auto; right: 0; margin-left: 0; padding-right: 76px; }
body.home #nav a { padding: 7px 10px 8px 8px; }

/* drop downs */
#nav ul { position: absolute; top: -999em; background: #371b07; }
#nav li:hover { visibility: inherit; /* ie7 sticky bug */ }
#nav li:hover ul,
#nav li.sfHover ul { left: 0; top: 30px; z-index: 99; text-align: left; }
#nav ul a { font-size: .9em; width: 145px; background: none; padding: 5px 10px; line-height: 1.3; border-top: 1px solid #aba19b; }
#nav ul li { float: none; }
#nav .page-item-2 li a { padding-left: 10px; }
body.home #nav ul a { padding: 5px 10px; }
#nav .current_page_item li a,
#nav .current_page_parent li a { color: #aba19b; }
#nav .current_page_item li a:hover,
#nav .current_page_parent li a:hover { color: #fff; }
#nav li .current_page_item a,
#nav li .current_page_item a:hover,
#nav li .current_page_parent a,
#nav li .current_page_parent a:hover { color: #5cc4bd; }

/* Content
-----------------------------------------------------------------------------------------------*/

#contact-info { background: url(images/bg-top.png) no-repeat; width: 1022px; height: 111px; margin: 0 auto; text-align: left; font-size: 1.2em; line-height: 1.2; padding: 17px 0 0 78px; }
#contact-info h2 { color: #c1b3a9; float: left; width: 175px; font-weight: normal; line-height: 1; font-size: 1.1em; padding: 15px 20px 0 0; }
#contact-info h2 strong { font-weight: bold; }
#contact-info p { float: left; width: 152px; padding: 0 0 2px 12px; border-right: 1px solid #ccc; font-style: italic; line-height: 1.1; }
#contact-info p strong { font-style: normal; display: block; padding-bottom: 4px; padding-top: 2px; }
#contact-info .book { text-transform: uppercase; color: #4092b1; width: 243px; font-size: 1.4em;  border: 0; font-style: normal; padding: 6px 5px 0 12px; }
#contact-info .phone-email { font-style: normal; width: 200px; padding: 2px 0 0 0; border: 0; color: #4092b1; }
#contact-info .phone-email strong { font-size: 2em; padding-bottom: 0; letter-spacing: -.03em; }
#contact-info .phone-email a { font-size: 1em; display: block; margin-top: -2px; }
#contact-info a { color: #4092b1; }
#contact-info a:hover { text-decoration: none; }

body.home #contact-info { background: url(images/bg-top-home.jpg) no-repeat; width: 1050px; height: 127px; padding: 20px 0 0 50px; }
body.home #contact-info .interview { float: left; width: 305px; padding: 16px 0 10px 10px; height: 95px; font-style: normal; border: 0; overflow: hidden; }
body.home #contact-info .interview span { cursor: pointer; color: #d2c9c1; display: block; background: url(images/bg-arrow-big.jpg) no-repeat 100% 0; padding: 10px 85px 0 10px; height: 61px; width: 192px; }
body.home #contact-info .interview span:hover,
body.home #contact-info .interview span.hover { background: url(images/bg-arrow-big.jpg) no-repeat 100% 100%; }
body.home #contact-info .intro { color: #404040; width: 410px; padding: 2px 15px 0 5px; border: 0; line-height: 1.3; }
body.home #contact-info .book { padding: 0; font-size: 1.35em; }
body.home #contact-info .phone-email { width: 243px; padding: 0; }
body.home #contact-info .phone-email strong { font-size: 2em; padding-bottom: 0; letter-spacing: -.03em; }

#content { position: relative; }
#content h1, 
body.home .hentry h2 { color: #4092b1; text-transform: uppercase; font-size: 2em; padding: 0 0 10px; }
#content .text h2 { padding: 5px 0; }
#content .text h3 { color: #666; padding: 5px 0;  }
.text { padding: 0 18px 6px; margin-bottom: 12px; border: 1px solid #ccc; border-top: 0; background: #fff; position: relative; }
body.page .text { min-height: 350px; height: auto !important; height: 350px; }
body.page-id-205 .text,
body.page-id-170 .text { min-height: 0 !important; height: auto !important; }
body.page-id-170 .column { padding-bottom: 0 !important; }
body.home .hentry { padding-right: 200px; position: relative; }
body.home .hentry p { font-size: 1.2em; line-height: 1.2; }
#content p { padding: 0 0 12px; }
.print a { background: url(images/ico-print.png) no-repeat center left; padding: 3px 0 3px 20px; line-height: 1; font-size: .9em; font-weight: bold; display: block; width: 25px; }
.tools { position: absolute; top: 4px; right: 15px; }
body.page-id-170 .tools { display: none; }

.quote { background: #1b0c03 url(images/bg-quote.png) repeat-x; margin: 0 0 12px; color: #baa899; position: absolute; bottom: 0; left: 0; padding: 15px 10px 5px 215px; width: 325px; min-height: 160px; }
*:first-child+html body.page-id-4 .quote { margin-top: 20px; }
* html body.page-id-4 .quote { margin-top: 20px; }
.quote h3 { color: #fff; font-size: 1.4em; padding: 0 0 8px; }
.quote a, .quote a:link, .quote a:visited, .quote a:active { color: #fff; font-style: italic; } 
#content .quote p { padding: 8px 10px 8px 0; text-align: right; font-size: 1.1em; }
#content .quote blockquote p { padding: 0; text-align: left; }
#content cite { font-style: normal; }

body.home .quote { position: static; left: auto; bottom: auto; font-size: 1.1em; }
body.home .quote h3 { font-size: 2em; line-height: 1; }
body.home #content .quote p { text-align: left; line-height: 1.2; }
body.home .quote p a { height: 31px; background: url(images/bg-arrow-brown.png) no-repeat top right; width: 230px; line-height: 31px; display: block; }
body.home .quote p a:hover { text-decoration: none; background-position: bottom right; }

.before-after { position: relative; margin: 0 0 18px 18px; height: 42px; width: 748px; clear: both; }
.before-after img { position: absolute; top: -12px; left: 20px; }
.before-after a { display: block; border: 1px solid #ccc; background: #fff url(images/bg-arrow.png) no-repeat top right; height: 42px; line-height: 42px; font-size: 1.6em; text-align: right; padding-right: 133px; }
.before-after a:hover { text-decoration: none; background-position: bottom right; }

body.home .before-after { margin: 0 0 25px; width: auto; }
body.home .before-after a { font-size: 1.9em; text-align: left; padding-left: 15px; padding-right: 0; }

.section { margin-bottom: 12px; }

.products { margin-right: 15px; float: left; width: 151px; height: 216px; position: relative; font-size: 2em; }
.products img { position: absolute; top: 0; left: 0; display: block; z-index: 1; }
.products a { text-transform: uppercase; text-align: center; position: absolute; top: 0; left: 0; color: #fff; display: block; width: 151px; height: 206px; padding: 10px 0 0; z-index: 2; cursor: pointer; }
.products a:hover { text-decoration: none; }

body.home .boxes { background: #fff; width: 208px; border: 1px solid #ccc; margin-right: 15px; float: left; border-top: 0; min-height: 215px; font-size: 1.1em; line-height: 1.2; }
body.home .box { border-top: 1px solid #ccc; padding: 6px 10px 5px; }
body.home .box h2 { font-size: 1.2em; padding: 0 0 5px; font-weight: normal; line-height: 1.1; }
body.home #content .box p { padding: 0; }

.section .quote { width: 292px; margin: 0; padding: 10px 10px 0 15px; min-height: 206px; float: left; }

.post { min-height: 175px; height: auto !important; height: 200px; }

/* testimonials */
.text blockquote.quotescollection { padding: 10px 0 20px 60px; margin: 10px 0 0; background: url(images/ico-quote.png) no-repeat top left; }
.text blockquote.quotescollection cite { font-weight: bold; font-size: 1em; display: block; }



/* Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar { font-size: 1.2em; color: #4c2608; line-height: 1.1; position: relative; }
#sidebar h2 { font-size: 1.7em; line-height: 1; padding: 0 0 3px; }
#sidebar h2 a, #sidebar p.desc a { color: #4c2608; cursor: pointer; }
#sidebar h2 a:hover { text-decoration: none; }
#sidebar p { padding: 0 0 18px; }
#sidebar p.desc a { text-decoration: underline; }

body.page-id-41 #sidebar { padding-bottom: 100px; }
body.page-id-43 #sidebar { padding-bottom: 140px; }

.gift-cards { font-size: 1.4em; line-height: 1; position: absolute; bottom: -5px; left: 0; text-align: center; }
.gift-cards strong { font-size: .9em; text-transform: uppercase; }
.gift-cards a:hover { text-decoration: none; }
.gift-cards a { color: #5cc4bd; }
.gift-cards img { display: block; margin: 0 auto; }

body.home .text .gift-cards { bottom: auto; left: auto; top: 10px; right: 20px; font-size: 1.6em; line-height: 1; }

/* Secondary Navigation
-----------------------------------------------------------------------------------------------*/

#secondary-navigation { font-size: 1.1em; }
#secondary-navigation h2 { color: #fff; padding: 10px 20px 5px 10px; font-size: 1.7em; line-height: 1; }
#secondary-navigation li { text-transform: uppercase; }
#secondary-navigation li li { text-transform: none; border-bottom: 1px solid #74cdc7; } 
#secondary-navigation ul { border: 0; }
#secondary-navigation li a { display: block; padding: 1px 10px; background: #53b0aa; color: #fff; }
#secondary-navigation li li a { background: none; }
#secondary-navigation .current_page_item a,
#secondary-navigation li li a:hover { background: url(images/bg-subnav.png) repeat-y top right; }
#secondary-navigation a:hover { text-decoration: none; }
#secondary-navigation select { font-size: .9em; width: 170px; }
body.home #secondary-navigation select { width: 200px; *width: 190px !important }
#secondary-navigation form { border-bottom: 1px solid #3d817d; padding: 0 0 5px 10px; margin-bottom: 10px; }

body.home #secondary-navigation { padding-top: 8px; }
body.home #secondary-navigation h2 { padding: 0 20px 0 10px; margin-right: 10px; }
body.home #secondary-navigation .module h2 { padding-right: 0; }
body.home #secondary-navigation h2 a { padding: 10px 20px 5px 0; background: url(images/bg-arrow-turquoise.png) no-repeat center right; display: block; }
body.home #secondary-navigation h2 a:hover { text-decoration: none; background: url(images/bg-arrow-turquoise-hover.png) no-repeat center right; }
body.home #secondary-navigation form { border: 0; padding: 10px 0 15px 10px; margin: 0; }
body.home #secondary-navigation p, 
body.home #secondary-navigation a { color: #fff; }
body.home #secondary-navigation p { padding-left: 10px; padding-right: 10px; }
body.home #secondary-navigation { font-size: 1.2em; line-height: 1.2; }
body.home #secondary-navigation p.copy { font-size: .9em; color: #aee2de; }
body.home #secondary-navigation p.copy a { color: #aee2de; }
body.home #secondary-navigation p.copy a:hover { text-decoration: underline; }
body.home #secondary-navigation .module { padding: 0 0 15px; }
#secondary-navigation .module p a { text-decoration: underline; }

/* Footer
-----------------------------------------------------------------------------------------------*/

#footer { border: 1px solid #ccc; margin: 0 18px; background: #fff url(images/bg-footer.jpg) no-repeat bottom left; color: #4092b1; padding: 28px 18px 65px; }
#footer li { width: 118px; float: left; padding-right: 10px; overflow: hidden; }
#footer li li { width: 90px; float: none; list-style: disc; margin-left: 18px; padding: 0; overflow: visible; }
#footer ul a { display: block; }
#footer p { float: right; width: 155px; }
#footer ul { float: left; width: 515px; }

body.home #footer { margin: 0; }
#footer li.page-item-3 { width: 200px; }
#footer li.page-item-3 li { width: 182px; }

#footer li.page-item-4,
#footer li.page-item-5,
#footer li.page-item-6,
#footer li.page-item-7 { width: 95px; }

/* Wordpress
-----------------------------------------------------------------------------------------------*/

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin: 3px 0 5px 15px; display: inline; }
img.alignleft { float: left; margin: 3px 15px 5px 0; display: inline; }

/* Navigation */
.navigation { }
.alignright { float: right; text-align: right; }
.alignleft { float: left; } 

/* Captions */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { font-size: .9em; padding: 0 4px 5px; margin: 0; }

/* Misc. */
.entry small { display: block; margin: 0 0 7px; font-size: .9em; font-style: italic; color: #666; }

/* Comments */
.entry ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
.entry ol.commentlist li { border-top:5px solid #FDE0B1; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; list-style: none; }
ol.commentlist li.comment-author-admin {border-top:5px solid #FAA31B;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; color: #000; text-decoration: underline; }
ol.commentlist li div.vcard cite.fn a.url:hover { text-decoration: underline;}
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font-size:.9em;position:absolute; right:0; text-align:right; top:0;background:#FDE0B1; padding:3px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#222; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#222; text-decoration: underline; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#FAA31B}
ol.commentlist li.comment-author-admin div.comment-meta a,
ol.commentlist li.comment-author-admin div.comment-meta a:hover { color: #fff; }
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover {color:#fff; background:#222}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li p { padding: 5px 0; }
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1em; border: 1px solid #666;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:1px solid #666;font-size: 1em;}
#commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.1em;background:#311D47 none repeat scroll 0 0;border:1px solid #666;color:#fff;font-weight:bold;margin-top:5px;padding:5px;cursor:pointer;}
#commentform p { padding: 0; margin: 0; }

/* Entry basic styles */
.entry h2 { font-weight: bold; font-size: 1.5em; color: #000; }
.entry h3 { font-weight: bold; font-size: 1.3em; color: #251538; }
.entry h4 { font-weight: bold; font-size: 1.2em; color: #251538; }
.entry h5 { font-weight: normal; font-size: 1.1em; color: #444; }
.entry h6 { font-weight: bold; font-size: 1em; color: #666; }
.entry ul li { list-style: disc; }
.entry ol li { list-style: decimal; }
.entry ol, 
.entry ul { margin-left: 20px; *margin-left: 25px; padding-bottom: 20px; }
.entry ul { margin-left: 14px; *margin-left: 20px; }

/* form */
.entry form ol { padding: 0; margin: 0; }
.entry form ol li { list-style: none; padding: 0; margin: 0; }
.entry form ol li input { border: 1px solid #000; padding: 2px 5px; font-size: 1em; width: 175px; }
.entry form input.submit { background: #311D47; color: #fff; font-weight: bold; padding: 5px 10px; cursor: pointer; border: 1px solid #666; margin-top: 15px; font-size: 1em; }
.entry form p { margin-top: 15px; }
.entry form { padding-bottom: 20px; }

/* video lightbox */
#jwbox_background{
	display: none;
	position: fixed;
	*position: absolute !important;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1001 !important;
	zoom: 1;
	-moz-opacity: 0.8;
	opacity: 0.80;
	filter: alpha(opacity = 80);
	overflow: auto;
}
.jwbox_hidden {
	display: none;
	position: fixed;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 35px 0 0;
	background-color: #000;
	border: 20px solid #000;
	z-index: 1002 !important;
	overflow: hidden;
	background-image: url(images/ico-close.png);
	background-position: top right;
	background-repeat: no-repeat;
}
.jwbox_content { 
	border: 1px solid #666; 
	padding: 3px; 
}



/* Display none for gallery page */
body.page-id-170 #sidebar,
body.page-id-170 .before-after,
body.page-id-170 .quote,
body.page-id-170 .text h1 { display: none; }
body.page-id-170 .text { padding: 0; border: 0; margin-top: 12px; }
body.page-id-170 .gallery h1 { display: block; }

/* Gallery */
.gallery { background: #230d00 url(images/gallery-bg.jpg) no-repeat; width: 746px; color: #fff; padding-bottom: 15px; }
#content .gallery h1,
#content .gallery h2,
#content .gallery dt { color: #5ec3bd; }
#content .gallery h1 { font-size: 2em; text-transform: none; padding-left: 15px; }
#content .gallery h2 { font-size: 1.6em; padding: 14px 0 10px 15px; margin: 5px 0; }
#content .gallery dt { font-size: 1.5em; padding-bottom: 3px; }
#content .gallery dd { background: url(images/gallery-dots.png) repeat-x bottom left; padding-bottom: 17px; margin-bottom: 7px; font-size: 1.1em; }
#content .gallery dd.last { background: none; padding-bottom: 0; margin-bottom: 0; }
#content .gallery h2 { background: url(images/gallery-title.png) no-repeat; }
.gallery .gallery-content { float: right; width: 350px; padding-right: 20px; }
* html .gallery .gallery-content { display: inline; }
.gallery .gallery-image-nav { float: left; width: 350px; }
.gallery .gallery-content,
.gallery .gallery-image-nav { padding-top: 25px; position: relative }
.gallery .gallery-image-nav img { display: block; margin-left: 37px; margin-top: 10px; padding: 0; }
#content .gallery dl { margin-left: 15px; }
.gallery .gallery-status { color: #341e15; text-transform: uppercase; margin-left: 37px; font-size: 1.7em; padding-top: 6px; float: left; width: 100px; }
.gallery .gallery-status-after { float: right; text-align: right; margin-right: 12px; }
.gallery .gallery-switch a { background: url(images/gallery-ico-next-big.jpg) no-repeat center left; padding: 6px 0 6px 35px; width: 120px; float: right; display: block; color: #459996; font-size: .9em; line-height: 1.2; font-weight: bold; margin-bottom: 10px; }
.gallery .gallery-switch-before a { float: left; background: url(images/gallery-ico-prev-big.jpg) no-repeat center left; margin-left: 0; }
#content .gallery ul { padding: 0; margin: 0; }
#content .gallery .gallery-nav { clear: both; height: 24px; overflow: hidden; width: 334px; margin-left: 21px; border-bottom: 1px solid #fff; }
.gallery .gallery-nav li { float: left; list-style: none; padding: 0; }
.gallery .gallery-nav li a { display: block; width: 35px; font-size: 1.1em; text-align: center; line-height: 26px; color: #fff; height: 24px; background: #200b00 url(images/gallery-nav.png) no-repeat; }
.gallery .gallery-nav li a:hover,
.gallery .gallery-nav li.current a { color: #242218; background: #2fbdcb url(images/gallery-nav.png) no-repeat -36px 0; text-decoration: none; }
.gallery .gallery-nav li a.last { width: 36px; }
.gallery .gallery-nav li.more a { width: 53px; font-size: .9em; font-weight: bold; background: none; }
.gallery .gallery-nav li.more a:hover { text-decoration: underline; background-color: transparent; background-image: none; color: #fff; }
#content .gallery .gallery-sub-nav { padding-left: 21px; padding-top: 8px; }
#content .gallery .gallery-sub-nav li { list-style: none; }
.gallery .gallery-sub-nav li a { display: block; color: #fff; font-weight: bold; }
.gallery .gallery-sub-nav li.prev a { background: url(images/gallery-ico-prev.jpg) no-repeat center left; padding: 3px 0 3px 26px; width: 170px; }
.gallery .gallery-sub-nav li.next a { background: url(images/gallery-ico-next.jpg) no-repeat center right; padding: 3px 20px 3px 0; width: 148px; }

.gallery-nav-wrap { width: 334px; overflow: hidden; margin-left: 21px; border-bottom: 1px solid #fff; _margin-top: 8px; *margin-top: 8px }
#content .gallery .gallery-nav { width: auto; margin: 0; border-bottom: 0 }
.gallery-content { overflow: hidden; padding-right: 0 !important; margin-right: 20px }
.gallery-content ol { padding: 0; margin: 0; list-style: 0; width: 10000px; overflow: hidden }
.gallery-content ol li { float: left; width: 350px; list-style: none }
.gallery .gallery-image { overflow: hidden;margin-left:37px; width: 300px; position: relative }
.gallery .gallery-image ol { margin: 0; padding: 0; width: 4000px !important}
.gallery .gallery-image ol li { display:block; margin-top:10px; padding: 0; list-style: none; float: left; width: 300px; height: 340px; position: relative; margin-bottom: 10px }
.gallery .gallery-image ol li img { margin: 0;}
.gallery .gallery-image ol li img.after-img { margin: 0; position: absolute; left: 0; top: 0; display: none }
.gallery .gallery-status,
.gallery .gallery-switch { margin: 0 }
.gallery .gallery-image br { display: none }

body.home #secondary-navigation .beat p { color: #000; font-size: .8em; padding: 0 0 7px 2px; }
body.home #secondary-navigation .beat p strong { display: block; font-size: 1.2em; padding-left: 8px; padding-top: 10px; }
body.home #secondary-navigation .beat li { float: left; width: 100px; margin-right: 3px; line-height: 23px; height: 23px; text-align: center; background: url(images/btn-radio.png) no-repeat; text-transform: none; padding: 0; font-size: .7em; }
body.home #secondary-navigation .beat li a { display: block; background-color: transparent; padding: 0; }
body.home #secondary-navigation .beat img { padding: 0 0 6px; }