/*
Theme Name: 55a North Road
Theme URI: http://wordpress.org/
Description: Custom theme for 55a North Road
Version: 1
Author: Dan Dineen
Tags: fixed width, one column, simple

55a North Road theme by Dan Dineen || http://www.karyx.co.uk
Modifications by Robin Layfield || http://www.karyx.co.uk
*/



/* Reset all browser CSS */

html, 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;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	/*font-size:10px;*/
	vertical-align: baseline;
	background: transparent;
}
/*body {
font-size:1.2em;
font-family:Helvetica, Arial, Sans Serif;
	line-height: 1.5em;
}*/
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 {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* 55a North Road Colours
------------------------
   Light brown:	#CBBAA8
   Dark brown:	#7C6C5B
   French grey:	#C6C9C5
   Dark grey:	#AFB0AF
   Very light grey: #f0f1ef
------------------------
*/

html {
font-size:10px;
font-family:'Gill Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:0.05em;
}

body {
background-image: url(images/main_bg.jpg);
background-repeat: repeat-x;
color:#C6C9C5;
}

/* The main navigation */

#navbar {
width:952px;
margin:10px auto;
font-weight:300;
}

#navbar ul li {
display:inline;
list-style: none;
margin-right:10px;
}

#navbar ul {
margin:0;
padding:0;
font-size:20px;
}

#navbar ul li a:link, #navbar ul li a:visited {
color:#AFB0AF;
text-decoration:none;
}

#navbar ul li a:hover, #navbar ul li a:active {
color:#7C6C5B;
text-decoration:none;
}

/* Site structure */

#container {
width:952px;
border:15px solid #CBBAA8;
background-color: white;
margin:10px auto;
}

#inner {
border:1px solid #7C6C5B;
width:910px;
padding:20px 20px 0 20px;
}

#header {
height:170px;
width:950px;
background-image: url(images/55anorthroadlogo.jpg);
background-repeat: no-repeat;
background-position: left;
margin-bottom:30px;
}

#header h1 {
font-size:30px;
color:#C6C9C5;
float:right;
font-weight:300;
padding-right:50px;
padding-top:140px;
}

/* BASIC STRUCTURE */

.entry {
float:left;
display:inline;
}

.twocolpage {
width:550px;
margin-right:40px;
}

.picsidebar {
width:300px;
float:left;
display:inline;
}

.picsidebar .gallerypic {
margin:10px 30px 20px 0;
}

/* MAIN PICS */

.mainpic {
width:910px;
height:285px;
margin-bottom:20px;
}

.floorspic { /* Used on the Floors pages to create a small, thin image strip */
width:910px;
height:40px;
margin-bottom:20px;
}

.homepic {
background-image: url(images/mainpics/homepic.jpg);
background-repeat: no-repeat;
}

.housepic {
background-image: url(images/mainpics/housepic.jpg);
background-repeat: no-repeat;
}

.contactpic {
background-image: url(images/mainpics/contactpic.jpg);
background-repeat: no-repeat;
}

.yourstaypic {
background-image: url(images/mainpics/yourstaypic.jpg);
background-repeat: no-repeat;
}

.roompic {
background-image: url(images/mainpics/roompic.jpg);
background-repeat: no-repeat;
background-position:center center;
}

.pricespic {
background-image: url(images/mainpics/pricespic.jpg);
background-repeat: no-repeat;
}

/* CONTENT */

h1 span {
color:#C6C9C5;  /* French grey */
font-size:30px;
font-weight: 300;
background-color: #fff;
padding:0 10px 0 0;
}

.titlebar { /* provides the line behind the titles */
background-image:url(images/titleline.gif);
background-repeat: repeat-x;
background-position: center center;
margin-bottom:10px;
}

p {
color: #7C6C5B;
font-size:14px;
line-height:20px;
margin:10px 0 10px 30px;
font-weight:300;
letter-spacing:0.05em;
}

p a:link, p a:visited {
color:#7C6C5B;
}

p a:hover, p a:active {
color:#CBBAA8;
}

.titlebar + p {
margin-top:20px;
}

ul {
font-size:14px;
color: #7C6C5B;
list-style: square;
margin:10px 0 10px 70px;
line-height:20px;
}

ul li {
margin-bottom:5px;
}

ul + p {
margin-top:15px;
}

/* SUBNAV (at the bottom of the page) */

#footer {
width:910px;
height:45px;
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
padding-top:55px;
}

#footer p {
font-size:14px;
margin-left:0;
}

#footer p a:link, #footer p a:visited {
color:#7C6C5B; /* Brown */
text-decoration:none;
}

#footer p a:hover, #footer p a:active {
color:#AFB0AF; /* Grey */
border-bottom:1px solid;
}

/* BOTTOM BAR (Copyright etc.) */

#bottombar {
width:1002px;
margin:10px auto;
font-size:14px;
/*padding-left:30px;*/
color:#989898;
text-align:center;
}

#bottombar a:link, #bottombar a:visited {
color:#7C6C5B; /* Brown */
text-decoration:none;
}

#bottombar a:hover, #bottombar a:active {
color:#989898; /* Grey */
border-bottom:1px solid;
}

/* General type */

H2 {
font-size:20px;
margin:30px 0 10px 30px;
font-weight:300;
color:#989898;
}

H3 {
font-size:16px;
margin:20px 0 5px 30px;
font-weight:300;
color:#989898;
}

.firstpara {
font-size:18px;
line-height:22px;
}

/* FLOOR PAGES */

.floordiagram {
width:520px;
height:425px;
float:left;
display:inline;
margin-right:10px;
}

.floor1 {
background-image: url(images/floor1.gif);
background-repeat:no-repeat;
}

.floor2 {
background-image: url(images/floor2.gif);
background-repeat:no-repeat;
}

.floorcopy {
width:380px;
float:left;
display:inline;
}

.floorcopy p {
margin:10px 0;
width:auto;
}

.floorcopy ul {
font-size:14px;
color: #7C6C5B;
list-style: square;
margin-left:15px;
}

.floorcopy ul li {
margin-bottom:5px;
}

.clearer {
clear:both;
}

/* Floor galleries */

.gallerypic {
width:260px;
height:195px;
border:10px solid #CBBAA8; /* Cream border */
float:left;
display:inline;
margin-top:20px;
}

.gallerypicsquare {
width:260px;
height:260px;
border:10px solid #CBBAA8; /* Cream border */
float:left;
display:inline;
margin-top:20px;
}

.gpicmargin { /* Space out the images */
margin-right:30px;
}

/* Prices page table */

table#prices {
font-size:14px;
color:#868688; /* Dark grey */
margin:10px 0 10px 30px;
}

table#prices tr.odd {
background-color: #f0f1ef; /* Very light grey */
}

table#prices td {
width:200px;
padding:10px;
text-align: left center;
}

/* Contact form */

form {
width:550px;
margin:10px 0 10px 30px;
}

label {
display:block;
margin:5px 0;
font-size:14px;
color:#868688; /* really dark grey */
}

input, textarea {
border:1px solid #C6C9C5;
background-color:#f0f1ef;
padding:2px 4px;
color:#868688; /* really dark grey */
font-family:'Gill Sans',Trebuchet MS, Helvetica, Arial, sans serif;
font-size:14px;
}

textarea {
height:100px;
}

input#contactsubmit {
display:block;
border:4px solid #CBBAA8;
background-color: transparent;
color:#7C6C5B;
margin:10px 0;
padding:0 2px;
}

p.contactform_error {
color:red;
border:1px dotted red;
background-color: #fbcbcb; /* Pink background */
padding:10px;
}

/* Badges and buttons */

.badges p { /* Removes the irritating extra <p> & <br/> automatically created by the TripAdvisor script */
display:none;
}

.topshift { /* Adds a 20px margin to the top of an element */
margin-top:20px;
}

/* Trip Advisor button */
#TA_rated635 {
margin:0 25px 0 20px;
width: 160px;
float:left;
}

/* enjoy england */
#enjoyengland {
margin: 7px 0 0 0;
float:left;
}

#enjoyengland img {
margin-right:20px;
}

/* Special occassions! */

p.french { /* Space out the French flag paragraph in CONTACT */  
margin:20px 0 20px 30px; 
}