/*
Theme Name: 101 Short Breaks
Theme URI:
Description: 101 Short Breaks
Author:
Author URI:
Version: 1.0
.
General comments/License Statement if any.
.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* fonts */
body {background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;line-height:1.36em;}
h1 {font-size:1.9em;}
h2 {font-size:1.3em;}
h3 {font-size:1.25em;}
div#intro p {font-size:1.3em;line-height:1.6em;}
div#filter p, div#filter select {font-size:1.3em;}
div#thumbs p#thumbsintro, div#and-finally p {font-size:1.3em;}
.tipinset p {font-size:0.9em;}

/* page layout */
#header {background:url(img/grad1.gif) repeat-x scroll 0% 0%;height:50px;margin:0;padding:0;}
#page-content {background-color:#fff;margin:0;padding:0;}
#content  {color:#333;background-color:#fff;line-height:1.4;}
#content {width:960px;margin:0 auto;padding:0 0 2em 0;}
#footer {width:100%;height:100px;background-color:#F7E8AA;border-top:1px solid #FFEC8B;}

/* homepage intro and filter */
div#intro {float:left;width:310px;padding-left:20px;}
div#intro h1 {display:none;}
div#intro p {margin:40px 0 0 0;}
div#filter {margin:60px 0 1em 0;padding:1em;width:275px;background-color:#F7E8AA;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div#filter p {margin:0;}

/* homepage holiday thumbs */
div#thumbs {width:625px;float:right;}
div#thumbs p#thumbsintro {text-align:left;padding:1em 0;}
div#thumbs li {display:block;float:left;}
div#thumbs li.hid {display:none;}
div#thumbs img {width:60px;height:60px;margin:0;padding:0;border:none;border-left:1px solid #FFF5EE;border-bottom:1px solid #FFF5EE;float:left; background:#F7E8AA;}
li.disabledthumb {filter: alpha(opacity=35);opacity: 0.35;height:100%;}
div#and-finally {width:610px;}
div#and-finally p {width:525px;float:left;text-align:right;margin:1.25em 0 0 0;padding:0;}
div#and-finally ul {float:right;}

/* homepage holiday hoverbox */
#tooltip {position: absolute;z-index: 3000;width:520px;background-color:#fff;border:1px solid #f7f7f7;padding:7px;display:none;}
.tip {display:none;}
.tipinset {background-color:#FFF5EE;border:1px solid #EEE5DE;padding:5px;}
.tipinset h3 {margin:5px 10px 10px 250px;padding:0;border-bottom:1px solid #333;}
.tipinset p {margin:0 0 0 250px;}
.tipinset img {float:left;border:1px solid #000;}

/* the holiday */
#holiday-sidebar {float:left;}
#holiday-sidebar {width:190px;padding-left:20px;}
#holiday-sidebar a {text-decoration:none; border-bottom:1px solid #fff;color:#fff;}
#holiday-sidebar a:hover {border-bottom:none;}
.holiday {float:left;width:625px;border-left:1px solid #F7E8AA;padding-left:20px;}
.holiday h1 {border-bottom:1px solid #F7E8AA;width:100%;margin-bottom:0.1em;}
.holiday h2 {border-bottom:1px solid #F7E8AA;margin:10px 0 5px 0;}
.holiday p {margin-bottom:1em;}
.holiday img {margin-right:2px;}
div#we-say {background-color:#F7E8AA;padding:10px 15px 0 15px;margin:10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div#we-say h2 {border-bottom:none;margin:0;}
div#we-say p {margin-top:0.25em;}
#lq {position:relative;top:4px;}
#rq {float:right;position:relative;top:-15px;}
.sociable a {border-bottom:none;}
.clear {clear:both;height:0;line-height:0;font-size:0;}

/* default for links */
a {text-decoration:none; border-bottom:1px dotted #d7d7d7;color:#ff4500;}
a:hover {border-bottom:1px solid #ff4500;}

/* links to pages in footer */
#footer ul {width:920px;margin:0 auto;padding:1em 0 0 20px;}
#footer li.first {float:left;padding-left:0;padding-right:0.7em;border-left:none;}
#footer li {float:left;padding-left:0.7em;padding-right:0.7em;border-left:1px solid #333;}
#footer a {color:#333;border-bottom:none;}
#footer a:hover {color:#333;border-bottom:1px solid #333;}

/* sociable and email a friend */
.sociable_tagline {padding-bottom:5px;}
.sociable a {border-bottom:none;}
.sociable a:hover {border-bottom:none;}
.sociable img {margin-right:5px !important;}
#email-friend {position:relative;top:-40px;left:140px;}
#email-friend img {position:relative;top:3px;}
#email-friend a:hover img {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}

/* fix footer to bottom */
html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#FFF;
}
#wrapper {
min-height:100%; /* gives layout 100% height */
width:100%; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */
position:relative; /* positions the #footer relative to the #wrapper */
background:#FFF;
}
* html #wrapper { 
height:100%; /* IE6 treats height as min-height */
}
#footer {
position: absolute; /* positions #footer at bottom of #wrapper */
bottom:0;left:0;
height:80px;
width:100%;
}
#page-content {padding-bottom:80px;}