/*
Theme Name: Buttermilk Lodge
Theme URI: http://www.buttermilklodge.com/
Description: Buttermilk Lodge, Clifden, Connemara, Co. Galway.
Version: 1.0
Author: NetLink IT Services
Author URI: http://www.netlink.ie/
Tags:

	Copyright 2009 NetLink IT Services

*/



html {
	padding: 0; margin: 0;
}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif; color: #81433D; background: #C6C6A6 url('images/stone_bg.jpg'); padding: 0; margin: 30px 0 10px 0;
}

#wrapper {
	background: #F7F3C7; width: 700px; position: relative; border-radius: 6px; -moz-border-radius: 6px; padding: 0; margin: 0 auto;
}

#header { background: url('images/hdr.jpg') no-repeat; width: 500px; height: 250px; }

.rooms-rates-special-offers { background: url('images/hdr002.jpg') no-repeat !important; }
.breakfast { background: url('images/hdr004.jpg') no-repeat !important; }
.our-connemara-ponies { background: url('images/hdr003.jpg') no-repeat !important; }


.border {
	color: #EFEAB0; background: #9B552B; padding: 12px;
}

.top {
	font-size: 10px; text-align: right;
	 border-radius-topleft: 6px;
	 border-radius-topright: 6px;
	 -moz-border-radius-topleft: 6px;
	 -moz-border-radius-topright: 6px;
}

.bottom {
	/*position: absolute; bottom: 0;*/
	font-size: 9px; font-weight: bold; clear: both;
	border-radius-bottomright: 6px;
	border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

.top a:link, .top a:active, .top a:visited,
.bottom a:link, .bottom a:active, .bottom a:visited
{
	text-decoration: none; color: #000099;
}

.top a:hover, .bottom a:hover
{
	text-decoration: none; color: #6666ff;
}

#sidebar {
	background: url('images/bg-sidebar.png') 0% 0% no-repeat; width: 210px; height: 600px; position: absolute; top: 0; left: 0; z-index: 100;
}

#sidebar .inner {
	padding: 180px 15px 10px 16px;
}

#sidebar ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#sidebar ul li {
	border-bottom: 1px solid #EFD6D6; padding-bottom: 3px;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited {
	color: #666; text-decoration: none;
}

#sidebar a:hover {
	color: #9B552B; text-decoration: underline;
}

#content_wrapper {
	background: #fff; width: 500px; float: right;
}

#content {
	font-size: 12px; color: #873B46; background: #EDEAC0; min-height: 310px; padding: 0 10px 10px 20px;
}

#content a:link, #content a:active, #content a:visited {
	color: #000099; text-decoration: none;
}

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

h1 {
	font-size: 20px; padding: 0; margin: 0 0 8px 0;
}

h2 {
	font-size: 16px; padding: 0; margin: 0 0 6px 0;
}

h3 {
	font-size: 14px; font-weight: 400; font-style: italic; padding: 0; margin-bottom: 0;
}

h4 {
	font-size: 14px; font-style: bold; padding: 0; margin-bottom: 0;
}

.tablebacktwo {
	background-color: #99ccff;
}

.tablebackthree {
	background-color: #99ff99;
}

img, object, embed {
	vertical-align: bottom; border: none;
}



/* Begin Images */
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;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */