﻿/*
Theme Name: The Salt Room
Theme URI: http://saltroomorlando.com/
Description: Custom theme designed for The Salt Room in Orlando, Florida. Designed by Mark Kupferman and built on top of the <a href="http://binarybonsai.com/kubrick/">Kubrick</a> theme.
Version: 1.0
Author: Orlando Marketing Associates
Author URI: http://orlandomarketingassociates.com/

	The Salt Room v1.0
	 http://www.saltroomorlando.com/

*/


* {
	margin:0px;
	padding:0px;
}

img {
	border:thin transparent none;
}

html {
	display:table-cell;
	margin:0px;
	padding:0px;
	height:100%;
	min-height:100%;
}
body {                             
	font-size: 62.5%;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	background: #EFE5D4 url('images/background.png');
	text-align: center;
	height:100%;
	min-height:100%;
	}

#page {
	height:100%;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background: transparent url('images/contentbackground.png');
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
	text-align: left;
	border-collapse:collapse;
	border-bottom:1px silver solid;
	}
	
#page td {
	vertical-align:top;
}

/*

Header

*/


#header {
	background: silver;
	height: 152px;
	width: 978px;
	margin-left:11px;
	position:relative;
	z-index:10;
	}

.spacerfill {
	width:100%;
	height:100%;
}

#saltroomlogo {
	background: transparent url('images/saltroom_orlando_logo.png');
	height: 123px;
	width: 215px;
	position:absolute;
	left:270px;
	top:30px;
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
}

#orlando_florida_location {
	background: transparent url('images/orlando_florida_4073538260.png');
	height: 45px;
	width: 147px;
	position:absolute;
	left:750px;
	top:45px;
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
}

#saltroom_appointment {
	background: transparent url('images/makeanappointment_unpressed.png');
	height: 48px;
	width: 239px;
	position:absolute;
	left:705px;	
	top:105px;
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
}

#saltroom_appointment:hover {
	background: transparent url('images/makeanappointment_hover.png');
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
}

#saltroom_appointment:active {
	position:absolute;
	background: transparent url('images/comingsoonbutton.png');
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
}


#menubar {
	background: transparent url('images/menubarbackground.png');
	position:absolute;
	height: 30px;
	width: 978px;
	left:0px;	
	top:150px;
	z-index:200;
}

#menubuttons {
	width: 978px;
	text-align:center;
}

#menuDivider {
	width: 3px;
	background: transparent url('images/menuline.png');	
}

/*

Menu Buttons

*/

.topbutton {
	font-size:10pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight:300;
	margin-bottom:0px;
	width:978px;
	height:30px;
	margin-top:0px;
	padding-top:0px;
	border-collapse:collapse;
}

.topbutton a {
	text-decoration:none;
	color:black;
	width:100%;
	padding-left:15px;
	padding-right:15px;
}

.topbutton td {
	margin:0px;
	padding:0px;
	padding-top:5px;
	vertical-align:middle;
}
.topbutton td:hover {
	background: transparent url('images/menuline.png');	
}

.topbutton a:hover {
	color:red;
}






#pagecontenttable{
	margin-left:10px;
	margin-top:27px;
	width:978px;
	border-collapse:collapse;
}

#sidebarpanel {
	width:258px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#contentpanel {
	font-size:small;
	padding-right:50px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	margin-right:-10px;
}


#contentpanel h1 {
	display:block;
	background: transparent url('images/h1background.png');
	margin-bottom:25px;
	padding-left:18px;
	margin-left:-0px;
	font-weight:normal;
	font-size:15pt;
	font-weight:bold;
	line-height:130%;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:-1px;
	width:701px;
}


.sidebarintrotext {
	margin-top:5px;
	font-size:10pt;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}

.sidebuttonslist {
	padding-top:10px;
	margin-left:0px;
	padding-left:13px;
}

ul.sidebuttonslist li {
	background: transparent url('images/sidebuttonbackground_temp.png');
	behavior: url('/wp-content/themes/saltroom/iepngfix/iepngfix.htc');
	font-size:12pt;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	height: 34px;
	width: 220px;
	list-style:none;
	font-weight:300;
	padding-left:14px;
	padding-top:8px;
	cursor:default;
}

ul.sidebuttonslist li a {
	text-decoration:none;
	color:black;
	cursor:default;
}



ul.sidebuttonslist li.cactive:hover  {
	background: transparent url('images/sidebuttonbackground_hover.png');
}

ul.sidebuttonslist li.cactive:active  {
	background: transparent url('images/sidebuttonbackground_pressed.png');
}

.sidebarlink {
	position:absolute;
	left:0px;
	top:0px;
	width:220px;
	height:32px;
}


/*

Double Size Button

*/


.sidebuttonslist2 {
	padding-top:5px;
	margin-left:0px;
	padding-left:13px;
}

ul.sidebuttonslist2 li {
	position:relative;
	background: transparent url('images/subjectbutton_unpressed.png');
	font-size:11pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	height: 80px;
	width: 235px;
	list-style:none;
	font-weight:300;
	margin-bottom:0px;
}

ul.sidebuttonslist2 li a {
	text-decoration:none;
	color:black;
}

ul.sidebuttonslist2 li:hover {
	background: transparent url('images/subjectbutton_hover.png');
}

ul.sidebuttonslist2 li:active {
	background: transparent url('images/subjectbutton_active.png');
}

ul.sidebuttonslist2 li table{
	height:100%;
	width:215px;
	margin-left:5px;
	text-align:center;
	padding-bottom:10px;
}

.sidebarlink2 {
	position:absolute;
	left:0px;
	top:0px;
	width:230px;
	height:58px;
}


/*

1.5 Size Brown Button

*/


.sidebuttonslist3 {
	padding-top:5px;
	margin-left:0px;
	padding-left:13px;
	margin-left:13px;	
	border-collapse:collapse;
	margin-top:10px;
}


.sidebuttonslist3 td {
	position:relative;
	background: transparent url('images/button15Brown_unpressed.png');
	font-size:11pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	height: 61px;
	width: 235px;
	font-weight:300;
	margin-bottom:0px;
	vertical-align:top;
}


.sidebuttonslist3 .invisible {
	position:absolute;
	z-index:20;
	height:60px;
	width:235px;
	margin:0px;
	padding:0px;
}

.sidebuttonslist3 a {
	text-decoration:none;
	color:black;
	margin-left:15px;
	height:100%;
	width:100%;
}

.sidebuttonslist3 .butText {
	position:absolute;
	margin-top:18px;
	margin-left:12px;
}

.sidebuttonslist3 td:hover {
	background: transparent url('images/button15Brown_hover.png');
}

.sidebuttonslist3 td:active {
	background: transparent url('images/button15Brown_active.png');
}

td .facebuttonslist3 {
	position:relative;
	background: transparent url('images/facebutton_unpressed.png');
	font-size:11pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	height: 61px;
	width: 205px;
	font-weight:300;
	margin-bottom:0px;
	vertical-align:top;
	padding-left:00px;
}

td .facebuttonslist3:hover {
	background: transparent url('images/facebutton_hover.png');
}

td .facebuttonslist3:active {
	background: transparent url('images/facebutton_active.png');
}



/*

1.5 Size Blue Button

*/


.sidebuttonslist4 {
	padding-top:5px;
	margin-left:0px;
	padding-left:13px;
	margin-left:13px;	
	border-collapse:collapse;
	margin-top:10px;
}

.sidebuttonslist4 td {
	position:relative;
	background: transparent url('images/button15Normal_Unpressed.png');
	font-size:11pt;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	height: 61px;
	width: 235px;
	font-weight:300;
	margin-bottom:0px;
	vertical-align:top;
}

.sidebuttonslist4 .invisible {
	position:absolute;
	z-index:20;
	height:60px;
	width:235px;
	margin:0px;
	padding:0px;
}

.sidebuttonslist4 a {
	text-decoration:none;
	color:black;
	margin-left:15px;
	height:100%;
	width:100%;
}

.sidebuttonslist4 .butText {
	position:absolute;
	margin-top:18px;
	margin-left:12px;
}

.sidebuttonslist4 td:hover {
	background: transparent url('images/button15Normal_hover.png');
}

.sidebuttonslist4 td:active {
	background: transparent url('images/button15Normal_active.png');
}








#content {
	margin:0px;
}
#content h1 {
	display:block;
	background: transparent url('images/h1background.png');
	margin-bottom:25px;
	padding-left:19px;
	margin-left:-00px;
	font-weight:normal;
	font-size:13pt;
	font-weight:bold;
	line-height:130%;
	padding-top:10px;
	padding-bottom:10px;
}

#content h1.partialwidth {
	width:500px;
	margin-top:20px;
}


#content p {
	margin-right:50px;
	margin-left:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}


#content .entry {
	margin-top:15px;
	margin-bottom:12px;
	line-height:120%;
	font-size:10pt;
}

#content p.dateline {
	display:block;
	text-align:center;
	width:250px;
	margin-top:12px;
	padding-bottom:0px;
	margin-left:0px;
	background-color:#B1E0E6;
	font-size:8pt;
	padding:2px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#content .post h1  {
	margin-top:0px;
}

#content.news .post h2 a {
	margin-bottom:0px;
}

#content.news .post h2 {
	margin-bottom:0px;
}

#content.news .entry {
	margin-top:4px;
}


#content .post h2  {
	display:block;
	line-height:120%;
	font-weight:bolder;
	color:#001177;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size:15pt;
	margin-top:-6px;
	margin-bottom:12px;
	margin-right:20px;
	margin-left:20px;
}

#content .post #homeblock h2 {
	color:#003399;
}

#content h3 {
	display:block;
	font-weight:bolder;
	font-size:13pt;
	color:#003399;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	line-height:120%;
	margin-bottom:5px;
	margin-right:20px;
	margin-left:20px;
}

#content .post h4 {
	font-weight:bolder;
	font-size:11pt;
	color:#003399;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	line-height:120%;
	margin-bottom:4px;
	margin-right:20px;
	margin-top:-5px;
	margin-left:20px;
}


/*

Hidden images to ensure quick loading

*/

.hiddenimage {
	width:1px;
	height:1px;
	visibility:hidden;	
}

#imgtemp1 {background: transparent url('images/makeanappointment_hover.png');}
#imgtemp2 {background: transparent url('images/comingsoonbutton.png');}
#imgtemp3 {background: transparent url('images/makeanappointment_unpressed.png');}
#imgtemp4 {background: transparent url('images/sidebuttonbackground_hover.png');}
#imgtemp5 {background: transparent url('images/sidebuttonbackground_pressed.png');}
#imgtemp6 {background: transparent url('images/sidebuttonbackground.png');}
#imgtemp7 {background: transparent url('images/subjectbutton_active.png');}
#imgtemp8 {background: transparent url('images/subjectbutton_hover.png');}
#imgtemp9 {background: transparent url('images/subjectbutton_unpressed.png');}
#imgtemp10 {background: transparent url('images/button15Brown_unpressed.png');}
#imgtemp11 {background: transparent url('images/button15Brown_hover.png');}
#imgtemp12 {background: transparent url('images/button15Brown_active.png');}

.alignright {
	text-align:right;
	margin-left:10px;
}

.bullettable {
	margin-left:15px;
	width:680px;
	margin-top:0px;
}

#content .post .bullettable td {
	padding:5px;
	margin:0px;
	vertical-align:middle;
}

#content .post .bullettable td h2 {
	font-size:13pt;
	margin:0px;
	padding:0px;
	color:#003399;
}

#content .post .bullettable td p {
	font-size:10pt;
	margin:0px;
	padding:0px;
}

#content .post .bullettable img {
	border:1px gray solid;	
}

#content .post p.firstpara {
	padding-top:12px;
}

#content .post p.lastpara {
	padding-bottom:32px;
}



.salt {
	font-size:30pt;
	color:#003399;
}


.homepicttable {
	width:700px;
	margin-left:19px;
	margin-bottom:20px;
}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	margin-left:25px;
	margin-bottom:20px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.entry ul {
	margin-left:52px;
	margin-bottom:20px;
	padding-top:0px;
}

.copyright {
	padding-top:3px;
	padding-bottom:3px;
	font-size:xx-small;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:gray;
}

.copyright a {
	text-decoration:none;
	color:#444444;
}

#content .related p {
	padding-bottom: 0px;
	margin-bottom:7px;
	font-weight:bold;
}

#content .related ul {
	margin-top:0px;
	padding-top:0px;
}

#content .related a {
	text-decoration:none;
	color:#73999E;
	font-style:none;
}

.related ul li {
	margin-left:-18px;
}

#content blockquote {
	margin-left:30px;
}

#content .postmetadata a {
	color: black;
	text-decoration:none;
}

#content .postmetadata {
	line-height:100%;
}

#content a {
	color:#006699;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	}

#content h1 a {
	font-style:normal;
	font-size:15pt;
}

#content a:hover {
	color: black;
	text-decoration:underline;
	}

.related ul {
	margin-left:53px;
}


.fieldtitle {
	margin:0px 0px 0 0;
	text-align:left;
	font-size: 10px;
	color:#888888;
	background:#fefefe;
	padding:2px;
	padding-bottom:0px;

}

.newsbox {
  width:90%;
  font-size:12pt;
}

#newsform {
  margin-left:20px;
}

.newslistitem {
  margin-left:3px;
  margin-top:2px;
  margin-bottom:2px;
}

.newssubmit {
  width:120px;
  margin-top:15px;
}

.newserrmsg {
  color:red;
  margin-left:22px;
  font-size:12pt;
  font-weight:bold;
  margin-bottom:10px;
  background-color:yellow;
}

.newserrorblock {
  margin-top:4px;
  margin-bottom:10px;
}

.quoteblock {
	margin:15px;
}
.quotelink {
	color:#222222;
	text-decoration:none;
}

.quotelink:hover {
	color:black;
} 

.quotelink:active {
	color:red;
} 

.quoteblock .quotescollection_randomquote {
}

.quoteblock .quotescollection_author {
	font-style:italic;
}

.quoteblock cite {
	margin-top:5px;
}

.homephoto {
	 margin:0px;
	 padding:0px;
	 margin-left:-1px;
	 margin-top:-1px;
}
