/*
Theme Name: Tourist Tracks
Theme URI: http://tourist-tracks.com/
Description: Custom theme for Tourist Tracks
Version: 1.0
Author: Jack Herbert
Author URI: http://jackherbert.com/
*/

@import "reset.css";

/* float clearing for IE6 */
* html .clearfix{
	height: 1%;
	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}


/* TYPOGRAPHY */
body {
	font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Lucida,sans-serif;
	background-color:#EEE;
}
* {
	font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Lucida,sans-serif;
}
h2, h3, h4, h5, b, strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
p, li, h2, h3, h4, h5, label {
	line-height:20px;
}
p, ul, h2, h3, h4, h5 {
	margin-bottom:10px;
	_margin-top:10px; /* IE6 only */
}
h2 {
	font-size:34px;
	line-height:34px;
	letter-spacing:-2px;
}
h3 {
	font-size:17px;
	letter-spacing:-1px;
	color:#666;
}
h4 {
	font-size:15px;
	color:black;
	margin-bottom:0;
}
p, li, label {
	font-size:13px;
	
}
a {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:black;
	text-decoration:underline;
}


/* LAYOUT */
#container {
	width:960px;
	margin:0 auto;
	background-color:white;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	height:100%;
}
#header,
#navigation,
#content,
#footer {
	margin-left:15px;
}
#header,
#navigation,
#sidebar,
#footer {
	margin-right:15px;
}
#content {
	float:left;
	display:inline; /* Fix IE6 bug */
	width:615px;
	margin-bottom:15px;
	padding-top:20px;
}



/* HEADER */
#header {
	background: url(images/tt-header.jpg) 0 -25px no-repeat;
	padding:15px;
}
h1 {
	height:120px;
	width:200px;
	background: url(images/tt-logo.png) top left no-repeat;
	text-indent:-99999px;
	border:1px solid #0055BB;
}


/* NAVIGATION */
#navigation {
	padding:12px 15px;
	background-color:#0066CC;
	border-top:1px solid #0055BB;
}
#navigation ul {
	margin:0;
}
#navigation li {
	float:left;
	margin-right:25px;
}
#navigation li a {
	display:block;
	text-decoration:none;
	font-size:16px;
	color:#A6D7FE;
	font-weight:bold;
	text-transform:uppercase;
}
#navigation li a:hover,
#navigation li a.selected {
	color:white;
}

#threeSteps {
	margin-bottom:15px;
}
#threeSteps li {
	height:200px;
	width:203px;
	float:left;
	margin:0;
	background: url(images/tt-steps-map.jpg) no-repeat;
	position:relative;
	border:1px solid #999;
	padding:0;
}
#threeSteps li#step1 {
	background: white url(images/tt-tours-list.png) 50px 0 no-repeat;
}
#threeSteps li#step2 {
	background: white url(images/tt-earphones.png) 0 0 no-repeat;
	border-left:0;
	border-right:0;
}
#threeSteps li#step3 {
	background: white url(images/tt-cambridge-map-thumb.png) -110px -50px no-repeat;
}
#threeSteps li .number {
	position:absolute;
	top:10px;
	left:10px;
	font-size:60px;
	line-height:1;
	color:black;
	font-weight:bold;
}
#threeSteps li div {
	position:absolute;
	display:block;
	top:117px;
	width:203px;
	height:83px;
	overflow:hidden;
	left:0;
	background:rgb(0, 0, 0); /* Fallback color for crap browsers */
	background:rgba(0, 0, 0, 0.6);
}
#threeSteps li div p {
	padding:10px 13px;
	color:white;
	font-weight:bold;
	margin:0;
}



/*CONTENT*/
#content img {
	border:1px solid #CCC;
	padding:5px;
}


/* BUTTONS */
.button {
	background:#96C8FA url(images/tt-icon.png) 10px center no-repeat;
	color:white;
	font-weight:bold;
	display:block;
	font-size:14px;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:0;
	cursor:pointer;
	padding: 10px 10px 10px 70px;
	text-align:left;
}
.button:hover {
	background:#0066CC url(images/tt-icon-dark-bg.png) 10px center no-repeat;
	text-decoration:none;
	color:white;
}
a.button {
	width:420px;
	*width: 420px; /* IE 7 and below */
}
a.button span {
	margin-left: 10px;
	float:right;
	*float:none; /* IE 7 and below */
}
input.button {
	width:auto;
	margin-bottom:10px;
	*width: 600px; /* IE 7 and below */
}
.button.big {
	width:520px;
	*width: 600px; /* IE 7 and below */
	font-size:24px;
	letter-spacing:-1px;
	background:#0066CC url(images/tt-icon-dark-bg.png) 10px center no-repeat;
}
a.button.big {
	width:auto;
	*width: 520px; /* IE 7 and below */
	padding-top:15px;
	padding-bottom:15px;
}
.button.big:hover {
	background:#003399 url(images/tt-icon-dark-bg.png) 10px center no-repeat;
}



/* SIDEBAR */
#sidebar {
	float:right;
	display:inline; /* Fix IE6 bug */
	width:300px;
	margin-bottom:15px;
	background-color:#F0F5FF;
	border-left:1px solid #E0E5EF;
	border-bottom:1px solid #E0E5EF;
}
#ourTours {
	padding:15px;
	background: url(images/tt-bg-uk-map.png) 120px -10px no-repeat;
}
#ourTours li a {
	font-weight:bold;
	font-size:16px;
}
.sidebarTwitter,
.sidebarFacebook {
margin:15px;
display:block;
font-size:14px;
font-weight:bold;
padding-left:40px;
height:32px;
line-height:32px;
}
.sidebarTwitter {
background:url(http://www.tourist-tracks.com/wp-content/uploads/2010/04/twitter_32.png) top left no-repeat;
}
.sidebarFacebook {
background:url(http://www.tourist-tracks.com/wp-content/uploads/2010/04/facebook_32.png) top left no-repeat;
}
.testimonial {
	margin: 0 15px 15px 15px;
	background-color:white;
	padding:15px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.testimonial p {
	font-size:12px;
	line-height:18px;
	margin-bottom:0;
}
.specialOffer {
	margin: 0 15px 15px 15px;
}
.specialOffer a.button {
	width:auto;
	font-size:21px;
}
.newsletter {
	margin: 0 15px 15px 15px;
}
.newsletter p {
	font-size:12px;
	margin-bottom:5px;
}
.newsletter label {
	float:left;
	clear:left;
	font-weight:bold;
	font-size:12px;
	width:80px;
	line-height:20px;
}
.newsletter input {
	float:left;
	width:auto;	
	margin-bottom:5px;
	width:175px;
}
.newsletter input#submit {
	width:auto;
	margin-left:80px;
	clear:both;
	float:none;
}


/* FOOTER */
#footer {
	clear:both;
	padding-top:15px;
	padding-bottom:25px;
	border-top:1px solid #E0E5EF;
}
#footer p {
	font-size:13px;
	text-align:center
}