/*
Theme Name: Canberra Serviced Apartments
Theme URI: http://kingstonterrace.com.au/
Description: Customised WordPress theme written for CSA  by <a href="http://www.simiancode.com/">Simian Code</a>.
Version: 1.0
Author: Adam Cooper
Author URI: http://www.simiancode.com
Tags: square

Sections in this stylesheet:
INCLUDES	- Other stylesheets to import
TYPOGRAPHY	- Typography rules and colours (includes rules for p, headings etct)
STRUCTURE	- Document structure  (includes body, #header, #footer etc)
NAVIGATION	- Navigation elements (.pagenav)
TABLES 		- Tables specific rules (table, tr, th, td etc)
FORMS		- Form specific rules (form, fieldset, input etc)
ELEMENTS	- Default styles for generic elements not covered by other rules
MISC		- Other miscellaneous rules (ie: .hidden)
All section headers are denoted with an '='

Colours used in this stylesheet:
#cc1543		- Red 
#dad9be		- Beige
#6c6053		- Med Brown
#3b2b1a		- Dark Brown (background) / text
#fafdfa		- whitish background

Font sizes used in this stylesheet:
12pt, 14pt, 18pt, 36pt, 48pt

Fonts used
Serif 		- Georgia, 'Hoefler Text', 'HoeflerText-Regular', Times, Sans-serif;
Sans-Serif	- Helvetica, Arial, sans-serif;
*/

/*
=INCLUDES
Import other stylesheets 
*/
@import url(reset-fonts.css);

/*
=TYPOGRAPHY
Begin Typography & Colors 
*/
body
{
	/*font-family: Georgia, 'Hoefler Text', 'HoeflerText-Regular', Times, Sans-serif;*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #3b2b1a;
}

h1
{
	font-weight: bold;
	font-size: 2em;
}

h2
{
	display: block;
	margin-left: -20px;
	margin-top: -20px;
	margin-bottom: 16px;
	padding: 41px 20px 18px 20px ;
	width: 100%;
	
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.4em;
	color: #3b2b1a;
	
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #6c6053;
}

h3
{
	font-weight: normal;
	font-size: 1.4em;
	color: #cc1543;
	margin-bottom: 1.4em;
	padding-top: 2px;
}

.secondary h3
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	color: #dad9be;
	margin-bottom: 1em;
	padding: 0;
}

p, dl, #content ul
{
	margin-bottom: 1em;
	line-height: 1.5;
}

#content li
{
	line-height: 1.5;	
}

li li
{
	margin-left: 1em;
}

#content li
{
	list-style-type: disc;
	list-style-position: inside;
}

#content li li
{
	list-style-type: circle;
}

p.first
{
	font-size: 1.2em;
}

p.edit
{
	display: block;
	position: absolute;
	padding: 0.5em 1em;
	top: 15px;
	right: 15px;
	background-color: #6c6053;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-transform: uppercase;
	
	z-index: 1000;
}

p.edit a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fafdfa;
	text-decoration: none;
}

p.postmetadata
{
	display: none;
}

a
{
	color: #3b2b1a;
}

.secondary a
{
	color: #dad9be;
}

a.book_now, .submit
{
	display: block;
	position: relative;
	clear: both;
	
	width: 80px;
	
	color: #fff;
	text-decoration: none;
	padding: 0.5em 1em;

	background-color: #6c6053;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-transform: uppercase;
	text-align: center;
	border-style: none;
	border-width: 0;
	
	cursor: pointer;
}

a.book_now:hover, .submit:hover
{
	background-color: #3b2b1a;
}

dt
{
	font-size: 1.2em;
	font-weight: bold;
}

dd.tel .type
{
	display: block;
	float: left;
	width: 70px;
}

dd.geo
{
	display: none;
}


/* End TYPOGRAPHY */


/* 
=STRUCTURE
Begin Structure 
*/
html
{
	background: #3b2b1a url(images/body_bg.gif) repeat top left;
}

body
{
	padding: 0;
	margin: 0;
}

#page
{
	display: block;
	position: relative;
	width: 950px;
	margin: 20px auto 0 auto;
	padding-top: 0;
	overflow: visible;
}

#header
{
	display: block;
	position: relative;
	height: 95px;
	margin: 0;
	padding: 0;
	background-color: #dad9be;
}

#header .incorporating
{
	display: block;
	position: relative;
	float: right;
	text-align: left;
	padding: 5px 20px 0 0;
	width: 360px;
	
	margin: 28px 0 0 0;
}

#header .incorporating p
{
	color: #6c6053;
	text-transform: uppercase;
	margin: 0 0 3px 0;
	font-size: 10px;
}

#header .incorporating li
{
	
	display: inline;
	margin: 0 20px 0 0;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(108,96,83,0.35);
}



#headerimg 
{
	display: block;
	position: relative;
	float: left;
	width: 380px;
	height: 95px;
	margin: 0;
	padding: 0;
}

#headerimg h1
{
	display: block;
	position: relative;
	width: 318px;
	height: 61px;
	margin: 0;
	padding: 17px 31px;
}

#headerimg h1 a
{
	display: block;
	position: relative;
	width: 318px;
	height: 61px;

	overflow: hidden;
	font-size: 1px;
	text-indent: -900em;
	background: transparent url(images/csa_logo.gif) no-repeat top left;
}

#headerimg .description
{
	display: none;
}

#container
{
	display: block;
	background-color: #fafdfa;
	background-image: url(images/leaves_dad9be.png);
	background-position: 760px -22px;
	background-repeat: no-repeat;
	position: relative;
	
	overflow: hidden;
}

#container #nav
{
	display: block;
	position: relative;
	float: left;
	width: 190px;
	min-height: 380px;
	
	background-image: url(images/leaves_dad9be.png);
	background-position: -270px 250px;
	background-repeat: no-repeat;
	
	padding-bottom: 20000px; /* gives us equal-height columns */
	margin-bottom: -20000px;
}

#content 
{
	display: block;
	position: relative;
	float: right;
	width: 760px;
	min-height: 380px;
	padding: 0;
	
	padding-bottom: 20000px; /* gives us equal-height columns */
	margin-bottom: -20000px;
	
	overflow: hidden;
}

#content #map-holder
{
	display: block;
	position: relative;
	height: 380px;
	width: 570px;
	background-color: #eee;
	margin: -20px 0 20px -20px;
}

.home
{
	width: 760px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow: visible !important;
	
}

.post
{
	display: block;
	position: relative;
	margin: 0;
}

#content .primary
{
	display: block;
	position: relative;
	float: left;
	width: 530px;
	margin: 0;
	padding: 20px;
	padding-bottom: 20020px; /* gives us equal-height columns */
	margin-bottom: -20000px;
}

#content .secondary
{
	display: block;
	position: relative;
	float: right;
	width: 150px;
	padding: 20px;
	margin: 0;
	background-color: #6c6053;
	color: #dad9be;
	margin-top: 190px;
	
	padding-bottom: 20000px; /* gives us equal-height columns */
	margin-bottom: -20000px;
}

.secondary div
{
	margin-bottom: 40px;
}

.secondary img
{
	margin-top: -20px;
	margin-left: -20px;
	margin-bottom: 20px;
}

#locations
{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px -20px;
	width: 570px;
}

#locations .vcard, .header .vcard
{
	display: block;
	position: relative;
	width: 140px;
	min-height: 100px;
	float: left;
	padding: 0 20px 0 30px;
	background-repeat: no-repeat;
	background-position: top left;
}

.header .vcard
{
	padding: 0 15px !important;
	width: 159px !important;
	overflow: hidden;
	border-width: 0 0 0 1px;
	border-color: #fff;
	border-style: solid;
	
	background-position: 0 205px !important;
}

.header .vcard img
{
	margin-left: -15px;
	margin-bottom: 15px;
}

.header .marker-1,
.header .marker-2,
.header .marker-3
{
	padding: 0 5px 0 30px !important;
	width: 154px !important;
}

.header .marker-1 img,
.header .marker-2 img,
.header .marker-3 img
{
	margin-left: -30px !important;
}


#locations .marker-1 { background-image: url(images/markers/1.png); }
#locations .marker-2 { background-image: url(images/markers/2.png); }
#locations .marker-3 { background-image: url(images/markers/3.png); }
#locations .marker-4 { background-image: url(images/markers/4.png); }
#locations .marker-5 { background-image: url(images/markers/5.png); }
#locations .marker-6 { background-image: url(images/markers/6.png); }
#locations .marker-7 { background-image: url(images/markers/7.png); }
#locations .marker-8 { background-image: url(images/markers/8.png); }
#locations .marker-9 { background-image: url(images/markers/9.png); }
#locations .marker-10 { background-image: url(images/markers/10.png); }
#locations .marker-11 { background-image: url(images/markers/11.png); }
#locations .marker-12 { background-image: url(images/markers/12.png); }
#locations .marker-13 { background-image: url(images/markers/13.png); }
#locations .marker-14 { background-image: url(images/markers/14.png); }
#locations .marker-15 { background-image: url(images/markers/15.png); }
#locations .marker-16 { background-image: url(images/markers/16.png); }
#locations .marker-17 { background-image: url(images/markers/17.png); }
#locations .marker-18 { background-image: url(images/markers/18.png); }
#locations .marker-19 { background-image: url(images/markers/19.png); }
#locations .marker-20 { background-image: url(images/markers/20.png); }
#locations .marker-21 { background-image: url(images/markers/21.png); }
#locations .marker-22 { background-image: url(images/markers/22.png); }
#locations .marker-23 { background-image: url(images/markers/23.png); }
#locations .marker-24 { background-image: url(images/markers/24.png); }
#locations .marker-25 { background-image: url(images/markers/25.png); }
#locations .marker-26 { background-image: url(images/markers/26.png); }
#locations .marker-27 { background-image: url(images/markers/27.png); }
#locations .marker-28 { background-image: url(images/markers/28.png); }
#locations .marker-29 { background-image: url(images/markers/29.png); }


.post .header
{
	display: block;
	width: 570px;
	margin-top: -20px !important;
	margin-left: -20px;
	margin-bottom: 20px;
	
}

.home .post
{
	display: block;
	position: absolute;
	padding: 0 !important;
	top: 190px;
	left: 190px;
	width: 380px;
	height: 190px;
	
	background-color: #fafafa;
}

.home .post .entry
{
	padding: 20px;
}

.home .featured-package-wrapper
{
	display: block;
	position: absolute;
	z-index: 1;
	width: 190px;
	height: 190px;
	padding: 0px;
	left: 570px;
	top: 0;
	overflow: hidden;
}

.home .featured-package-wrapper .bg
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

.home .featured-package
{
	display: block;
	position: relative;
	padding: 15px;
}


.home .tile
{
	display: block;
	position: absolute;
	height: 190px;
	width: 190px;
	margin: 0;
	border-style: none;
}

.home .tile-1
{
	top: 0px;
	left: 0px;
}

.home .tile-2
{
	top: 0px;
	left: 190px;
}

.home .tile-3
{
	top: 0px;
	left: 380px;
}

.home .tile-4
{
	top: 190px;
	left: 0px;
}

.home .tile-5
{
	top: 190px;
	left: 570px;
}

.ngg-galleryoverview
{
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.primary .tablenav
{
	display: none;
}

.sc_pk_packages
{
	margin-top: 20px;
	margin-left: 0px;
}

.sc_pk_packages .package
{
	display: block;
	position: relative;
	height: 95px;
	padding-left: 0;
	margin: 20px 0 0 0;
}

.sc_pk_packages .package h3 a
{
	color: #cc1543;
	text-decoration: none;
}

.sc_pk_packages .package h3 a:hover
{
	text-decoration: underline;
}


.sc_pk_packages .package img
{
	display: block;
	float: left;
	left: 0;
	top: 0;
	margin-right: 15px;
}


#footer
{
	display: block;
	position: relative;
	width: 910px;
	height: 65px;
	padding: 20px 20px 20px 20px;
	background-color: #6c6053;
	color: #dad9be;
}

#footer .tagline
{
	display: block;
	position: absolute;
	height: 83px;
	width: 293px;
	top: 10px;
	left: 600px;
	margin: 0;
	background-image: url(images/less-like-a-hotel.gif);
	background-repeat: no-repeat;
	text-indent: -900em;
	font-size: 1px;
	overflow: hidden;
	color: transparent;
}

#footer .decoration
{
	display: block;
	position: absolute;
	top: -65px;
	left: 708px;
	width: 68px;
	height: 85px;
	
	background-image: url(images/leaves_6c6053.png);
	background-position: 0 -100px;
	background-repeat: no-repeat;
}

#footer .copyright
{
	display: block;
	position: relative;
	float: right;
	margin-top: 90px;
	font-size: 0.83em;
}

#footer .book_now
{
	position: absolute;
	width: 130px;
	padding: 10px;
	margin-top: 10px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	font-size: 1.2em;
	font-weight: bold;
	
	background-color: #cc1543;
}

#footer .book_now:hover
{
	margin-top: 11px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#footer .book_now:active
{
	margin-top: 12px;
	-webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0px 1px rgba(0,0,0,0.5);
}


/* End STRUCTURE */


/*
=NAVIGATION
Begin navigation elements
*/

#header .nav
{
	display: block;
	position: absolute;
	height: 95px;
	width: 190px;
	right: 0;
	top: 0;
}

#header .nav li
{
	display: block;
	position: relative;
	float: left;
	width: 95px;
	padding: 33px 0;
	text-transform: uppercase;
	text-align: center;
}


#header .nav li a, #nav a
{
	text-decoration: none;
}

#nav li
{
	list-style-type: none;
	clear: none;
}

.pagenav h2,
.pagenav h3
{
	display: none;
}

.pagenav li
{
	display: block;
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #6c6053;
	text-transform: lowercase;
	
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #dad9be;
}

.pagenav li:first-child
{
	border-style: none;
}

.pagenav li a
{
	display: block;
	position: relative;
	padding: 18px;
	color: #6c6053;
	text-align: right;
}

.pagenav li a:hover
{
	color: #cc1543;
}

.pagenav li.current_page_item,
.pagenav li.current_page_parent,
.pagenav li.current_page_ancestor
{
	font-weight: bold;
	background-image: url(images/nav_selected.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.search
{
	display: none;
}



/* End NAVIGATION */

/* 
=TABLE
Begin Table Elements
*/

table
{
	margin-bottom: 20px;
}

table, tr
{
	width: 100%;
	border-collapse: collapse;
}

th, td
{
	padding: 5px 20px;
}

tfoot
{
	display: none;
}

thead th
{
	background-color: #dad9be;
	color: #90060a;
	font-size: 1.33em;
}

tbody tr
{
	border-width: 1px 0 0 0;
	border-color: #fcf6e3;
	border-style: solid;
	background-color: #dad9be;
}

tbody tr.even
{
	background-color: #efe6d0;
}

tbody th
{
	border-width: 0 1px 0 0;
	border-color: #e1d4b4;
	border-style: solid;
	font-weight: bold;
}

/* End TABLE */

/* 
=FORMS
Begin Form Elements
*/
select
{
	width: 130px;
}

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

#commentform textarea
{
	width: 100%;
	padding: 2px;
}

#commentform #submit
{
	margin: 0;
	float: right;
}

form
{
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* End Form Elements */

/* 
=ELEMENTS
Begin rules for generic elements 
*/
acronym, abbr, span.caps
{
	cursor: help;
}

acronym, abbr
{
	border-bottom: 1px dashed #999;
}

blockquote
{

}

blockquote cite
{
	display: block;
}

hr
{
	display: none;
}

.primary hr
{
	display: block;
	position: relative;
	border-style: none;
	background-color: transparent;
	background-image: url(images/primary_hr.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 518px;
	margin: 0 0 20px 0;
}

a img
{
	border: none;
}

/* End ELEMENTS */


/*
=MISC
Begin miscellaneous
*/

.hidden
{
	display: none;
}

.clearer
{
	display: block;
	width: 100%;
	height: 0;
	clear: both;
	border-style: none;
	border-width: 0;
	background-color: transparent;
}

/* End MISC */