/* force vertical scrollbars to avoid page-shift:
html { height: 100%; margin-bottom: 1px; } */


/* Generic */

body {background-color:#000; color:#ccc; padding:0px; margin:0px; text-align:center; font:11px Verdana;}

a:link, a:visited { text-decoration:none; color: #6f6f70;}
a:hover, a:active { text-decoration:none; color: #999;}
a:link img {border:0px;}

h2 {display:none;}

/* Specific */

	/* head */

#headwrap {background: #333 url(images/bg-head-wrap.gif) repeat; 
		width:auto; margin:0; padding:0px;}
#head {background: #333 url(images/bg-head.gif) no-repeat; 
		width:800px; height:100px; margin:auto;}
#head h1 {display:none;}
#head #tagline {float:right; margin:83px 95px 0 0; color:#6d6d70;}

	/* destination */

#destinationwrap {background: #333 url(images/bg-destination-wrap.gif) repeat-x;   
		width:auto; 
		margin:0; padding:0;}
#destination {background: #333 url(images/bg-destination.gif) no-repeat;  
		width:800px; 
		margin:auto; 
		padding-top:35px;
		padding-bottom:20px;
		text-align:center;}
#destination img {border:none; margin-bottom:2px;}
#mainbuttons {line-height:25px;}
#mainbuttons a:link, #mainbuttons a:visited {border-bottom:4px solid #333;}
#mainbuttons a:hover {border-bottom:4px solid #292929; padding-top:100px;}

	/* more info for destinations */

.moreorless {
		display:block; width:750px; 
		margin:10px auto 0 auto; padding:2px; 
		background-color:#2c2c2c; 
		text-align:center; font-weight:normal;
		font-size:12px; font-family:arial; text-transform:uppercase;
		}

		
.moreorless a:link, #moreorless a:visited {display:block; text-decoration: none; color: #aaa; padding:2px;}
.moreorless a:hover {background-color:#222; color:#ccc; text-decoration:none;}

#moreinfowrap {
	width:auto; margin:auto;  
	overflow:hidden; visibility: visible;}
#moreinfo {
	width: 750px; margin: auto; height: auto; 
	background-color:#444;
	padding:5px 2px;
	color:#ddd; font:10px Verdana; text-align:left;}
	
#moreinfo p {margin-top:0; margin-left:10px;}
#moreinfo a:link, #moreinfo a:visited {font-weight:normal; color:#bcd;}
#moreinfo a:hover, #moreinfo a:active {font-weight:normal; color:#fff;}


#panhandlewrap {
	width:auto; margin:auto;  
	overflow:hidden; visibility: visible;}
#panhandle {
	width: 750px; margin: auto; height: auto; 
	background-color:#444;
	padding:5px 2px;
	color:#ddd; font:10px Verdana; text-align:left;}




	/* current affairs */

.currentmoreorless {
		display:block; width:750px; 
		margin:10px auto 0 auto; padding:2px; 
		background-color:#0c0c0c; 
		text-align:center; font-weight:normal;
		font-size:11px; font-family:arial; text-transform:uppercase;
		}
		
.currentmoreorless a:link, #moreorless a:visited {display:block; text-decoration: none; color: #aaa; padding:2px;}
.currentmoreorless a:hover {background-color:#222; color:#ccc; text-decoration:none;}



#currentwrap {
	width:auto; margin:auto;  
	overflow:hidden; visibility: visible;}
#current {
	width: 750px; margin: auto; height: auto; 
	background-color:#111;
	padding:5px 2px;
	color:#bbb; font:10px Verdana; text-align:left;}
	
#currentleft {float:left; width:300px; margin:0 50px 0 25px;}

#currentright {float:left; width:300px; margin:0 50px 0 25px;}




	/* atlinks */

#atlinkswrap {background: #333 url(images/bg-atlinks-wrap.gif) repeat-x;  
		width:auto; margin:0; padding:0;}
#atlinks {background: #333 url(images/bg-outlinks.gif) no-repeat; 
		width:660px; height:50px; margin:auto;}
#atlinks h3 {font-size:32px; text-align:center; color:#000; text-shadow:none; margin-top:0em;}
#atprimary {font-size:14px;padding-top:2px; padding-left:20px; font-weight:bold;}
#atsecondary {padding-top:5px;font-weight:bold; padding-left:20px;}
#atlinks a:link, #atlinks a:visited { text-decoration: none; color: #cce; padding-right:20px;}
#atlinks a:hover { text-decoration: none; color: #fff;}


	/* outlinks */

#outlinkswrap {width:800px; margin:0px auto;}
#outlinks {border:0px solid #333; height:300px; width:695px; margin:0px auto; text-align:left;}
#outlinks h3 {font-size:14px; margin-top:0em;}


#frequent {float:left; width:200px; margin:15px; border:0px solid #333;}
#sublime {float:left; width:200px; margin:15px; border:0px solid #333;}
#created {float:left; width:200px; margin:15px; border:0px solid #333;}


#outlinks ul {list-style-type:none; padding:0px; margin:0px;}

#outlinks li a {
	display:block; height:17px; width:200px;
	padding-top:3px; border-bottom:1px dotted #333;
	background:URL(images/ticked.gif); background-repeat: no-repeat;
	text-decoration:none;
	}

#outlinks li a:link {}
#outlinks li a:visited, a:active {background-position: 0 -40px;}
#outlinks li a:hover {background-position: 0 -20px;}






	/* footer */

#footer {
	clear:both;
	width:auto; border:1px solid#222;  
	background-color:#06080a; 
	color:#666;
	font-size:9px; 
	margin-top:45px; padding:4px;}