/* @override http://penarwyn-co-uk.domain-ref.http.beryllium.lon.periodicnetwork.com/css/screen.css */

@import url("tripoli/reset.css");

@import url("tripoli/generic.css");

/* Tripoli Overrides*/
p+ul { margin-top: -0.8em }

fieldset { border:none; }

ul li { margin-left:3em; }

/*end*/

/*Overrides for non-text lists - needs ul and li*/

#menu li,
#menu ul li,
#contenttop li,
#contenttop ul.negnav li,
.contentright ul.reserve li,
.contentright li,
.contentright ul.places li,
#foot li,
#foot ul li  {
	text-indent: 0;
	margin-left: 0;
}

#contenttop li:before,
#menu li:before,
#foot li:before,
.contentright li:before { content:''; }



/*end*/


body {
	color: black;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#fff url(../img/bodybg.gif) top left repeat-x;
}



/*--------------Site Text formating----------*/


p.leadin {
font-size:1.2em	;
line-height:1.5em;
}

p.leadin strong {
font-size:2.875em;
font-weight:300;
margin-top:15px;
/*border: 1px solid transparent;*/
}

p.sub strong {
font-size:1.5em;
font-weight:300;
margin-top:15px;
/*border: 1px solid transparent;*/
}

p.leadin span {
font-size:1.5em;
font-weight:300;
}

#topleft p {
font-size:1.2em;	
}

.contentleft p em {
font-weight:600;
font-style:normal;
}


p.bottomdot, p.narrow {
background:#fff url(../img/vdots.gif) bottom repeat-x;
padding-bottom:2.5em;
margin-bottom:2em;
}

/*#about p.bottomdot {
padding-bottom:7em;
}*/


/*headers-------------------------------------*/

#masthead h1, p.flashcont {
display:block;
text-indent:-9999px;
overflow:hidden;
}

p.flashcont {
margin:0;
padding:0;
font-size:1px;
line-height:0;
border:0;
}

#topleft h2 {
margin-top:0.250em;
margin-bottom:1.875em;
font-weight:300;
line-height:1.5em;

}

h2.negative {
color:#fff;
background:#000;
font-size:2.5em;
padding:5px 15px;
font-weight:300;
font-variant:small-caps;
text-align:right;
}

h2.negative em {
color:#666;
background:#000;
padding:0px 10px;
}

h2.form {
padding-bottom:1em;
margin:0;
padding-top:0;
}

/*.roomsright h2{
font-variant:small-caps;
display:block;
width:500px;
font-size:1.5em;
font-weight:300;
}*/

body#report #contentmain h2 {
font-weight:300;
font-variant:small-caps;
font-size:1.5em;
}

h3, 
h3.comms,
.contentright h2,
.contentleft h2,
.roomsleft h2,
#foot h3  {
font-weight:300;
font-variant:small-caps;
font-size:1.1em;
margin-bottom:0em;
}



h3.button {
font-size:1em;
display:inline;
padding:0;
padding-right:90px;
margin:0;
float:left;
}

.contentleft h2 {
font-size:1.5em;
margin:0;
}

h3.mbot {
margin-bottom:1.2em;
}

/*contentright formatting--------------------*/

.contentright h2, .roomsleft h2, .contentright h2.alt,
h2.reserve {
font-size:1.5em;
display:block;
padding-top:1em;
margin-bottom:0.5em;
background:#fff url(../img/vdots.gif) top repeat-x;
}

.roomsleft h2.alt {
margin-top:0em;
padding-top:1em;
}

h2.reserve {
font-size:1.3em;
background-image:none;
padding-top:.25em;
}

.contentright h2.alt {
background-image:none;
padding-top:0em;
}

p.add, .contentright address {
margin-top:0;
padding-top:0;
margin-bottom:0.5em;
line-height:1.1em;
}

.contentright p, 
.roomsleft p,
p.add,
.contentright address {
color:#333;
background-color:#fff;
}

#foot h3, #foot p, #foot address {
display:inline;
padding-bottom:1.5em;
line-height:3em;
}

img.logoright, img.logonotop {
float:right;
padding:5px;
margin-top:2.5em;
display:block;
overflow:hidden;
}

img.logonotop {
margin-top:0em;

}

a.linkdot {
display:block;
padding-bottom:1em;
background:#fff url(../img/vdots.gif) bottom repeat-x;
}

/*a.widedot {
display:block;
padding-bottom:1.5em;
margin-bottom:3em;
padding-left:15px;
padding-top:0;
background:#fff url(../img/vdots.gif) bottom repeat-x;
}*/



/*links styles------------------------------------*/
a:link,
a:visited,
a:active { color:#CC9900; background-color:#fff; text-decoration:underline; }

a:hover { color:#D9B340; background-color:#fff; }


/*Lists*/

ol.inventory {
margin-top:1.5em;
width:200px;
float:left;
margin-left:0;
}

ol.inventory li{
list-style:inside;
list-style-type:decimal;
}

ul.reserve {
margin-left:0;
color:#333;
}

ul.places {
margin-left:0;
}
/*misc styles*/

div.tariff{
float:left;
width:250px;
margin-bottom:1.5em;
}

div.guests{
float:left;
width:405px;
margin-bottom:1.5em;
clear:right;
}

div.gdate{
float:right;
width:100px;
padding-bottom:1.5em;

}

img.logotrip {
float:left;
padding-right: 15px;
display:block;
overflow:hidden;
}

img.contentimage {
float:left;
margin: 0px 15px 15px 0px;
display:block;
overflow:hidden;
border:8px solid #000;
}

img.roomimage {
float:left;
margin: 0px 30px 60px 0px;
height:149px;
width:149px;
display:block;
overflow:hidden;
border:8px solid #000;
}


img.roomimagedetail + img.roomimagedetail {
border-top:0px;
}

span.tariff{
float:left;
width:153px;
margin-bottom:1em;
padding-top:1px;
}

span.rtariff {
float:right;
width:80px;
margin-bottom:1em;
border:1px solid transparent;
}

/*body#tariff .roomsleft a,
body#tariff .roomsleft p {
float:left;
display:block;
}*/

/*p.short {
width:100px;
}*/




/*-----------main divs structure------------*/

#wrap {

	width:800px;
	margin:0 auto;
	padding-top:0 ;
	text-align:left;		
}

#menu {
	width:800px;
	/*height:53px;*/
	border-bottom:3px solid #fff;
	float:left ;
	padding:0;
	margin:0;
}	

#masthead {
height:104px;
border-bottom:3px solid #fff;
width:800px;
float:left;
background:#000;
}

#masthead img.leftimage {
padding:29px;
float:left;
}

#masthead img.rightimage {
padding:29px;
float:right;
}


#contenttop{
margin-top:0 ;
margin-bottom:15px;
padding-top:0;
width:798px;
border:1px solid #666;
float:left;
background:#000;
}

#flash {
	width:525px;
	height:340px;
	background:#000;
	float:left ;
	margin:15px;
}

#flashwide {
	width:770px;
	background:#000;
	float:left ;
	padding:15px;
	margin-bottom:15px;
}

body#gallery #contentmain {
height: 720px;
}

body#room #contentmain {
margin-top:30px;
padding-top:30px;
background:#fff url(../img/vdots.gif) top repeat-x;
}

#topleft{
float:right;
width:195px;
margin-right:30px;
margin-top:30px;
color:#E1E1E1;
background:inherit;
}

#contentmain {
margin-top:0 ;
padding-top:15px;
width:800px;
float:left;
background:#fff;
}

body#gallery #contentmain {
border:6px solid #000;
width:788px;
margin-bottom:30px;
}

body#report #contentmain {
padding:15px;
width:770px;
margin-bottom:30px;
}

.contentleft {
margin-left:15px ;
padding-top:10px;
width:505px;
float:left;
/*background:#fff url(../img/vdots.gif) bottom repeat-x;*/
}

.roomsright {
margin-right:15px;
padding:30px 30px 30px 0px;
width:475px;
float:right;
background:#fff url(../img/vdots.gif) top repeat-x;
}

.roomsright div.nowrap {
width:275px;
float:right;
}

.roomsleft {
margin:0px 15px 40px 15px ;
padding-bottom:15px;
width:235px;
float:left;
background:#fff url(../img/vdots.gif) bottom repeat-x;
}

#contenttariff {
width:535px;
float:left;
padding-bottom:0;
margin-bottom:0;
}

body#tariffs .roomsleft {
background-image:none;
}

body#tariffs .contentleft {
background:#fff url(../img/vdots.gif) top repeat-x;
margin-top:0;
margin-bottom:30px;
}

.contentright {
margin-right:15px ;
width:235px;
float:right;
background:#fff url(../img/vdots.gif) top repeat-x;
margin-bottom:40px;
}

.contentrightroomdetails {
margin-right:15px ;
width:235px;
float:right;

margin-bottom:40px;
}

.contentrightroomdetails img {
float:right;
border:8px solid #000;
}


body#room .contentright,
body#roomdot .contentright {
background:none;
}


/*-------------Menu styles-----------------*/

#menu ul {	
padding-top:15px;
margin-left:0em;
text-align:center;
}

#contenttop ul.negnav {	
float:left;
margin-top:39px;
margin-left:22px;
text-align:left;
}

#menu ul li, #contenttop ul.negnav li {
display:inline;
color:#fff;
background-color:#000;
border-left:none;
padding:0;
}

#menu ul li a, #contenttop ul.negnav li a {
padding:17px 5px;
text-decoration:none;
font-variant:small-caps;
font-size:1em;
}

#contenttop ul.negnav li a {
padding:13px 9px;
}

/*--Safari small-caps fix-------------*/

#menu ul li a span.smallcaps,
#contenttop ul.negnav li a span.smallcaps {
font-size: 0.814em;
font-variant: normal;
text-transform: uppercase;
}

/*--Menu links-------------*/
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active,
#contenttop ul.negnav li a:link,
#contenttop ul.negnav li a:visited,
#contenttop ul.negnav li a:active { color:#fff; background-color:#000; text-decoration:none; }

#menu ul li a:hover,
#contenttop ul.negnav li a:hover { color:#fff; background-color:#000; text-decoration:underline; }

#menu ul li.live a:link,
#menu ul li.live a:visited,
#menu ul li.live a:hover,
#menu ul li.live a:active,
#contenttop ul.negnav li.live a:link,
#contenttop ul.negnav li.live a:visited,
#contenttop ul.negnav li.live a:hover,
#contenttop ul.negnav li.live a:active  { color:#fff; background-color:#000; text-decoration:underline;  }


/*-------------Footer styles------------------*/


#foot{
width:800px;
float:left;
background:#fff url(../img/vdots.gif) top repeat-x;
padding:15px 0px;
}

#footleft{
width:300px;
float:left;
}

#footright{
width:470px;
float:right;
}


/*Form styles------------------------------------------*/

form#reservation {
font-variant:small-caps;
font-size:1em;
}

form#reservation fieldset.name,
form#reservation fieldset.button,
form#reservation fieldset.date,
form#reservation fieldset.text {
padding:1.2em 0em;
clear:both;
margin-bottom:20px;
background:#fff url(../img/vdots.gif) bottom repeat-x;
}

fieldset.name label, 
fieldset.name label span {
display:inline;
}

fieldset.name label {
float:left;
width:252px;
}

fieldset.name label span {
float:left;
width:30%;
}

fieldset.name input {
float:right;
border: 1px solid #000;
width:50%;
margin-left:20px;
}

fieldset.name label span.lname {
padding-left:21px;
}

fieldset.name input.lname {
float:right;
margin-left:15px;
}


/*Form address+type------------------------------------------*/

form#reservation fieldset.address,
form#contact fieldset.address,
form#reservation fieldset.type {
padding:.25em 0em;
clear:both;
background:#fff url(../img/vdots.gif) bottom left repeat-x;
}

form#contact fieldset.address {

margin-bottom:2em;
}

fieldset.address label, 
fieldset.address label span,
fieldset.type label,
fieldset.type label span {
display:block;
padding-bottom:1em;
}

fieldset.address label,
fieldset.type label {
float:left;
width:100%;
}

fieldset.address label span {
float:left;
width:15%;
}

fieldset.address input {
float:right;
width:75%;
border: 1px solid #000;
}

/*Form type------------------------------------------*/

form#reservation fieldset.type label {
width:100%;
}


form#reservation fieldset.type label span {
float:left;
width:45%;
}

form#reservation fieldset.type select {
float:right;
width:45%;
border: 1px solid #000;

}

/*Form button------------------------------------------*/

form#reservation fieldset#button {
padding:1em 0em;
background:#fff url(../img/vdots.gif) bottom left repeat-x;
clear:both;
}


fieldset#button label, 
fieldset#button label span {
display:inline;
margin-bottom:.25em;
}

fieldset#button label span {
width:55%;
text-align:left;
}

form#reservation fieldset#button input {
margin-left:60px;
}


/*Form date------------------------------------------*/

fieldset.date label, fieldset.date label span {
display:inline;
padding-bottom:.25em;
}

fieldset.date label {
float:left;
width:100%;
}

fieldset.date label span {
width:45%;
float:left;
}

fieldset.date select {
float:right;
border: #000 1px solid;
width:45%;
margin-bottom:.5em;
}

fieldset.date input#day {
	float:right;
border: 1px solid #000;
width:43%;
}

/*Form textarea------------------------------------------*/
  

form#reservation fieldset.text label,
form#contact fieldset.text label {
float:left;
width:100%;
}

form#reservation fieldset.text label span,
form#contact fieldset.text label span{
float:left;
width:15%;
}


form#reservation fieldset.text textarea,
form#contact fieldset.text textarea {
float:right;
border: 1px solid #000;
width:75%;
}


/*Form submit button------------------------------------------*/

/*form#reservation div#submit {
float:left;
padding-left:0;
margin-left:0;

}*/


form#reservation div.submit input,
form#contact div.send input   {
border:none;
color:#c90;
background-color:#000;
font-variant: small-caps;
padding:0.25em;
margin-left:0px;
}

form#reservation div.submit input:hover, 
form#contact div.send input:hover  {
background-color:#333;
}

form#contact div.send input  {
padding:0.25em;
float:right;
width:50px;
margin-top:15px;
}