/*
Theme Name: Ryton.co.nz
Theme URI: http://wordpress.org/
Description: Custom Template for Ryton.co.nz
Version: 1.0
Author: Simon Douglas

background brown:#A9A280;
header brown #A8A180;
page border #2B2B29;
arrow orange: #CB790E;
menu hover blue:#ACBBCC;
*/
@import url('reset.css');
@import url('typography.css');

body {
min-width: 960px;
background:#e4e1d5;
color:#999;
}

#page {
background:#fff url(images/page-shadow.gif) top left repeat-y;
width: 974px;
margin: 0 auto;
text-align: left;
}

.wrapper {
width:950px;
margin-left:4px;
}

#crown {
background:transparent url(images/crown-shadow.gif) top left no-repeat;
width:974px;
height:10px;
margin-left:-4px;
line-height:0;
font-size:0;
}

#branding {
height:200px;
background:#A9A280;
color:#fff;
position:relative;
}

#branding h2 { margin-bottom:0; }

#branding h2 a {
background:transparent url(images/ryton-head-logo.gif) repeat scroll left top;
display:block;
height:133px;
left:333px;
position:absolute;
text-indent:-99999px;
top:10px;
width:331px;
}

#branding ul {
font-size:11px;
position:absolute;
bottom:0;
text-transform:uppercase;
text-align:center;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin-bottom:5px;
width:950px;
margin-left:0;
white-space:nowrap;
}

#branding ul li {
display:inline;
white-space:nowrap;
}

#branding ul li a {
text-decoration:none;
display:-moz-inline-box; /*ff doesn't use inline-block*/
display:inline-block;
padding:0 7px 0;
height:2.8em;
color:#fff;
line-height:2.8em;
-moz-box-align:center; /*needed as ff ignores the line-height*/
}

#branding ul li a:hover { background:#89825F; }

#branding ul li.current_page_item a, #branding ul li.current_page_parent a {
background:#fff;
color:#000;
cursor:default;
}

/* FONT FACE 
----------------------------------------------------------------------------------*/
@font-face {
 font-family: 'glenthorne';
 src: url('fonts/glenthorne-light.eot');
 src: local('fonts'), url('fonts/glenthorne-light.woff') format('woff'), url('fonts/glenthorne-light.ttf') format('truetype'), url('fonts/glenthorne-light.svg#webfontCl48sFhG') format('svg');
 font-weight: normal;
 font-style: normal;
}

.ff, h1 { font-family: 'glenthorne'; }

/*----------------------------------------------------------

						SECTION IMAGES

------------------------------------------------------------*/
div#section-image {
background:url(images/banners/accommodation-landing.jpg) top left;
width:950px;
height:200px;
} /*default*/

body#Home div#section-image {
background:url(images/banners/home-page.jpg) top left;
height:300px;
}

body#AccommodationAvailability div#section-image { background:url(images/banners/accommodation-landing.jpg) top left; }

body#PrivateChalets div#section-image { background:url(images/banners/private-chalets-interior.jpg) top left; }

body#LowerLodge div#section-image { background:url(images/banners/the-lodges.jpg) top left; }

body#UpperLodge div#section-image { background:url(images/banners/upper-lodge.jpg) top left; }

body#HolidayHouses div#section-image { background:url(images/banners/holiday-houses-02.jpg) top left; }

body#Accommodation div#section-image { background:url(images/banners/accommodation-banner.jpg) top left; }

body#StationtoStation4wdTour div#section-image { background:url(images/banners/station-to-station.jpg) top left; }

body#TheTour div#section-image { background:url(images/banners/station-to-station.jpg) top left; }

body#Vehicles div#section-image { background:url(images/banners/tours-vehicles.jpg) top left; }

body#TheRetreat div#section-image { background:url(images/banners/retreat-banner.jpg) top left; }

body#PublicAccess div#section-image { background:url(images/banners/public-access.jpg) top left; }

body#LocationMap div#section-image { background:url(images/banners/essential-info.jpg) top left; }

body#Activities div#section-image { background:url(images/banners/activites.jpg) top left; }

body#APristineWorkingStation div#section-image { background:url(images/banners/pristine-station.jpg) top left; }

body#Contact div#section-image { background:url(images/banners/pristine-station.jpg) top left; }

body#WDExperience div#section-image { background:url(images/banners/4wd-banner.jpg) top left; }

body#SnowSkiing div#section-image { background:url(images/banners/skiing-banner.jpg) top left; }

body#Fishing div#section-image { background:url(images/banners/fishing-banner.jpg) top left; }

body#HorseTrekking div#section-image { background:url(images/banners/trekking-banner.jpg) top left; }

body#OtherActivities div#section-image { background:url(images/banners/other-activities-banner.jpg) top left; }

body#WalksTramps div#section-image { background:url(images/banners/walking-banner.jpg) top left; }

body#HolidayHouse div#section-image { background:url(images/banners/holiday-house.jpg) top left; }
/*----------------------------------------------------------

						MAIN SECTION

------------------------------------------------------------*/

div#main {
margin:20px 0 0 20px;
width:910px;
}

ul#submenu {
text-transform:uppercase;
font-size:.9em;
width:210px;
float:left;
margin-right:20px;
list-style:none;
margin-left:0;
}

ul#submenu li { border-bottom:1px dashed #222; }

ul#submenu li a {
text-decoration:none;
display:block;
line-height:3em;
color:#999;
margin-left:-.5em;
padding-left:.5em;
border:1px solid #fff;
width:100%;
}

ul#submenu li a:hover {
background:#acbbcc url(images/sub-menu-hover.gif) bottom right no-repeat;
color:#fff;
}

ul#submenu li.current_page_item a { background:#fff url(images/sub-menu-current.gif) bottom right no-repeat; }

ul#submenu li.current_page_item a:hover {
color:#999;
cursor:default;
}

div#imagecolumn {
float:left;
width:225px;
overflow:hidden;
margin-right:20px;
}

div#imagecolumn img {
margin-bottom:1em;
width:219px;
border:1px solid #e2e2e2;
padding:2px;
}

div#imagecolumn a {
display:block;
text-align:center;
}

div#content {
overflow:hidden;
margin-bottom:10px;
position:relative;
_width:430px;
}

.storycontent img {
padding:2px;
border:1px solid #e2e2e2;
}

/*----------------------------------------------------------

						FOOTER SECTION

------------------------------------------------------------*/
div#footer {
background:#A8A180;
color:#fff;
height:30px;
padding-top:10px;
clear:both;
}

div#footer a {
float:left;
margin-left:20px;
text-decoration:none;
border-bottom:1px dotted #e2e2e2;
color:#fff;
}

div#footer p {
float:right;
margin-right:20px;
margin-bottom:0;
}

div#bottom-cap {
height:10px;
background:#e4e1d5 url(images/footer-shadow.gif) top left no-repeat;
}

#footercap { *height:10px;
}

#gotop {
bottom:0;
color:#FFFFFF;
display:none;
height:22px;
overflow:hidden;
padding:0 3px 0 22px;
position:fixed;
right:0;
width:26px;
border-top:1px solid #cbc8c3;
border-left:1px solid #cbc8c3;
background:#a9a280 url(images/up_arrow.gif) 4px 4px no-repeat;
cursor:pointer
}

/*----------------------------------------------------------

						HOME PAGE

------------------------------------------------------------*/

body#Home div#imagecolumn {
overflow:hidden;
width:428px;
border:1px solid #666;
margin-bottom:10px;
position:relative;
}

body#Home div#imagecolumn img { width:430px; }

div#imagecolumn h2 { margin:10px 0 0 20px; }

body#Home div#imagecolumn p {
background:#fff;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
padding:3px 10px 3px 20px;
font-size:.9em;
color:#333333;
margin-bottom:0;
zoom: 1
}

body#Home div#content { width:460px; }

div#imagecolumn p:first-child {
padding-top:10px;
padding-bottom:10px;
}

div#imagecolumn a#moreLink {
margin-top:-20px;
position:absolute;
right:5px;
padding-right:10px;
text-transform:uppercase;
color:#CB790E;
text-decoration:none;
font-weight:bold;
}

div#homecolumnleft {
width:430px;
float:left;
margin-bottom:10px;
margin-right:20px;
_width:427px;
overflow:hidden;
}

.charmingplaces img {
display:block;
margin:0 auto 5px;
}

.charmingplaces a {
background:none;
padding:0;
display:block;
margin: 0 auto;
width:300px;
}
.charmingplaces a[target$="_blank"] {
background:none;
padding:0;
}

.charmingplaces p a {
text-align:center;
font-weight:bold;
text-decoration:none;
}

.charmingplaces {
float:left;
margin-right:30px;
width:300px;
display:inline;
margin-left:10px;
}

.charmingplaces br { display:none; }

#additional-content {
clear:both;
width:430px;
}

/*----------------------------------------------------------

						LANDING 

------------------------------------------------------------*/
.column img {
float:left;
margin:0;
}

.column:after {
content: "."; /* This dot is the actual appended content */
clear: both;
height: 0;
visibility: hidden;
display: block;
}

.column h2 {
color:#FFFFFF;
left:20px;
position:absolute;
top:17px;
}

.column {
border-right:1px solid #000000;
float:left;
font-size:1em;
height:430px;
margin-bottom:15px;
margin-right:17px;
padding-right:17px;
padding-top:15px;
position:relative;
width:280px;
}

.column .tagline {
background:#fff;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
padding:8px 10px 8px 20px;
font-size:1.0em;
color:#444;
position:absolute;
zoom: 1;
display:block;
font-size:1.1em;
top:50px;
width:250px;
left:0;
z-index:100;
}

.last {
margin-right:0 !important;
border:none !important;
padding-right:0 !important;
}

.column p { margin-top:290px; }

.column .more {
background:url("images/small-arrow-clear.gif") no-repeat scroll right center #FFFFFF;
bottom:0;
color:#CB790E;
display:block;
left:225px;
position:absolute;
text-decoration:none;
text-transform:uppercase;
width:55px;
}

#content-above { text-align:center; }

.dark { color:#333 !important; }

.light { color:#FFF !important; }

.additional-content {
background:none repeat scroll 0 0 #E4E1D5;
border:1px solid #999999;
line-height:20px;
margin-bottom:10px;
padding:10px 10px 0;
color:#000;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
}

/*----------------------------------------------------------

						CONTACT PAGE

------------------------------------------------------------*/
body#Contact div#content {
width:910px;
margin-bottom:10px;
position:relative;
}

body#Contact div#imagecolumn, body#Contact div#content-above { display:none; }

body#Contact div#content dl { clear:both; }

body#Contact div#content dt {
position:absolute;
width:117px;
left:0;
}

body#Contact div#content dd {
margin-left:130px;
width:320px;
}

.freephone { padding-top:10px; }

#mailLink { background:url(images/maillink.gif) no-repeat center left; }

#mailLink a {
display:block;
text-indent:-999em;
}

body#Contact div#umap {
position:absolute;
left:450px;
width:470px;
}

a#vianet-link {
display:block;
margin-bottom:10px;
text-align:right;
}

body#Contact object#contactumap {
position:absolute;
top:0;
right:0;
}

.linklove { display:none !important; }

#post-248 { width:420px; }

/*----------------------------------------------------------

						OVERIDE STYLING - FORMS

------------------------------------------------------------*/
.cform {
width:420px;
position:relative;
}

.cform .cf-ol {
margin:0;
padding:0;
}

.cform .cf-ol li {
padding:0 5px;
width:420px;
margin:0 0 5px 0;
height:1%;
clear:both;
}

.cform li.cf_li_err { padding: 0 5px !important; }

.cform input.single { height:20px; }

.cform input.single, .cform textarea {
width:100%;
padding:0;
margin:0;
border:1px solid #ccc;
font-size:12px;
}

.cform input.single:focus, .cform textarea:focus { border:1px solid #666; }

.cform label {
color:#000000;
font-weight:bold;
}

.cform .cf-before {
float:left;
width:390px;
}

.cform .reqtxt, .cform .emailreqtxt {
color:#990000;
float:right;
margin:0;
position:relative;
top:-40px;
*top:-45px;
margin-bottom:-10px;
}

.cform .sendbutton {
border:1px solid #e2e2e2;
padding:2px;
width:88px;
float:right;
background:url(images/button-bg.gif) top left repeat-x;
}

.cform .sendbutton:hover {
cursor:pointer;
border:1px solid #ccc;
}

.cform .cf_error { border:1px solid #990000; }

.failure {
background:#FFFF99 url(images/icon-alert.png) no-repeat scroll 5px 8px;
color:#990000;
margin-bottom:5px;
padding:5px;
text-indent:22px
}

.success {
background:#66FF66;
color:#009900;
margin-bottom:5px;
padding:5px;
text-indent:22px
}

.cform .cf-box-b {
float:right;
width:13px;
height:13px;
}

.cform .seccap {
float:left;
width:110px;
}

.cform input.secinput {
width:110px;
float:left;
margin-right:10px;
}

.cform img.captcha {
float:left;
width:140px;
margin-right:10px;
border:none;
}

.cform .captcha-reset {
background:url(images/captcha_reset_brown.gif) top left no-repeat;
width:21px;
height:21px;
float:left;
border:none;
}

.cform .cf-sb {
clear:both;
margin-top:10px;
}

/*----------------------------------------------------------

						SITEMAP PAGE

------------------------------------------------------------*/

body#Sitemap div#content h2 { display:none; }

/*----------------------------------------------------------

					 CUSTOM EXENSIONS FOR DOWNLOAD

------------------------------------------------------------*/

.pdf {
padding: 5px 20px 5px 0;
background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

.zip .rar .gzip .bzip .ace {
padding: 5px 20px 5px 0;
background: transparent url(images/icon_archive.gif) no-repeat center right;
}

.blank {
padding: 5px 20px 5px 0;
background: transparent url(images/icon_external.gif) no-repeat center right;
}

/*----------------------------------------------------------

					STANDARD WORDPRESS CLASSES

------------------------------------------------------------*/

.alignleft {
float:left;
display:block;
margin-right:10px;
}

.alignright {
float:right;
display:block;
margin-left:10px;
}

/*----------------------------------------------------------

					LOCATION MAP

------------------------------------------------------------*/
body#LocationMap div#content {
_width:660px;
_padding-bottom:10px;
}



/* TABLE
----------------------------------------------------------------------------------*/
.contact-table {
vertical-align:top;	
width:420px;
}

.contact-table td {
padding-bottom:4px;
border:none;
}

.contact-table td {
font-weight:bold;
width:100px;
}

.contact-table td + td {
font-weight:normal;	
}