/*Theme Name: Ashburnham Hotel
Author: Rob Howells, 10eight-design
Date: July 2009
*/
@charset "utf-8";/* CSS Document *//* general reset stuff up here */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
er: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
background-color:transparent;
font-weight:normal;
}
body {
font-family:Arial, Helvetica, sans-serif;
line-height: 120%;
background-color:#fff;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}/* remember to define focus styles! */
:focus {
outline: 0;
}/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}/* tables still need 'cellspacing="0"' in the markup */
table {
-collapse: collapse;
border-spacing: 0;
}
/********************************************************************************************* Site specific */
body {
background-image:url(assets/bg_body.gif);
background-repeat:repeat-x;
}
#wrap {
width: 980px;
margin:0 auto;
background-color:#fff;
}
#header {
height:120px;
background-image:url(assets/bg_head.gif);
}
#header h1 {
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
font-size:32px;
color:#333;
font-style:italic;
font-weight:normal;
padding:20px 15px 10px 0
}
#header h1 strong {
font-weight:normal;
color:#2a90c5;
}
#header h2 {
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
font-size:18px;
color:#999;
font-style:italic;
margin:10px 15px 10px 0
}
#slide {
height:330px;
}
#nav {
position:relative;
height:48px;
background-color:#bac1c6;
margin:0 0 8px 0;z-index:1000;
}
#nav ul {
padding:8px 0 0 15px;
margin:0;
list-style:none;
z-index:999;}
#nav li {
float:left;
margin:0 5px 0 0;
padding:0;
background:url(assets/menu_right.png) no-repeat right top;}
#nav a {
display:block;
background:url(assets/menu_left.png) no-repeat left top;
padding:4px 15px 6px 15px;
text-decoration:none;
font-size:14px;
color:#fff;}
#nav a:hover {
display:block;
background:url(assets/menu_left.png) no-repeat left top;
padding:4px 15px 6px 15px;
font-size:14px;
color:#3C6E86;}
#nav li ul {
position: absolute;
width: 120px;
left: -999em;}
#nav li ul li {
margin:0;
width:150px;
background-image:none;}
#nav li ul li a,
#nav li ul li a:hover {
display:block;
background-color:#4B7E9A;
background-image:none;
color:#fff;
margin:0;
padding:4px 5px 4px 5px;}
#nav li ul li a:hover {
color:#000;}
#nav li:hover ul {
left: auto;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav ul li ul li:hover, #nav ul li ul li.sfhover {background: #ccc;color:#fff;}
#nav ul li.tab ul.nontab li a:hover {color:#fff;}
li:hover{visibility:visible}
#teasers {
width:700px;
margin:0 0 20px 15px;
float:left;}
#content {
width:680px;
margin:0 0 20px 15px;
float:left;
padding:0 20px 0 0;}
#posts_page {
	width:680px;
	margin:0 0 20px 15px;
	float:left;
	padding:0 20px 0 0;
}
#posts_page .posts p img {
	margin:5px 0 15px 0;
	border:2px solid #999;
}
#content h2#page_name, #posts_page h2#page_name {
	font-size:18px;
	color:#83ABC5;
	font-weight:normal;
	margin:10px 0 10px 0;
}
#content h3#pull {
	font-size:28px;
	color:#DF8368;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	margin:0 0 15px 0;
	line-height:140%;
}
#posts_page h3#event {
	font-size:18px;
	color:#DF8368;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	margin:0;
	line-height:140%;
}
#info_panel #subscribe a {
	font-size:12px;
	text-decoration:none;
	display:block;
	background-image:url(assets/rss.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:0 38px 0 0;
	margin:8px 0 15px 0;
	line-height:140%;
	color:#3366D6;
}

#info_panel #subscribe a:hover {
	font-size:12px;
	text-decoration:underline;
	display:block;
	background-image:url(assets/rss.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:0 38px 0 0;
	margin:8px 0 15px 0;
	line-height:140%;
	color:#3366D6;
}


#content p, #posts_page p {
	line-height:140%;
	color:#666;
	margin:0 0 10px 0;
}
#teasers .info_box {
	width:220px;
	height:270px;
	margin:0 10px 10px 0;
	border-bottom:1px dashed #CCCCCC;
	float:left;
	overflow:hidden;
}
#teasers .info_box h1 {
	background-color:#83ABC5;
	padding:5px 5px 5px 8px;
	color:#fff;
}
#teasers .info_box h3 {
	background-color:#83ABC5;
	padding:5px 5px 5px 8px;
	color:#fff;
margin-bottom:3px;
margin-top:5px;
}
#teasers .info_box p.desc {
	font-size:12px;
	line-height:140%;
color:#666;
}

#teasers .info_box p.desc a {
color:#BA4941 !important;
}
#teasers .info_box p.desc a:hover {
color:#999 !important;
}


#info_panel {
	width:220px;
	
	padding:5px 15px 30px 15px;
	margin:0 15px 0 0;
	background-color:#e5e9ec;
	float:right;
}
#info_panel h1 {
	margin:0 0 5px 0;
	padding:8px 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	border-bottom:1px dashed #ccc;
	font-size:18px;
}
#info_panel h4 {
	margin:0 0 5px 0;
	padding:8px 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	border-bottom:1px dashed #ccc;
	font-size:18px;
}
#info_panel h3 {
	margin:0 0 5px 0;
	padding:8px 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	border-bottom:1px dashed #ccc;
	font-size:18px;
}
#info_panel ul li {
	margin:0 0 5px 0;
	font-size:12px;
}
#info_panel a[type='application/pdf'] {
	padding:0 0 0 20px;
	background: url('assets/icon_pdf.gif') no-repeat 0 50%;
}
#info_panel a {
	color:#0066CC;
	text-decoration:none;
}
#info_panel a:hover {
	color:#0066CC;
	text-decoration:underline;
}
#info_panel ul#categories {	
margin:8px 0 0 0;
}
.clr {
	clear:both;
}
#footer {
	height:200px;
	background-color:#ebf4fb;
}
#footer p {
	text-align:center;
	font-size:20px;
	color:#999;
	padding:8px;
	line-height:150%;
}
#teasers p.intro {
	color:#666;
	line-height:150%;
	width:700px;
	margin:0 0 15px 0;
	color:#BA4941;
	font-family:Georgia, "Times New Roman", Times, serif;
	xfont-style:italic;
}
h3 {
	font-size:18px;
	color:#999;
	margin:30px 0 10px 0;
}/************************************************************************************ Step carousel */
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 980px; /*Width of Carousel Viewer itself*/
	height: 330px; /*Height should enough to fit largest content's height*/
	overflow:hidden;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 980px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	color:#000;
}
.stepcarousel .panel .excerpt {
	background-image:url(assets/bg_excerpt.png);
	background-repeat:no-repeat;
	position:absolute;
	left:50px;
	top:50px;
	width:878px;
	height:74px;
}
.stepcarousel .panel .excerpt p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:150%;
	padding:5px 20px 0 20px;
	font-style:italic;
	color:#276A9B;
	margin:0;
}
.stepcarousel .panel a {
	font-size:14px;
	color:#BA4941;
	text-decoration:underline;
}
.stepcarousel .panel a:hover {
	font-size:14px;
	color:#BA4941;
	text-decoration:none;
}/********************************************************************************************** Galleries */
ul#pikame {
	padding:0;
	width:500px;
	margin:0;
}
.pika_main {
	xwidth:500px;
	padding:0;
	margin:0;
}
#pikame li {
	margin:0px;
	float: left;
	xborder:1px solid #999;
	padding-right:10px;
}/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img {
	position:relative;
	cursor:pointer;
}
.pika_main img {
	border:1px solid #999;
	margin:0 0 10px 0;
}
.pika_main {
	position: relative;
	margin:0 auto;
}
.pikachoose li {
	float:left;
	position:relative;
	overflow:hidden;
	list-style:none;
}
.pika_play {
	position:absolute;
	top:10px;
	right:160px;
	z-index:1;
}
.pika_play a {
	position:relative;
	margin-left:auto;
	cursor:pointer;
}
.pika_play img {
	border:none !important;
}
.pika_caption {
	width:100%;
	height:30px;
	text-align:center;
	display:none;
}
.pika_navigation a {
	font-size: 12px;
color:#999;
text-decoration: none;
}
.pika_navigation a:hover {
text-decoration: underline;
}
.pika_navigation {
padding-top:10px;
clear:both;
text-align:left;
}/****************************************************************************************** Slide panel */
#panel {
background: #754c24;
height: 200px;
display: none;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(assets/btn-slide.gif) no-repeat center top;
}
.btn-slide {
background: url(assets/white-arrow.gif) no-repeat right -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background-position: right 12px;
}
em {
color:#328BC9;
}
form #commentform {
width:600px;
}
textarea #comment {
width:600px;
}
#posts_page p img {
float:left;
margin:5px 10px 0px 0;
border:3px solid #fff;
}
#posts_page p img.size-full {
float:none;
}

#posts_page h2 {
font-size:18px;
color:#83ABC5;
font-weight:normal;
margin:10px 0 10px 0;	
}
#posts_page .a_post h3 {
margin:0 0 8px 0;
padding:0;
}
#posts_page .a_post h3 a {
color:#6193B5;
text-decoration:underline;
}
#posts_page .a_post h3 a:hover {
color:#6193B5;
text-decoration:none;
}
#posts_page .a_post {
background-color:#efefef;
padding:10px 10px 10px 10px;
margin:0 0 10px 0;
border:1px solid #ddd;
overflow:hidden;
}
#posts_page .a_post p.post_info,
#posts_page .post p.post_info {
font-size:12px;
}
#posts_page .a_post p a,
#posts_page .post p a {
color:#BA4941;
text-decoration:none;	
}
#posts_page .a_post p a:hover,
#posts_page .post p a:hover {
color:#BA4941;
text-decoration:underline;
}
#posts_page .a_post p.post_info a,
#posts_page .post p.post_info a {
color:#BA4941;
text-decoration:none;	
}
#posts_page .a_post p.post_info a:hover,
#posts_page .post p.post_info a:hover {
color:#BA4941;
text-decoration:underline;
}
#posts_page .post {
background-color:#efefef;
padding:10px;
margin:0 0 10px 0;
border:1px solid #ddd;
overflow:hidden;
}
label
{
width: 120px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
form p.form_headings {
text-align: left;
margin-left: 0.5em;
padding-top: 15px;
color:#333 !important;
font-size:18px;
font-family:georgia;
}
form .select, form .submit {
padding-left:135px;	
}
#search_form {
margin:0 0 10px 0;	
}
#search_form label {
text-align:left;
}
#search_wrap {
background-color:#999;
}
#nav #booking_icon a {
background-image:none;
border:1px solid color:#666;
}
#nav #booking_icon  {
position:absolute;
top:3px;right:5px;
border:0;
}
#nav #booking_icon img {
border:0;
}

p iframe {
border:4px solid #ccc;
}

#admin_login {
font-size:12px;
margin:25px 0 10px 0;
}

#admin_login a {
padding:5px;
background-color:#83ABC5;
}

#admin_login a:hover {
padding:5px;
background-color:#94B7CD;
text-decoration:none;
}

.ddsg-wrapper ul {
padding:0 0 0 15px;
}

.ddsg-wrapper ul li {
margin:0 0 5px 0;
}

.ddsg-wrapper ul li a {
color:#666;
text-decoration:underline;
}

.ddsg-wrapper ul li a:hover {
color:#666;
text-decoration:none;
}

#footer p.teneight {
text-align:centre;
font-size:10px;
color:#999;
}

#footer p.teneight a {
font-size:10px;
color:#999;
text-decoration:underline;
}

#footer p.teneight a:hover {
font-size:10px;
color:#999;
text-decoration:none;
}
#info_panel ul#posts li a {
display:block;
}