/*
THEME NAME: Keely Kolmes
DESCRIPTION: Custom theme based designs by Mosspink.com and Jesse Keyes
VERSION: 1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/


/* global */

html, body {
	margin: 0;
	padding: 0;
	background: #e2e2e2 url("img/gray-dient.gif") right repeat-y;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: #333;
}


div.clear
{
height: 1%;
clear: both;
content: ".";
height: 0;
visibility: hidden
}




a {
	color: #A33;
	text-decoration: underline;
	font-weight: normal;
	}

a:hover {
	color: #c00;
	text-decoration: none;
	}
	
	
a:active {
	color: #f00;
	}
	
a.small-link {
	font-size:12px; 
	}
	
/***** structure, misc ******/
	
#wrap {
	margin: 0px auto 0 auto;
	width: 850px;
	height: 100%;
	background: #fff;
}

#access {
	display:none;
	}


/***** header ******/

#header {
	padding: 5px 0;

}

#header h1 {
	display: none;
}

#header a img {
	border: none;
	float: right;
	}
	
#header div.title {
	padding: 15px 20px 25px 20px;
}



#menu ul li {
	display: inline;
}

#menu ul li.page_item a, #menu ul li.home a {
	
	}
	
#menu ul li.home a {
	border: none;
	padding-left: 6px !important;
	}

#menu ul li a:hover {
	text-decoration: underline;
	}
	
	
	
/* menu drop down */

ul#menu {
	background: #cecece;
	padding: 10px 0px 10px 0px;
	margin: 0 auto 20px;
	float: right;
	width: 100%;
	color: #333;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}



ul.dropdown li a {
	font-size: 18px;
	text-align: center;
	text-transform: lowercase;
	padding: 0px 8px 0 8px;
	margin: auto 0 auto 0;
	border-left: solid #666 1px;
	color: #A33;
	text-decoration: none;
}

ul.dropdown li.home a {
	border: none;
	padding-left: 22px !important;
	}

ul.dropdown li a:hover, ul.dropdown  li.current_page_item a, ul.dropdown li.current_page_item ul li a:hover  {
	text-decoration: underline;
}


ul.dropdown li.current_page_item ul li a { /* for drop downs not to take hover effect of parent */
	
}


ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 min-width:150px;
	border: 1px solid black;
	background: white;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul li ul {

	margin: -10px 0 0 50px;
}

ul.dropdown ul li a {
	display: block;
	padding: 5px;
	width: 150px;
	border-left:none;
	text-align: left;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}



/************************ main **************/

#content {
	float: left;
	background: #fff;
	padding: 0 20px;
	width: 810px;
	margin-top: -20px;
}


/*** special formating ***/

.blurb h2 {
	font-size: 24px;
	font-weight: bold;
	color: #A11;
}

.blurb p, .entry-content p span{
	font-size: 16px;
	line-height: 23px;
}

.homepage {
	background: #eee ;
	
		-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 20px;
	font-size: 17px;
	line-height: 24px;
	color: #333;
	width: 495px;
}

.entry {
      clear:left;
}

.entry-content blockquote {
	margin-left: 20px;
	}
	
.entry-content ul ul{
}	

.entry-content h2 {	
	font-size: 20px;
	font-weight: bold;
	color: #900
	}

.entry-content h3 {
	color: #855;
	margin: 40px 0 -12px 0;
	font-size: 18px;
	font-weight: lighter;
	letter-spacing: .1em;
}

.subhead2 {	
        font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	letter-spacing: .05em;
}



#post {
	width: 66%;
	float: left;
	}
	

	
h2.entry-title {
	font-size: 18px;
	background: #a3a3a3;
	font-weight: normal;
}

h2.entry-title a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	}
	
h2.entry-title a:hover {
	background: #666;
	
}

div.entry-date {
	text-align: right;
	margin: -5px 0 0 0;
	color: #999;
}

/* meta */

div.entry-meta {
	border-top: #b5b5b5 solid 1px;
	border-bottom: #b5b5b5 solid 1px;
	padding: 15px 0;
	margin: 0 0 50px 0;
	text-align: center;
	float: left;
	min-width: 100%;
}




.meta-left {
	float: left;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	width: 35%;
	color: #666;
	padding: 0;
}



.meta-right {
	float: right;
	text-align: left;
	width: 65%;
	font-size: 12px;
	line-height: 18px;
	}





/***** sidebar ******/


#sidebar {
	float: right;
	width: 257px;
	margin: 22px 0 0 0;
}


#contact, #calendar_wrap {
		-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #e3e3e3;
	margin: 10px 0;
	padding: 5px 20px;
}


#contact h2, .widget h2, li h2, label.hidden{
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	}
h2.widgettitle {
	margin-bottom: 0;
}	
	

#calendar_wrap {
	-moz-border-radius: 5px;
}

#calendar_wrap table {
	width: 100%;
	margin: 0 auto;
}

/* .widget h2, li h2 {
	letter-spacing: 5px;
	
	} */
	
#searchform {
	width: 100%;
	margin-left: -10px;
}
	
input#s {
	width: 100%;
}
#bottom {
	width: 257px;
	height: 6px;
	margin:-11px 0 0 0;
	padding: 0;
	background: url("img/box-bottom.png") no-repeat;
}

#bottom-about {
	width: 535px;
	height: 6px;
	margin:0px 0 0 0;
	padding: 0;
	background: url(img/about-bottom.png) no-repeat;
}


ul.widgets {
	background: #f3f3f3 url("img/box2-top.png") no-repeat top;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-widget {
	width: 257px;
	height: 9px;
	margin:-14px 0 0 0;
	padding: 0;
	background: url("img/box2-bottom.png") no-repeat;
}

ul li.widget, ul li.widget ul  {
	list-style-type: none;
	margin: 0 0 20px -30px;
	}
	
li#recent-posts {
	margin-top: -5px !important;
}

ul li.widgets ul li {
	margin: 0 0 0 -40px;
}

ul.widgets li.widget  {


	margin-top: 20px;
}

div.textwidget {
	line-height: 16px;
}

li#rss a {
	margin-top: 20px;
	padding: 0 0 0 20px;
	display: block;
	background: url("img/feed.png") no-repeat left;
}
li#tag_cloud a {
	text-decoration: none !important;
}

/**** search ***/


#search {
	width: 220px;
	margin: 20px 0 0 -20px;
}


#s {
	border: #999 1px solid;
	height: 20px;
	font-size: 14px;
	padding: 5px;
	width: 150px;
	background: #E4E2E2;
	color: #666;
}

#searchsubmit {
	border-style:none;
	background: #C3C3C3;
	padding: 6px 5px 8px 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
}

#searchsubmit:hover {cursor: pointer;}

/***** footer ******/


#footer {
	margin: 0 auto;
	width: 850px;
	height: 50px;
	text-align:center;
	background: url("img/content-curve.png") no-repeat top;
	clear: both;
}


#footer p {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
}

#footer p a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}




/* Just some example content 
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts 
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}*/

/* Special classes */
.floatleft {
float:left;
padding:15px;
}

.floatright {
float:right;
padding:15px;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;

}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin: 10px;
	margin-top: 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-bottom: 0px !important;
}

.wp-caption img {
	margin: 0 !important;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0;
	margin: 5px !important;
}

.alignleft {
	float: left;
	padding: 5px;
}

.alignright {
	float: right;
	padding: 5px;
}


	
img.alignright {
	float: right;
	padding: 10px 0px 5px 10px;
	}

img.alignleft {
	float: left;
	padding: 10px 10px 5px 0;
	}
	
img.aligncenter {
	margin: 0 auto;
	padding: 10px;
	clear:both;
	}

/* End captions */



/* add this widget */
.addthis_container {margin: 10px 0 15px 0; float: right;}


/* availability calendar */

.wp-availability-month table thead th, #key table th {background-color: #696969 !important;color: white;}

.wp-availability-month table tbody td.wp-availability-booked {
    background-color:#c07171 !important;
    text-decoration: none !important;
}


#key table {
    border-collapse: collapse;
    color: #333333;
    font: 11px arial,verdana,sans-serif;
    table-layout: fixed;
    text-align: center;
    width: 150px;
}

div.swatch {
	width: 20px;
	height: 20px;
	background: #C07171;
	float: left;
	margin: 0 7px 20px 0;
}

#key {
	margin-bottom: 20px;
}


#profile {
	margin: 0 0 20px 0;

}

#profile img {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 257px;
}


/** paypal **/

table.shop {width: 100%;}

table.shop #searchsubmit {float: right;}

table.shop td {padding: 5px 10px;}

#cart {
    position: relative;
    left: 800px;
    top: 74px;
    z-index: 1000;
    float: none !important;
    }




