/* ~~~~~ General style ~~~~~ */

/* adjust font sizes slightly up from the default */
body {font-size:75%;}

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


p {margin:0 0 1.0em 0;}


a:hover {
	text-decoration: underline;
}
h4 {
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:10px;
}
h5	{
margin-left:10px;
}

ul {
	list-style-type: none;
}

/* prevents tab links from looking clickable */
dt a {
	color: #069;
}

dd {
	margin-bottom: 10px;
}
dl {
	margin-left: 20px;
}

dt  {
	margin-bottom: 10px;
}

/* ~~~~~ Containers ~~~~~ */

div#sidebar {
	width: 300px;
	margin-left: 10px;
	margin-top: 20px;
	float: right;
	text-align:  center;
}

div#pagename {
	text-align:left;
	font-size:15px;
	padding: 10px 0 10px 0;
	margin-bottom:10px;
	font-weight: bold;
}

div.image {
	text-align: center;
	margin-bottom: 20px;

}

div.image img {
	margin-bottom: 10px;
border-style:solid;
border-width:3px;
border-color:#996600;
}


div.image .imgtitle {
	font-style: italic;
	color: #888;	
}

div.image .imgcredit {
	font-style: italic;
	color: #888;
}

.right {
	float: right;
	padding: 0 0 0 10px;;
}

.left {
	float:left;
	padding: 0 20px 0 0;
}

div.flag {
	font-style: italic;
	color: #888;
	font-size: 12px;	
}

div form {
	clear:right;
}

div#map {
border-style:solid;
border-width:3px;
border-color:#996600;

        background-color: grey;
}
/* ~~~~~ Content well ~~~~~ */

/* use this class for prose content */
div.prose {
	margin: 20px 20px 0 20px;
}

/* ~~~~~ Home page stuff ~~~~~ */

/* quote of the day */

div#qotddate {
	text-align: center;
	margin-top: 0px;
	margin-bottom:10px;
	font-size:11px;
}

.rn {
	text-align: center;
	color: #96653d;
	font: italic 15px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

 .totd {
	text-align: center;
	color: #96653d;
	font: italic 15px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}


/* event of the day */

div#eotd  {
	text-align: center;
	margin-bottom: 20px;
}

/* news feature */

div#newsbox {	
	margin-bottom:20px;
}

div#newsbox .toast {
	text-align: center;
	color: #96653d;
	font: italic 15px Georgia, Times New Roman, Times, serif;
}

div#newsbox .date {
	color: #888;
	padding-right:10px;
	}

div#newsbox .headline {
	font-weight: bold;
	padding-top:5px;
}

div#newsbox .right_headline {
	font-weight: bold;
	float: right;
	margin-right:20px;
}
div#newsbox .rotm {	
	padding-left:80px;
	}


div#newsbox .banner
{
position:right;
right:-350px;
}

div#newsbox h3 {
	font-size:15px;
	font-weight:bold;
}

div#newsbox .right {
	float: right;
}

div#newsbox a {
	color: #069;
	text-decoration: underline;
}

/* ~~~~~~~ left newsbox ~~~~*/


div#leftnewsbox .date {
	color: #888;
	padding-right:10px;
}

div#leftnewsbox .headline {
	font-weight: bold;
}

div#leftnewsbox .right {
	float: right;
}
div#leftnewsbox a {
	color: #069;
	text-decoration: underline;
}
div#leftnewsbox p {
	margin-right:15px;
}

/*  ~~~~~~~ review box under nav ~~~~~~~*/

div#reviewbox .date {
	color: #888;
	padding-right:10px;
}

div#reviewbox .headline {
	font-weight: bold;
}

div#reviewbox .left {
	float: left;
}
div#reviewbox a {
	color: #069;
	text-decoration: underline;
}
div#reviewbox p {
	margin-right:10px;
}

/* database feature */

div#dbsearchbox {
	background-color: #dbedf3;
	padding: 15px;
}

div#dbsearchbox form {
	text-align: center;
}
div#dbsearchbox input {
	margin-bottom:10px;}

div#dbsearchbox h3 {
	font-size:15px;
	font-weight:bold;
}


div#moon
{
position:relative;
left:-20px;
}


div#moon img 
{
position:absolute;
clip:rect(20px 250px 220px 50px)
}



/* forum feature */

div#forumbox {
	background-color: #d8d5c3;
	padding: 20px 20px 10px 20px;

}



/* ~~~~~ Header ~~~~~ */

div#header {
	border-bottom: 0px solid #8B4513;
	text-align: center;
}

div#header img {
	margin-bottom: 10px;
	float:right;
}

/* ~~~~~ Footer ~~~~~ */

div#footer {
	border-top:  1px solid #8B4513;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
}


/* ~~~~~ Left-side navigation ~~~~~ */

div#nav {
	padding-top: 20px;
	border-right: 1px solid #8B4513;
	
}

div#nav ul {
	list-style-type: none;
}

div#nav li {
	font-weight: bold; 
	margin-bottom: 10px;
}


/* ~~~~~ Interviews ~~~~~ */

.country {
font-weight:bold;
 font-size:14px; 
margin-left:15px;
}

.cinterview {
margin:0px 0px 10px 20px;
}

.busname {
margin-left:45px;
}

.tinterview {
margin:0px 0px 10px 50px;

}

.vinterview {
margin:0px 0px 10px 50px;

}

.rum {
margin:0px 0px 10px 75px;
}

/* ~~~~~ Rum Recipes ~~~~~ */

body.cocktails h3
{
	font-size:15px;
	font-weight:bold;
}

div.recipe h3{

color: #069;
}

div.title {
	font-size:15px;
	font-weight:bold;
	margin-left:20px;
	margin-bottom:5px;
}
div.recipe ul {
	list-style-type: none;
	margin-left:70px;
	margin-bottom:0px;
	}
	
div.desc1 {
margin-left:40px;
}

div.desc {
margin-left:40px;
margin-top:0px;
}

 div.user {
text-align:right;

margin:5px 0 30px 0;
}

/* ~~~~~ Article Pages ~~~~~ */

div#articlenav ul{
	list-style-type: circle;
	list-style-position: outside;
}	
div#articlenav li.solid {
	list-style-type: disc;
}

div#articlenav  {
	float:right;
	margin-left:10px;
	background-color:#EBE8DA
	}

/* ~~~~~ Quiz Pages ~~~~~ */

div.quiz .question {
font-weight:bold;
	margin-bottom:10px;
}

div.quiz .input {  
	display: block;
	clear: right;
	margin-bottom:20px; 
	margin-left:20px;
}
div.quiz .congrat {
	color: #FF0000;
	font-size: 20px;
	}
	
/* ~~~~~ Tales Pages ~~~~~ */	
div.tales {
	margin-left:20px;
}

/*  ~~~~~~~~~~~~ Rum Detail Pages ~~~~~~~~~~~*/
body.rumdetails h4 {
	font-size:15px;
	font-weight:bold;
	margin-left:10px;
margin-bottom:.5em;
}

/*  ~~~~~~~~~~~~  Store Pages ~~~~~~~~~~~~~~~ */

.sale{
font-weight:bold;
color:  	#FF0000;
}

/*   ~~~~~~~~~~~~~~  Google View Cart   ~~~~~~~~~~~~~~~~~~~~~`  */

/*   ~~~~~~~~~~~~~~  Autocomplete    ~~~~~~~~~~~~~~~~~~~~~`  */
.ui-state-disabled { cursor: default !important; }

.ui-widget-content { border: 1px solid #a6c9e2; background:#ffdead;  background-image: url(../images/misc/background.gif); }
/*border: 1px solid #a6c9e2;  background-image: url(../images/misc/background.gif); */

.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; /*background: #ccff66 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;*/ font-weight: bold; color: #1d5987; }


/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */


.ui-menu {     /* needed to delete bullets on menu */
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}


.ui-menu .ui-menu-item a {
	text-decoration:bold;
	display:block;
	padding:.2em .4em;
	line-height:1.2;
	zoom:1;
}