/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of Starkers by Elliot Jay Stocks which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/
@import "css/reset.css";
@import "css/layout.css";
/* HTML elements */
html, body{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-family:Arial, Helvetica, sans-serif;font-weight:normal;margin:0;line-height:1em;color:#7F7E7E;text-transform:uppercase;}
h1{font-size:2em;margin-bottom:.5em;}
h2{font-size:1.6em;margin-bottom:.8em;padding-top:.2em;font-weight:bold;color:#333;}
h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;font-weight:bold;color:#EC008A;}
h4{font-size:1.1em;margin-bottom:.6em;color:#EC008A;font-weight:bold;text-transform:uppercase;line-height:1.2em;}
h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
blockquote, ul, ol, dl, form, table, pre{display:block;line-height:inherit;margin:0;color:#7F7E7E;}
p {margin:0 0 5px 0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
ul, ol, dl{padding:0;}
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
li{margin:0;padding:0;}
blockquote, dd{padding:0 0 0 2em;}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{overflow:auto;}
abbr, acronym{text-transform:uppercase;border-bottom:1px dotted #000;letter-spacing:1px;}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}
img{border:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0 0 1.5em 0;padding:0;}
table{width:100%;border-collapse:collapse;}
th,caption{text-align:left;}
label{display:block;}
fieldset{margin:0;padding:0;border:none;}
legend{font-weight:bold;}
input, select{vertical-align:middle;}
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
strong {font-weight:bold;}
/* common */
.left {float:left;margin-right:1em;}
.right {float:right;margin-left:1em;}
.center {text-align:center;}
.clear {clear:both;}
.block {display:block;clear:both;}
.first {margin-left:0 !important;}
.last {margin-right:0 !important;}
.top {margin-top:0 !important;}
.bottom {margin-bottom:0 !important;}
.hidden, .print {display:none;}
.graphic {margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
/* base */
body, table, input, textarea,
select, li, button {font:1em Helvetica, Arial, Sans-Serif;line-height:1.5em;color:#333; list-style:none;}
body {font-size:13px;background:url("images/bg_stripes.png") 0 0 #fff;text-align:center;}
a, a:visited {text-decoration:none;color:#e60376;}
a:hover {color:#7e7f7f;}
ins {text-decoration:none;color:#900;font-style:italic;}
code {color:#555;}
pre {margin-left:2em;padding-left:2em;border-left:1px solid #ccc;}
blockquote {margin-left:2em;border-left:1px solid #ccc;font-style:italic;}
dt {font-weight:bold;}
th, td {padding:.5em 1em;line-height:1.5em;}
th {background:#eee;}
td {border-bottom:1px solid #eee;}
caption {font-style:italic;color:#777;margin:.5em 0;}
fieldset {border:1px solid #ccc;padding:1em 2em;margin:0 0 1.5em 0;}
legend {padding:2px 5px;}
form div {margin:.5em 0;clear:both;overflow:hidden;}
form div.col {clear:none;}
form div.first {clear:both;}
input[type="text"],
input[type="password"],
textarea, .field,
.area, select {border:none;padding:5px;background:#fff;width:200px;line-height:1em;margin:0;color:#626262;}
select {width:312px;}
textarea, .area {overflow:auto; height:150px; width:400px;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus, .focus {background:#fffa6b;outline:none;}
.submit {}
button {border:none;background:#555;color:#fff;padding:0 2.5em;height:2em;line-height:2em;cursor:pointer;}
.note, .success, .error {display:block;}
.error {color:#900;}
.success {color:#060;}
.note {font-weight:bold;}
.notvalid {border:1px solid #900 !important;}
.hr940 {background:url("images/hr940.png") repeat-x scroll 0 0;clear:both;height:6px;margin:0 0 1em;padding:0;}
.hr {background:#eb99c3;clear:both;height: 1px;margin: 1em 0 ;padding: 0;}
/* layout */
#top {background:url("images/bg_top.png") repeat-x 0 0;height:61px;}
.container, .inner {margin:0 auto;width:940px;text-align:left;position:relative;}
header {position:relative;}
footer {position:relative;clear:both;}
.content {clear:both;}
.main, .secondary,
.tertiary, .quaternary {float:left;display:inline;}
.main {width:600px;}
.secondary {width:280px;margin-left:40px;}
.tertiary {}
.quaternary {}
.cols {margin-bottom:1.5em;overflow:hidden;} /* main column container class */
.col, .col2, .col3,
.col4, .col5, .col-dir, .col-shop {float:left;display:inline; margin-left:2%;}
.col {width:49%;} /* 2 equal width columns - default */
.cols3 .col {width:32%;} /* 3 equal width columns */
.cols4 .col {width:23.3%;} /* 4 equal width columns */
.cols5 .col {width:18.4%;} /* 5 equal width columns */
.cols6 .col {width:15%;} /* 6 equal width columns */
/* double width columns */
.cols3 .col2 {width:66%;}
.cols4 .col2 {width:49%;}
.cols5 .col2 {width:38.8%;}
.cols6 .col2 {width:32%;}
/* triple width columns */
.cols4 .col3 {width:74.5%;}
.cols5 .col3 {width:59.2%;}
.cols6 .col3 {width:49%;}
/* quadruple width columns */
.cols5 .col4 {width:79.6%;}
.cols6 .col4 {width:66%;}
/* quintuple width columns */
.cols6 .col5 {width:83%;}
.col-dir, .col-shop {width:48%;} /* 2 equal width columns - default */
/* header */
/* content */
.content a,
.content a:visited {text-decoration:underline;}
/* footer */
#footer a,
#footer a:visited {text-decoration:underline;}
/* clearfix (use class name "block") */
.inner:after,
.content:after,
.cols:after,
.block:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inner, .content,
.cols, .block {display:block;min-height:1%;}
* html .inner, * html
.content, * html .cols,
* html .block {height:1%;}
/* easy elements */
#easy_tooltip {border:1px solid #e1e1e1;padding:2px 10px;background:#f5f5f5;}
#easy_tooltip span {}
#easy_popup {background:#000;}
#easy_popup_preloader {padding:10px;background:#fff;color:#333;}
#easy_popup_content {padding:10px;background:#fff;color:#333;}
#easy_popup_content
.caption {padding-top:10px;}
#easy_popup_close {position:absolute;float:left;left:0;top:-24px;color:#fff;cursor:pointer;}
#easy_popup_gallery {position:absolute;float:left;left:0;bottom:-24px;color:#fff;cursor:pointer;}
#easy_popup_prev {margin-right:5px;}
#easy_popup_next {}
#easy_popup_counter {position:absolute;float:left;right:0;bottom:-24px;color:#fff;cursor:pointer;}
.shadow {text-shadow:#fff 0px 1px 0px;}
/* Header
----------------------------------------------- */
header h1 {background: url("images/quayside_logo.png") no-repeat scroll 0 0 transparent;width:201px;height:100px;line-height:100px;margin:15px 0 10px 0;float:left;}
header h1 a {display:block;height:114px;text-indent:-9999em;width:115px;}
#nav-top {float:right;margin:10px 0 0 0;}
#nav-top li {list-style:none;float:left;position:relative;}
#btn_contact a {background:url("images/btn_contact.png") center top;width:103px;height:35px;display:block;text-indent:-9999px;}
#btn_contact a:hover {background-position:center bottom;}
#btn_corporate a {background:url("images/btn_corporate.png") center top;width:103px;height:35px;display:block;text-indent:-9999px;}
#btn_corporate a:hover {background-position:center bottom;}
#mainnav nav {float:right;margin:5px 0 0 0;text-transform:uppercase;margin:50px 0 0 0;}
#mainnav nav ul li {position:relative;float:left;list-style:none outside none;font-weight:bold;font-size:14px;}
#mainnav nav ul li a {padding:0 10px 0px;display:block;color:#7c7f7f;}
#mainnav nav ul li a:hover {color:#e60376;text-decoration: none;text-shadow:none;}
#mainnav ul li a.active {color:#e60376;}
#colliers-top {float:left;padding:10px 0 0 0px;width:650px;color:#fff;font-size:12px;font-weight:bold;}
#colliers-top img {float:left;padding:0 10px 0 0;}
#colliers-top p {font-size:16px;font-weight:bold;color:#fff;padding:0;margin:0;}
#colliers-top a {color:#fbb6dd;font-size:12px;font-weight:bold;}
/* Home
----------------------------------------------- */
.slider {background:url("images/home/bg_slider.jpg") no-repeat center top;}
#homeboxes {padding:15px 0 0 0;}
#homebox_shops {background:url("images/home/bg_shops.png") no-repeat center top;width:227px;height:200px;}
#homebox_offers {background:url("images/home/bg_offers.png") no-repeat center top;width:227px;height:200px;}
#homebox_location {background:url("images/home/bg_location.png") no-repeat center top;width:227px;height:200px;}
#homebox_eatout {background:url("images/home/bg_eatout.png") no-repeat center top;width:227px;height:200px;}
.homebox h2 {padding:30px 0 0 85px;font-weight:bold;color:#ec008a;text-transform:uppercase;}
.homebox a h2:hover {color:#7C7F7F;}
.homebox_text {padding:30px 20px 0 20px;}
.homebox_text p {line-height:120%;}
#home_welcome h1 {font-size:22px;color:#333;font-weight:bold;}
.home-offer-thumb {float: left;width:100px;}
.home-offer-thumb img {border:1px solid #f181ba;padding:1px;}
.home-offer li {list-type:none;}
.home-offer li div {float: left;width:200px;}
/* Sidebar
----------------------------------------------- */
#sidebar-top {background:url("images/sidebar_top.png") 0 0 no-repeat;width:227px;height:2px;}
#sidebar-rpt {background:url("images/sidebar_repeat.png") 0 0 repeat-y;width:197px;padding:15px;}
#sidebar-btm {background:url("images/sidebar_btm.png") 0 0 no-repeat;width:227px;height:5px;}
#sidebar-rpt h3 {font-size:1.1em;}
.dcjq-parent-li {background:url("images/bg_sidebar_cat.png") 0 0 no-repeat;width:182px;height:auto;padding:5px 0 5px 10px;margin:0 0 10px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.dcjq-parent-li a {color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase;font-size:12px;}
.sub-menu {background:#f0f0f0;border:1px solid #e4dfe2;margin:6px 0 0 -10px;padding:10px 0;width:190px;}
.sub-menu li {background:url("images/bull_shop.png") 5px 6px no-repeat;padding:0 0 0 20px;margin:0 0 0 5px;}
.sub-menu li:hover {background-position:6px 6px;}
.sub-menu li a {color:#7c7f7f;}
.sub-menu li a:hover,
.sub-menu li a.active {color:#e60376;}
/* Main Content
----------------------------------------------- */
#main-top {background:url("images/main_top.png") 0 0 no-repeat;width:700px;height:3px;}
#main-rpt {background:url("images/main_repeat.png") 0 0 repeat-y;width:660px;padding:20px;}
#main-btm {background:url("images/main_btm.png") 0 0 no-repeat;width:700px;height:3px;}
.page-content h2 {color:#EC008A;font-size:1.1em;}
.post-title a {text-decoration:none;}
/* Footer
----------------------------------------------- */
#footer {background:url("images/bg_footer.png") repeat-x 0 0;height:212px;}
#footer p {color:#fff;}
#footer p span {color:#fdb9d9;}
#footer .container {padding:20px 0 0 0;}
#footer h3 {font-size:13px;color:#fdb9d9;font-weight:bold;padding:0 0 10px 0;}
#footer form p {padding:0 0 3px 0;}
.share p {width:180px;}
.copy {text-transform:uppercase;font-size:9px;}
input[type="text"],
input[type="password"],
textarea, .field,
.area, select {background: none repeat scroll 0 0 #7b013c;border: medium none;color: #fff;line-height: 1em;margin: 0;padding: 5px;width: 160px;}
select {width:180px;}
textarea, .area {height: 150px;overflow: auto;width: 400px;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus, .focus {background: none repeat scroll 0 0 #940248;outline: medium none;}
#footer input[type="submit"] {background: url("images/btn_subscribe.png") 0 0 no-repeat;border:none;text-indent:-9999px;cursor: pointer;width:116px;height:30px;}
#quicklinks li {background: url("images/bg_bullet.png") no-repeat 0 5px transparent;float: left;list-style: none outside none;padding: 0 0 0 15px;width: 130px;color:#fff;}
#quicklinks li:hover {background-position:1px 5px;}
#quicklinks li a {color:#fff;text-decoration:none;}
#quicklinks li a:hover {color:#fdb9d9;}
.home-offer li {float:left;}
/* Shops
----------------------------------------------- */
#shop-intro h4 {float:left;width:500px;}
#shop-intro img {float:right;}
#shop-intro p {color:#EC008A;}
.shop-img {text-align:right;}
.shop-details img {border:1px solid #e1e1e1;}
/* Location
----------------------------------------------- */
#bg-googlemap {background:url("images/location/bg_googlemap.png") 0 0 no-repeat;padding:9px 0 0 13px;}
/* Facilities
----------------------------------------------- */
#facilities-list li {font-size:13px;font-weight:bold;color:#e60376;}
/* Dining/Eat Out
----------------------------------------------- */
#dine #dine-info {float:left;width:310px;}
#dine #dine-generic {float:right;width:265px;border:1px solid #cecdcd;}
#dine #dine-info h3 {font-size:1.1em;}
.dine-single {background:#fff;padding:15px;margin:15px 0 0 0;}
#dine-single-img {float:left;width:150px;}
#dine-single-img img {border:1px solid #ccc;}
#dine-single-info {float:right;text-align:left;width:450px;}
#dine-single-info h4 {font-size:1.1em;}
/* Galleries
----------------------------------------------- */
.gallery {clear: both;display: block;margin: 0 auto;overflow: hidden;}
.gallery .gallery-row {clear: both;display: block;margin: 0;overflow: hidden;}
.gallery .gallery-item {float: left;list-style: none outside none;margin: 0;overflow: hidden;padding: 0;text-align: center;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {border: 1px solid #c10263;height: auto;margin: 0 auto;max-width: 89%;padding: 0.7%;}
.gallery-caption {margin-bottom: 20px;margin-left: 40px;text-align: left;width: 220px;}
.gallery .col-0 {width: 100%;}
.gallery .col-1 {width: 100%;}
.gallery .col-2 {width: 50%;}
.gallery .col-3 {width: 33.33%;}
.gallery .col-4 {width: 25%;}
.gallery .col-5 {width: 20%;}
.gallery .col-6 {width: 16.66%;}
.gallery .col-7 {width: 14.28%;}
.gallery .col-8 {width: 12.5%;}
.gallery .col-9 {width: 11.11%;}
.gallery .col-10 {width: 10%;}
.gallery .col-11 {width: 9.09%;}
.gallery .col-12 {width: 8.33%;}
.gallery .col-13 {width: 7.69%;}
.gallery .col-14 {width: 7.14%;}
.gallery .col-15 {width: 6.66%;}
.gallery .col-16 {width: 6.25%;}
.gallery .col-17 {width: 5.88%;}
.gallery .col-18 {width: 5.55%;}
.gallery .col-19 {width: 5.26%;}
.gallery .col-20 {width: 5%;}
.gallery .col-21 {width: 4.76%;}
.gallery .col-22 {width: 4.54%;}
.gallery .col-23 {width: 4.34%;}
.gallery .col-24 {width: 4.16%;}
.gallery .col-25 {width: 4%;}
.gallery .col-26 {width: 3.84%;}
.gallery .col-27 {width: 3.7%;}
.gallery .col-28 {width: 3.57%;}
.gallery .col-29 {width: 3.44%;}
.gallery .col-30 {width: 3.33%;}
dt {padding:0 0 5px 0;}
#greyb {border:1px solid #ccc;}
#btn_facebook {}
.sidebar-list li {padding:7px 0 7px;list-style: disc outside none;margin:0 0 0 15px;}
.sidebar-list li a {text-decoration:none;font-size:15px;}
ul#main-rpt li {border:1px solid #ccc;margin:0 0 20px;padding:20px;}
.simgle img {max-width:600px;}
.single p {margin:0 0 15px 0;}