/* CSS Document */

/************************************************************************
REPTILES RULE
-------------------------
Use with www.reptilesrule.com.au

filename		:	/css/base.css    
version			:	07.02.08  
copyright		:	Go Live Media	2008
author			:	Lauren Beale 
web				:	http://www/golivemedia.com.au                 
 
***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Tahoma,Arial,sans-serif;
	font-size: 100%;
	color: #8C713A;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	BACKGROUND: #493e27 url(images/main-background.gif);
	
}

p{
	font-family: Tahoma,Arial,sans-serif;
	font-size: 100%;
	color: #8C713A;
	line-height: 1.4;	
	margin: 0px;
	padding: 10px;
	
}
a:link, a:visited, a:hover {
	color: #705C4D;
	text-decoration: none;
	BORDER-STYLE: none;
}

a:hover {
	text-decoration: underline;
	color: #7D7D7D;
	BORDER-STYLE: none;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}



h1{
 	font-family: Arial,sans-serif;
 	font-size: 114%;
 	color: #323232;
	TEXT-TRANSFORM:uppercase;
	FONT-WEIGHT: normal;
 	padding: 0px 0px 0px 10px;
 	line-height:50px;
}

h2{
 	font-size: 130%;
	font-weight: bold;
 	color: #4C422C;
 	padding: 0px 0px 5px 10px;
}

h3{
	font-size: 90%;
	color: #4A3F28;
	padding: 0px 0px 5px 10px;
}

h4{
 	font-size: 100%;
 	font-weight: bold;
 	color: #981115;
 	padding: 0px 0px 0px 10px;
}

h5{
 	font-size: 100%;
 	font-weight: normal;
 	color: #8C713A;
 	padding: 0px 0px 0px 10px;
}

h6{
 	font-size: 90%;
 	font-weight: bold;
 	color: #8C713A;
 	padding: 0px 0px 0px 10px;
}
.highlight {
 	color:#E17000;
 	font-size: 80%;
 	padding: 10px 0px 0px 10px;
}

.subdued {
 	color:#8F8C76;
 	font-size: 80%;
 	padding: 10px 0px 0px 10px;
}

.error {
 	color:#981115;
 	font-weight:bold;
 	font-size: 80%;
 	padding: 10px 0px 0px 10px;
}

.caption {
 	color:#8F8C76;
 	font-size:70%;
 	padding: 10px 0px 0px 10px;
}

.date {
 	font: bold 82% arial;
 	color:#8F8C76;
 	display:block;
 	letter-spacing: 1px;
}




/************** lists *****************/


li{
	padding: 0px 0px 10px 0px;
	font-size: 80%;
	margin-left:0px;
	
}

ul{
 	list-style-type: none;
 	margin-left:inherit;
 	margin-top: 0px;
	
}

ul ul{
 	list-style-type: disc;
 	font-size:100%;
}

ul ul ul{
 	list-style-type: square;
}

label{
 	font: bold 100% Arial,sans-serif;
 	color: #334d55;
}

	
/* GENERAL */

hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#cccccc;border:none;clear:both}			

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#wrapper {
	POSITION: relative;
	VERTICAL-ALIGN: top;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	WIDTH: 760px;
	PADDING-TOP: 0px;
	HEIGHT: 100%;
	BACKGROUND: url(images/page-background.gif) repeat-y;
	
}

#masthead{
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 256px;
    top:0px;
	BACKGROUND: url(images/reptiles-rule-logo.jpg);
}

#navBar{
	position:relative;
	VERTICAL-ALIGN: top;	
	width:165px; 
	padding-bottom: 40px;
}


#content{
position:relative;
  	float:right;
	width: 540px;
	margin: 0;
	padding: 0 20px 0 0;

}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
	line-height:20px;
	
}


/************** .feature styles ***************/

.feature{
	padding: 10px 0px 0px 20px;
	font-size: 70%;
	color: #4C422C;
	width:165px;
	text-align: left;
}

.feature h3{
	list-style: none; 
	margin: 0 10px 0px 0px;
	padding: 0; 
	Z-INDEX:100; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 0px;
	height:20px;
    width:165px;
}

.feature img{
	float: left;
	padding: 0px 30px 5px 0px;
	margin: 0 10px 0px 0px;
	width:auto;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .welcome styles ***************/

.welcome{
	padding: 0px 0px 10px 10px;
	font-size: 75%;

	
}

.welcome h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.welcome img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.welcomeLink a:link, welcomeLink a:visited, welcomeLink a:hover {
	color: #cc3300;
	text-decoration: underline;
	float: right;
	text-align: right;
	padding: 4px 4px 4px 4px;
}
/* adjust margins to change separation between the feature image and text flowing around it */


	
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block; 
	z-index:100; 
	width: 165px;
	height:40px;
}


#navBar ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	BACKGROUND-POSITION:left;  
	Z-INDEX:100; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	height:100%;
	width: 165px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { 
	font-size: 110%; 
	width: auto;
	height:40px;
	
}

/* fix for browsers that don't need the hack-controls nav height */
html>body #navBar li {
	border-bottom: none; 
	height:40px;
}


#navBar a{
	position:relative;
	margin-left: 15px;
	VERTICAL-ALIGN: top;
	width: auto;	
}




/*********** .sectionLinks styles ***********/

.sectionLink1 a:link, .sectionLink1 a:visited{
	BACKGROUND-IMAGE: url(images/home.gif); 
	BACKGROUND-REPEAT: no-repeat;
	height:auto;
	width: auto;
}
.sectionLink1 a:hover{
	BACKGROUND-IMAGE: url(images/home-on.gif);
	BACKGROUND-REPEAT: no-repeat;
}


.sectionLink2 a:link, .sectionLink2 a:visited{
	BACKGROUND-IMAGE: url(images/about.gif); 
	BACKGROUND-REPEAT: no-repeat;
	width: auto;
}
.sectionLink2 a:hover{
	BACKGROUND-IMAGE: url(images/about-on.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

.sectionLink3 a:link, .sectionLink3 a:visited{
	BACKGROUND-IMAGE: url(images/shows.gif); 
	BACKGROUND-REPEAT: no-repeat;
	width: auto;
}
.sectionLink3 a:hover{
	BACKGROUND-IMAGE: url(images/shows-on.gif); 
	BACKGROUND-REPEAT: no-repeat;
}

.sectionLink4 a:link, .sectionLink4 a:visited{
	BACKGROUND-IMAGE: url(images/contact-us.gif); 
	BACKGROUND-REPEAT: no-repeat;
	width: auto;
}
.sectionLink4 a:hover{
	BACKGROUND-IMAGE: url(images/contact-us-on.gif);
	BACKGROUND-REPEAT: no-repeat;
}

/************** #more link **************/

#more a:link, #more a:visited,  #more a:active {
	font-weight: bold;
	color: #705C4D;
	font-size: 12px;
	text-decoration:underline;
	float: left;
	line-height:40px;
	width:140px;
	BACKGROUND-IMAGE: url(images/croc-more-icon.gif); 
	BACKGROUND-REPEAT:no-repeat; 
	BACKGROUND-POSITION:left;  
	Z-INDEX:100; 
	PADDING-LEFT: 28px; 
	PADDING-BOTTOM: 8px; 
	PADDING-TOP: 0px;
	height:40px;	
}

#more a:hover {
	text-decoration:underline;
	color: #968760;
	BACKGROUND-IMAGE: url(images/croc-more-icon-on.gif);
}

/************** #back link **************/

#back a:link, #back a:visited,  #back a:active {
	color: #705C4D;
	font-size: 75%;
	text-decoration:underline;
	float: right;
	line-height:40px;
	width: 100px; 
	Z-INDEX:100; 
	PADDING-LEFT: 25px; 
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 0px;
	height:40px;	
}

#back a:hover {
	text-decoration:underline;
	color: #968760;
}



/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin-left: -15px;
	padding: 0px 0px 10px 0px;
	font-size: 90%;
	text-decoration:underline;
}

.relatedLinks a:link{
	color: #4C422C;
	text-decoration:underline;
}

.relatedLinks a:visited{
	color: #4C422C;
	text-decoration:underline;
}

.relatedLinks a:hover{
	color: #8C713A;
	text-decoration:none;
}
.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}



/************** #advert styles **************/


.advert{
	padding: 10px 0px 0px 20px;
	font-size: 70%;
	color: #4C422C;
	width:165px;
	text-align: left;
}

.advert h3{
	list-style: none; 
	margin: 0 10px 0px 0px;
	padding: 0; 
	Z-INDEX:100; 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 0px;
	height:20px;
    width:165px;
}

.advert img{
	padding: 0px 30px 5px 0px;
	margin: 0 10px 0px 0px;
	
	width:auto;
}

/************* #siteInfo styles ***************/

#siteInfo{
	font-color: #4A3F28;
	clear: both;
	font-size: 75%;
	line-height:35px;
	BACKGROUND: url(images/footer-background.gif) repeat-x ;
	background-color: #ECE6C2;
	padding: 10px 10px 10px 10px;
	margin-top:0px;
	width:740px;
	text-align: middle;
}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 0px 0px;
	vertical-align: right;
}

#golivelink{
	color:#999999;
 	font-size:90%;
 	padding: 5px 0px 0px 10px;
	width: 200px;
	float: right;
	line-height:35px;
	vertical-align: top;
 	text-align: right;

}

#copyright{
 	color:#8C713A;
	BACKGROUND: #493e27 url(images/main-background.gif);
	font-size:70%;
	padding: 10px 0px 0px 10px;
	width: 750px;
	vertical-align: right;
	float: left;
	text-align: left;
	height: 30px;
}