/*
Theme Name: Fynbos Wordpress site
Theme URI: http://wordpress.org/
Description: Fynbos Wordpress site
Author: The Forge Web Creations
Author URI: www.theforge.co.za
Version: 1.0
*/


@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td
table, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}

body {
	background: url(images/bg_tile.jpg) repeat;
}
p {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 18px;
}
h1 {
	color: #5c594b;
	text-transform: uppercase;
	margin: 0 0 20px;
	text-shadow: #fff 1px 1px 1px;
}
h2, h3 {
	color: #5c594b;
	text-transform: uppercase;
	margin: 0 0 20px;
	text-shadow: #fff 1px 1px 1px;
}
h1 {
    font-size: 22px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}

/* Text Styles */
.gform_description, .tripadvisor_wrap, #gforms_confirmation_message, .validation_error, .wp-table-reloaded, .post_body ul li, h1, h2, h3, h4, h5, p, .navigation_left ul li, .header_meta, .footer_right, .credit_left, .credit_right, .credit_right a, .credit_left, .credit_right, credit_right a, .contact_widget, .contact_widget a, .contactsidebar {
	font-family: Verdana;
}
.navigation_left ul li a, .footer_right, .footer_right a {
	font-size: 12px;
	color: #eeeada;
	text-decoration: none;
}
.footer_right a:hover {
	color: #fff;
}
.navigation_left ul li a {
	text-transform: uppercase;
	padding: 11px 0 0;
	display: block;
}
.navigation_left ul li a:hover {
	color: #fff;
}
.credit_left, .credit_right, .credit_right a {
	margin: 17px 0 30px;
	color: #7f7b67;
	font-size: 12px;
	text-decoration: none;
}
.credit_right a:hover {
	color: #CF3F65;
}
/* Phone Widget */
#buttonsitewide {
color: #d04168 !important;
text-align: center !important;
font-size: 12px !important;
line-height: 16px !important;
text-decoration: none !important;
margin: 0 0 10px !important;
}
#buttonsitewide a:hover {
color: #fff; 
}

.contactsidebar {
color: #d04168;
text-align: center;
font-size: 12px;
line-height: 16px;
text-decoration: none;
margin: 0 0 10px; 
}

/* Wrappers */
.logo_wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative;
}
.magical_wrapper {
	width: 960px;
	margin: 21px auto 0;
}
.slider_wrapper {
	background: url(images/slider_wrapper_tile.png) 0 55px repeat-x;
}
.body_wrap {
	overflow: hidden;
	position: relative;
}
.post_body {
	width: 721px;
	float: left;
	padding: 0 19px 0 7px
}
.post_body_a {
	width: 950px;
	float: left;
	padding: 0 19px 0 7px
}
.sidebar {	
	width: 195px;
	float: left;
	padding: 45px 0 35px 18px;
}
.footer_wrapper {
	height:126px;
	background: url(images/footer_tile.png) repeat-x;
}

.post_thumbnail {
position: relative;
float: left;
padding: 0px;
margin:10px;
}


.next {
float: right;
font-size: 15px;
font-weight: bold;
}

.prev {
float: left;
font-size: 15px;
font-weight: bold;
}


/* Header */
.header_strip {
	background: url(images/header_tile.png) repeat-x;
	height: 74px;
}
a.logo {
	background: url(images/header_logo.png) no-repeat;
	height: 97px;
	width: 609px;
	display: block;
	margin: 12px 0 28px 111px;
}
.slider {
	background: url(images/slider_box.png) no-repeat;
	width: 944px;
	height: 384px; 
	margin: 0 auto; 
	padding: 16px;
}
.header_meta {
	font-size: 12px;
	color: #eeeada;
	padding: 12px 0 0;
	text-align: center;
}
.header_magic {
	margin: 0 auto;
}
.flower_float {
	position: absolute;
	width: 166px;
	height: 172px;
	background: url(images/flowers.png) no-repeat;
	top: -19px;
	right: 32px;
	z-index: -5;
}

/* Navigation */
.navigation {
	height: 40px;
	width: 960px;
	background: url(images/nav_tile.png) repeat-x;
	margin:0 0 52px;
}
.navigation_left {
	float: left;
	width: 790px;
}
.navigation_right {
	float: left;
	position: relative;
}
.navigation_left ul {
	list-style: none;
	padding: 0 0 0 20px;
}
.navigation_left ul li {
	float: left;
	padding: 0 20px 0 0;
}

ul.menu,ul.menu ul,ul.menu li,ul.menu a {
display:block;
margin:0;
padding:0;
}

ul.menu ul {
display:none;
position: absolute;
z-index:100;
}
ul.menu li:hover {
z-index:999;
}
ul.menu li:hover > ul {
	background: url(images/nav_tile.png) repeat-x;
display:block;
position:absolute;
float:left;
}


ul.menu li {
float:left;
width:auto;
}



ul.menu ul li {
	background: url(images/nav_tile.png) repeat-x;
float:center;
width:180px;
height: 40px;
}
ul.menu ul li ul {
float:left;
width:180px;
position:absolute;
left:100%;
top:0;
}
ul.menu-ver,ul.menu-ver ul {
width:14em;
}

div.menu-center ul.menu {
float:left;
position:relative;
left:50%;
}

div.menu-center ul.menu li {
position:relative;
left:-50%;
}

div.menu-center ul.menu li li {
left:auto;
}


ul.menu li a {

}

ul.menu li a {
padding:10px 12px 10px;
}

ul.menu li a:link,ul.menu li a:hover,ul.menu li a:visited,ul.menu li a:active {
text-decoration:none;
}



.menu-center {
float:right;
margin-right:95px;
}


.wifi {
	background: url(images/wifi.png) no-repeat;
	width: 103px;
	height: 25px;
	margin: 8px 0 0;
	float: left;
}
a.make_a_booking {
	display: block;
	background: url(images/booking_banner.png) no-repeat;
	height: 102px;
	width: 116px;
	float: right;
	margin: 0 0 0 42px;
	position: absolute;
	right: -130px;
}
a.make_a_booking:hover {
	background-position: 0 -102px;
}

/* Footer */
.footer_flower {
	position: absolute;
	background: url(images/footer_flower.png) no-repeat;
	top: 5px;
	right: -58px;
	height: 135px;
	width: 222px;
}
.footer {
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 42px 0 0 15px;
}
.footer_left {
	float: left;
	width: 467px;
}
.footer_right {
	float: left;
	padding: 05px 0 0 20px;
}
.footer_logo {
	display: block;
	background: url(images/footer_logo.png) no-repeat;
	height: 72px;
	width: 458px;
}
.footer_right span {
	float: left;
	height: 18px;
}
span.contact_left {
	width: 50px;
	display:block;
}
span.contact_right {
	width: 200px;
	display:block;
}
.credit_left, .credit_right, credit_right a {
	margin: 17px 0 0;
	color: #7f7b67;
	font-size: 12px;
	text-decoration: none;
}
.credit_left {
	float: left;
}
.credit_right {
	float: right;
}
.footer_credit_wrap {
	height: 50px;
	margin: 0 auto;
	width: 960px;
}

/* Widgets */
.widget_categories, .widget_categories a {
    color: #d04168;
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	text-decoration: none;
	margin: 0 0 30px;
    font-family: verdana!important;
}
.widget_categories a:hover {
       color: #fff;	
}

.contact_widget, .contact_widget a {
	color: #d04168;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	margin: 0 0 10px;
}
.contact_widget a:hover {
	color: #fff;	
}
.fynbos_widget_wrapper {
	margin: 15px 0 25px 0;
	overflow: hidden;
}
.googleplus_share, .facebook_share, .twitter_share {
	float: left;
}
.facebook_share, .twitter_share {
	margin: 0 20px 0 0;
}
.translate_box {
	background: url(images/translate_box.png) no-repeat;
	height: 58px;
	width: 179px;
	padding: 13px 0 0 16px;
	margin: 0 0 30px;
}
.facebook_wrapper {
	background-color: #fff;
}
.social_wrapper {
	padding: 0 5px;
}
.social_wrapper ul li {
	list-style: none;
	float: left;
}
.social_wrapper ul li a {
	display: block;
	height: 34px;
	width: 34px;
}
.social_wrapper ul li a.facebook, .social_wrapper ul li a.twitter, .social_wrapper ul li a.picassa {
	margin: 0 16px 0 0;
}
.social_wrapper ul li a.facebook:hover, .social_wrapper ul li a.twitter:hover, .social_wrapper ul li a.youtube:hover, .social_wrapper ul li a.picassa:hover {
	background-position: 0 -34px;
}
.social_wrapper ul li a.facebook {
	background: url(images/facebook.png) no-repeat;
}
.social_wrapper ul li a.twitter {
	background: url(images/twitter.png) no-repeat;
}
.social_wrapper ul li a.picassa {
	background: url(images/picassa.png) no-repeat;
}
.social_wrapper ul li a.youtube {
	background: url(images/youtube.png) no-repeat;
}

/* Post Styles */
.post_body ul li {
	color: #333;
	font-size: 12px;
	line-height: 18px;
}
.post_body ul {
	list-style: disc url(images/list.gif) outside;
	padding: 0 0 0 30px;
	margin: 0 0 40px;
}
.post_body a {
	color: #d1426a;
	text-decoration: none;
}

.post_body .more-link{
    color: #333;
    font-weight: bold;
    font-size: 15px;

}

.post_body a:hover {
	color: #fff;
}
.post_body .tripadvisor_wrap {

}
.post_body .box_1 {
	width: 546px;
	height: 94px;
	background: url(images/box_1.jpg) no-repeat;
	padding: 39px 30px 0 144px;
}
.post_body .box_2 {
	width: 660px;
	padding: 13px 30px 0;
	background-color: #EEEADA;
}
.post_body .box_3 {
	width: 720px;
	height: 64px;
	background: url(images/box_3.jpg) no-repeat;
}
a.book_now_button {
	display: block;
	position: absolute;
	background: url(images/book_button.png) no-repeat;
	height:39px;
	width: 154px;
	top: 80px;
	right: 329px;
}
a.nightsbridge {
	display: block;
	position: absolute;
	background: url(images/nightsbridge.png) no-repeat;
	height:39px;
	width: 285px;
	top: 53px;
	left: 1px;
}
a.book_now_button:hover {
	background-position: 0 -39px;
}
a.nightsbridge:hover {
	background-position: 0 -39px;
}
.location_details {
	overflow: hidden;
	margin: 0 0 20px;
}
.location_details .location_left {
	float: left;
	width:360px;
}
.location_details .location_right {
	float: left;
	width: 361px;
}
.directions {
	overflow: hidden;
}
.directions .directions_left {
	float: left;
	width:360px;
}
.directions .directions_right {
	float: left;
	width: 361px;
}
.map_box {
	/*background: url(images/mapbox.png) no-repeat;*/
	width: 721px;
	height: 540px;
	/*padding: 17px;*/
}
.links_wrapper ul li {
	padding: 0 0 18px 0;
}

.alignright,div.alignright {
 float:right;
 border: 8px solid #ffffff ;
 margin:10px 0 5px 10px
}

.alignleft,div.alignleft {
 float:left;
 border: 8px solid #ffffff ;
 margin:0px 0px 0px 0px
}

.aligncenter,div.aligncenter {
 float:inherit;
 border: 8px solid #ffffff ;
 margin:10px 10px 5px 10px
}

/* Tables */
.row-1 odd .column-1 {
	padding: 10px;
}

.wp-table-reloaded th { 
	text-align: left;
	background-color: #E6B8B7 !important;
	text-align: center;
}

.wp-table-reloaded {font-family: Verdana;background: url(images/bg_tile.jpg);border-collapse:collapse;}
.wp-table-reloaded td, .wp-table-reloaded th {
	padding:10px;
	border:none;
	font-size:12px;
	border-top:1px solid #C2BFB6;
	border-right:1px solid #C2BFB6;
	border-left:1px solid #C2BFB6;
	font-size: 11px !important;
}



.wp-table-reloaded th {font-size:12px;}

.wp-table-reloaded .odd {background:#EEEADA;}
.wp-table-reloaded .even {background:#DDD9C4;}
.wp-table-reloaded .column-1 {width:120px;background:#DDD9C4;!important;}
.wp-table-reloaded .column-2 {width:80px;background:#DDD9C4;!important;}
.wp-table-reloaded .row-1 {text-align: left;}
.wp-table-reloaded .row-2 {text-align: center;}
}



/* Forms */
#gform_1 {
	margin: 95px 0 0 !important;
}
.gform_body ul {
	padding: 0px !important;
}
#gform_submit_button_1 {
	background: url(images/submit.png) no-repeat;
	border: none;
	height: 39px;
	width: 152px;
	float: right;
	cursor: pointer;
	margin: 0 40px 0 0;
	padding: 0 0 7px 0;
	text-indent:-9999px;
	overflow:hidden;
}
#gform_submit_button_1:hover {
	background-position: 0 -39px;
}
.validation_error {
	font-size: 12px;
}
#gforms_confirmation_message {
	width: 500px !important;
	font-size: 12px !important;
	color: #333 !important;
	margin: 98px 0 0 !important;
}
.gform_body input, .gform_body textarea {
	border: none;
	background-color: #EEEADA;
	border: 1px solid #C2BFB6;
}
.gform_body input {
	height: 20px;
	padding: 5px !important;
}
.gform_body textarea {
	padding: 5px !important;
}
.gform_description {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 18px;
}
.gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex {
	width: 600px;
}

/* Tripadvisor */
.tripadvisor_wrap .box_1 span.review_head {
	font-size: 14px;
	color: #5c594b;
	text-transform: uppercase;
	margin: 0 0 20px;
	display: block;
}
.tripadvisor_wrap .box_1 span.review_title, .tripadvisor_wrap .box_1 span.review_date, .tripadvisor_wrap .box_2 span.review_static_head  {
	font-size: 12px;
	color: #333;
}
.tripadvisor_wrap .box_1 span.review_title {
	display: block;
	margin: 0 0 2px;
}
.tripadvisor_wrap .box_2 span.review_static_head {
	text-transform: uppercase;
	display: block;
	margin: 0 0 20px;
}

/* Active States */
.navigation_left ul li.current-menu-item a {
	padding: 0 0 0 6px;
	background: url(images/menu_a_left.png) no-repeat;
	display: block;
	height: 46px;
}
.navigation_left ul li.current-menu-item a span {
	padding: 0 6px 0 0;
	background: url(images/menu_a_right.png) no-repeat 100% 0;
	display: block;
	height: 46px;
}
.navigation_left ul li.current-menu-item a span span {
	padding: 11px 10px 0;
	background: url(images/menu_a_middle.png) repeat-x;
	display: block;
	height: 46px;
}

table { 
    border-spacing: 0px;
    border-collapse: collapse;
    font-family: arial;
    font-size: 14px;
}

.display-posts-listing .listing-item {
clear: both;
margin: 10px 0 1em 0;
padding: 0 0 30px;
display: block;
background: rgba(0, 0, 0, 0) url(http://www.fynbosguesthouse.co.za/wp-content/themes/fynbos/images/dot.gif) repeat-x left bottom;
}

.display-posts-listing img {
float: left;
padding: 2px;
border: 2px solid #FFF;
background-color: #FFF;
margin: 0 10px 10px 0;
width: 100px;
height: 100px;
}

.excerpt {
color: #333;
font-size: 12px;
line-height: 18px;
font-family: Verdana;
}

.title {
font-family: Verdana;
font-size: 14px;
}