/* 
Theme Name: ByronBayHolidays
Description: Byron Bay Accommodation Theme
Author: Jamison Banham
Author URI: http://www.jamisonbanham.com.au
Version: 0.1
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn,  font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/* ------------------------------ 
HTML Redefine Tags
------------------------------ */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0;
	color:#333;
}
input, form, textarea
h1, h2, h3, h4, h5, h6{
	margin:2px 0 ;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 5px;
	padding:0;
}

h1{
	font-size:28px;
	color: #0298c0;
	font-weight: bold;
}
h2{
	font-size:24px;
	color:#333;
	font-weight: bold;
}

h3 {
	font-size:13px;
	color:#67503e;
	font-weight: bold;
}
h4 {
	font-size:21px;
	color:#1B4858;
	font-weight: bold;
}
h5 {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}
h6 {
	font-size:15px;
	color:#1B4858;
	font-weight: bold;
	text-align:right;
}


a:link, a:visited{
	color:#0099cc;
}
a:hover{
	text-decoration:none;
}

#tobbar {
	width:auto;
	height:8px;
	background: #1b4858;
	border-bottom: solid 1px #07bfda;
}

#wrap_top {
	width:auto;
	height:111px;
	background: #04abcd url(images/header-bg.gif) repeat-x bottom;
	border-bottom: solid 1px #048db5;
}
#wrap_top #top{
	width:960px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	height: 111px;
}

#wrap_top #top .logo {
	position:absolute;
	top: 20px;
	left: 1px;
	
}
#wrap_top #top #right {
	float: right;
	font-size: 10px;
	font-weight: bold;
	color: #92ebff;
	margin: 10px 0 38px 0;
	text-align:right;
}

#wrap_top #top .gradient {
	left:-120px;
	position:absolute;
	top:0;
}
#wrap_top #top #right a {
	color: #c3f9ff;
}
#wrap_top #nav{
	font-size: 15px;
	height: 38px;
	clear:both;
	float: right;
	width: 600px;
}
#wrap_top #nav ul {
	text-transform: uppercase;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	
#wrap_top #nav ul li {
	display:inline;
	float:none;
}	
#wrap_top #nav ul li a {
	display:block;
	float:right;
	padding:0 11px;
	color: #fff;
	border-right: solid 1px #0bcde7;
	border-top:solid 1px #09d7f2;
	border-left: solid 1px #039ec4;
	line-height: 38px;
	text-decoration: none;
	background:#08c2da url(images/nav-bg.gif) repeat-x bottom
	
}	
#wrap_top #nav ul li a:hover {
	background: #0ccfe9;
	color:#fff;
}		

#bg {
	background:#fbfafa url(images/page-bg.gif) repeat-x top;
}
#container{
	width:960px;
	margin:0 auto;
	padding:10px 0 0;
}
#container p {
	margin: 0 0 9px;
	line-height: 1.5em;
}
#container ul {
	line-height: 1.6em;
	padding: 0;
	margin:0 0 10px;
}
#container li {
	margin: 0;
	padding: 0;
}
#content{
	width:590px;
	float:left;
	padding: 10px 20px 20px 0;
}
#content ul {
	line-height: 1.6em;
	padding: 0 0 0 25px;
	margin:0 0 10px;
}
#content .bread {
	color: #0298C0;
	font-size: 9px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#content .bread a {
	color: #1b4858;
	text-decoration:none;
}
#content .address {
	color: #888;
	font-size: 11px;
	float: none;
}
#content .icons {
	float: right;
	margin:2px 0 2px 15px;
}
#content .data {
	color: #888;
	font-size: 11px;
	float: right;
	line-height: 60px;
	background: url(images/user-icon.gif) no-repeat right;
	padding:0 30px 0 10px;
}
#content .data .bold, #content .homeaccom .bold{
	color: #67503e;
	font-size: 14px;
	font-weight:bold;
}
#content .contentbox {
	padding: 12px 15px 10px;
	margin: 0 0 15px;
	border: 1px solid #eae5e1;
	background: #fff; /*faf8f6*/
	color:#555;
}
#content .contentbox h3 {
	font-size:13px;
	color:#0298C0;
	font-weight: bold;
	margin: 0 0 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #eae5e1;
}
#content .contentbox input[type=text], #content .contentbox select, #content .contentbox textarea,
#commentform input[type=text], #commentform select, #commentform textarea {
	padding: 2px;
	margin:2px 0;
	border: 1px solid #eae5e1;
}
#content .contentbox .forminfo {
	text-align:right;
	padding: 0 10px 0 30px;
}
#content .contentbox #number {
	width:50px;
	margin-right:5px;
}
#content .contentbox .width {
	width:120px;
	margin-right:5px;
}
#content #post h2 a {
	color: #333333;
	text-decoration: none;
	font-size:18px;
}
#content #post h2 a:hover {
	text-decoration: underline;
}
#content .date {
	color:#67503E;
	font-size:10px;
	padding: 2px 0;
}
#content .date a {
	color:#67503E;
}
#content #post .text {
	display:block;
	colour: #333;
	margin-top:15px;
	margin-left:170px;
}
#content #post .preview {
	margin-bottom:10px;
	padding-bottom:5px;
	position:relative;
}
#content #post .preview h2{
	padding-right:50px;
}
#content .exerpt img {
	float:left;
	height:150px;
	margin-bottom:20px;
	margin-right:20px;
	width:150px;
	padding:5px;
	background:#FFF url(images/box-bg.gif) repeat-x top;
	border:1px solid #EAE5E1;
}
#content h1.accom {
	color:#1b4858;
}
#side{
	width:348px;
	float:right;
	padding: 10px 0 0;
	color: #fff;
}
#side h1 {
	color: #FFF;
	font-size: 20px;
}
#side h2 {
	color: #67503e;
	font-size: 15px;
	font-weight:normal;
	text-transform:uppercase;
}
#side .box a {
	color: #414141;
}
#side .box ul a {
	color: #666;
	text-decoration: none;
}
#side .box, #side .accom, #side .special {
	padding: 16px;
	margin: 0 0 10px;
}
#side .special {
	color: #666;
	border: 1px solid #c9e0e3;
	background: #fff url(images/box-bg.gif) repeat-x top;
}
#side .special h2 {
	color: #0298c0;
	font-size:15px;
	padding-right:25px;
	background:url(images/star.gif) no-repeat right;
}
#side .accom {
	color: #FFF;
	border: 1px solid #5b4533;
	background: #67503e url(images/brown-bg.jpg) no-repeat top left;
}
#side .accom a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
#side .accom h2 {
	color: #fff;
}
#side .accom ul li {
	border-bottom:solid 1px #7e6755 !important;
	font-size: 14px;
}

#side .box {
	color: #666;
	border: 1px solid #c9e0e3;
	background: #fff url(images/box-bg.gif) repeat-x top;
}
#side .map {
	color: #666;
	border: 1px solid #c9e0e3;
	background: #fff url(images/box-bg.gif) repeat-x top;
	padding:10px;
	margin: 0 0 10px;
}
#side .map .gm-map {
	border: 1px solid #c9e0e3;
}
#side .box ul, #side .accom ul {
	padding: 0px;
	margin: 0px;
}

#side .box ul li, #side .accom ul li {
	border-bottom:solid 1px #eeeceb;
	list-style: none;
	margin: 0px;
	font-size: 12px;
	padding: 7px 0;
}
#side .box ul li ul, #side .accom ul li ul {
	padding-left:10px
}

#wrap_footer {
	width:auto;
	border-top: solid #dddddd 1px;
	background: #FFF;
}

#wrap_footer #footer{
	width:960px;
	padding:20px 0 10px;
	font-size:12px;
	color:#999;
	margin: 0 auto;
}
#wrap_footer #footer p {
	line-height: 1.4em;
	margin: 0 0 5px 0;
}
#wrap_footer #footer #copyright {
	margin: 0 0 4px;
	font-size: 11px;
}
#wrap_footer #footer #copyright .links {
	font-size: 11px;
	float: right;
}

#wrap_footer #footer .box {
	margin: 0 40px 0 0;
	float: left;
	text-align: left;
	color: #0298C0;
	width: 292px;
}
#wrap_footer #footer .boxend {
	margin: 0;
}

#wrap_footer #footer .box h4 {
	color:#999;
	font-size:15px;
	font-weight:normal;
	margin-bottom:20px;
}


#wrap_footer #footer #contact .phone {
	font-size: 30px;
	font-weight: bold;
}




#wrap_footer #footer a {
	color: #999;
}

.clearfloat { /* class to fully contain float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



.spacer {
	clear:both;
	height:2px;
	font-size: 0px;
	line-height: 0px;
	width: 100%;
	background: url(images/spacer.gif) repeat-x;
	margin: 8px 0 12px 0;
}
.image_right {
	float: right;
	margin: 0 0 15px 15px;
}
.image_left {
	float: left;
	margin: 0 15px 15px 0;
}
.image_border {
	border: solid 5px #ddd;

}





#content #form table {
	width: 100%;
}

#content #form p {
	margin: 0;
	font-weight: bold;
}

#content #form .input {
	color: #777;
	padding: 3px;
	border: solid 1px #005000;
	width: 250px;
}
#content #form table td {
	padding: 2px;
	text-align: left;
}
#side a:hover {
	color: #666;
	text-decoration: none;
}
#side .accom a:hover {
	color: #bcb1a9;
	text-decoration: none;
	margin-left:2px;
}
.thumb {
	margin: 6px;
	border: solid 5px #ddd;
}
.thumb:hover {
	border: solid 5px #f69900;
}
.small {
	font-size: 9px;
	color: #999;
}
.grey {
	font-size: 11px;
	color: #999;
}
.lightgrey {
	font-size: 11px;
	color: #aaa;
}
.floatright {
	float: right;
}
.contentbox h5 {
	margin-bottom: 8px;
}


#commentlist li {
	list-style:none;
}
#commentlist {
	color:#666;
}
#commentlist .alt, .alt {
	background:#fff none repeat scroll 0 0;
	border:1px solid #EAE5E1;
	margin: 4px 0;
	padding:12px;
}
.alt .right{
	width:300px;
	margin-left: 10px;
	clear: right;
}
#commentlist .standard, .standard  {
	background:#FCFBFA none repeat scroll 0 0;
	border:1px solid #EAE5E1;
	margin: 4px 0;
	padding:12px;
}
#commentlist .name {
	font-size:14px;
	font-weight:normal;
}
.size13 {
	font-size:13px;
	font-weight:bold;
}
#content .homeaccom {
	color: #888;
	font-size: 11px;
	float: right;
	line-height: 40px;
	background: url(images/user-icon.gif) no-repeat right;
	padding: 0 30px 0 10px;
}
#content .standard h2 a, #content .alt h2 a {
	font-size: 20px;
	color: #1b4858;
}
#content .accomimg {
	color: #888;
	height:102px;
	width:102px;
	float: left;
	padding: 0 15px 0 0;
}
#content .accomimg img {
	border:1px solid #EAE5E1;
}

#content .standard .spacer, #content .alt .spacer {
	clear:right;
	width:445px;
	margin-left:115px;
}
.more-link {
	font-style:italic;
	padding-bottom:15px;
	display:block;
}

#content .user_comments {
	background: url(images/comment.gif) repeat-x top;
	font-size:18px;
	font-weight:bold;
	height:45px;
	position:absolute;
	right:-2px;
	text-align:center;
	top:0;
	width:44px;
}
#content .user_comments a {
	color:#fff;
	text-decoration:none;
}
#content .user_comments p {
	line-height:34px;
}
.alignleft {
	float:left;
	margin: 0 15px 10px 0;
	border:1px solid #EAE5E1;
}
.contentbox #submit {
	background-color:transparent;
	background-image: url(images/send-reservation.gif);
	width: 180px;
	height: 53px;
	border: none;	
}
.contentbox #contact {
	background-color:transparent;
	background-image: url(images/sendmessage.gif);
	width: 160px;
	height: 53px;
	border: none;
	
}
.MailPressFormSubmit1 {
	background-color:transparent;
	background-image: url(images/subscribe.gif);
	width: 70px;
	height: 27px;
	border: none;
}
.MailPressFormEmail {
	padding: 4px;
	border: 1px solid #eae5e1;
	color:#666;
}
.formwidth {
	width:250px;
}



.wp-caption-text {
	font-size:11px;
	margin:0;
}

.wp-caption {
	text-align:center;
	padding:5px 2px 0px;
	background:#FCFBFA none repeat scroll 0 0;
	border:1px solid #EAE5E1;
}

.size-medium {
	border:1px solid #EAE5E1;
}


/* Home Page */
.homebox {
	height:240px;
	width:958px;
	background:#e1f3f8 url(images/hope-bg.jpg) no-repeat bottom right;
	background-color:#e1f3f8;
	border:solid 1px #b6e6ee;
	position:relative;
}
.homebox .textbox {
	width:450px;
	height:120px;
	background: #fff url(images/box-bg.gif) repeat-x top;
	margin:88px 10px 10px 0;
	float:right;
	border:solid 1px #b6e6ee;
	padding:10px;
}
.homebox .textbox p {
	line-height:16px !important;
}

.homebox .photo {
	position:absolute;
	top: -16px;
	left: -80px;
}
.homebox .title {
	position:absolute;
	top: 19px;
	left: 481px;
}
.shadow {
	margin:0 0 20px;
	background-image:url(images/shadow.gif);
	height:7px;
	width:960px;
}