/*
Theme Name: Northumbria Travel
*/
/* RESET STYLES */
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;
}
:focus { outline: 0; }
body { line-height: 1; }
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: "" ""; }
img { border-style: none; }
html, body { margin: 0px; padding: 0px; }
/*Force Firefox to show missing image holders*/
img:-moz-broken { -moz-force-broken-image-icon: 1; }
/* WORDPRESS STYLES */
#page {
overflow: hidden;
background: #F9F9F9 url(images/background.gif) center top repeat-y;
}
#page_contents {
background: #FFFFFF;
width: 760px;
padding-top: 10px;
margin: 0px auto;
clear: both;
overflow: hidden;
}
body {
min-width: 760px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 1.4em;
color: #666666;
background: #F9F9F9;
}
#footer {
text-align: center;
height: 150px;
margin: 0px auto;
color: #666666;
background: #F9F9F9 url(images/background_footer.gif) center top no-repeat;
padding-top: 15px;
}
#footer a {
color: #666666;
}
#background {
background: #F9F9F9 url(images/background_top.gif) center top no-repeat;
padding-top: 20px;
}
#header {
width: 760px;
height: 130px;
margin: 0px auto;
background: #FFFFFF url(images/header_0.gif) center top no-repeat;
}
#logos {
text-align: center;
width: 740px;
margin: 10px auto;
padding: 4px 0px;
background: #172B83 url(images/footer_0.gif) repeat-x;
overflow: hidden;
}
/*MENU*/
#menu {
overflow: hidden;
font-size: 1.2em;
text-align: center;
}
#menu .dropdown { display: inline-block; padding: 0px; margin: 105px 0px 0px 0px; overflow: hidden; height: 25px; }
.dropdown .dropdown_left { float: left; background: url(images/curve_left.png) left top no-repeat; width: 10px; height: 25px; }
.dropdown a { float: left; padding: 5px 0px 0px 0px; background: #FFFFFF; height: 25px; }
.dropdown a:hover { text-decoration: none; }
.dropdown_left a, .dropdown_right a { background: transparent; }
.dropdown .dropdown_right { float: left; background: url(images/curve_right.png) right top no-repeat; width: 10px; height: 25px; }
.current .dropdown_left { background: url(images/curve_left_0.png) left top no-repeat; }
.current a { background: transparent; color: #FFFFFF; border-top: 1px solid #FFFFFF; }
.current a:hover { color: #FFFFFF; }
.current .dropdown_right { background: url(images/curve_right_0.png) right top no-repeat; }
.current .dropdown_left a, .current .dropdown_right a { background: transparent; border: 0px; }
/*Headings*/
h1, h2, h3, h4 { color: #FFFFFF; }
h1 { height: 25px; overflow: hidden; margin: 0px 0px 0px -6px; }
h2 { height: 30px; overflow: hidden; margin: 0px 0px 10px -6px; }
h3 { height: 30px; overflow: hidden; margin: 0px 0px 0px -6px; width: 220px; }
h4 { height: 30px; overflow: hidden; margin: 0px 0px 0px -6px; width: 240px; }
/*Content*/
#content { overflow: hidden; }
.widecolumn { width: 760px; }
a { color: #172B83; text-decoration: none; }
a:hover { color: #172B83; text-decoration: underline; }
p { margin: 0px 0px 18px 0px; }
strong { font-weight: bold; color: #172B83; }
.horizontal_break { display: block; clear: both; }
.entry p, .entry ul, .entry ol { width: 400px; }
/*Home Page*/
.homepage { width: 750px !important; padding-left: 10px; }
.homepage .advert { width: 230px; }
/*Adverts*/
.advert { float: left; border-left: 1px solid #172B83; width: 220px; margin-right: 9px; padding-left: 10px; }
.advert .advert_image { width: 220px; height: 110px; margin-bottom: 10px; }
/*Colour*/
.colour { color: #172B83 !important; }
.colour a { color: #172B83 !important; }
/*Holiday List*/
.holiday { float: left; width: 240px; padding-left: 10px; padding-bottom: 20px; overflow: hidden; }
.holiday_details { color: #172B83; }
.holiday_details label { color: #666666; }
/*Holiday*/
.leftcolumn { float: left; clear: left; width: 240px; padding-left: 10px; overflow: hidden; }
.rightcolumn { float: left; clear: right; width: 490px; padding-left: 10px; overflow: hidden; }
.middle_column { padding: 0px 10px; }
.itinerary { margin-top: 10px; }
/*Images*/
.small_image { width: 240px; height: 120px; margin-bottom: 10px; }
.large_image { width: 490px; height: 250px; margin-bottom: 10px; }
.holiday { position: relative; }
.escorted_image { width: 100px; height: 100px; position: absolute; top: 0px; right: 0px; z-index: 10; }
#home_page_image { width: 740px; height: 270px; margin-bottom: 15px; background: #000000; }
#home_page_image img { width: 740px; height: 270px; }
#special_offers_callout { position: absolute; z-index: 10; }
/*Image Links*/
.image_link { width: 240px; height: 160px; overflow: hidden; float: left; margin-right: 10px; position: relative; }
.image_link_img { position: absolute; z-index: 1; }
.image_link_text { position: absolute; z-index: 2; top: 110px; height: 45px; width: 230px; padding: 5px 0px 0px 10px; background: url(images/transparent_blue.png); }
.image_link h2 { height: 25px; margin-bottom: 0px; }
/*Lists*/
#content li { /*list-style-position: outside;*/ margin-left: 16px; }
#content ul { margin: 0px 0px 18px 0px; }
/*Forms*/
form { overflow: hidden; margin: 10px 0px; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #666666; margin-bottom: 5px; }
input.submit { background: #172B83; color: #FFFFFF; border: 1px solid #CCD4E5; width: 80px !important; }
label { color: #172B83; }
.required_field { color: #CC0000; }
.search_form { margin: 0px 10px 10px 10px; padding: 10px; background: #CCD4E5; }
.search_form input { margin-right: 20px; }
.contact_form { width: 400px; }
.contact_form label { display: block; float: left; clear: left; width: 120px; }
.contact_form textarea, .contact_form input { float: left; width: 230px; margin-right: 5px; }
.contact_form .required_field { float: left; clear: right; }
#sidebar { float: right; clear: right; width: 240px; overflow: hidden; margin-right: 20px; }
#superbreaks { width: 740px; height: 600px; }
#google_map { width: 490px; height: 250px; margin-bottom: 10px; }
hr { clear: both; }
small { font-size: 0.8em; line-height: 1.2em; }