@import url(https://fonts.googleapis.com/css?family=Cinzel);

/* This mobile template uses jQuery's default theme "A". The rules listed below override some of the default declarations. NOTE: You will need to create new rules to target specific elements in your mobile that are not available in this CSS file. If you need to do this I recommend using Firebug or Chrome’s Inspector for this method and add the new rules to the bottom of the existing rules */
.ui-content {
}
.doctor {
	float: left;
	margin: 0px 8px 4px 0px;
	border: 4px solid #ccc;
}

.ui-btn-text {
	font-size: 13px;
	color: #fff !important;
}

.inner-content {
	padding: 10px;
}
h1 {
	font-family: 'Cinzel', serif;}
h2 {
	font-family: 'Cinzel', serif;
	font-weight: 100;
	padding: 0;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;}
	
	
.inner-content h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #996600;
	font-size: 16px;
	font-weight: 600;
}
.inner-content h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #996600;
	font-size: 14px;
	font-weight: 400;
}
.inner-content h3 {
	font-family: Helvetica, Arial, sans-serif;
	color: #996600;
	font-size: 100%;
}	
	
p, li {
	line-height: 125%;
	font-size: 13px;
	padding-bottom: 10px;
	text-align: justify;
}
.ui-link {
	text-decoration: none;
}

/* JQuery Design Element Overrides */
.ui-btn-up-g, .ui-btn-hover-g  {
	background: #996600;
	text-decoration: none;
}

.ui-bar-h {
	padding: 5px;
	background: #dff0fd;
	background: -moz-linear-gradient(top,  #dff0fd 0%, #72edfb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dff0fd), color-stop(100%,#72edfb));
	background: -webkit-linear-gradient(top,  #dff0fd 0%,#72edfb 100%);
	background: -o-linear-gradient(top,  #dff0fd 0%,#72edfb 100%);
	background: -ms-linear-gradient(top,  #dff0fd 0%,#72edfb 100%);
	background: linear-gradient(to bottom,  #dff0fd 0%,#72edfb 100%);
}

.ui-body-c .ui-link {
	color: #996600 !important;
	text-shadow: none;
	font-size: 12px;}
	
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow, a .ui-btn-text {
	text-shadow: none;
	color: #fff;}

/* Header */
.ui-header .ui-title {
	font-family: 'Cinzel', serif;
	text-align: center;
	margin: .6em .8em;
	overflow: visible;
	white-space: normal;
	text-shadow: none;
	color: #996600;
	font-size: 13px;
}

/* Popup Menu */
#popupPanel1-popup,
#popupPanel2-popup,
#popupPanel3-popup,
#popupPanel4-popup,
#popupPanel5-popup {
    right: 0 !important;
    left: auto !important;
}
.popup {
    width: 200px;
    border: 1px solid #000;
    border-right: none;
    background: rgba(0,0,0,.5);
    margin: -1px 0;
}
.popup .ui-btn {
    margin: 2em 15px;
}

/* Content */
/* Change the width and height of map image to correspond to your dimensions */
#mapContainer {
	margin: 0 auto;
	border: 4px solid #ccc;
}
#mapContainer img {
	max-width: 100%;
	max-height: 100%;
}
.highlight {
	border-top: 4px double;
	border-bottom: 4px double;
	padding: 10px;
}
.highlight p {
	font-style: italic;
}

/* Nivo Slider */
#slider-container {
	min-height: 150px;
}
/* Change the width and height of slider wrapper to correspond to your slide image dimensions */
.slider-wrapper {
	max-width: 800px;
	max-height: 410px;
	margin:0 auto;	
}
.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* Footer */
#full-site {
    margin: 0 auto;
    width: 100px;
}

.image-right {
	float: right;
	display: block;
	margin: 0 0 5px 15px;}