/* Base styling
 ***************************************************************************/

/* Undo browser CSS defaults */

ul,ol,dl {
    list-style:none;
    margin:0;
    padding:0;
}

a img,:link img,:visited img {
    border:none;
}

address {
    font-style:normal;
}

/* Base styling */

* html {
    /* Hello, IE 6 and below! */
    font-size: 100%;
}

body {
    font-family:arial,geneva,sans-serif;
    text-align:left;
    background:#fff;
    margin:0;
    padding:0;
}

body, td {
    font-size:13px;
}

li {
    display:inline;
}

a {
    color:#2b84b0;
}

.small {
    font-size:0.8em;
}

/* Layout
 ***************************************************************************/

#top_container {
    background:#fff;
    margin:20px 0 0;
}

.footerLinks {
    font-size:0.8em;
}

.top_leftcol {
    width:153px;
    float:left;
}

.GUlogo {
    width:153px;
}

.top_rightcol1 {
    float:left;
    margin:0 0 0 -5px;
}

.top_rightcol2 {
    float:left;
}

.top_rightcol3 {
    position:absolute;
    right:0;
    width:292px;
    margin:3px 0 0;
}

.header {
    background-image:url(i/header.jpg);
    background-repeat:repeat-x;
    width:780px;
    height:145px;
}

/* Navigation */

#nav_travel {   
    width: 780px;
    font-family: arial, sans-serif;
    color: #999;
    padding:0;
    margin:0;
    border:0;
}


#nav_travel ul {
    font-size: 12px;
    list-style-type: none;
    padding:3px 0 3px 2px;
    margin:0 0 5px 0;
}

#nav_travel li {    
    display:inline;
    padding:0;
    margin:0;
    border:0;
}

#nav_travel a:link {
    color:#08c;
    text-decoration: none;
}       

#nav_travel a:visited {
    color:#08c;
    text-decoration: none; 
}

#nav_travel a:active {
    color:#08c;
    text-decoration: none; 
}

#nav_travel a:hover {
    color:#08c;
    text-decoration: underline;
}

#nav_beenthere {
    width: 780px;
    font-family: arial, sans-serif;
    background-color: #eebf03;
    color: #999;
    padding:0;
    margin:0;
    border:0;
}

#nav_beenthere ul {
    font-size: 12px; 
    list-style-type: none;
    padding:3px 0 3px 2px;
    margin:0;
}

#nav_beenthere li { 
    display:inline;
    padding:0;
    margin:0;
    border:0;
}

#nav_beenthere a:link {
    color:#08c;
    text-decoration: none;
}       

#nav_beenthere a:visited {
    color:#08c;
    text-decoration: none; 
}

#nav_beenthere a:active {
    color:#08c;
    text-decoration: none; 
}

#nav_beenthere a:hover {
    color:#08c;
    text-decoration: underline;
}

/* Custom styles common to all pages
 ***************************************************************************/

.leftcontainer {
    margin:13px 0 0;
    clear: both;
}

.leftcontainer_places {
    margin:8px 5px 0 0;
}

/* Section titles */

.section_title {
    font-weight:bold;
    font-size:1.85em;
    padding:6px 0 0;
}

.section_title a {
    color:#000;
    text-decoration:none;
}

/* Article links */

.article {
    clear: both;
    margin-bottom: 0.5em;
}

.article:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    visibility: hidden;
}

* html .article {
    height: 1%;
}

.picture {
    float:left;
    margin:0 5px 0 0;
}

.article_title {
    font-weight:bold;
}

.intro {
    margin: 1em 0;
}

/* Tips
 ***************************************************************************/

.tip {
    border-bottom:1px solid #888;
    margin-top:1em;
    padding-bottom:1em;
}

.TipIcon {
    margin-bottom:4px;
}

.TipHeader, .TipBody {
    padding-left:2px;
}

.TipTitle {
    font-size:1.25em;
    font-weight:bold;
}

.TipByline, .CommentByline {
    font-size:0.8em;
    margin-top:0.6em;
}

.TipBody {
    border:0;
    margin:0.5em 0 0;
}

.tip_title {
    font-weight:bold;
    font-size:1.2em;
}

html>body .tip_title {
    padding:6px 0 0;
}

.tip_title a {
    text-decoration:none;
    color:#000;
}

.tip_title a:hover {
    text-decoration:underline;
}

.tip_body {
    padding:3px 0 0;
}

.tip_location {
    color:#666;
}

.tags {
    color:#666;
}

/* Tip updates */

.comment {
    margin-top:1em;
}

.comment_icon {
    position:relative;
    top:0.15em;
    left:0.05em;
}

/* Page-type-specific styles
 ***************************************************************************/

/* Home page */

.heading {
    clear:both;
    font-weight:bold;
    border-bottom:1px solid #999;
    font-size:1.2em;
    padding:12px 0 2px;
    margin-bottom: 5px;
}

.about {
    margin:5px 0 0;
}

/* Place fronts */

.image {
    padding:5px 0 0;
}

.basics {
    border: 1px solid #2b84b0;
    background: url(i/note.gif) 8px 8px no-repeat;
    padding: 8px;
    padding-top: 34px;
    padding-bottom: 16px;
    zoom: 1;
}

.basics h3 {
    border-bottom: 1px solid #888;
    margin-bottom: 12px;
    padding-bottom: 3px;
}

.basics dt, .basics dd {
    float: left;
}

.basics dt {
    font-weight: bold;
    clear: left;
    width: 110px;
    padding-bottom: 2px;
}

.basics dd {
    width: 80px;
}

.basics {
    overflow: auto;
}

/* Place profiles */

.profile_title {
    font-size:1.4em;
}

.byliner {
    color:#666;
    margin-bottom:5px;
}

.profile_image {
    color:#666;
    float:right;
    width:128px;
    font-size:0.8em;
    padding:0 0 0 5px;
}

/* Place galleries */

.thumbnails {
    padding:10px 0 0;
}

.thumbnails img {
    border:1px solid #FFF;
    margin:0 4px 0 0;
}

.thumbnails img.highlight {
    border-color:#FF0;
}

.big_pix {
    padding:10px 0 0;
}

.gallery-caption {
    padding-top:5px;
}

.gallery-credit {
    color:#666;
    font-size:0.8em;
}

/* Place lists */

.places-list {
    width: 100%;
}

.places {
    font-size:13px;
    padding:0 0 5px;
}

.places li {
    display:block;
}

/* "Top 10 Places" page */

ol.top10 li {
    display:block;
}

/* "Top Tippers" page - also makes use of top10 styling above */

#top-tippers-recent {
    width: 100%;
}

#top-tippers-recent td {
    padding: 10px 15px 10px 0;
    font-size: 8pt;
    vertical-align: top;
    width: 50%;
}

#top-tippers-recent td img {
    margin: 0 5px 2px 0;
    width: 70px;
    height: 70px;
}

#top-tippers-recent td img {
    float: left;
}

#top-tippers-recent .tipper-name {
    font-size: 10pt;
    font-weight: bold;
    margin: 0 0 3px 0;
}

/* "Your search matched the following places/countries..." */

ol.matched-places {
    margin-top: 0.5em;
}

ol.matched-places li{
    display: block;
    font-weight: bold;
}

/* Blog */

.BlogPost {
    border-bottom:1px solid #888;
    margin-top:1em;
    padding-bottom:1em;
    border-bottom-style:dotted;
}

.BlogIcon {
    margin-bottom:4px;
}

.BlogTitle {
    font-size:1.5em;
    font-weight:bold;
}

.BlogByline {
    margin-top:0.6em;
}

.BlogText, .BlogReadOnLink, .BlogTags, .BlogFrontPageLink {
    margin-top:0.5em;
}

.BlogDateHeader {
    font-size:1.1em;
    text-align:right;
    border-bottom:1px solid #aaa;
    font-weight:bold;
    padding-top:0.75em;
    padding-bottom:0.2em;
}

/* Traveller profiles */

.traveller_profile {
    border:1px solid #2b84b0;
    width:298px; /* rightcol width - (2 x border width) */
    overflow: hidden; /* shut UP ie6 */
    padding-bottom:10px;
}

.traveller_profile * {
    font-size:8pt;
}

.traveller_profile p, .traveller_profile .tags_normal {
    padding-left:1.5em;
    margin:1em 1em 0 0.75em;
}

p.traveller_profile_item {
    background:url(i/travellerstats-bullet.gif) 0 2px no-repeat;
    min-height: 12px;
}

.traveller_profile .tags_bold, .traveller_profile .tags_normal {
    margin-top:0;
}

.user_introduction {
    padding: 0.5em 0.5em 0 0.5em;
}

.user_introduction img {
    margin: 0 0.5em 0.5em 0;
}

.user_introduction:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE float hack */
* html .user_introduction {
    height: 1%;
}

.traveller_profile #profile_form {
    display: none;
}

.tag-cloud {
    text-align: justify;
    font-size: 1.3em;
}

.tag-cloud a {
    text-decoration: none;
    margin: 0 2px;
}

.tag-cloud a:hover {
    text-decoration: underline;
}

/* Common components
 ***************************************************************************/

/* Feedback link */

.feedback {
    clear:both;
    padding-top:5px;
}

/* Search box */

#searchbox {
    border:1px solid #2b84b0;
    margin-top: 12px;
}

.searchbox p {
    font-weight:bold;
    padding:2px 0 0 2px;
}

/* "Send a tip" link */

.sendTip {
    margin-top: 5px;
    font-weight:bold;
}

.sendTip img {
    vertical-align:middle;
}

/* MPU adverts */

.mpu {
    margin:10px 0;
}

.mpu iframe {
    margin-bottom: 10px;
}

/* "Recent tips" */

.RecentTips {
    padding:0 0 10px;
}

/* Yahoo ads */

#yahoosm_loader {
    margin: 10px 0;
    background-color: #F1F5F1;
    border: 1px solid #4F8279;
    padding: 8px;
}

#yahoosm_loader h3 {
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}

#yahoosm_loader .results li {
    display: block;
    margin-bottom: 10px;
}

#yahoosm_loader a {
    text-decoration: none;
}

#yahoosm_loader p a {
    color: black;
}

#yahoosm_loader .links {
    text-transform: lowercase;
}

/* Travel supermarket widget */

#travelsupermarket {
    border: 1px solid #F26721;
    background: url(i/travelsupermarket.gif) 8px 8px no-repeat;
    padding: 8px;
    padding-top: 44px;
    margin: 15px 0;
}

#travelsupermarket h3 {
    border-bottom: 1px solid #888;
    margin-bottom: 12px;
    padding-bottom: 3px;
}

#travelsupermarket a {
    color: #F26721;
    font-weight: bold;
}

#travelsupermarket li {
    display: block;
    background: url(i/arrow-orange.gif) top left no-repeat;
    padding-left: 22px;
    min-height: 24px;
}

* html #travelsupermarket li {
    height: 20px;
}

/* Right ad slot loader iframe */

#rightslot1-loader {
    display: none;
}

/* Tag lists */

.tags_bold, .tags_normal {
    color:#2b84b0;
}

.tags_bold a {
    font-weight:bold;
}

.tags_hidden {
    display:none;
}

/* Teasers */

.teaser {
    margin-top: 1em;
}

.teaser:after {
    display: block;
    content: " ";
    clear: both;
    height: 1px;
    visibility: hidden;
}

* html .teaser {
    height: 1px;
}

.teaser-image {
    float: left;
    margin: 0 0.5em 0.5em 0;
}

.teaser-send-tip-link {
    font-weight: bold;
    float: left;
    background: url(i/arrow.gif) no-repeat;
    padding-left: 20px;
    min-height: 16px;
    margin-top: 8px;
}

/* Google advertising styling
 ***************************************************************************/
.ad_attribution {text-align:left;font-weight:bold;font-size:10pt;text-decoration:none;}
.ad_title       {font-size:12px;font-weight:bold;}
.ad_text        {color:#000000}
.ad_url         {color:#008000;text-decoration:none}
.ad_url:hover {text-decoration:underline}
.ad_title_large {font-size:20px;font-weight:bold}
.ad_text_large  {font-size:14px;color:#000000}
.ad_url_large   {font-size:16px;color:#008000;text-decoration:none}
#ad-google-sidebar {border: 1px solid #2B84B0; padding: 10px; margin-top: 14px;}