/* Typography */
.strong{ font-weight:bold; }
h1, h2, h3, .customfont{ font-family: 'Oswald', sans-serif; }
small{ line-height: 1; }

/* About Us */
.tab-pane{ padding:2em 0; }

/*------------------ HEADER ------------------*/
.masthead{ position: relative; }
.userbar{ position: absolute; top:0; right:0px; }
a.logo{ width:169px; height:73px; display: block; overflow: hidden; text-indent: -3000px; background: url(../images/logo-dark.png) 0 0 no-repeat; }

ul.nav{ margin:0; width:100%; }
.navbar .nav li.pull-right{ float: right; }
.navbar .nav li.twitterbadge{ margin-top:10px; }
.navbar .nav li.twitterbadge a{ padding:0; }

#sign-in-with-twitter{ 
	background: url(../images/sign-in-with-twitter-gray.png) no-repeat; overflow: hidden; text-indent: -3000px; width:158px; height:28px;
	padding:0;
}

/*------------------ PAGE CONTENT ------------------*/
.container{ min-width:550px; }
.embed .container{ min-width:0; }
#main_content{ min-height: 400px; }

/* Vertical spacing */
#map_holder, .share, .comments, .promo, .featured, #publish_trip, .row-fluid{ margin-bottom:2em; }
.margin-vertical{ margin:1em 0; }
.span4 h2{ margin-top:0; }
.row-fluid.no-margin{ margin:0; }

/* profile image */
img.media-object{ width:73px; height:73px; overflow:hidden; }

/*------------------ FOOTER ------------------*/
#footer{ margin-top:2em; }

/*------------------ HOME ------------------*/
#home_form button, #home_form label, #home_form input{ margin:0 0.5em; display: inline-block; }
#home_form label{ font-size: 26px; line-height:26px; position: relative; top:5px; }
#home_form input{  height:34px; }
#home_form .well { text-align: center; }

/*------------------ MAP ------------------*/
#map_holder p.map_caption{
	position:absolute; right:0px; top:35px;
	background:white;
	padding:5px 10px;
}
#map_holder p.map_caption span{
    display: block; width:100%; opacity: 0.5;
}
#map_holder p.map_caption:hover span{
    opacity: 1;
}
#map_holder{ position: relative; }
#map_holder p a{ text-decoration:none; }
#map_holder p a.btn, #map_holder p a i{ font-size: 10px!important; } /* google maps override*/
#map_canvas{
	height:400px;
}
#map_canvas .seo{ margin-left: -3000px; width:500px; display: block; overflow: hidden; }
#map-info h1{ font-size:20px; line-height: 20px; margin-top:0; margin-bottom:5px; }

label.join-tweets-link{ text-align:right; padding-right:10px; padding-top:3px; }

/* Photobar */
#photobar { height:400px; overflow: hidden; }
#photobar img{ margin:0.5%; float: left; clear:none; display: block; }
#photobar img.half{ width:49%; }
#photobar img.full{ width:99%; }
@media (max-width: 979px) { 
	#photobar img.half{ width:100%; }
}
@media (max-width: 767px) { 
	#photobar{ display: none; }
}
@media (max-width: 550px) { 
	body{ padding:0; }
	.navbar .container{ min-width:0; }
	.navbar .nav > li > a{ padding:10px 5px; }
}

body.embed{ padding:0; margin:0; }
body.embed .container{ width:auto; }
body.embed #map_holder{ margin:0; }

/* Bubble */
.bubble{ width:300px; }
.bubble p.tweet a{ color:#005580; }
.bubble p.tweet a:hover{ color:#0088CC; }
.bubble a.image{ float:left; }
.bubble img { width:100px; height:100px; margin-right:20px; }
.bubble p{ float:left; clear:none; width:295px; }
.bubble p.with_img{ width:175px; }

.bubble a.open-share{ opacity:0.6; position: relative; top:1px; left:10px; }
.bubble a.open-share:hover{ opacity:1; }
.bubble .share{ position: absolute; bottom:6px; left:0; width:75%; background:#fff; margin:0; display: none; z-index: 100; }
.bubble .share a.intent{ margin-right:7px; }
.bubble .share a.intent i{
    position: relative; top:2px;
    display:inline-block; width:16px; height:16px; overflow: hidden; text-indent: -3000px;
    background:url(../images/twitter-sprite.png) 0 0 no-repeat;
}
.bubble .share a.intent.favourite i{ background-position:-32px 0; }
.bubble .share a.intent.favourite:hover i{ background-position:-48px 0; }
.bubble .share a.intent.retweet i{ background-position:-80px 0; }
.bubble .share a.intent.retweet:hover i{ background-position:-96px 0; }
.bubble .share a.intent.reply i{ background-position:0 0; }
.bubble .share a.intent.reply:hover i{ background-position:-16px 0; }
.bubble .share a.close{ margin-top:3px; }

/* Comments */
.fb-comments, .fb-comments iframe[style], .fb-comments span {width: 100% !important;}

/* Sharing */
#embed_code_link{ margin-right:15px; margin-top:5px; }
.share h6{ margin-top:0; }
.share{ margin-top:1em; }

/*------------------ TRIPS ------------------*/
.media.first{ margin-left:0; }
.media.span6{ height:90px; }
.mytrips .media.span6{ height:auto; }

a.twitter_name{ text-decoration: none; color: #666; font-weight: bold; margin-right:5px; }
a.screen_name{ color: #8899A6; text-decoration: none; }

/*------------------ BLOG ------------------*/
.blogpost img, .blogpost iframe{ margin:2em 0; }

/*------------------ TWITTER POPUP ------------------*/
.loading { background:url(../images/ajax-loader.gif) center left no-repeat; padding:10px 10px 10px 30px; }

/*------------------ Responsive ------------------*/

@media (max-width: 767px) { 
	#home_form label, #home_form input#txt_twitter_name{ margin-bottom:1em; }
	.twitterbadge iframe{ width:58px!important; }
}