/*  
Theme Name: Fresh Traveller
Theme URI: http://www.templatepanic.com/
Description: A simple and clean Wordpress Theme with two column layout and widget ready.
Author: Effi
Author URI: http://www.effiharyanti.com/
*/


/* ---------------- GENERAL ---------------- */




body { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; line-height: 160%; margin: 0px; padding: 0px; background: #CAE7AD url(img/bg-big.png) no-repeat center; background-attachment: fixed; }

#container { width: 840px; border: 0px solid #4f7813; margin: 0 auto; }

a:link, a:visited { text-decoration: none; color:#4E9210; }
a:hover { text-decoration: none; color:#81C739; }


label {	font-size: 100%; color: #156d9d;}


p img { padding: 4px; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}
.alignleft { float: left;}

/* ---------------- HACKS ---------------- */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix 

{display: inline-table;padding-bottom:0px;padding-top:0px;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



 

/* Hide from IE5-mac. Only IE-win sees this. \*/

/* Gets rid of the 3px gap in IE 6 */

* html #left {

  margin-right: -3px;

  }









/* ---------------- LAYOUT ---------------- */


#header { margin: 0 auto; padding: 0px; width: 100%; clear: both; background: url(img/header.jpg) no-repeat center top; height: 171px;}
#header h1, #header div.description {display: none;}
#sidebar { margin: 0 0 0 568px; padding:0; width:265px; }
#content { float:left; width: 565px; margin: 0 auto; padding:0;}


/* ---------------- TAB ---------------- */


#tab { padding: 138px 0px 0px 10px; white-space: nowrap; }
#tab img { display: block;}
#tab a { font-size: 90%; padding-right: 15px; }

ul.menu { float: left; margin: 0; padding: 0; list-style-type: none; }
ul.menu li { background-color: #397108; border: 1px solid #397108; float: left; padding: 2px; margin: 5px 3px;}
ul.menu li a { float: left; display: block;  padding: 3px 5px 0 5px; color: #fff; }
ul.menu li a:link, ul.menu li a:visited { color: #fff; background: none; text-decoration: none; font-weight: bold; }
ul.menu li a:hover, ul.menu li a:active { color: #C8D7BA; font-weight: bold; background: none; text-decoration: none; }

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active { color: #C8D7BA; font-weight: bold; text-decoration: none; }


/* ---------------- NAVIGATION ---------------- */


#nav { font-size: 80%; padding: 5px 0px 15px 10px; color: #4B8E0D; }
#nav a:link, #nav a:visited { color: #4B8E0D; }
#nav a:hover { text-decoration:underline; background-color: transparent; }

.navigation { font-size: 90%; padding: 5px 20px 5px 20px; }

span.cat {color: #4B8E0D}


/* ---------------- POST ---------------- */

.post h2 {font-size: 130%;}

.pagetitle { border-bottom: 1px dotted #3F710E;}
h2.pagetitle {padding: 0; margin: 0; color: #3F710E;!important; font-size: 180%; font-weight: normal;}
h2.pagetitle a {color: #3F710E;}
h3  {padding: 0; margin: 0; color: #3F710E;!important; font-size: 120%; font-weight: bold; border-top: 1px dotted #3F710E; width: 300px;}

.intropost {margin: 0; padding: 5px;  color: #397108;}

p.textintro, p.textintro2 {font-size: 120%; background-color: #A5D373; margin: 0; padding: 5px;}

p.textintro {font-weight: bold; font-size: 135%;}

.post {padding: 5px;}

.post h3 { padding: 5px;}


.post p {margin: 0; padding: 5px 0;}

.first_post {background-color: #CEE7AD; color: #397108; padding: 0px 0px 5px 0px; margin: 0;}

.first_post p {padding: 0 5px 0;}

.first_post h2 {padding: 5px;}

.first_post h2 a {color: #397108;}





p.indexlink {
background: url(img/icon_walk.gif) no-repeat left top; height: 45px;}

p.indexlink a {padding-left: 25px; font-size:14px; font-weight: bold; height: 45px;}



.relatedposts { width: 520px; float: left; color: #397108; margin: 5px auto; padding: 5px; font-size: 12px; }

.relatedposts li {border-bottom: 1px solid #397108; padding: 5px 0;}

.post img {float:left; margin-bottom: 20px;}

.post h2 {clear: both;}

img.line {margin: 0; padding: 0 5px 0 5px;}

.categorised {color: #397108; font-style: italic;}


/* --------------RESERVE LINE----------------------- */ 

p.reserveline {
background: url(img/footprint.gif) no-repeat left top; height: 25px; padding-left: 35px;
}

p.reserveline a {font-weight: bold;}


p.emailline {
background: url(img/icon_email.gif) no-repeat left top; height: 27px; padding-left: 35px;
}

p.emailine a {font-weight: bold;}


p.cameraline {
background: url(img/icon_camera.gif) no-repeat left top; height: 27px; padding-left: 35px;
}

p.cameralin a {font-weight: bold;}



/* --------------QUOTES----------------------- */ 



span.quoteleft {
background: url(img/quote_left.gif) no-repeat left top; padding-left: 15px;
}

span.quoteright {
background: url(img/quote_right.gif) no-repeat right bottom; padding-left: 15px;
}

p.quotename {font-style: italic;}
p.quotename {border-bottom: 1px solid #4B8E0D; margin-bottom: 10px;}



/* --------------FORM----------------------- */ 



.fmtext, .fmtextarea {width: 400px;}


#fm_date, #fm_postcode {width: 100px;}
#fm_name, #fm_address, #fm_city, #fm_telephonel, #fm_mobile, #fm_friendphoneno {width: 200px;}

form p.fieldwrap #fm_verify {display: inline; float: left;}
form p.fieldwrap img {display: inline; float: left;}

form .submit {float: left; clear: both;}
.credits {clear: both;}


/* --------------CALENDAR----------------------- */

div.eventscal {display: block; margin: 20px 5px; background-color: #CEE7AD; padding: 5px;}

div.eventscal ul {list-style-type:none;}

ul.ec3_events {margin: 5px; padding: 0 5px;}

li.ec3_list {color:#4B8E0D; font-size: 120%; font-weight: bold; display: block; border-bottom: 1px solid #4B8E0D;}

ul.ec3_events ul li a {margin: 0; padding: 0; font-size: 90%; font-weight: normal;}



/* ---------------- SIDEBAR ---------------- */

#sidebar {float: right; font-size:90%; padding: 0; margin: 10px 0 0 0;}

#sidebar li#cat-posts-1 li.widget li.widget_cat_posts {margin: 0; padding: 0;}

#sidebar h2.widgettitle {font-size: 130%; color: #3F710E; font-weight: bold; background-color: #A5D373; padding: 5px; margin: 0;}

#sidebar ul { list-style-type: none; margin: 5px 0; padding: 0;}
#sidebar ul a:link, #sidebar ul a:visited { color:#4B8E0D; margin: 0; padding: 0;}
#sidebar ul a:hover { color:#4E9210; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidebar li { line-height:150%; margin: 0; padding: 0;}

/* fix for browsers that don't need the hack */
html>body #sidebar li {border-bottom: none;}

#sidebar img { display: block; padding:0; margin:0; border: none; }
#sidebar img a, #advert img a:link, #advert img a:hover { border:none; }

#sidebar ul li
{
margin-left: 20px;
list-style-image: url(/wp-content/themes/fresh-traveller/img/bullet.gif);
}

/* --------------SIDEBAR WIDGETS----------------------- */

#sidebar ul li.widget, #sidebar li.widget { list-style-type: none; margin: 0; padding: 0;}

li#about-me {color: #3F710E; background-color: #A5D373;}

li#about-me div#aboutmewidget {font-weight: bold; padding: 5px;}

li#about-me p {color: #3F710E; }

li#about-me a {font-weight: bold; color: #3F710E; }

#sidebar li.cat-item {color: #3F710E; font-weight: bold; border-bottom: 1px solid #81C739; list-style-type: none; }

#sidebar li.cat-item a {color: #3F710E; font-weight: bold;}

#sidebar li.widget_tag_cloud a, #sidebar li.recentcomments, #sidebar li.widget_cat_posts {color: #3F710E;}

#sidebar li.widget_tag_cloud a {padding: 5px;}

#sidebar li.recentcomments a, #sidebar li.widget_cat_posts a {font-weight: bold; color: #3F710E;}

#sidebar li.recentcomments a:hover,  #sidebar li.widget_cat_posts a:hover {color: #4E9210; font-weight: bold;}



/* ---------------- FOOTER ---------------- */


#footer { background: url(img/footer.jpg) bottom center no-repeat; height: 70px; clear: both; font-size: 75%; padding: 0px; margin: 0px; }
#footer p { color: #4E9210; margin-left: 10px; padding-top: 20px; }
#footer a, #footer a:link { color: #4E9210; text-decoration: none; }
#footer a:hover { color: #4E9210; text-decoration:underline; }


/* ---------------- COMMENTS ---------------- */

.formcontainer 

{border: 1px solid #81c739; background-color: #e6f1db; margin: 0; padding: 0;}

.commentlist li, #commentform input, #commentform textarea {font-size: 100%; }
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: normal;font-style: normal;}
.commentlist p {font-weight: normal; line-height: 130%;text-transform: none;}
#commentform p {padding: 5px 10px 0 20px; }

form#commentform p label {color: #4e9210 !Important; font-weight: bold;}


.commentmetadata {font-weight: normal;}

h3.comments {padding: 0 10px 0 10px; margin: 40px 10px 20px 10px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0px;}
#commentform textarea {	width: 80%; padding: 2px;}





/* --------------FORTHCOMING WALKS WIDGET----------------------- */

.forthcomingwalkswidget {margin-right: 5px; margin-bottom: 5px; float: left;}


/* --------------FLICKR FEED----------------------- */

/* ------from http://www.db798.com/pictobrowser------ */

#flickrfeed 
{
height: 100%;
width: 95%;
text-align: center;
margin: 10px;
padding: 10px;
border: 1px solid #4E9210;
}


#flickrfeed object
{
width: 100%;
height: 500px;
text-align: center;
}

/* --------------FLICKR BADGE----------------------- */

.flickr_badge_wrapper {
float: left;
margin: 10px 0 -10px 0;
padding: 0;
background-color: green;
display: block;
height: 200px;
width: 250px;

}

.flickr_badge_image {
float: left;
margin: 0 10px 0 0;
padding: 0;
min-height: 180px;
}

/* ------------- PREVIOUS FORTHCOMING WALKS FUNCTION----------------------- */

.previousforthcomingphotos {
margin-bottom: 10px;
padding-bottom: 10px;
}

/* --------------PLUGINS----------------------- */

div.more-link {padding: 0 5px; text-align: right;}

div.more-link a {font-weight: bold; display: inline;}


/* Reservations */

.reservationstxt {color: #4E9210; display: inline; padding: 0; margin: 0;}

/* newsletter */

li#alo-easymail-widget-3 form table tr td label

{color: green;}


/* Comments */


h3.comments

{border: none; padding: 0; margin: 5px;}

.formcontainer h3.comments 

{border-top: none; border-bottom: 1px dotted #81c739; padding: 0px; margin: 5px;}

/* FB */


p.fb
{font-weight: normal !important;
color: #4E9210;}