/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk
Tags:


*/


*{margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
a,img {outline: none; border: 0px;}
.clear {clear: both;}
li {list-style-type: none;}

body { background-color: #FFFFFF; font-family: Verdana, sans-serif; color: #000000; background-image: url(images/bg.gif);}

/* container */
#container {margin-left: auto; margin-right: auto; width: 992px; margin-left: -496px; background-image: url(images/content-bg.png); background-position: top; background-repeat: no-repeat; position: absolute; left:50%; padding-left: 17px; padding-right: 17px;}

/* header */
#header {height: 155px; clear: both;}
#header .book {float: right; margin-top: 20px;}
#header .book img {margin-right: 26px;}
#header .logo {float: left;}
#header .logo img {margin-left: 20px;}


/* menu */
#menu {float: left; width: 186px;  margin-bottom: 100px; margin-top: 30px;}
#menu li {margin-left: 26px; line-height: 25px; border-bottom: 1px solid #EFEFEF;}
#menu li a {color: #000000; text-decoration: none; font-size: 12px;}
#menu li.current_page_item a {color: #6053a0;}

/* content */
#content {width: 586px; float: left; font-size: 12px; line-height: 14px; margin-bottom: 50px; margin-top: -130px;}
#content .post {padding-left: 26px; padding-right: 26px;}
#content h1 {color: #716bad; text-transform: uppercase; font-size: 30px; font-weight: normal; margin-bottom: 26px; margin-top: 10px;}
#content h2 {color: #000000; text-transform: uppercase; font-size: 16px; font-weight: normal; line-height: 35px; border-bottom: 2px solid #EFEFEF; margin-bottom: 10px; height: 20px; padding-top: 10px;}
#content p {margin-bottom: 15px;}
#content a {color: #6053a0; font-weight: bold;}
#content ol {padding: 15px; padding-left: 0px;}
#content ol li {margin-bottom: 15px; list-style-type: decimal; list-style-position: inside; font-size: 11px;}
#content .post ul {padding-left: 15px; padding-right: 15px;}
#content .post ul li {color: #716bad; list-style-type: disc; list-style-position: inside; font-size: 11px; margin-bottom: 5px;}

/* content - table */
#content table {font-size: 10px; width: 100%; margin: 0px; padding: 0px;}
#content table tr td {line-height: 35px; border-bottom: 1px solid #EFEFEF;}
#content table tr td small {font-size: 9px;}
#content table tr td.book {border: 0px;}
#content table tr td.book a {background-image: url(images/book-now-adult.gif); width: 74px; height: 22px; display: block;}
#content table h1 {color: #6053a0; font-size: 12px; margin-bottom: 0px; text-transform: uppercase; font-weight: bold; height: 20px;}
#content table h2 {color: #000000; font-size: 13px; margin-bottom: 0px; border: 0px; height: 20px; padding-top: 0px;}
#content table th {line-height: 40px; border-bottom: 2px solid #000000; text-align: left;}

#content table#adult {margin-top: 50px;}

#content table#students {width: 60%;}
#content table#students h1 {color: #53a065;}
#content table#students tr td.book a {background-image: url(images/book-now-children.gif);}

/* packages */
.page-id-8 #content {width: 784px;}
.page-id-8 #content .post {padding-right: 0px;}
.page-id-8 #content h2 {height: 25px;}
.page-id-8 #content table {margin-bottom: 50px;}

/* homepage */
#content #slideshow {width: 534px; margin-left: 26px; padding-right: 26px; height: 300px; overflow: hidden; margin-bottom: 26px;}
#content #slideshow img { top:  0; left: 0 }

/* gallery */
#content #images {width: 534px; height: 480px; overflow: hidden; padding-left: 26px;}

/* forms */
input {background-color: #d2d2d2; border: 0px; height: 25px; text-indent: 5px; width: 250px; margin-bottom: 5px;}
label {display: block; line-height: 20px; margin-bottom: 5px; }
textarea {padding: 5px; font-size: 12px; background-color: #d2d2d2; border: 0px; width: 350px;}
form br {display: none;}
#content form p {margin-bottom: 5px;}
input#submit {background-color: #6053a0; text-transform: uppercase; color: #FFFFFF; font-weight: bold; width: 150px; text-align: center; margin-top:5px;}

/* sidebar */
#sidebar {width: 220px; float: left; text-align: right;}
#sidebar ul {margin-right: 26px;}
#sidebar #sites li.title h2 {color: #000000; font-size: 18px; margin-bottom: 10px;}
#sidebar #sites li {color: #FFFFFF; font-size: 11px; background-image: url(images/tab.png); background-repeat: no-repeat; background-position: top left;}
#sidebar #sites li.title {background-image: none;}
#sidebar #sites li h2 {font-size: 16px; margin-bottom: 5px;  text-transform: uppercase;}
#sidebar #sites li.site1 {background-color: #53a065; padding: 5px; border-bottom: 2px solid #408251; margin-bottom: 10px;}
#sidebar #sites li.site2 {background-color: #A25368; padding: 5px; border-bottom: 2px solid #683141; margin-bottom: 10px;}
#sidebar #sites li.site3 {background-color: #716bad; padding: 5px; border-bottom: 2px solid #413c68; margin-bottom: 10px;}
#sidebar #sites li a {text-decoration: none;}
#sidebar #sites li h2 a {color: #FFFFFF;}

/* footer */
#footer {background-color: #000000; color: #FFFFFF; position: relative; clear: both; height: 150px;}
#footer .ukpsf {position: absolute; top:-50px; left:-20px;}
#footer ul {position: absolute; top:16px; right:16px;}
#footer ul li {float: left;}
#footer ul li a {color: #FFFFFF; text-decoration: none; font-size: 10px; padding-left: 10px; padding-right: 10px; border-left:1px solid #FFFFFF;}
#footer ul li.page-item-2 a {border-left: 0px;}
#footer div {float: right; font-size: 10px; position: absolute; top:45px; right:10px; color: #999999;}
#footer div ul {position: relative; top: auto; left: auto;}
#footer div ul li {float: right;}
#footer div ul li.page-item-4 a {padding-right: 0px;}
#footer div ul li a {color: #999999; border: 0px;}
#footer div ul li span {display: block; padding-right: 10px;}