/*
Theme Name: Trippy Travels Theme
Theme URI: http://trippytravels.com/
Description: Theme developed for Trippy Travels website
Version: 1
Author: Aleksandar Cocek & Milovan Ninkovic
Author URI: http://championassistants.com/
Tags: fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* MAIN */

.html{
}

.body{
}

/* FONTS */
@font-face {
  font-family: 'Helvetica Condensed';
  src: url(fonts/HVCS.eot);
}
@font-face {
  font-family: 'Helvetica Condensed';
  src: url(fonts/HVCS.ttf) format("truetype");
}
@font-face {
  font-family: 'Helvetica Condensed Black';
  src: url(fonts/HVCBS.eot);
}
@font-face {
  font-family: 'Helvetica Condensed Black';
  src: url(fonts/HVCBS.ttf) format("truetype");
}

a{
	outline:none;
	color: #5B98C4;
}

p{
	color:#555555;
	font-family:Arial, sans-serif;
	font-size:13px;
	padding:10px 0;
}

p.welcome_txt{
	color:#555555;
	font-family:'Helvetica Condensed', Helvetica, sans-serif;
	font-size:16px;
	padding:10px 0;
	line-height:25px;
}

h1{
}

h2{
	color:#68B704;
	font-family:'Helvetica Condensed Black', Helvetica, sans-serif;
	font-size:30px;
	padding:20px 0 10px;
}

h2 span{
	color:#5B98C4;
}

h3{
	color:#5B98C4;
	font-family:'Helvetica Condensed Black', Helvetica, sans-serif;
	font-size:20px;
}

h3 a{
	color:#5B98C4;
	font-family:'Helvetica Condensed Black', Helvetica, sans-serif;
	font-size:20px;
	text-decoration: none;
}


.author{
	color:#68B704;
}

h4{
	color:#68B704;
	font-family:'Helvetica Condensed Black', Helvetica, sans-serif;
	font-size:20px;
}

h4 span{
	color:#5B98C4;
}

.favorite{
	left:44px;
	position:relative;
	top:11px;
}

h5{
	color:#68B704;
	font-family:'Helvetica Condensed Black', Helvetica, sans-serif;
	font-size:16px;
	padding:10px 0;
}

/* HEADER */

#hd{
}

/* NAVIGATION */

/*.navigation{
	background:transparent url(images/header-bg.png) no-repeat scroll 0 0;
	float:right;
	height:80px;
	position:relative;
	top:-66px;
	width:960px;
	z-index:2;
}*/

.nav{
	float:right;
	margin-top:7px;
	height:80px;
	position:relative;
	top:-145px;
	z-index:5;
}

.nav li{
	float:left;
	padding:10px 20px;
}

.nav li a{
	color:#ffffff;
	font-family:'Helvetica Condensed Black', Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
}

/* BODY */

/*.yui-u{
	position:relative;
	top:-175px;
	padding-left:5px;
}*/

.yui-g{
	position:relative;
	top:-175px;
	
}
/*
.yui-b{
	top:245px;
}*/

.first{
	padding-left:11px;
}

#bd{
}

.welcome{
	float: left;
	position: relative;
	width: 465px;
}

.welcome-sidebar{
	float: left;
	position: relative;
	width: 495px;
}

.welcome_lang{
	color:#555555;
	font-family:'Helvetica Condensed', Helvetica, sans-serif;
	font-size:15px;
	padding-left:11px;
}

#content{
	float: left;
	width: 640px;
}


.photo_fav{
	background:transparent url(images/photo-gallery-bg.jpg) no-repeat scroll 0 0;
	height:108px;
	width:456px;
}

.photo_fav ul{
	left:19px;
	position:relative;
	float:left;
	top:15px;
}

.photo_fav ul li{
	float:left;
}

.photo_fav ul li img{
	background-color:#FFFFFF;
	margin:8px;
	padding:2px;
}

.video_fav{
	background:transparent url(images/video-gallery-bg.jpg) no-repeat scroll 0 0;
	height:129px;
	width:456px;
	margin-bottom:15px;
}

.video_fav ul{
	left:19px;
	position:relative;
	float:left;
	top:23px;
}

.video_fav ul li{
	float:left;
}

.video_fav ul li img{
	background-color:#FFFFFF;
	margin:8px;
	padding:2px;
}

.welcome_blog{
	border-top:1px solid #555555;
}

.welcome_blog_single{
	border-bottom:1px dotted #555555;
	padding-bottom:18px;
}

.welcome_blog_single p{
	font-size:12px;
	padding:5px 0;
	line-height:15px;
}

.read_more_big{
	color:#68B704;
	float:right;
	font-family:'Helvetica Condensed', Helvetica, sans-serif;
	font-size:18px;
	position:relative;
	text-decoration:none;
	top:-20px;
}

.read_more_big span{
	color:#5B98C4;
}

.read_more_small{
	color:#5B98C4;
	float:right;
	font-family:'Helvetica Condensed', Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}

.read_more_small span{
	color:#68B704;
}

.blog_box{
	background:transparent url(images/posts-bg.jpg) no-repeat scroll 0 0;
	padding:25px 45px 25px 25px;
	width: 570px;
}

a.comments{
	margin: 0.5em 0;
	display: block;
}

.gallery-item{
	float: left;
	display: inline;
	widows: 180px;
	margin-right: 10px;
	padding: 10px 0;
}

.navigation{
	float: left;
	margin: 10px 0;
	width: 100%;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

/* SIDEBAR */

#sidebar{
	float:left;
	width: 320px;
	position:relative;
}

.about{
	}
	.about h3 span{
		color:#68B704;
		font:normal 20px 'Helvetica Condensed', Helvetica, sans-serif;
		}
	.about-content{
		background-color:#ddd;
		border-top:1px solid #999;
		height:120px;
		position:relative;
		}	
		
		.about-content img{	
			background-color:#fff;
			padding:3px;
			border:1px solid #999;
			margin:5px;
			float:left;
			}
		.about-content p{
			color:#555;
			font:normal 18px 'Helvetica Condensed', Helvetica, sans-serif;
			line-height:25px;
			}	
		.about-content a{
			color:#999;
			font:normal 14px 'Helvetica Condensed', Helvetica, sans-serif;
			position:absolute;
			bottom:10px;
			right:10px;
			}		
.subscribe{
	margin-top:10px;
	}
	.subscribe h3 span{
		color:#68B704;
		font:normal 20px 'Helvetica Condensed', Helvetica, sans-serif;
		}	
	.subscribe-content{
		background:url(images/blog-bg.jpg) no-repeat scroll left top;
		height:52px;
		position:relative;
		}
		.subscribe-content a{
			background:url(images/icon-rss.png) no-repeat scroll left center;
			padding:0 35px;
			margin:20px 0 0 20px;
			line-height:28px;
			display:block;
			width:70px;
			float:left;
			color:#777;
			font-size:11px;
			position:relative;
			}
		.share{
			
			height:16px;
			width:125px;
			float:right;
			position:relative;
			right: 65px;
			
			}	
.categories{
	margin-top:10px;
	}	
	.categories h3 span{
		color:#68B704;
		font:normal 20px 'Helvetica Condensed', Helvetica, sans-serif;
		}
	.categories-content{
		background:url(images/categories-bg.jpg) no-repeat scroll left top;
		height:60px;
		position:relative;
		}
		.select-field{
			border:1px solid #68B704;
			width:250px;
			margin:20px;
			}			
.whatItalk{
	margin-top:10px;
	}
	.whatItalk h3 span{
		color:#68B704;
		font:normal 20px 'Helvetica Condensed', Helvetica, sans-serif;
		}	
	.whatItalk-content{
		background:url(images/blog-bg.jpg) no-repeat scroll left top;
		height:120px;
		position:relative;
		}
.searchJournal{
	margin-top:10px;
	}
	.searchJournal-content{
		background:url(images/searchJournal-bg.jpg) no-repeat scroll left top;
		height:85px;
		position:relative;
		padding:15px 10px;
		}
		.searchJournal-content ul{
			margin-top:10px;
			}
		.searchJournal-content li{
			float:left;
			display:inline;
			}
		.search-field{
			border:1px solid #d5040a;
			width:180px;
			height:19px;
			}
		.search-button{
			background:url(images/search-button.jpg) no-repeat scroll left top;
			font:normal 16px 'Helvetica Condensed Black', Helvetica, sans-serif;
			color:#fff;
			height:24px;
			width:90px;
			text-align:center;
			border:none;
			*margin-top:1px;
			}
		.searchJournal-content p{
			clear:left;
			margin:0;
			float:left;
			color:#333333;
			font-size:11px;
			font-weight:bold;
			}		
.archive{
	margin-top:10px;
	}
	.archive-content{
		background:url(images/archive-bg.jpg) no-repeat scroll left top;
		height:100px;
		position:relative;
		}
		
	.archive-content ul{
		padding: 2em 0.5em;
	}
	
	.archive-content ul li{
		float: left;
		padding: 0.3em 0.5em;
	}
	
	.archive-content ul li a{
		color: #000;
	}
	
/* SIDEBAR GALLERY */

.continents{
}

.continents h3{
	color:#68B704;
	font:20px 'Helvetica Condensed',Helvetica,sans-serif;
}

.continents-content{
	background:url("images/categories-bg.jpg") no-repeat scroll left top transparent;
	position:relative;
	min-height: 100px;
}

.continents-content ul{
	padding:2em 0.5em;
}

.continents-content ul li{
	float: left;
	padding: 0.3em 0.5em;
}

.continents-content ul li a{
	font-weight: bold;
	color: #954e22;
}

.trippy-takes{
	
}

.trippy-takes h3{
	color:#5B98C4;
	font:20px 'Helvetica Condensed',Helvetica,sans-serif;
}

.trippy-takes-content{
	background:url("images/blog-bg.jpg") no-repeat scroll left top transparent;
	min-height: 101px;
	position:relative;
}

.trippy-takes-content ul{
	padding:2em 0.5em;
}

.trippy-takes-content ul li{
	float: left;
	padding: 0.3em 0.5em;
}

.trippy-takes-content ul li a{
	font-weight: bold;
	color: #954e22;
}

/* Google Custom Search */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  /*border: 1px solid;
  border-color: #ffffff;*/
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}


/* FOOTER */

#ft{
	background:transparent url(images/ft-bg.jpg) no-repeat scroll 0 0;
	height:60px;
}

#ft ul{
	color:#FFFFFF;
	float:right;
	position:relative;
	top:10px;
}

#ft ul li{
	float:left;
	padding:0 5px;
}

#ft ul li a{
	color:#ffffff;
	font-family:'Helvetica Condensed', Helvetica, sans-serif;
	text-decoration:none;
}

#ft p{
	color:#FFFFFF;
	float:right;
	font-family:'Helvetica Condensed',Helvetica,sans-serif;
	font-size:13px;
	position:relative;
	right:-210px;
	top:27px;
}