/*
Theme Name: Perth Cup 
Theme URI: http://www.bam.com.au
Description: Theme designed specifically for Perth Cup Blog Site by Bam Creative 
Designed by <a href="http://www.bam.com.au" title="Jay Hollywood"> Jay Hollywood at Bam Creative </a>
Version: 1.0
Author: <a href="http://www.bam.com.au" title="Jay Hollywood"> Jay Hollywood </a> 
*/

/*---------------------------------------------- GLOBAL SETTINGS */
html {
	height: 100%;
	background: url(/wp-content/themes/perthcup/images/bg.gif) repeat-x #4d710e;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100% !important; /* dont control the font-size here - leave it for the 
	element you want to control. This sets the base text size to 16px */
	background: url(/wp-content/themes/perthcup/images/header.jpg) no-repeat top center;
	color: #fff;
}



/*-------------------------------------------------------- LINK */


a {
	color: #c4fd61;
	text-decoration:none;
}

.entry a {
	text-decoration:underline;
}

a:hover {
	color: #e4ffb5;
}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0pt;
padding:0pt;
}
h1 {
	font-size: 1.25em;
	line-height: 2.4em;
	color: #fff;
}

h2 {
	font-size: .9em;
	line-height: 1em;
	color: #fff;
}

h3 {
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1.4em;
}


/*-------------------------------------------------- PARAGRAPHS */

p {
	font-size: 0.75em;
	line-height: 1.4em;
}


/*----------------------------------------------------- BULLETS */

ul {
	list-style: none;
	}
ul li, ol li {
		font-size: 0.75em;
	line-height: 1.4em;
	}
/*------------------------------------------------------ LAYOUT */


#container {
	width:770px;
	background: url(/wp-content/themes/perthcup/images/containerbg.jpg) repeat-y 0 607px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px auto; /* negative value must be the same height as footer (for stickyness) */ 
}


#content {
	width: 542px;
	float: left;
	margin: 100px 0 0 0;
	}

#sidebar {
	width: 200px;
	float: right;
	margin: 120px 20px 0 0;
	font-size: .75em;
	display: inline;
	}

#sidebar a {
	color: #573e0b;
	}

#sidebar a:hover {
	color: #8b6c2f;
	}

#sidebar li{

	}

#sidebar li ul{
	margin: 0;
	padding: 0;
	background: none;
	}

#sidebar li li{
	background: #e2cfa7;
	width: 164px;
	margin: 0;
	padding: 2px 0 2px 5px;
	
	}


#sidebar li img{
	border: 2px solid #fff;
	}

#internal-container {
	background: url(/wp-content/themes/perthcup/images/contentheader.jpg) no-repeat;
	width: 770px;
	float: left;
	min-height: 607px;
}

#nav {
	height: 33px;
	position: relative;
	}

#nav a#home {
	background: url(/wp-content/themes/perthcup/images/nav.gif) no-repeat 0 0;
	width: 67px;
	height: 33px;
	display: block;
	float: left;
	}

#nav a#home:hover {
	background: url(/wp-content/themes/perthcup/images/nav.gif) no-repeat 0 -33px;
	}

#nav a#contact {
	background: url(/wp-content/themes/perthcup/images/nav.gif) no-repeat -67px 0;
	width: 89px;
	height: 33px;
	display: block;
	float: left;
	}

#nav a#contact:hover {
	background: url(/wp-content/themes/perthcup/images/nav.gif) no-repeat -67px -33px;
	}
	
#nav a span {
	padding:0;
	margin:-9999px 0 0 -9999px;		/* this is a trick for if someone has css turned off, inside the anchor tag, write <span>$page-name</span> if css is off the name will appear as text, if not the css kicks it out of view */
}

#logo {
	position: relative;
	top: 87px;
	}

#footer {
	font-size: 0.75em;
	width: 100%;
	height: 50px;
	background: url(/wp-content/themes/perthcup/images/footer.png) repeat-x;
	font-size: .7em;
}

#footer a{
	color: #a3de3b;
	}

#footer a:hover{
	color: #d1f592;
	}

#footerinner {
	width: 770px;
	height: 50px;
	margin: 0 auto;
}

#fleft {
	float: left;
	background: url(/wp-content/themes/perthcup/images/cup.png) no-repeat;
	height: 24px;
	margin: 2px 0 0 0;
	padding: 24px 0 0 50px;
	position: relative;
	z-index: 1;
}

#fright {
	float: right;
	padding: 24px 33px 0 0;
	position: relative;
	z-index: 1;
}

/*----------------------------------------------------- CLASSES */

.clear {
	clear: both;
}

.push {
	height:50px;	/* make the height of .push the same as #footer (for stickyness) */
}

.wholepost {
	margin: 10px 0;
	}

.post {
	background: #81b02f;
	padding: 10px;
	}

.posthead {
	height: 10px;
	width: 542px;
	background: url(/wp-content/themes/perthcup/images/posttop.png) no-repeat;
	display: block;
	clear: both;
	overflow: hidden;
	}

.postend {
	height: 10px;
	width: 542px;
	background: url(/wp-content/themes/perthcup/images/postbottom.png) no-repeat;
	display: block;
	}

/*----------------------------------------------------- FORMS */

textarea#comment {
	width: 542px;
	}

form#searchform {
	background: url(/wp-content/themes/perthcup/images/searchinput.gif) no-repeat;
	display: block;
	}

form#searchform input#s {
	background: none;
	border: 0;
	width: 130px;
	height: 16px;
	margin: 3px 0 0 3px;
	float: left;
	}

form#searchform button#searchsubmit {
	background: none;
	border: 0;
	width: 28px;
	height: 24px;
	float: right;
	background: url(/wp-content/themes/perthcup/images/searchbutton.gif) no-repeat 0 0;
	cursor: pointer;
	}

form#searchform button#searchsubmit:hover {
	background: url(/wp-content/themes/perthcup/images/searchbutton.gif) no-repeat 0 -24px;
	}

.sideboxtop {
	width: 168px;
	height: 5px;
	display: block;
	background: url(/wp-content/themes/perthcup/images/sideboxtop.gif);
	margin: 5px 0 0 0;
	overflow: hidden;
	}

.sideboxend {
	width: 168px;
	height: 5px;
	display: block;
	background: url(/wp-content/themes/perthcup/images/sideboxend.gif);
	margin: 0 0 10px 0;
	clear: both;
	overflow: hidden;
	}