/*------------------------------------------------------------------
[Master Stylesheet]

Project:	PUBS AND CLUBS AUSTRALIA
Version:	2.0

Last change:	24/06/08 [directory classes]
Assigned to:	L TASSONE
Primary use:	WEB
-------------------------------------------------------------------

[Table of contents]

1. Body
	2. Container Shadow / #container-shadow
		3. Container Shadow Header / #container-shadow-header
			4. Container / #container
				5. Header / #header
					6. Navigation / ul#navmenu
				7. Left Column / #left
				8. Right Column / #right
				9. Footer / #footer
	10. Bottom Graphic / #bottom
		11. Bottom Shadow / #bottom-shadow
		
12. Padding / .inside	
13. Custom Headers
14. Homepage Specific Styles
15. Article Related
16. Giveaways/Gallery
17. Directory Related
18. Search Pages
19. Advertisements
20. Tag Cloud
21. Misc
22. Dom Tabs

[Colour Glossary]

Background: #666666 (Grey)
Container: #000000 (Black)
Normal Text: #E6E6E6 (Light Grey)
h1: #ffffff (white)
Article Heading (h1): #ff6600 (Orange)


[Typography]

Body: 90%/1.3em Verdana, Arial, Helvetica, sans-serif;
All headings: Helvetica, Arial; lighter
h1: 150%;
h2: 130%;
h3: 100%;
h4,h5: 90%;
Navigation: bold 10px/22px;
h1.articleheading, h1.reviewheading, h1.listingheading, h1.compheading: 110% bold; 
h1.articleheading: lighter;
updateheading: 12px;
.articledate, .articleauthor, .articlecategory: italic;
.imgdesc italic 85%;
#giveaways h2: 110%/1.2em uppercase;

-------------------------------------------------------------------*/

/*-----------------------------------------------------------------
1. Body
-------------------------------------------------------------------*/
* {padding:0; margin:0;}
html, body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; line-height:1.3em; font-weight:normal; color:#E6E6E6; background:url(../images/general/body-background.jpg) repeat-x top center #666;}
h1,h2,h3,h4,h5{font-family:Helvetica, Arial; font-weight:lighter;margin:0; padding:0;font-size:90%;}
h1{font-size:150%; padding:6px 10px 30px 10px; line-height:1em; clear:both; text-transform:lowercase;background-color:#FF6600; margin: 10px -10px -25px 0;}
h2{font-size:130%;}
h3{color:#000; text-align:right;font-size:100%;}
a { text-decoration:none;}
a:hover, a:visited {color:#666;}
blockquote {margin-left:20px;}
table{text-align:left;}

/*-----------------------------------------------------------------
2. Container Shadow
-------------------------------------------------------------------*/
#container-shadow {margin:0; padding:0; width:850px; height:100% !important; height:1%; background:url(../images/general/shadow-bg.jpg) repeat-y top transparent;margin-left:auto;
margin-right:auto;}

/*-----------------------------------------------------------------
3. Container Shadow Header
-------------------------------------------------------------------*/
#container-shadow-header {margin:0; padding:0; width:850px;background:url(../images/general/shadow-bgheader.jpg) no-repeat top;margin-left:auto;margin-right:auto; height:100% !important; height:1%;}

/*-----------------------------------------------------------------
4. Container
-------------------------------------------------------------------*/
#container{width:780px;margin-left:auto;margin-right:auto;background-color:#000;}


/*---------------------------------------------------------------------------------------
5. Header
			8/05/08 - CHANGED HEADER INTO ONE IMAGE FOR TIDIER DESIGN AND MAINTENANCE
-----------------------------------------------------------------------------------------*/
#header {width:100%;background:url(../images/general/header.jpg) no-repeat top right ; height:128px;} 

/*-----------------------------------------------------------------
6. Navigation
-------------------------------------------------------------------*/
/* navigation: Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0 !important;
  top:102px;
  position:relative;
  border: 0 none;
  padding: 0;
  width: 480px; /*For KHTML*/
  list-style: none;
  height: 24px;
  background:url(../images/general/nav-cap.gif) no-repeat top right #EEE;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #ff6600;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #ff9900;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ff6600;
  color: #fff;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #ff6600;
  color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #ff9900;
  color: #fff;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


/*-----------------------------------------------------------------
7. Left
-------------------------------------------------------------------*/
#left {width:60% !important; width:450px;display:block;float:left;}

/*-----------------------------------------------------------------
8. Right
-------------------------------------------------------------------*/
#right{width:40% !important; width:300px; display:block; float:left;}
#right hr {visibility:hidden; clear:both;  display:block;margin-bottom:5px;}

/*-----------------------------------------------------------------
9. Footer
-------------------------------------------------------------------*/
#footer{clear:both; border-top:3px solid #fff; background:url(../images/general/gray-grad.jpg) repeat-x bottom; padding:10px; margin-top:30px;color:#333333;}

/*-----------------------------------------------------------------
10. Bottom
-------------------------------------------------------------------*/
#bottom{margin-left:auto;margin-right:auto;width:850px;}

/*-----------------------------------------------------------------
11. Bottom Shadow
-------------------------------------------------------------------*/
#bottomshadow{background:url(../images/general/footer-bottom.jpg) no-repeat top; height:50px;}

/*-----------------------------------------------------------------
12. Padding
-------------------------------------------------------------------*/
.inside {padding:10px;}

/*-----------------------------------------------------------------
13. Custom Headers
-------------------------------------------------------------------*/
h1.articleheading, h1.reviewheading, h1.listingheading, h1.compheading{font-size:110%; color:#FF6600; font-weight:bold; margin:0; padding:0;  line-height:1.3em; clear:none; text-transform:none;text-transform:none; background:none; text-align:left;}
h1.reviewheading{font-size:110%;background:none; font-weight:lighter;}
h1.listingheading{text-transform:uppercase;background:none;}
h1.clear{background:none;margin:10px;padding:0;}
a:hover h1.articleheading,a:visited h1.articleheading{color:#333;background:none;}
a:hover h1.reviewheading,a:visited h1.reviewheading{color:#666; background:none;}
a:hover h1.compheading{color:#666; background:none;}

/*-----------------------------------------------------------------
14. Homepage Specific Styles
-------------------------------------------------------------------*/
#giveaways, #gallery{width:679px;margin-left:50px;margin-right:50px;background:url(../images/general/slant-top.gif) no-repeat top left #FF9900;clear:both;} 
#gallery {background:url(../images/general/slant-bottom.gif) no-repeat bottom left #FF6600; margin-top:-3px; padding-bottom:20px;}
.compbox{width:205px; margin:10px !important;margin:8px;float:right; display:block; }
.updateheading{font-size:12px; color:#333; display:inline;margin-left:5px;}

/*-----------------------------------------------------------------
15. Article Related
-------------------------------------------------------------------*/
.articledate, .articleauthor, .articlecategory {color:#f60; font-style:italic;display:block;width:100%; text-align:right;}
#googlehori{padding:10px; clear:both;}
.articlepic{margin:20px 5px 5px 0; border:1px solid #ccc; padding:2px; float:right; display:block;position:relative;}
.imgdesc {margin:5px 10px 10px 30px; font-style:italic; font-size:85%;line-height:1.2em;}
h1.article{text-transform:none;}
.article-pane, .review-pane, .directory-pane, .gallery-pane, .general{width:100%; margin:0 10px; background:url(../images/general/gray-grad.jpg) repeat-x bottom left #eee; clear:both; color:#666666; border-bottom:1px dotted #666 !important;border-bottom:1px solid #c0c0c0;}
.review-pane, .gallery-pane{background-image:none; height:60px;}
.article-pane .inside img{margin-right:10px;}
.imgborder {padding:3px; border:1px solid #666; margin-right:5px;}
.cends{background-color:#CCC; display:block; clear:both; color:#666;}
a.archive, .pagination, a.review{background:url(../images/general/archive-bg.jpg) no-repeat top left transparent; width:150px;padding: 10px 5px 5px 30px;height:37px; border:0;display:block; text-transform:uppercase; float:right;color:#999999; font-weight:bold;}
a.review{background:url(../images/general/review-button.jpg) no-repeat top left transparent; color:#666;}
a.review:hover{color:#999;}
a.archive:hover{color:#333333;}
.article-pane hr {display:block; visibility:hidden; clear:both;}

/*-----------------------------------------------------------------
16. Giveaways/Gallery
-------------------------------------------------------------------*/
#giveaways h2{font-size:110%; text-transform:uppercase; line-height:1.2em; padding:0;}
#giveaways p {color:#666666;}
.galleryh {font-size:110%;padding:0 0 10px 0;}

/*-----------------------------------------------------------------
17. Directory Related
-------------------------------------------------------------------*/
.pagination{font-size:70%;}
a.dirlist {color:#333;}
a.dirlist:hover{background-color:#F90; font-size:16px; font-weight:bold;}
a.dirlist:visited{color:#666;}
em.listing{color:#000; font-size:85%; line-height:1.1em;}
.odir, .links, .right{background-color:#000;}
.odir a, .links a{clear:both; color:#ccc; margin:10px; display:block; border-bottom:none;}
.odir a:hover, .links a:hover {color:#eee;}
.odir a:visited, .links a:visited {color:#666;}
.dlink,.blink{color:#999999; text-decoration:none;}
.dlink{ display:block;}
#map span{font-size:9px;}


/*----- New directory added 24/06/08 -----------------------*/
.categorytitle{font-size:10px;}
.largeimg{width:260px; margin:20px auto;}
#largeImg {
	width: 250px;
	padding: 5px;
}
.thumbs img {
	border:none;
	width: 50px;
	height: 50px;
	padding: 4px;
}
.thumbs img:hover {
	border-color: #FF9900;
}
.plate{background-color:black; margin:-10px 0 0 10px;width:100%;font-size:14px; line-height:18px; padding:5px 0 0 10px; font-family: Arial, Verdana;}
.plate a{color:#FFFFFF;}
.timetable{background-color:#ffffff;margin:-5px 10px 0 6px;width:200px; float:right;color:#333333;font-size:10px;}
.timetable td{}
.open{background:url(http://www.pubsandclubs.net.au/images/directory/open.gif) no-repeat center center;width:16px;height:16px;}
.closed{background:url(http://www.pubsandclubs.net.au/images/directory/closed.gif) no-repeat center center;width:16px;height:16px;}
.menu{float:right;color:#333333;font-size:10px; clear:both; margin:10px 30px;}
.back{display:block; text-align:right; margin:20px 20px 0 20px;}
.details{color:#999999;}
.particulars{border-top:3px solid #999; background-color:#FFD3B7; color:#000000; padding:5px; font-size:11px;margin-top:20px;}

.one,.two{padding:3px;}
li.one,li.two{list-style:none;}
.one a, .two a{color:#FF6600;}
.one a:hover,.two a:hover{font-weight:bold;}
.one, li.one{background-color:#333;}
.two, li.two{background-color:#272727;}
.one em,.two em{font-size:11px;font-style:normal;}
ul.displaybox,ul.listings{margin:0; padding:0;}
ul.displaybox li, li.head,ul.listings li{float:left; display:block; background-color:#333;padding:1px; width:183px; text-align:center; margin:1px;height:20px; list-style:none; line-height:18px;}
ul.listings li{width:245px;}
ul.displaybox li.head, ul.listings li.head{background-color:#eeeeee; color:#000000; font-weight:bold;}

a.dblink{color:white; text-decoration:none;}
a.dblink:hover{color:#FF6600;}
a.pagelink{background-color:#FF6600; border: 2px solid #333; padding:2px;color:#000000;}
a.pagelink:hover{color:#333;background-color:#FFF;}
.search-button{border-left:1px solid #999; border-top:1px solid #999; border-right:2px solid #666; border-bottom:2px solid #666;background-color:#ff6600; padding:1px; color:#FFF; font-size:16px; font-style:italic; float:right; font-weight:lighter; font-family:Helvetica, Arial;margin-right:20px;}
.number{text-align:center;font-weight:bold; font-size:16px; background-color:#FF6600; padding:2px; vertical-align:top;color:black;}

ul.pane-list img{width:90px; height:90px; float:left; border:0;padding:5px;}
.pane-list a{color:#666;}
.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	background: #333;
	padding: 5px;
	border: solid 1px #000000;
	cursor: pointer;
	width:359px;
	height:100px;
	float:left;
}
.pane-list li:hover {
	background: #3C3C3C;
}
h2.map {float:left;}
.divider{display:block; clear:both; border:none;border-bottom:1px dashed #666;height:20px;margin:10px 0;}
ul.slink li{float:left; margin:2px 3px; list-style:none; font-size:11px; display:block;}
ul.slink li a{color:#999; white-space:nowrap;}
ul.slink li a:hover{color:#FF6600;}
/*-----------------------------------------------------------------
18. Search Pages
-------------------------------------------------------------------*/
.article-search{background:url(../images/general/article-search-block.gif) no-repeat top center; width:445px; height:205px; margin:50px 0 10px 10px;}
.search{background:url(../images/general/search-block.gif) no-repeat top center; width:250px; height:200px;margin-left:5px;}
.search input, .article-search input{font-size:140%; color:#F60;}
.searchtext {margin:72px 20px 10px 20px; height:25px;}
.asearchtext {margin:72px 0 10px 110px;  height:25px;}
.searchbutton {margin-left:80px; color:#333;}
.asearchbutton {margin-left:110px;}
.searchresult{width:100%; background-color: #eee; margin-top:20px;}
.searchborder{border:3px solid #f60;margin:20px;}
.searchback{border: 1px solid #ccc; margin:10px 20px;padding:2px; width:350px; text-align:center;}
.searchback a {color:#F90;}
.searchback a:hover{color:#666;}

/*-----------------------------------------------------------------
19. Advertisements
-------------------------------------------------------------------*/
.advertisement{padding:5px;}
.advertisement img{padding:5px; border:1px solid #666;}
.advertisement p{color:#666;background-color:#000;display: block;float: left;left: 20px;bottom: -5px;position: relative; padding:0 5px;}

/*-----------------------------------------------------------------
20. Tag Cloud
-------------------------------------------------------------------*/
.tag_cloud { margin: 3px; text-decoration: none; line-height:90%;}  
.tag_cloud:link  { color: #666; }  
.tag_cloud:visited { color: #fff; }  
.tag_cloud:hover { color: #fff; } 

/*-----------------------------------------------------------------
21. Misc
-------------------------------------------------------------------*/
.td{background-color:#333333; border:1px solid #666666;padding:3px;}
.right{border-bottom:1px solid #333;}
.links p {line-height:11px;font-size:10px;padding-left:10px;}
.formtd{padding:5px; border:1px solid #ddd; background-color:#F0F0F0;}

/*-----------------------------------------------------------------
22. Dom Tabs
-------------------------------------------------------------------*/
		
		div.domtab{
			
			width:100%;
			font-size:90%;
			background-color: #ff6600;
			margin:5px 10px;
		}
		
		ul.domtabs{
			float:left;
			width:100%;
							
		}
		ul.domtabs li{
			float:left;
			padding:0 .5em 0 0;
			display:inline;
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:7em;
			text-align:center;
			padding:.2em;
			display:block;
			background:#eee;
			color:#333;
			height:2em;
			font-weight:bold;
			text-decoration:none;
		}
		
		ul.domtabs a:hover{
		color:#fff;
		}
		
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:2em;
		}
		ul.domtabs a:hover{
			background:#333;
		}
		div.domtab div{
			clear:both;
			width:auto;
			background:#333;
			color:#eee;
			padding:1em 3em;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#333;
			color:#fff;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
		
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#fff;
			display:block;
			padding:1em .5em;
			font-weight:bold;
			font-size:1.3em;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#333;
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}