/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/



body.page-id-1597 h1.title { display: none; }

#nav {
background: none;
background-color: #069;
}

#nav a {
color: #fff;
text-shadow: none;
}

#nav a:hover {
color:#99cc33 !important;
}

#nav li {
border-left: solid 1px #2F71B4;
border-right: 0;
}

#sidebar div.widget div.title{
background-color: #069;
}
div.title h3 {
color: white;
}


#sidebar div.widget {
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;
}

#sidebar div.widget div.title {
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   -webkit-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
}

#single div.postcontent img {
margin-bottom: 3px;
}

#postsSmall {
margin-top: 0;
}
#postsBig {
border-bottom: 1px solid #DDD;
height: 426px;
}

#featPosts {
height: 457px;
}

/*the CSS below is blue border color around image frames on the top image slider*/

/*#featPosts div.cover img {
border-color: #069;
}
*/

/*the CSS code below makes the left side of the featured slider even with the right. Dumitru says:However I do not recommend doing this, for the following reason: the left section of the slider will adjust itself to the amount of content it has: post title (2-3 lines) and post excerpt. So the height will vary. You cannot perfectly align the left and right columns. And in my opinion it does look a little better with the top and bottom spacing.

ul.pagination {height: 456px; } */

/*code below controls color on the top righ slider */

#postsSmall li {
background-color: white;
border-bottom:none;
}
#postsSmall li.active, #postsSmall li:hover {
background-color: #9C3;
}

#postsSmall li div.cleaner, #postsSmall div.cleaner {
background-color: #99cc33;
}




div.title {
background-color: #99cc33;
border: solid 1px #E9E9E9;
border-bottom: none;
padding: 0 10px;
line-height: 28px;
}



#postsSmall a {
color: black;
}

.navTabs li.active a, .navTabs li a:hover {
color: white;
background-color: #069;

}

#archive .title h3 {
   color: #000;
}

/* code below ads color to the titles across the site */
/*

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
color: #99cc33 !important;
}

#main .featCategories .category .title h3 a {
   color: #000000 !important;
}
*/
/* code below moves sidebar to the left only for GIVF Team Category */

.category-455 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}



/* code below moves sidebar to the left only for Guest Experts Category */

.category-458 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for Articles Category */

.category-474 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for Blog Category */

.category-456 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for Journeys Category */

.category-459 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for Australia Category */

.category-373 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for Asia Category */

.category-462 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for Europe Category */

.category-461 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* code below moves sidebar to the left only for North America Category */

.category-469 #main {
   float: right;
   margin-left: 15px;
   margin-right: 0;
}

/* this code below eliminates extra padding on the enhanced text box so that 300x250 ads can fit in nicely */
#sidebar div.Adsense {border: 0; padding: 0; }
#sidebar div.Adsense div.title {margin-left: 0; margin-right: 0;  margin-bottom: 0; width: auto; }

/* this code below aligns the GO button with the search bar on the top */

#searchform input#searchsubmit {
padding: 5px 10px;
}

#mc_signup_form .mc_input {
width: 250px;
}
#mc_signup_form .mc_signup_submit input {
background: #069;
color: white;
}

/* this code makes search button on 1st page blue and submit button on contact page blue*/

.iphorm-theme-light-rounded .iphorm-submit-wrap button span {
background: #069 !important;
}
.iphorm-theme-light-rounded .iphorm-submit-wrap button span, .iphorm-theme-light-rounded .iphorm-submit-wrap button em {
color: white;
text-shadow: none;
}
#respond .submit, .widget input#searchsubmit, .wpcf7 .wpcf7-submit {
background: #069 !important;
}

/* this code solves the margin problem on sidebar when adsense widget goes up too high*/

#sidebar div.Adsense {
margin-top: 10px;
}

#container div.cleaner {
clear: both;
font-size: 0px;
height: 0px;
margin: 0;
line-height: 0px;
}

.iphorm-theme-light-rounded .iphorm-submit-wrap button:hover em {
color: white;
}

.posts p.more a { text-transform: capitalize; }


#single img { border: none; }

widget_listcategorypostswidget ul li{
  list-style-type: disc !important;
}

#sidebar div.facebook { padding: 10px 5px; }
#sidebar div.WPBannerizeWidget { padding: 10px 5px; }

/* PACKAGE TABLE FOR ADVERTISERS PAGE - BY KEIRA DOOLEY*/
.packages caption {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 8px;
}

.packages th {
background: #2f2f2f;
padding: 15px;
color: #eee;
font-size: 1.2em;
text-align: center;
border: 1px solid #eee;
}

.packageprice {
background: #0063a5;
padding: 15px;
text-align: center;
font-size: 2.5em;
color: #eee;
font-weight: bold;
border: 1px solid #eee;
}

.packages td {
border: 1px solid #ccc;
padding: 10px;
}

.packages {
	background:#eee;
	color:#333;
}
/*
#header-banner {
width: 550px;
float:right;
height: 100px;
}
*/