/*
Theme Name: EnjoyBath
Theme URI: http://www.enjoybath.com
Description: First theme for EnjoyBath
Version: 1
Author: Richard S Davies
Author URI: http://www.manorbierdesign.com
Tags: clean, professional, pimping
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* The beauty of CCS3 */

@font-face {
	font-family: "Qlassik";
	font-weight: "Normal";
	src: url("./style/fonts/Qlassik.otf");
}


body{
	background: url(images/background.jpg);
	padding-bottom: 30px;
}

#wrapper{
	width: 920px;
	padding: 0 20px 20px 20px;
	background-color: #fff;
	margin: 0px auto;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
}

.logo{
	float: left;
	margin: 20px 0 0 0;
}

.tagline{
	float: right;
	margin: 60px 0 0 0;
}

ul.hpmenu{
	border-top: 1px solid #b1b1b1;
	margin: 20px 0 20px 0;
	padding: 5px 0 0 0;
}

ul.hpmenu a{
	color: #000;
	text-decoration: none;
}

ul.hpmenu a:hover{
	text-decoration: underline;
}

ul.hpmenu li{
	display: inline;
	margin: 0 20px 0 0;
}

#homepageleft{
	width: 603px;
	float: left;
}

#indiv{
	width: 703px;
	float: left;
}

#indiv h2{
	font-size: 26px;
	font-family: Cambria, Gill Sans, Helvetica, Sans-serif;
}

#indiv h3 a{
	font-size: 16px;
	color: #000;
	font-family: Cambria, Gill Sans, Helvetica, Sans-serif;
}

#indiv p{
	margin: 10px 0;
	line-height: 18px;
}

.pagesingle h1{
	font-family:Cambria,Gill Sans,Helvetica,Sans-serif;
	font-size:26px;
	margin: 0 0 10px 0;
}

#wrapper .pagesingle h2{
	font-family:Cambria,Gill Sans,Helvetica,Sans-serif;
	font-size:20px;
}

.categorypage a{
	color: #000;
}

#sidebar{
	width: 300px;
	float: left;
	padding: 0 0 0 17px;
}

#sidebarsingle{
	width: 200px;
	float: left;
	margin: 0 17px 0 0;
}

#welcomebox{
	background-color: #fff;
	height: 40px;
	padding: 10px;
	margin: 251px 0 0 0;
	opacity: 0.8;
}

#homepageleftleft{
	width: 294px;
	float: left;
	margin: 0 15px 0 0;
}

#homepageleftleft #essentialguides{
	margin: 15px 0 0 0;
}

#homepageleftleft #sidebarguides{
	margin: 15px 0 0 0;
}

#homepageleftleft #essentialguides .hpheader1{
	background-color: #006293;
	height: 17px;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#sidebar #sidebarguides .sbheader1 h2{
	background-color: #810700;
	height: 17px;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-family: Gill Sans, Helvetica, Sans-serif;
	border-top: 0px;
}

#homepageleftright{
	width: 294px;
	float: left;
}

#homepageleftright #accommodation{
	margin: 15px 0 0 0;
}

#homepageleftright #accommodation .hpheader2{
	background-color: #794679;
	height: 17px;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

#sidebar h2{
	font: 18px Cambria, Serif;
	color: #898989;
	border-top: 1px solid #898989;
	margin: 15px 0;
}

#sidebarsingle h2{
	font: 18px Cambria, Serif;
	color: #898989;
	border-top: 1px solid #898989;
	margin: 15px 0;
}

h2.subheader{
	font: 18px Cambria, Serif;
	color: #898989;
	border-top: 1px solid #898989;
	margin: 10px 0;
}

#sidebar a{
	color: #898989;
	text-decoration: none;
}

#sidebarsingle a{
	color: #898989;
	text-decoration: none;
}

#essentialguides{
	background: #e2ebf0 url(images/egbackground.jpg) repeat-x 0 37px;
	/* min-height: 177px; */
	padding-bottom: 10px;
}

#sidebarguides{
	background: #e2ebf0 url(images/egbackground.jpg) repeat-x 0 37px;
	min-height: 177px;
}

#essentialguides ul{
	color: #006192;
}

#sidebarguides ul{
	color: #006192;
}

#accommodation ul{
	color: #7a477a;
}

#accommodation ul{
	color: #7a477a;
}

#accommodation{
	background: #e2ebf0 url(images/egbackground.jpg) repeat-x 0 37px;
	/* min-height: 177px; */
	padding-bottom: 10px;
}

#essentialguides img{
	float: left;
	margin: 10px 0 0 10px;
}

#sidebarguides img{
	float: left;
	margin: 2px 0 7px 10px;
}

#accommodation img{
	float: left;
	margin: 10px 0 0 10px;
}

#essentialguides h2.egheadline{
	font: 18px Cambria, Serif;
	color: #006292;
	margin: 7px 0 0 10px;
	float: left;
	width: 200px;
}

#sidebarguides h2.egheadline{
	font: 18px Cambria, Serif;
	color: #810700;
	margin: 0 0 0 10px;
	float: left;
	width: 200px;
	border-top: 0px;
}

#accommodation h2.acheadline{
	font: 18px Cambria, Serif;
	color: #794679;
	margin: 7px 0 0 10px;
	float: left;
	width: 200px;
}

#essentialguides p{
	float: left;
	width: 200px;
	padding: 7px 0 0 12px;
}

#sidebarguides p{
	float: left;
	width: 200px;
	padding: 7px 0 0 12px;
}

#accommodation p{
	float: left;
	width: 200px;
	padding: 7px 0 0 12px;
}

ul.hpbullets1, ul.hpbullets2, ul.hpbullets3, ul.hpbullets4, ul.hpbullets5, ul.hpbullets6{
	float: left;
	margin: 10px 40px 0 10px;
	line-height: 20px;
}

ul.hpbullets1 li, ul.hpbullets2 li, ul.hpbullets3 li{
	list-style-image: url(images/bluebullet.png);
	list-style-position: inside;
}

ul.hpbullets4 li, ul.hpbullets5 li, ul.hpbullets6 li{
	list-style-image: url(images/purplebullet.png);
	list-style-position: inside;
}

#footer{
	width: 960px;
	margin: 0px auto;
	text-align: center;
	line-height: 24px;
	color: #636363;
	padding: 10px 0 0 0;
}

#footer a{
	color: #000;
}

#searchbox{
	background-color: #e6e6e6;
	border: 1px solid #B1B1B1;
	padding: 20px;
	margin: 0 0 15px 0;
	text-align: center;
}

.sublist{
	float: left;
	width: 200px;
}

.sublist h3{
	margin: 0 0 7px 0;
	font-family: Cambria,Serif;
	font-size: 14px;
}

.sublist a{
	color: #000;
	text-decoration: none;
}

.sublist a:hover{
	text-decoration: underline;
}

.sublistimage{
	float: left;
	margin: 0 10px 10px 0;
}

/* Slider */

#slider {
    width: 601px; /* important to be same as image width */
    height: 311px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 601px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 601px;
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.7;
    color: #000;
    display: none;
}

.sliderImage h2{
	color: #000;
	font-family: Cambria,Serif;
	font-size: 16px;
}

.clear {
	clear: both;
}

.sliderImage span strong {
    font-size: 14px;
}

.top {
	top: 0;
	left: 0;
}

.bottom {
	bottom: 0;
    left: 0;
}

ul { list-style-type: none;}


.chat{
	width: 300px;
	float: left;
	margin: 10px 20px 0 0;
}

.chat h1{margin:0.5em 0;font-weight:normal;font-size:3.75em;line-height:0.9;color:#000;}
		.chat .user_1{background-color: #cbdbe0;}
		.chat .user_2{background-color: #e8eef1;}
		.chat .user_3{background-color: #808080;}
		.chat .user_4{background-color:#888;}
		.chat dl{margin:0 0 0.75em;}
		.chat dt{background-image:url("http://static.tumblr.com/gpln05e/2xxkg8i6j/chat-bg.png");background-repeat:repeat;background-position:0 0;overflow:hidden;}
		.chat dt em{display:block;float:left;background-color:#000;padding:0.25em 0.6em 0.1em;color:#fff;text-transform:uppercase;font-size:0.8125em;font-style:normal;line-height:1.8;}
		.chat dd{padding:0.5em 0.75em;color:#333;}


.welcomeimage h1 span{
	background-color: #fff;
	padding: 5px;
	position: relative;
	top: 20px;
	font-family:Cambria,Gill Sans,Helvetica,Sans-serif;
	font-size:26px;
}

#searchresults li{
	background-color: #DBE4E9;
	padding: 10px;
	border: 1px solid #BCCFD5;
	margin: 10px 0;
}

#searchresults span{
	float: right;
	background-color: #000;
	padding: 3px;
	position: relative;
	top: -10px;
	left: 10px;
}

#searchresults span a{
	color: #fff;
	text-decoration: none;
}

#bottompods li{
	width: 190px;
	margin: 10px 15px 0 0;
	min-height: 230px;
	float: left;
	background-color: #DBE4E9;
	padding: 10px;
	border: 1px solid #BCCFD5;
}

#indiv h2.bottompodstitle{
	font-size: 20px;
}

#betabox{
	background-color: #faffbe;
	border: 1px solid #d38f00;
	padding: 10px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.categorysidebar ul li ul li{
	padding: 10px;
	margin: 5px 0;
	background-color: #fff6cf;
	border:1px solid #D38F00;
	color: #D38F00;
}

#sidebarsingle .categorysidebar ul li ul li a{
	color: #D38F00;
}

#code{
	margin: 10px;
	padding: 10px;
	background-color: #e6e6e6;
	border: 1px solid #b3b3b3;
	font-family: "Courier New";
}

.post .sociable{
	background-color: #ffffd3;
	border: 1px solid #ff8009;
	float:right;
	padding:10px;
	width:361px;
}

.post .sociable .sociable_tagline{
	margin-bottom: 10px;
}

#respond textarea{
	width: 703px;
}

ol.commentlist li{
	background-color: #e6e6e6;
	border: 1px solid #808080;
	margin:20px 0 0;
	padding:10px;
}