/*
	Theme Name: Portfolio Theme
	Theme URL: http://www.kuilfontein.co.za
	Description: The Portfolio Theme is a custom designed 2-column theme created for the Kuilfontein Accommodation Portfolio. For updates to the design, please contact stefani at icon dot co dot za.
	Author: Net-Focus Interactive CC
	Author URI: http://www.net-focus.co.za
*/

body, h1, h2, h3, h4, h5, h6, div, img, p, form {margin: 0;padding: 0;}
input, textarea {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-style: normal;}
img {border: 0;}

body {width: 100%;text-align: center;color: #4c4c4c;background: #f7f4ee url(library/images/bkg-body.gif) no-repeat center top;font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, "MS Sans Serif";}

/* fonts */
.impressum {font-family: "Impressum Small Caps Medium", Georgia, 'Times New Roman', serif, serif;font-weight: normal;font-style: normal;letter-spacing: 3px;font-size: 10px !important;line-height: 10px !important;}
.traj {font-weight: 400;}

/* colours */
.kuilfontein h1, .kuilfontein h3, .kuilfontein a, li#kuilfontein a, .kuilfontein h2, .kuilfontein h6, .kuilfontein h5, h5#k, .kuilfontein .highlight {color: #75a043;}
.paddocks h1, .paddocks h3, .paddocks a, li#paddocks a, .paddocks h2, .paddocks h6, .paddocks h5, h5#t, .paddocks .highlight {color: #167916;}
.riverside h1, .riverside h3, .riverside a, li#riverside a, .riverside h2, .riverside h6, .riverside h5, h5#r, .riverside .highlight {color: #5e3221;}
.castleton h1, .castleton h3, .castleton a, li#castleton a, .castleton h2, .castleton h6, .castleton h5, h5#c, .castleton .highlight {color: #1d7a98;}
.westlake h1, .westlake h3, .westlake a, li#westlake a, .westlake h2, .westlake h6, .westlake h5, h5#n, .westlake .highlight {color: #80b9b6;}

.kuilfontein .right h5, h5#k, .kuilfontein .slidepress-gallery a:hover img {border-color: #75a043 !important;}
.paddocks .right h5, h5#t, .paddocks .slidepress-gallery a:hover img {border-color: #167916 !important;}
.riverside .right h5, h5#r, .riverside .slidepress-gallery a:hover img {border-color: #5e3221 !important;}
.castleton .right h5, h5#c, .castleton .slidepress-gallery a:hover img {border-color: #1d7a98 !important;}
.westlake .right h5, h5#n, .westlake .slidepress-gallery a:hover img {border-color: #80b9b6 !important;}

#home .kuilfontein h3 {background-color: #75a043;}
#home .paddocks h3 {background-color: #167916;}
#home .riverside h3 {background-color: #5e3221;}
#home .castleton h3 {background-color: #1d7a98;}
#home .westlake h3 {background-color: #80b9b6;}

/* shared */
.wrap {width: 960px;margin: 0 auto;text-align: left;position: relative;}
.clear {clear: both;}
.other {color: #4c4c4c !important;text-decoration: none !important;}

#nav, #establishments, #contact, .slidepress-gallery ul, .right ul, #coda-nav-1 ul, #paged {list-style-type: none;margin: 0;padding: 0;}
	#nav li, #establishments li, #contact li, .slidepress-gallery li, .right li, #coda-nav-1 li, #paged li {margin: 0;padding: 0;}

/* layout */
h1, .slogan {z-index: 3;position: absolute;left: 0;width: 100%;text-align: center;}
	h1 span, .slogan span {display: block;width: 960px;margin: 0 auto;}

#home h1, .slogan {top: 145px;}
#pages h1, #properties h1, #news h1 {z-index: 1;top: 200px;text-transform: uppercase;font-size: 10px;font-weight: bold;}

#header {z-index: 2;position: relative;width: 100%;text-align: center;height: 319px;background: url(library/images/bkg-header.gif) repeat-x left bottom;}
#home #header {height: 172px;background-position: 0 112px;}
	#mast {position: relative;background: url(library/images/bkg-mast.png) repeat-x;width: 100%;height: 125px;padding-top: 47px;}
		.logo {position: absolute;top: 0;left: 30px;width: 445px;}
		#nav {position: absolute;top: 0;right: 30px;width: 555px;border-right: 1px solid #b9a680;}
			#nav li {float: right;border: 1px solid #b9a680;border-width: 1px 0 1px 1px;background-color: #fff;line-height: 23px;height: 23px;}
				#nav a {color: #88794d;text-decoration: none;padding: 6px 6px 7px 8px;}
					#nav a:hover {color: #4c4c4c;}
		#establishments {z-index: 4;position: absolute;left: 30px;top: 130px;width: 900px;background: url(library/images/colours.gif) no-repeat left bottom;height: 126px;}
			#establishments li {float: left;text-align: center;height: 110px;overflow: hidden;background: url(library/images/bkg-establishments.png) no-repeat 0 -110px;}
				#establishments li a {display: block;padding: 78px 0 12px;text-decoration: none;}
					#establishments li a span {color: #88794d;}
						#establishments li a:hover span {color: #4c4c4c;}
				li#kuilfontein {width: 273px;background-position: 0 0;}
				li#paddocks {width: 163px;background-position: -273px 0;}
				li#riverside {width: 247px;background-position: -436px 0;}
				li#castleton {width: 217px;background-position: -683px 0;}
		#properties #establishments li {background: url(library/images/bkg-establishments.png) no-repeat 0 0;}
			#properties li#kuilfontein {background-position: 0 -110px;}
				#properties li#kuilfontein:hover, #properties .active#kuilfontein {background-position: 0 0;}
			#properties li#paddocks {background-position: -273px -110px;}
				#properties li#paddocks:hover, #properties .active#paddocks {background-position: -273px 0;}
			#properties li#riverside {background-position: -436px -110px;}
				#properties li#riverside:hover, #properties .active#riverside {background-position: -436px 0;}
			#properties li#castleton {background-position: -683px -110px;}
				#properties li#castleton:hover, #properties .active#castleton {background-position: -683px 0;}

#content {clear: both;position: relative;margin: 45px auto 0;width: 960px;}
#home #content {margin: 0;width: 100%;background: #fff url(library/images/bkg-content.gif) repeat-x left bottom;}
	.left {width: 650px;float: left;text-align: left;}
		h2 {text-align: center;font-size: 30px;}
			#pages h2, #guests h2 {margin-bottom: 26px;}
		h3 {text-align: left;padding: 0 0 0 30px;font-size: 24px;line-height: 28px;font-weight: 400;font-style: normal;font-family: trajan-pro-1,trajan-pro-2,"Book Antiqua","Georgia",sans-serif;}
			#properties h3 {text-align: center;padding-bottom: 25px;font-size: 12px;font-weight: bold;font-style: italic;font-family: "Calibri", "Myriad Pro", Tahoma, Helvetica, Arial, "MS Sans Sarif";}
		p {width: 590px;padding: 0 30px 20px;text-align: justify;font-size: 14px;line-height: 18px;}
		h4 {padding: 0 30px 10px;color: #4c4c4c;font-size: 18px;line-height: 24px;margin-bottom: -10px;}
		h6 {padding-left: 30px;}
		.columns {width: 310px;float: left;}
			.columns h4 {padding: 0 0 10px 30px;}
			.columns p {padding: 0 0 20px 30px;width: 280px;}
			.columns>p:first-child {padding-top: 24px;}
		.left ul {margin: 20px 0 0 30px;font-size: 14px;line-height: 18px;}
			#pages .left ul {margin-bottom: 20px;}
		.left ol {margin: 20px 0 0 30px;font-size: 14px;line-height: 18px;}
			.left li a {color: #88794d;}
				.left li a:hover {color: #4c4c4c;}
	.right {width: 250px;float: left;margin: 41px 0 0 30px;}
		.right h4 {display: block;margin: 0 0 12px 0;padding: 0;}
		.right h5 {display: block;padding: 50px 0 10px;border-bottom: 4px solid #4c4c4c;}
		.right h6 {font-family: "Calibri", "Myriad Pro", Tahoma, Helvetica, Arial, "MS Sans Sarif";font-weight: bold;font-style: italic;font-size: 13px;padding: 18px 0 0;}
		.right strong {display: block; padding: 6px 0 0;margin-bottom: -8px;font-size: 11px;line-height: 16px;text-transform: uppercase;font-weight: normal;}
		.right ul {border-bottom: 1px solid #4c4c4c;width: 250px;margin-bottom: 5px;}
			.right ul.cats {margin-bottom: 50px;}
			.right li {border: 1px solid #4c4c4c;border-width: 1px 1px 0;}
				.right li a {display: block;color: #4c4c4c;text-decoration: none;height: 23px;line-height: 23px;}
				.right li:hover {background-color: #fff;}
		.right p {padding: 18px 15px 0;width: 220px;text-align: center;font-size: 12px;line-height: 15px;}
			.right p.highlight {padding-top: 0;}
		.right form {margin-bottom: 50px;}
		#pages .right p {font-size: 11px;line-height: 13px;}
		#pages .right h5 {padding-top: 23px;}
		#news .right p {padding: 0 0 25px;font-size: 11px;line-height: 13px;width: 250px;text-align: center;}

		#feedburner {float: left;width: 250px;padding: 0 0 20px;background: url(library/images/bkg-feedburner.gif) no-repeat 0 18px;}
			#feedburner p {padding: 0 0 25px;font-size: 11px;line-height: 13px;width: 250px;text-align: center;}
			#feedburnerbox {border: 1px solid #fff;float: left;margin-left: 20px;color: #9a9a9a;width: 128px;}
			#feedburnerbutton {float: left;margin: 5px 0 0 5px;}

#guest_thumbs {border: none;margin: 50px 0 0 0;}
	#guest_thumbs li {border: none;float: left;height: 82px;margin: 0 1px 1px 0;overflow: hidden;}
		#guest_thumbs li a {display: inline-block;height: auto;line-height: auto;}
			#guest_thumbs a img {border: 3px solid #f7f4ee;}
				#guest_thumbs a:hover img {border: 3px solid #b9a680;}

#breadcrumbs {position: absolute;left: 30px;top: -40px;font-size: 11px;line-height: 13px;z-index: 999;}
	#breadcrumbs a {color: #88794d;}
		#breadcrumbs a:hover {color: #4c4c4c;}

.article {margin: 30px 0 0 30px;width: 587px;position: relative;}
	.article a {color: #88794d;text-decoration: none;}
		.article a:hover {color: #4c4c4c;}
	.article p {margin: 0;padding: 0;width: auto;text-align: center;}
	.dated {float: left;width: 140px;text-align: center;color: #88794d;padding-bottom: 10px;}
	.meta {float: right;padding: 0 15px 10px 0;}
	.details {clear: both;margin-bottom: 10px;height: 140px;background: #fff url(library/images/bkg-details.png) no-repeat top right;position: relative;}
		.details img {float: left;margin-right: 15px;}
		.details .overlay {position: absolute;left: 0;top: 0;width: 140px;height: 140px;background: url(library/images/bkg-overlay.png) no-repeat;}
		.details h3 {margin: 0;padding: 12px 0 5px;font-size: 22px;line-height: 24px;}
		.details p {width: auto;padding: 0 15px;}
	.cont {width: 572px;text-align: right;padding: 0 15px 45px 0;}

#paged {width: 447px;margin-left: 140px;}
	#paged li {float: left;color: #88794d;padding-right: 10px;line-height: 26px;height: 26px;}
		#paged .page-info {width: 402px;padding: 0 0 15px 80px;line-height: 10px;height: 10px;}
		#paged li a {text-decoration: none;font-size: 24px;}
		#paged li.active_page a {color: #4c4c4c;}
		#paged li.pg-nav {color: #4c4c4c;font-size: 10px;line-height: 26px !important;height: 26px !important;}
			#paged li.pg-nav a {font-size: 10px;}

#single h2 {padding: 0 30px 20px;}
	#single a {color: #88794d;text-decoration: none;}
		#single a:hover {color: #4c4c4c;}
	#single p {clear: both;padding: 20px 15px 0 30px;text-align: justify;}

.button {margin: 18px auto 0;background: url(library/images/bkg-button-span.gif) repeat-x;height: 27px;line-height: 27px;}
	.button a {text-decoration: none;color: #4c4c4c !important;background: url(library/images/bkg-button-left.gif) no-repeat;height: 27px;line-height: 27px;display: block;}
		.button a span {background: url(library/images/bkg-button-right.gif) no-repeat right top;height: 27px;line-height: 27px;display: block;padding: 0 10px;}
.readall {width: 100px;}
.more {width: 140px;}

.slidepress-gallery {float: left;width: 630px;margin: -10px 0 25px 15px;background: url(library/images/bkg-slidepress-gallery.png) no-repeat;padding: 15px 15px 15px 15px;}
	.slidepress-gallery div {float: left;width: 615px;padding: 0 0 15px 15px;margin: 0 -15px -15px;background: url(library/images/bkg-gallery-bottom.png) no-repeat left bottom;padding-bottom: 30px;}
		.slidepress-gallery ul {float: left;width: 600px;padding: 0 0 22px 15px;margin: 0 -15px -15px;background: url(library/images/bkg-gallery-sides.png) repeat-y;}
			.slidepress-gallery li {float: left;padding: 25px 0 0 25px;}
				.slidepress-gallery img {padding: 2px;}
					.slidepress-gallery a img {border: 5px solid #b9a680;}

#prop_locators {width: 630px;margin: 0 0 0 15px;background: url(library/images/bkg-slidepress-gallery.png) no-repeat;padding: 15px 15px 15px 15px;}

#li--3, #li--4, #li--5, #li--6, #li-2-4, #li-2-8, #li-2-11, #li-2-13 {margin-bottom: 15px !important;}

#indexed {position: relative;margin-left: 30px;}
	#indexed .switcher {position: absolute;top: 0;right: 0;font-size: 13px;line-height: 16px;color: #4c4c4c;}
		#indexed .switcher a {text-transform: lowercase;color: #4c4c4c;text-decoration: none;}
			#indexed .switcher a:hover {text-decoration: underline;}
	.monthtitle {font-size: 14px;}
		.monthtitle strong {font-size: 24px;line-height: 28px;font-weight: 400;font-family: trajan-pro-1,trajan-pro-2,"Book Antiqua","Georgia",sans-serif;}
		.monthtitle a {color: #88794d;text-decoration: none;}
			.monthtitle a:hover {color: #b9a680;}
		.monthtitle a:last-child {font-family: "Impressum Small Caps Medium", Georgia, 'Times New Roman', serif, serif;font-weight: normal;font-style: normal;letter-spacing: 3px;font-size: 10px;line-height: 10px;color: #4c4c4c;text-decoration: underline;}
	.postspermonth {margin: 15px 0;list-style-type: none;}
		.postspermonth li {font-size: 14px;line-height: 17px;}
		.postspermonth a {color: #4c4c4c;}
			.postspermonth a:hover {color: #b9a680;}

#hull {clear: both;position: relative;width: 100%;padding-top: 25px;text-align: center;color: #4c4c4c;background: url(library/images/bkg-hull.gif) repeat-x 0 25px;}
#home #hull {background: none;padding-top: 15px;}
	#hull a {color: #4c4c4c;text-decoration: none;}
		#hull a:hover {text-decoration: underline;}
	#contact {width: 928px;margin: 0 auto 15px;height: 103px;line-height: 103px;background: url(library/images/colours.gif) no-repeat center 83px;}
	#home #contact {margin-bottom: 0;height: 25px;line-height: 25px;background: none;}
		#contact span {font-size: 12px;}
	#fineprint {clear: both;width: 900px;margin: 0 auto 25px;}
		#fineprint a {text-decoration: none;}
		#fineprint a:hover {text-decoration: underline;}
			#fineprint a.other:hover {text-decoration: none;}

/* coda slider */
.container {clear: both;width: 960px;height: 510px;margin: 0 auto;background: url(library/images/bkg-container.png) no-repeat;position: relative;}
	.coda-slider {margin: 25px 40px;width: 880px;height: 382px;clear: both;float: left;overflow: hidden;position: relative;}
	.coda-slider .panel {width: 880px;height: 382px;position: relative;display: block;float: left;}
	.panel-overlay {position: absolute;top: 0;left: 0;background: url(library/images/bkg-panel-overlay.png) no-repeat;width: 880px;height: 382px;}
	.panel-details {position: absolute;top: 0;left: 581px;width: 299px;height: 382px;text-align: center;}
		.panel-details p {width: 240px;margin: 25px 0 0;}
	#home h2 {padding: 19px 0 20px;}
	#home h3 {text-align: center;padding: 16px 0 0 0;height: 58px;background: url(library/images/bkg-home-h3.png) no-repeat;color: #fff;}
		#home h3 span {display: block;}
	#home .more {float: left;margin-left: 25px;}
	#home .readall {float: right;margin-right: 25px;}

	#coda-nav-left-1, #coda-nav-right-1 {position: absolute;top: 199px;width: 25px;height: 40px;}
	#coda-nav-left-1 {left: 5px;}
	#coda-nav-right-1 {right: 5px;}
		.coda-nav-left a, .coda-nav-right a {display: block;}

	#coda-nav-1 {clear: both;position: absolute;top: 417px;left: 30px;}
		#coda-nav-1 ul {width: 900px;background: url(library/images/colours.gif) no-repeat left bottom;height: 77px;}
			#coda-nav-1 li {float: left;position: relative;}
				#coda-nav-1 li a {display: block;text-decoration: none;padding-top: 28px;}
					#coda-nav-1 li a .boxed {border: 1px solid #fff;display: block;padding: 6px 0 10px;}
						#coda-nav-1 li a.current .boxed {border-color: #b9a680;}
					#coda-nav-1 li a .boxed span {color: #88794d;}
						#coda-nav-1 li a:hover .boxed span {color: #4c4c4c;}
				#coda-nav-1 li a.current {background: url(library/images/bkg-coda-nav-li.png) no-repeat top center;}

	.no-js .coda-slider { height: 382px; overflow: auto !important; padding-right: 35px; }
	.no-js #coda-nav-left-1, .no-js #coda-nav-right-1 {display: none;}
	
	.coda-slider p.loading { padding: 20px; text-align: center; }
	.coda-slider .panel-container {position: relative;}

/* plugins */
.gmappity_header {font-weight: bold;font-size: 9px;text-transform: uppercase;text-align: center;}
.gmappity_contents {font-size: 10px;text-align: left;}

img#wpstats{width: 0px;height: 0px;overflow: hidden;}