/*  
Theme Name: Roni's Childcare
Theme URI: http://www.ronischildcare.com.au
Author: Ross Marshall
Author URI: http://www.rossmarshall.com.au


TABLE OF CONTENTS

  Nav
  HTML Tags
  Structure
  Headers
  Content Styles
  	 Misc
  	 Sidebar
  Post Styles
  Form Elements
  Float Clearing
  Footer
  


/* ---------- @ Nav -----------*/

@import url('css/nav.css');




/* ---------- @ HTML Tags -----------*/


* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
html {
	background:#fec00e url(images/bg-html.png) repeat;
	}	
	
body {
	background:transparent url(images/bg-body.png) repeat;
	color: #0c0c0c;
	}

body, select, input, textarea {
	font: 100% Arial, Helvetica, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	line-height:160%;
	}

a, a:visited {
	color: #333;
	}

a:hover, a:active {
	color:#ffffff;
	}
	
.read-more-services {
	text-indent: -9000px;
	width:287px;
	height:65px;
	display:block;
	}
	
.read-more-services a {
	background: transparent url('images/read-more-about-our-services.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
	
.read-more-services a:hover {
	background-position:0 -65px;
	}
	
.read-more-about {
	text-indent: -9000px;
	width:287px;
	height:65px;
	display:block;
	}
	
.read-more-about a {
	background: transparent url('images/continue-reading-about-us.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
	
.read-more-about a:hover {
	background-position:0 -65px;
	}

hr {
	display: block;
	height:1px;
	background:#d7d7d7;
	border:0;
	color:#d7d7d7;
	}

table {
	border-collapse:collapse;
	width:100%;
	margin:15px 0;
	border-top:1px solid #e0ded9;
	border-bottom:1px solid #e0ded9;
	}

td {
	padding:4px 6px;
	background:#F5F3EE;
	border-bottom:1px solid #FFF;
	}
		
table caption {
	background:#f5f3ee;
	padding:2px 0;
	}	
			
a img, a:visited img {
	border:none
	}
	
blockquote {
	color:#000;
	background-color:#fbedf0;
	padding:1px 35px;
	margin:25px 0 0 0;
	border-left:4px solid #ef5c76;
	font:italic 1em Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0.02em;
	}
	
blockquote p {
	margin:8px 0;
	}

pre {
	width:100%;
	overflow:auto;
	}
	
				


/* ---------- @ Structure -----------*/

#page {
	width:960px;
	margin:0 auto;
	}
	
#wrapper {
	font-size:1.05em;
	}

#masthead {
	height:302px;
	background:#000 url('images/bg-head.png') no-repeat scroll 50% 0;
	}
	
#head-wrapper {
	padding:0 20px;
	overflow:hidden;
	width:920px;
	height:276px;
	margin:0 auto;
	padding-top:26px;
	position:relative
	}	

.gallery #content {
	width:900px;
	}	
	
#content {
	width:401px;
	float:left;
	padding:0 30px;
	background:transparent;
	}
	
.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
	width: 327px;
	float:left;
	padding:0 30px;
	}
	
.services #sidebar {
	padding:80px 30px 0 30px;
	}
	
	
	
/* ---------- @ Headers -----------*/

h1 {
	font: bold 2.7em Georgia, "Times New Roman", Times, serif;
	text-indent: -9000px;
	width:328px;
	height:144px;
	display:block;
	margin:26px 0 0 0;
	float:left;
	}
	
h1 a {
	background: transparent url('images/wollongong-linemarking-services.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
/*--	
h1 a:hover {
	background-position:0 -56px;
	}
	--*/
h2 {
	color:#eaeaea;
	width: 401px; height: 60px;
	background:transparent url('images/bg-h2.png') no-repeat;
	font: 31px InterStatePlus, Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
	line-height:1.2em;
	text-transform:uppercase;
	margin: 25px 0;
	}
	
h2.specialists {
	background: url("images/h2-specialists.png");
	text-indent: -9999px;
}	

h2.suppliers {
	background: url("images/h2-suppliers.png");
	text-indent: -9999px;
}	

h2.services {
	background: url("images/h2-services.png");
	text-indent: -9999px;
}
h2.products {
	background: url("images/h2-products.png");
	text-indent: -9999px;
}
h2.equipment {
	background: url("images/h2-equipment.png");
	text-indent: -9999px;
}
h2.employment {
	background: url("images/h2-employment.png");
	text-indent: -9999px;
}
h2.gallery {
	background: url("images/h2-gallery.png");
	text-indent: -9999px;
}
h2.contact {
	background: url("images/h2-contact.png");
	text-indent: -9999px;
}
h2.form {
	background: url("images/h2-email.png");
	text-indent: -9999px;
}


#sidebar h2 {
	width:294px;
	}

#footer-wrapper h2 {
	background:transparent;
	color:#000;
	font-size:25px;
	letter-spacing:-0.08em;
	height:auto; width:auto;
	margin:32px 0;
	}
				
h3 {
	color: #1f1a1f;
	font: 1.4em "Gill Sans MT", "Gill Sans", Trebuchet, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:22px 0 15px 0;
	border-bottom:2px solid #1f1a1f;
	}

h4 {
	font: 1.3em "Gill Sans MT", "Gill Sans", Trebuchet, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin-bottom:-10px;
	}
	
h6 {
	font: bold 0.8em Georgia, "Times New Roman", Times, serif;
	}

h5 {
	font:bold 1em Arial, Helvetica, sans-serif;
	margin-bottom:-15px;
	}


	
/* ---------- @ Content Styles -----------*/


/*Misc*/
			
h4 a, h4 a:visited {
	color:#383838;
	text-decoration: none
	}
	
h5 a, h5 a:visited,
h5 a:hover, h5 a:active {
	text-decoration: none
	}


/*Sidebar and Widgets*/

.headlines li {
	margin-left:30px;
	padding:5px 0;
	}

#sidebar a, #sidebar a:visited,
#home #content a, #home #content a:visited, 
.archive-list h4 a, .archive-list h4 a:visited,
.commentcount a, .commentcount a:visited, 
.fullarchive a, .fullarchive a:visited {
	color:#424242;
	}

#sidebar a:hover, #sidebar a:active,
#home #content a:hover, #home #content a:active, 
.archive-list h4 a:hover, h4 .archive-list a:active, 
.commentcount a:hover, .commentcount a:active, 
.fullarchive a:hover, .fullarchive a:active {
	color:#000;
	}



/* ---------- @ Post Styles -----------*/

.entry {
	padding:0 0 10px;
	}
	
.entry .column {
	width:235px;
	}	
	
#content ul, #sidebar ul {
	list-style: none;
	margin:15px 0;
	}
			
#content ul li, #sidebar ul li {
	margin: 0 0 20px 14px;
	line-height:130%;
	padding-left: 28px;
	background: url(images/list.png) no-repeat 0 50%;
	}

#content ol li {
	margin:0 0 5px 48px;
	line-height:115%;
	}
	
.column {
 	width:266px;
 	float:left;
 	margin:0 30px 0 0;
	}
	
.last {
	margin:0;
	}


/*Images*/
	
#content img, #sidebar img {
	display:block;
	margin:15px 0;
	border:3px solid #171100;
	}

img.alignleft {
	margin:5px 15px 10px 0;
	float:left
	}

img.alignright {
	margin:5px 0 10px 15px;
	float:right
	}
	
	
/* ---------- @ Form Elements -----------*/
		
.button {
	padding: 8px 14px;
	background:#424242;
	color:#FFF !important;
	border:none;
	font-size:1.1em;
	}

.button:hover {
	background:#272727;
	color:#FFF;
	text-decoration:none
	}

.button:active {
	background:#000;
	}	
	

	

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	


/* ---------- @ Footer -----------*/

.home #footer {
	background:#000 url(images/bg-footer-home.png) repeat-x 0 230px;
	height:400px;
	}

#footer {
	font-size:0.85em;
	background:#000 url(images/bg-footer-home.png) repeat-x 0 -40px;
	height:180px;
	text-align:center;
	}

#footer-wrapper {
	padding:30px 30px 0 30px;
	overflow:hidden;
	width:930px;
	margin:0 auto;
	}

.home #footer-wrapper {
	padding:0 30px;
	}	
	
#rss a, #rss a:visited {
	color:#717171;
	text-decoration:none;
	}

#rss a:hover {
	color:#fff;
	}

#rss a:active {
	text-decoration:underline
	}	
	
#copyright a, #copyright a:visited {
	color:#fcfcfc;
	}

#copyright a:hover {
	color:#fff;
	}

#copyright a:active {
	text-decoration:underline
	}
	
#copyright ul li {
	display:inline;
	padding:0 6px 0 0;
	}	

#copyright p, #rss p {
	margin:0;
	}	
	
#copyright, #rss {
	color:#fff;
	text-transform:uppercase;
	width:450px;
	font-size:0.8em;
	}	
	
#copyright {
	float:left;
	text-align: left;
	}

#rss {
	float:right;
	text-align: right;
	}
	
/*---Slider---*/
.anythingSlider                         { width: 900px; height: 175px; position: relative; margin: 40px auto 0; }
.anythingSlider .wrapper                { width: 840px; overflow: auto; height: 175px; position: absolute; top: 0; left: 30px; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #000; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 170px; width: 210px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 40px; width: 30px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 60px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -1px; }
.anythingSlider .back                   { background-position: -30px 0; left: -1px; }
.anythingSlider .forward:hover          { background-position: 0 -40px; }
.anythingSlider .back:hover             { background-position: -30px -40px; }

#start-stop                             { display:none;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }