/* 
Theme Name: Matraville RSL
Theme URI: http://www.rosshavendesign.com.au
Description: This is a custom besigned theme by Rosshaven Design for Matraville RSL
Version: 0.1
Author: Aidan Green
Author URI: http://www.rosshavendesign.com.au
Tags: Hybrid, Matraville RSL, Custom
Template: hybrid
*/

/* Get base 21px CSS */
@import url('../hybrid/library/css/21px.css');

/* Get a layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get the plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');


/* -------------------------------------------
stuff from the hybrid screen .css
-------------------------------------- */


body {
	font-family: Arial, Helvetica, Sans-serif;
        background: url(images/body.jpg) repeat-y top center;
        color:#666;
        font-size:90%;
}

#body-container {
margin: 0 auto;
width:893px;
}

#outerWrapper {
width:100%;
background: url(images/header.jpg) repeat-x top center;
}
#primary {padding-top:65px;}

/* to fix a float collapse issue when content is floated within the content area */
body.ie6 #body-container {height:1%;}

.addthis_button {position:absolute; right:20px; top:70px;}
.front-page .addthis_button {top:7px;}

/* front page overwrites 
-------------------------------- */

.front-page #outerWrapper {
background: url(images/header_home.jpg) repeat-x top center;
}
.front-page #primary {padding-top:0;}

.front-page #slideshow-home {padding-top:10px; padding-bottom:10px; height:273px; margin-bottom:20px;}
.front-page #slideshow-home .slidebox {background-color:#fff; padding:3px; display:block; float:left;}
.front-page #slideshow-home .left {margin-right:20px;}
.front-page #slideshow-home object,
.front-page #slideshow-home embed {display:block; margin:0;}

.front-page .quickbox {
width:43%; 
float:left;
background: #333 url(images/quicklinkbox_bg.gif) repeat-x top left;
min-height: 250px;
border: 3px solid #ccc;
margin-right: 10px;
margin-bottom: 10px;
padding:2%;
text-align:center;
}
.front-page .quickbox h2 {
color:#fff;
text-align:left;
}
.front-page .quickbox img {
max-width:100%;
padding: 0px;
border:0px;

}

/* gallery fix up from 21.css overwriting */
#gallery-1 .gallery-item {
	margin:10px 0 0 0;
	}

/* membership renewal page extras */

body.page-26 input.textField,
body.page-26 input.textFieldSmall,
body.page-26 input.textFieldMed {width:23%; display:block; float:left; margin-right:1%;}
body.page-26 label {width:23%; display:block; float:left;}
body.page-26 label.wideLabel {width:70%;}
body.page-26 .row {clear:both; overflow:hidden; margin-bottom:10px;}

/* side bar styles
------------------------------ */

.ec3_eventday {
	background-color: #A1C1E7;
	}
#event-calendar table {
border: 1px solid #ccc;
margin-bottom:0;
}

/* Links */
a {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #d54e21;
	text-decoration: underline;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	color: #938c60;
	font-weight: bold;
	}
h2 {
	font-size: 21px;
	}
h3 {
	font-size: 19px;
	}
h4 {
	font-size: 17px;
	}
h5 {
	font-size: 15px;
	}
h6 {
	font-size: 13px;
	}

/* Lists */
ul {
	list-style: square;
	}

/* Blockquotes */
blockquote {
	font-style: italic;
	color: #555;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}

/* Code */
pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}

/* Tables */
table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	}
td, th {
	padding: 3px 6px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
th {
	background: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
	color: #333;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 10px 0 30px 0;
	font-size: .9em;
	font-style: italic;
	color: #eee;
	}
.breadcrumb .breadcrumb-title {color:#000;}
.breadcrumb a {
	color: #111;
	text-decoration: none;
	}
.breadcrumb a:hover {
	text-decoration: underline;
	}

/* Images */
.post img {
	max-width: 568px;
	padding: 5px;
	border: 1px solid #ccc;
	}

.thumbnail {
	float: left;
	/* width: 100px;
	height: 100px;
	*/
	margin: 5px 15px 0 0;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
	}


/* Header 
--------------------------------- */
#header {
clear:both;
overflow:hidden;
margin:0;
height:110px;
border-bottom:1px solid;
}

#header #site-title a {
background:url(images/logo.gif) no-repeat left top;
width:406px;
height:93px;
display:block;
text-indent:-9000px;

float:left;
}

#header #site-description {
margin-top:40px;
width:364px;
height: 43px;
float:right;
display:block;
text-indent:-9000px;
background:url(images/facilities.gif) no-repeat left top;
}
	
	
/* Navigation 
--------------------------------- */
#navigation {
margin-bottom:0;
}
/* Navigation */
#navigation {
	overflow: visible;
	height: 38px;
	z-index: 100;
	}
#page-nav li {
	}
#page-nav li li {
	margin-right: 0;
	}
#page-nav li a {
	text-decoration: none;
	color: #eee;
	padding: 12px 15px;
	border-left:1px solid #333;
	color:#fff;
	}
#page-nav li a:hover {
	background-color:#938c60;
}
#page-nav .current_page_item a {
    background-color:#333;
}

/* Drop-downs style */
#page-nav li:hover ul, li.sfHover ul {
	top: 39px;
	}
#page-nav li li a {
	border-top: none;
	margin-right: 0;
	color: #eee;
	background: #2a2a2a;
	}
#page-nav li ul {
	background: #fff;
	border-top: 1px solid #ccc;
	}
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul  {
	top: -1px;
	}
#page-nav li li li {
	margin-left: -1px;
	}

/* Container (wraps content, primary, and secondary) */
#container {
	margin-bottom: 21px;
	width:auto;
	}

/* Main content */
.content {
	width: 580px;
	margin: 0 0 21px 0;
	position:relative;
	}
.no-widgets .content, .page-template-no-widgets .content {
	width: 960px;
	}

/* Posts */
.post {
	overflow: hidden;
	margin: 0 0 40px 0;
	}
.single .post, .attachment .post, .page .post {
	margin: 0;
	}

/* Archive information */
.author-info, .author-profile, .date-info, .category-info, .tag-info, .search-info, .taxonomy-info {
	overflow: hidden;
	margin: 0 0 40px 0;
	}

/* Entry title */
.entry-title {
	font-size: 24px;
	margin: 0 0 12px 0;
	font-weight: normal;
	font-style: italic;
	}
.archive .entry-title, .search .entry-title {
	font-size: 21px;
	margin: 0;
	}
.page-title, .attachment-title {
	margin: 0 0 21px 0;
	}
.entry-title a {
	color: #938c60;
	}

/* Byline */
.byline {
	margin: 0 0 30px 0;
	font-style: italic;
	color: #666;
	}
.archive .byline, .search .byline {
	margin: 0;
	}
.byline .byline-prep {
	text-transform: lowercase;
	}

/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 10px 0;
	}

/* Entry metadata */
.entry-meta {
	font-style: italic;
	color: #666;
	}

/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Navigation links */
.navigation-links {
	margin-bottom: 21px;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
	}

/* WP Pagenavi plugin */
.wp-pagenavi {
	margin-bottom: 21px;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;
	color: #464646;
	}
.widget a {
	color: #464646;
	text-decoration: underline;
	}
.widget a:hover {
	color: #d54e21;
	text-decoration: none;
	}

/* Widget titles */
.widget-title {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #999264;
        background:#333 url(images/hdg_bg.gif) repeat-x top left;
        padding:5px 10px;
	}

/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 21px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;
	}

/* Comments template */
#comments-template {
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment meta data */
.comment-meta-data {
	margin: 10px 0 21px 0;
	font-size: 13px;
	color: #666;
	}
.comment-author {
	font-size: 15px;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
	width: 98%;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #f9f9f9;
	}


/* Subsidiary */
#subsidiary {
	margin: 0 0 21px 0;
	}

/* Footer container */
#footer-container {
        background: url(images/footer.jpg) repeat-x top center;
        text-align:center;
}


/* Footer */
#footer {
text-align:left;
padding-bottom:80px;
	color:#fff;
        width:893px;
        margin:0 auto;
        padding-top:5px;
	}
#footer a {color:#21bbe9; text-decoration:underline;}
#footer .websiteBy {
        text-align:right;    
        float:right;
        font-size:.9em;
        line-height: 1.1em;
}
#footer .address {
float:left;
font-size: .9em;
line-height:1.1em;
}