/*
Theme Name: Numberone
Theme URI: http://luadesign.co.uk
Author: Lucia Felix
Author URI: http://luadesign.co.uk

*/

/* Colours

links up - 001ca8
links active - 7788d8
links hover - c9d1fc
text light - d2d2fe

/* RESET */
/* ----------------------------------------- */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html { min-height: 100%; margin-bottom: 1px; overflow: scroll;}


table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
ol { clear:both;}
ol li { clear:both; margin:5px 0;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

h2 { font:200% Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#001ca8; }

body { background: url(http://www.numberoneplymouth.co.uk/images/plymouth-hoe-bg.jpg) no-repeat top left;}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
#wrapper { width:960px; margin:20px auto;  }

a {color:#001ca8; text-decoration:none;}
a:hover {color:#3366FF;}
a:active {colour:#7788d8;}

#left-margin {width:150px;  display:block;float:left;}

small { float:right; font-family:Arial, Helvetica, sans-serif;}
small a { color:#fff;}
small a:hover {color:#c9d1fc;}

/* HEADER */
#header {width:550px; float:left;  display:block; overflow:hidden;}
.headertext {width:180px; float:right; padding-right:5px;}

#header h1 {float:left;}


#header h3 {font-size:125%; font-style:italic; float:right;color:#dbebff; padding:35px 0 0 0; text-align:right;}
#header h2 {font-size:130%; font-weight:bold; font-style:italic; display:block; width:100%; clear:right; color:#dbebff; text-align:right;}


/* NAV */
#nav-container	{clear:both; width:550px; height:100%; position:relative; }
#navigation-rooms, #navigation-contact, #navigation-breakfast, #navigation-tariffs, #navigation-book, #navigation-about { margin:24px 10px 20px 0;float:left; display:block; height:102px;  width:102px;}
#navigation-about {margin-right:0;}

li.page_item,
li.out-about,
#navigaion-book ul.opaque-nav-content {float:left;font-size:0.95em; font-weight:bold; font-style:italic;  text-transform:uppercase;
					text-align:center; width:100%; height:34px; padding:10px 0;}
body.postid-24 li.out-about a, li.current_page_item a {color:#7788d8;}
.opaque-nav-content {position: relative;top: 0;z-index: 2; font-size:90%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bolder; font-style:normal;}


/* SIDEBAR */
#sidebar {width:260px; float:right;  position:relative;}
.gallery-box1, .gallery-box2, .gallery-box3 { width:220px; height:160px; overflow:hide; margin:10px 0 10px 0; display:block; float:right; clear:both; border:10px solid #fff;}
.gallery-box1	{ background: #fff url(../../../images/smeatons-tower.jpg) no-repeat top left;}
.gallery-box2	{ background: #fff url(../../../images/numberone-front.jpg) no-repeat top left;}
.gallery-box3	{ background: #fff url(../../../images/bedroom.jpg) no-repeat top left;}

/* CONTENT */
#content {width:550px; float:right; position: relative;height: 100%; overflow: hidden; font-family:Verdana, Geneva, sans-serif;color:#001ca8;}
#content p {line-height:1.4em;}



		
.post h3 {font-size:125%; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; float:left; padding:10px 20px; color:#001ca8; position: relative;height: 100%; align:centre;}

.post p { line-height:1.4em; font-size:90%; padding:5px 20px;}	
.post a { font-weight:bold;}
.post a:hover { color:#fff;}

.post ul { margin:20px; font-family:Georgia, "Times New Roman", Times, serif; }
.post ul li {line-height:2em; list-style-type:disc; list-style-position:inside; font-size:110%; font-weight:bold; font-style:italic;}

.breakfast ul {margin-bottom:10px; font-size:110%; font-weight:bold;}

h3.enquiry { font-weight:bold; font-size:150%;}

#special-offers{ width:35%; padding:0 0 20px 10px; float:right; font-size:95%; font-weight:bold;}
#special-offers h3 { color:#fff; font-size:130%; }

/* FEED */
span.date {font-size:85%; font-weight:normal;}
		
/* FOOTER */
#navigation-rooms, #navigation-contact, #navigation-breakfast, #navigation-tariffs, #navigation-book, #navigation-about, #footer {position: relative;height: 100%; overflow: margin:20px auto; overflow: hidden; color:#001ca8;}
.transparent { background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; padding:10px;position: absolute;z-index: 1;width: 100%;height: 100% !important;height: 9000px; overflow:hidden;}
.opaque-content {position: relative;top: 0;z-index: 2; padding:20px;}





#copyright,
#copyright a {  color:#c9d1fc; }
#copyright a:hover {color:#fff;}

.lua {float:right; text-align:right;}


#footer, #copyright { width:810px;font-size: 85%; font-family:Georgia, "Times New Roman", Times, serif; clear:both; float:right; margin-top:10px; }
#copyright {font-size:75%;}

/* LAYOUT */
/* ----------------------------------------- */


.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.clearright { clear:right;}
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */