/*
Theme Name: Dr Claire Oliver
Theme URI: http://www.drclaireoliver.com/
Description: Dr Claire Oliver theme.
Version: 1.0
Author: Andre Harry
Author URI: http://www.andreharry.com/
Tags: black pink
*/


/* Fonts & Common Stuff
 *_____________________________________________ */
* { padding:0; margin:0; }
body { font-family:Arial; font-size: 12px; background-color:#000; color:#fff; }
#main-container { width: 960px; position: relative; margin:0 auto; }
a { color: #ff00c5; text-decoration: none; outline: none; }
h1 { color: #ff00c5; }
h1 a#logo { position: relative; display: block; width: 230px; height: 45px; background-image: url('images/drclairelogo3.gif');
background-repeat: no-repeat; }
h1 a#logo span { display: none; }
ul { list-style-type: none; }
p { margin-bottom: 10px; }

/* Sidebar
 *_____________________________________________ */
.sidebar { position: relative; width: 200px; float: left; }
.sidebar-right { position: relative; width: 340px; padding:10px;  float: right; }
#header .sidebar-right { position: relative; width: 610px; padding:10px;  float: right; }

/* DEV 
.page-id-7 #page-about,
.page-id-11 #page-prices,
.page-id-13 .page-botox,
.page-id-15 .page-dermal,
.page-id-23 .page-skin,
.page-id-19 .page-peels,
.page-id-26 .page-braces,
.page-id-28 .page-tooth,
.page-id-2 #page-home,
.page-id-39 #page-contact { color:#d52570 !important; } */

/* LIVE SIDEBAR
 *_____________________________________________*/
.page-id-2 #page-about,
.page-id-5 #page-home,
.page-id-7 #page-about,
.page-id-11 #page-prices,
.page-id-13 .page-botox,
.page-id-15 .page-dermal,
.page-id-23 .page-skin,
.page-id-19 .page-peels,
.page-id-26 .page-braces,
.page-id-28 .page-tooth,
.page-id-39 #page-contact,
.page-id-42 #page-gallery { color:#d52570 !important; }

.page-id-13 #page-treatments,
.page-id-15 #page-treatments,
.page-id-23 #page-treatments,
.page-id-19 #page-treatments,
.page-id-26 #page-treatments,
.page-id-28 #page-treatments { color:#fff !important; }
.sidebar #main-menu li a:hover { color: #fff; }

/* Header
 *_____________________________________________ */
#header { height: 80px; padding-top: 20px; margin-bottom: 10px; }
#header .sidebar-right { padding-top: 0 !important; color: #999; }
#header .sidebar-right .address { position: relative; float: left; width: 150px; }
#header .sidebar-right .phone { position: relative; float: left; width: 150px; }
#header .sidebar-right .phone span { font-size: 14px; }

/* Body
 *_____________________________________________ */
#content-bg { background-color: #222;  background-repeat: no-repeat; float: left; position: relative; width: 760px; height: 400px; }
#content-bg .sidebar-right { height: 380px; line-height: 24px; }
#content-bg .sidebar-right h1 { font-size: 18px; margin-bottom: 20px; color: #d52570; }
#content-text { position: relative; width: 340px; height: 380px; font-size: 13px; }
#content-text ul { list-style-type: square !important; margin:0 0 20px 20px; }
#content { }
#main-menu li { margin-bottom: 5px; }
#main-menu a { color: #a0a0a0; font-size: 18px; }
ul.sub-menu { padding-left: 20px; margin-bottom: 20px; margin-top: 10px; }
ul.sub-menu li { margin-bottom: 5px !important;}
ul.sub-menu a { font-size: 13px !important; }

/* DEV 
.page-id-2 #content-bg #content-text { display: none; }
.page-id-2 #content-bg { background-image: url('images/bg-hp2.jpg'); }
.page-id-7 #content-bg { background-image: url('images/bg-about.jpg'); }
.page-id-39 #content-bg { background-image: url('images/bg2.jpg'); }
.page-id-13 #content-bg { background-image: url('images/bg3b.jpg'); color: #000; background-color: #fff; }
.page-id-15 #content-bg { background-image: url('images/bg4.jpg'); color: #000; background-color: #fff; }
.page-id-23 #content-bg { background-image: url('images/bg5a.jpg'); color: #000; background-color: #fff; }
.page-id-19 #content-bg { background-image: url('images/bg6.jpg'); color: #000; background-color: #fff; }
.page-id-26 #content-bg { background-image: url('images/bg-invisalign.jpg'); color: #000; background-color: #fff; }
.page-id-28 #content-bg { background-image: url('images/bg9a.jpg'); color: #000; background-color: #fff; }
.page-id-11 #content-bg { background-image: url('images/bg2.jpg'); }
.page-id-39 #content-bg { background-image: url('images/bg12.jpg'); } 
.page-id-49 #content-bg { background-image: url('images/bg-gallery.jpg'); color: #000; } 
.page-id-49 #content-bg a img { border: none; } */


/* LIVE */
.page-id-5 #content-bg #content-text { display: none; }
.page-id-5 #content-bg { background-image: url('images/bg-hp4.jpg'); }
.page-id-2 #content-bg { background-image: url('images/bg-about2.jpg'); color:#000; background-color:transparent; }
.page-id-39 #content-bg { background-image: url('images/bg2.jpg'); }
.page-id-13 #content-bg { background-image: url('images/bg3b.jpg'); color: #000; background-color: #fff; }
.page-id-15 #content-bg { background-image: url('images/bg4.jpg'); color: #000; background-color: #fff; }
.page-id-23 #content-bg { background-image: url('images/bg5a.jpg'); color: #000; background-color: #fff; }
.page-id-19 #content-bg { background-image: url('images/bg6.jpg'); color: #000; background-color: #fff; }
.page-id-26 #content-bg { background-image: url('images/bg-invisalign.jpg'); color: #000; background-color: #fff; }
.page-id-28 #content-bg { background-image: url('images/bg9a.jpg'); color: #000; background-color: #fff; }
.page-id-11 #content-bg { background-image: url('images/bg2.jpg'); }
.page-id-39 #content-bg { background-image: url('images/bg12.jpg'); }
.page-id-42 #content-bg { background-image: url('images/bg-gallery.jpg'); color: #000; } 
.page-id-42 #content-bg a img { border: none; } 



/* Footer
 *_____________________________________________ */
#footer { margin-top: 10px; color: #666; }
ul#footer-menu li { position: relative; float: left; margin-right: 10px; }
ul#footer-menu li a, #footer a { color: #666; }
ul#footer-menu li a:hover { color: #fff; }
#footer .sidebar-right { padding:0 10px; }
.music-bar { position: relative; float: left; width: 300px;  }

/* Prices
 *____________________________________________ */
.page-id-11 table th { text-align: left; vertical-align: text-top; }
.page-id-11 table th { padding: 15px 0; }

/* Hacks
 *_____________________________________________ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Scroller
 *______________________________________________ */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; outline: none; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color:#DF2C88; height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color:#DF2C88; height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

/* Lightbox
 *______________________________________________ */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* End captions */