/*
Theme Name: Sebastian & Jules
Theme URI: http://www.sebastianandjules.co.uk
Description: A custom theme designed by Buzza and implemented by Alex
Version: 1.0
Author: Buzza and Alex
Author URI: http://www.loveforrent.co.uk/
Tags: pink
*/

/* Page setup */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #232323 url('images/background.gif');
	color: #FFF;
	margin: 0;
	padding: 0;
}
textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1em;
	padding: 3px;
}
form {
	margin: 0;
	padding: 0;
}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #EE0;
}
a img {
	border: 2px solid #FFF;
}
a img:hover {
	border: 2px solid #EE0;
}


div.page {
	width: 920px;
	background-color: #232323;
	padding: 20px;
	margin: 20px auto 0 auto;
}

/* Header */
div.header {
	float: left;
}
div.header h1 {
	width: 68px;
	height: 47px;
	margin-top: 100px;
}
div.header h1 a {
	display: block;
	width: 68px;
	height: 0;
	padding-top: 47px;
	background: url(images/header-logo.gif);
	overflow: hidden;
}

/* Navigation */
ul.navigation {
	padding: 0;
	margin: 0;
}
ul.navigation.secondary {
	margin-top: 150px;
}
ul.navigation li {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.navigation li a, ul.navigation li a:link, ul.navigation li a:hover, ul.navigation li a:active, ul.navigation li a:visited {
	color: #FFF;
	text-decoration: none;
}
ul.navigation li a:hover, 
ul.navigation.secondary li a:hover, 
ul.navigation.secondary li a.basketLink:hover,
ul.navigation.primary li a.currentPage:hover, 
ul.navigation.secondary li a.currentPage:hover {
	color: #EE0;
}
ul.navigation.primary li a {
	font-size: 2em;
	font-family: Times;
}
ul.navigation.secondary li a {
	font-size: 1.5em;
	color: #d3d3d3;
}
ul.navigation.secondary li a.basketLink {
	color: #FFF;
}
ul.navigation.primary li a.currentPage, ul.navigation.secondary li a.currentPage {
	color: #CC0;
}
ul.navigation.primary li.oddsandendsnav {
	margin-top: 20px;
}

/* search form */
form.searchForm {
	
}
form.searchForm input, form.searchForm input a {
	float: left;
}
form.searchForm input.searchText {
	background-color: #333;
	color: #888;
	border: none;
	padding: 3px;
	width: 129px;
}
.searchForm a.searchSubmit {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(images/searchbutton.gif);
	margin-left: 135px;
}
form.searchForm.active a.searchSubmit {
	background-position: 0 -20px;
}
form.searchForm.active input.searchText {
	color: #FFF;
	background-color: #444;
}

/* Footer */
div.footer {
	clear: both;
	text-align: right;
	padding-top: 20px;
}
div.footer h5 {
	width: 206px;
	height: 21px;
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
}
div.footer h5 a {
	display: block;
	width: 206px;
	height: 0;
	padding-top: 21px;
	background: url(images/footer-logo.gif);
	overflow: hidden;
}
div.footer p {
	clear: both;
	margin: 0;
	padding: 0;
	color: #333;
}
div.footer p a {
	color: #444;
	text-decoration: none;
}
div.footer p a.l4rlink:hover {
	color: #F09;
}
div.footer p a.wplink:hover {
	color: #e4f2fd;
}

/* Content */
div.content {
	float: right;
	width: 710px;
}

/* Articles */
div.post {
	padding: 0 0 20px 0;
	margin: 30px 0 30px 0;
	background: url(images/divider.gif) no-repeat center bottom;
	width: 500px;
}
div.post h2, div.post h2 a {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	color: #FFF;
	clear: both;
}
div.post h2.prodtitles a {
	font-size: 1em;
}
div.post h2.prodtitles a:hover {
	color: #EE0;
}
div.post p {
	font-size: 1.2em;
	line-height: 1.6em;
}
div.post a {
	color: #CC0;
}
div.post a:hover {
	color: #EE0;
}
div.post a img {
	margin-top: 10px;
}
div.post small {
	font-size: 1em;
	color: #999;
}
div.navigation div.alignleft {
	float: left;
}
div.navigation div.alignright {
	float: right;
}
div.post p.postmetadata {
	color: #666;
	font-size: 1em;
}
div.post p.postmetadata a {
	color: #999;
}
br.clear {
	clear: both;
}
div.post p.attachment {
	text-align: center;
}

/* Comment form */
div#respond #comment {
	width: 60%;
	font-size: 1.1em;
}
div#respond #commentform label {
	font-size: 1.2em;
	padding-left: 5px;
}
div#respond #commentform input#author, div#respond #commentform input#email, div#respond #commentform input#url, div#respond #commentform textarea {
	color: #FFF;
	background-color: #292929;
	border: 1px solid #333;
	padding: 3px;
}

/* Comment display */
ol.commentlist li div.comment-body {
	padding: 10px;
}
ol.commentlist li div.comment-body p {
	font-size: 1.2em;
}
ol.commentlist li.odd {
	background-color: #292929;
}
ol.commentlist div.commentmetadata a {
	color: #999;
}
ol.commentlist div.commentmetadata a:hover {
	color: #BBB;
}

/* home page */
#landingImage {
	height: 590px;
}
#landingImage a {
	position: absolute;
}

/* Larger image view box */
body #TB_overlay, body #TB_HideSelect {
	display: none;
}
body #TB_Header {
	display: none;
}
body #TB_window {
	background-color: #222;
	border: 2px solid #FFF;
}
body #TB_window img, body #TB_Image {
	border: none;
}
body #TB_window img#TB_Image {
	float: right;
}
body #TB_footer {
	clear: both;
	padding: 10px 15px 0 15px;
}
body #TB_closeWindow {
	float: right;
	padding: 0;
	width: 25px;
}
body #TB_closeWindowButton {
	display: block;
	width: 25px;
	height: 0;
	padding: 25px 0 0 0;
	background-image: url(images/closewindow.gif);
	overflow: hidden;
}
body #TB_secondLine {
	color: #FFF;
	float: left;
	width: 90px;
	text-align: left;
}
body #TB_caption {
	color: #FFF;
	text-align: center;
	font-size: 1.2em;
	float: none;
	margin: 0 30px 0 95px;
	padding: 5px 0;
}
body #TB_ImageOff {
	display: block;
	text-align: right;
}
body #TB_prev {
	margin-right: 20px;
}
body #TB_prev, body #TB_next {
	display: block;
	float: left;
	width: 28px;
	height: 24px;
}
body #TB_prev a, body #TB_next a {
	display: block;
	width: 28px;
	height: 0;
	padding: 24px 0 0 0;
	overflow: hidden;
}
body #TB_prev a {
	background-image: url(images/previous.gif);
}
body #TB_prev.TB_prev_disabled a {
	background-image: url(images/previous_disabled.gif);
}
body #TB_next a {
	background-image: url(images/next.gif);
}
body #TB_next.TB_next_disabled a {
	background-image: url(images/next_disabled.gif);
}