/*
Theme Name: Braeside
Theme URI: http://www.theforge.co.za
Description: A WP-theme for Braeside House
Version: 1.0
Author: The Forge Web Creations
Author URI: http://www.theforge.co.za
*/

/***** CSS RESET *******/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;}

.clearfix{
	clear: both !important;
	float: none !important;
}

*:focus {
outline: 0;
}


/**** BODY STYLES ********/
html {
	background: url('images/bg.png') ;
}

body {
	width: 100%;
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 14px;
}

/***** HEADER STYLES  *******/

#navbar {
	background: #677777;
	color: white;
	height: 40px;
    padding-left: 20px;
}

#header_nav {
	list-style: none;

}

#header_nav li {
	float: left;
	display: block;
	text-transform: uppercase;
	padding-top:12px;
}

.ie #header_nav li {
    line-height:40px;
    padding-top:0;
}

#header_nav a:link {color: white; text-decoration: none; background: #677777; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 15px; border-right-width: 15px; border-style: solid; border-color: #677777;}
#header_nav a:visited {color: white; text-decoration: none; background: #677777; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 15px; border-right-width: 15px; border-style: solid; border-color: #677777;}
#header_nav a:active {color: white; text-decoration: none; background: #677777; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 15px; border-right-width: 15px; border-style: solid; border-color: #677777;}
#header_nav a:hover {color: white; text-decoration: none; background: #e28f65; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 15px; border-right-width: 15px; border-style: solid; border-color: #e28f65;}


#headline {
	height: 80px;
}

#logo {
	float: left;
	font-family: Voltaire;
	font-size: 44px;
	color: #323434;
	text-transform: uppercase;
	text-shadow: 3px 2px #e2ded6;
	padding-top: 24px;
	padding-left: 40px;
}

#logo a:link {color: #323434; text-decoration: none;}
#logo a:visited {color: #323434; text-decoration: none;}
#logo a:active {color: #323434; text-decoration: none;}
#logo a:hover {color: #323434; text-decoration: none;}

#tagline{
	float: left;
	font-family: Satisfy;
	font-size: 18px;
	font-weight: 200;
	color: #aaa9a9;
	padding-top: 38px;
	padding-left: 35px;
}

#book_now {
	float:right;
	height:80px;
	width:106px;
	margin-right: 56px;
}

/***** CONTENT STYLES  *******/

#container {
	width: 940px;
	margin: 0 auto;
	background: url('images/body-bg.png') repeat-y;
	padding: 0px 10px;
}

#slider {
	height: 430px;
}

.shadow {
	height:11px;
	display: block;
	background: url('images/shadow.png');
	margin-bottom: 45px;
}

.vtour a {
	float: right;
	height:35px;
	width:148px;
	display:block;
	margin-right: 60px;
	margin-top: -10px;
	background: url('images/vtour-button.png');
	text-indent: -9999px;
}

.vtour a:hover {background: url('images/vtour-button-hover.png');}

.post {
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 12px;
	color: #6e756e;
	padding-left: 80px;
	padding-right:80px;
	line-height: 1.8em;

}

.post h2 {
	font-family: Satisfy;
	font-size: 30px;
	font-weight: 200;
	text-align: center;
	color: #4a6b5b;
	margin-bottom: 45px;

}

.post h3 {
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4a6b5b;	
	padding-left: 12px;
	margin-bottom: 22px;
}

.post h4 {
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6e756e;	
	padding-left: 12px;
	margin-bottom: 22px;
}

.post ul {
	margin-bottom: 22px;
}

.post li {
	list-style: none;
	line-height: 1.7em;
	padding-left: 50px;
	background: url('images/bullet.png') no-repeat left;
}

.post p {
	margin-bottom: 10px
}

.post h2 a:link {color: #4a6b5b; text-decoration: none;}
.post h2 a:visited {color: #4a6b5b; text-decoration: none;}
.post h2 a:active {color: #4a6b5b; text-decoration: none;}
.post h2 a:hover {color: #4a6b5b; text-decoration: none;}

.post .img_caption {
	float: left;
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4a6b5b;
	padding-left: 150px;
	padding-right: 120px;	
}

.post .img_caption a:link {color: #4a6b5b; text-decoration: none;}
.post .img_caption a:visited {color: #4a6b5b; text-decoration: none;}
.post .img_caption a:active {color: #4a6b5b; text-decoration: none;}
.post .img_caption a:hover {color: #4a6b5b; text-decoration: none; border-bottom: 1px dotted #4a6b5b;}

#check_and_book a {
	float:left;
	height:35px;
	width:275px;
	display:block;
	margin-left: 250px;
	margin-top: 40px;
	background: url('images/check-button.png');
	text-indent: -9999px;
}

#check_and_book a:hover {background: url('images/check-button-hover.png');}

#rates_data {
	padding-left: 23px;
	padding-right: 23px;
}

#thumb_gallery {
	width: 800px;
	overflow: hidden;
	margin-bottom: 5px;
}

#front_gallery ul {
	list-style: none;

}

#front_gallery li {
	float: left;
	padding-left: 18px!important;
	padding-right: 27px;
	background: none!important;

}

#main_app_gallery ul {
	list-style: none;

}

#main_app_gallery li {
	float: left;
	padding-left: 0px!important;
	padding-right: 5px;
	background: none!important;

}

#loft_app_gallery ul {
	list-style: none;

}

#loft_app_gallery li {
	float: left;
	padding-left: 0px!important;
	padding-right: 5px;
	background: none!important;

}

#area_gallery ul {
	list-style: none;

}

#area_gallery li {
	float: left;
	padding-left: 0px!important;
	padding-right: 0px!important;
	background: none!important;
}

.area_list a:link, p a:link,
.area_list a:visited, p a:visited,
.area_list a:active, p a:active, 
.area_list a:active, p a:hover {color: #4a6b5b; text-decoration: none; border-bottom: 1px dotted #4a6b5b;}

.post table {
	margin-bottom: 30px;
}


#google_map {
	float:left;
	height:500px;
	width:730px;
	margin-top: 10px;
	margin-left: 24px;
	padding-left: 15px;
	padding-top: 15px;
	display:block;
	background:url('images/gmap-frame.png') no-repeat;
}

.weather {
	margin: 35px 220px;

}

#contact_page {
	margin-left: 12px;

}

.contact_body {
	margin-left: 12px;
}

#form_back {
	width:821px;
	height:422px;
	display:block;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: -20px;
	background: #e7edec;
}

.dropshadow {
	box-shadow: 0px 0px 20px #000;
}

/***** GRAVITY FORMS STYLES  *******/

.page-template-contact-page-php #form_back {
    height: auto;
}

#gform_wrapper_1 {
	padding-top: 30px;
}

.gfield {
	list-style: none;
	background: none!important;
}

.gfield label {
	font-size: 13px;
	font-weight: normal!important;
	color: #666666;
	padding-top: 8px;
	float:left;
	margin-top:0 !important;
}

#gform_fields_1 li {
    padding-left: 31px;
    width: 383px;
    display: inline-block;
    clear: none;
    margin-bottom: 7px;
}

.gfield input, .gfield textarea {
    border: 1px solid #c6d3ce;
}

#gform_fields_1 li.gfield input,#gform_fields_1 li.gfield textarea {
    height:24px;
    padding-left: 4px;
    padding-right: 4px;
    width: 175px;
}


#gform_fields_1 li.gfield.gfield_brae_error input,#gform_fields_1 li.gfield.gfield_brae_error textarea {
    border-color: #B00000;
    background-color: #F8D7D7;
}

img.gform_ajax_spinner+img.gform_ajax_spinner {
    display:none;
}

#gform_fields_1 li.gfield textarea {
    height:156px;
}

.gform_wrapper #gform_fields_1.left_label .gfield_label {
    width:195px;
    margin:0;
}

#gform_fields_1 .gfield_required {
    color: #6e756e;
    font-size:14px;
}

#gform_fields_1 .ui-datepicker-trigger {
    margin-top: 7px;
}

input.gform_image_button {
    height: auto;
    position: absolute;
    top: 5px;
    font-size: 12px;
}

.gform_wrapper .validation_error {
    padding-left: 30px;
    position:absolute;
    top:5px;
    font-size:12px;
}

.validation_message {
    display:none;
}

#gform_wrapper_1 .gform_footer {
    height:0;
    padding:0;
}

#gform_wrapper_1 .ginput_container {
    float:right;
    width: 200px;
}

/***** COMMENT STYLES  *******/

#commentform {
    width: 592px;
    margin-top: 40px;
    margin-left: 50px;
    background: #E7EDEC;
    padding:36px;
}

#commentform input, #commentform textarea {   
    border: 1px solid #c6d3ce;
}

#commentform input[type=text] {
    padding:0 4px 0 4px;
}

.comment_text {
    width: 421px;
    margin-left:165px;
}

.logged-in .comment_text {
    margin-left:0;
    width: 99%;
}

#commentform .comment_submit {
    border: none;
    background: url('images/submit-comment.png');
    width:185px;
    height:35px;
    text-indent:-999px;
    font-size: 0px; 
    line-Height: 100px;
}

#commentform .comment_submit {
    text-indent: 0;
}

#commentform .comment_submit:hover {
    background: url('images/submit-comment-hover.png');
}

.logged-in #commentform .comment_submit {   
    margin-left: 407px;
}

.commentlist li {
	background: none!important;
	width: 85%;
	border-bottom: 1px dotted #acc6ba;
	margin-bottom: 32px;
	margin-left: 50px;
	padding-left: 0px!important;

}

.commentlist p {
	margin-bottom: 15px!important;
}

.commentlist a:link {color: #4a6b5b; text-decoration: none;}
.commentlist a:visited {color: #4a6b5b; text-decoration: none;}
.commentlist a:active {color: #4a6b5b; text-decoration: none;}
.commentlist a:hover {color: #4a6b5b; text-decoration: none; border-bottom: 1px dotted #4a6b5b;}


.comment_label {
	width: 160px;
	display:inline-block;
}

.comment_avatar {
	float: left;
}

.comment_meta {
	float:left;

}

.comment_body {
	margin-top: 10px;
	font-style: italic;
	margin-left: 48px;
}

.comment_submit {
	margin-left: 165px;
}

.avatar {
	margin-right: 15px;
}

input {
	border: 1px 1px 1px 1px solid #acc6ba;
	height: 25px;
}

/***** SHARING STYLES  *******/

.sharing {
	width: 782px;
}

.sharing ul {
	list-style: none;
	margin-top: 45px;
	margin-bottom: 10px!important;
	margin-left:80px;
}

.sharing li {
	float: left;
	padding-left: 0px!important;
	padding-right: 40px;
	padding-top: 20px;	
	background: none!important;
}

.TA_logoWidget {
	float: right;
}

/***** FOOTER STYLES  *******/

#footer {
	height: 236px;
	background: #677777;
	margin-top: 39px;
	color: white;
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 12px;
}

#footer_logo {
	float: left;
	height: 176px;
	width: 262px;
	padding-top:40px;
	padding-left:40px;
}

#logo_name {
	width: 180px;
	font-family: Voltaire;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 1.5em;
	margin-bottom: 20px;
	border-bottom: 1px solid white;
}

#logo_name a:link {color: white; text-decoration: none;}
#logo_name a:visited {color: white; text-decoration: none;}
#logo_name a:active {color: white; text-decoration: none;}
#logo_name a:hover {color: white; text-decoration: none;}

#logo_desc {
	width: 180px;
	font-family: Satisfy;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
}

#footer_nav {
	float: left;
	height: 176px;
	width: 192px;
	padding-top:40px;
	text-transform: uppercase;
	line-height: 2em;
}

#footer_nav ul {
	list-style: none;
}

#footer_nav li {

}

#footer_nav a:link {color: white; text-decoration: none;}
#footer_nav a:visited {color: white; text-decoration: none;}
#footer_nav a:active {color: white; text-decoration: none;}
#footer_nav a:hover {color: white; text-decoration: none; border-bottom: 1px dotted white;}

#footer_contact {
	float: left;
	height: 176px;
	width: 282px!important;
	padding-top:40px;
	line-height: 2em;
}

.contact_label {
	display: inline-block;
	width: 44px!important;
}

#footer_contact a:link {color: white; text-decoration: none;}
#footer_contact a:visited {color: white; text-decoration: none;}
#footer_contact a:active {color: white; text-decoration: none;}
#footer_contact a:hover {color: white; text-decoration: none; border-bottom: 1px dotted white;}

#footer_book {
	float: left;
	height: 216px;
	width:163px;
}

#fb_button a {
	width: 38px;
	height: 40px;
	display: block;
	margin-top: 40px;
	margin-left: 35px;
	background: url('images/fb-round.png') no-repeat bottom;
}

#fb_button a:hover {
	background: url('images/fb-round-hover.png') no-repeat bottom;
}
#fb_button a:active {
	background: url('images/fb-round-hover.png') no-repeat top;
}


#copyright {
	height:28px;
	font-family: Ubuntu , Arial, sans-serif;
	font-size: 12px;
	background: #323434;
	color: #999999;
	padding-top: 12px;
	text-align: center; 
}

#copyright a:link {color: #999999; text-decoration: none;}
#copyright a:visited {color: #999999; text-decoration: none;}
#copyright a:active {color: #999999; text-decoration: none;}
#copyright a:hover {color: #999999; text-decoration: none; border-bottom: 1px dotted #999999;}