/*
Theme Name: Royally Flushed
Description: Custom WordPress theme for Royally Flushed.
Author: Tornado Design
*/

/* Begin CSS reset ----------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
/* End CSS reset ----------------------------------------------------------------------*/

/* Text styles ------------------------------------------------------------------------*/
/* Basic HTML */
body { font: 13px/1.5 Helvetica, Arial, sans-serif; }
a:link, a:active, a:visited { color:#12488c; text-decoration:none; }
a:hover { color:#ffb71c; text-decoration:none; }
hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }

/* Headings */
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 19px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

/* Spacing */
p, dl, hr, h1, h2, ol, ul, pre, table, address, fieldset { padding-bottom: 18px; }

body {
	background:#027353 url("images/bg.jpg") top repeat-x;
}

#container {
	width:996px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 40px 0 40px;
	background:transparent url("images/header-bg.jpg") top no-repeat;
}

#top-banner-ad {
	width:728px;
	position:relative;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#top-banner-ad span {
	position:absolute;
	top:0;
	right:0;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#fff;
}

/* Header -----------------------------------------------------------------------------------*/
#header {
	background:transparent url("images/header.jpg") no-repeat;
	height: 10px;
	overflow:hidden;
}
#header h1 {
	text-indent:-2000px;
}

#top-search {
	text-align:right;
}
#top-search input {
	background-color:#f4ffea;
	border:1px #71bd27 solid;
}

#top-nav {
	text-align:right;
	padding: 8px 0;
}

#top-nav li {
	display:inline;
	padding:0 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
}
#top-nav li a:link, #top-nav li a:visited, #top-nav li a:active {
	color:#fff;
}
#top-nav li a:hover {
	color:#ffb71c;
}

/* Navigation -------------------------------------------------------------------------------*/
/* Sets the navbar image */
ul#nav li a { background-image: url("images/navigation.gif"); }

/* Sliding doors positioning for the navbar */
ul#nav li#nav-home a, ul#nav li#nav-home a:visited { background-position: 0 0; }
ul#nav li#nav-home a:hover, ul#nav li#nav-home a:visited:hover { background-position: 0 -33px; }
ul#nav li#nav-home a.current, ul#nav li#nav-home a.current:visited { background-position: 0 -66px; }

ul#nav li#nav-destinations a, ul#nav li#nav-destinations a:visited { background-position: -83px 0; }
ul#nav li#nav-destinations a:hover, ul#nav li#nav-destinations a:visited:hover { background-position: -83px -33px; }
ul#nav li#nav-destinations a.current, ul#nav li#nav-destinations a.current:visited { background-position: -83px -66px; }

ul#nav li#nav-gaming a, ul#nav li#nav-gaming a:visited { background-position: -236px 0; }
ul#nav li#nav-gaming a:hover, ul#nav li#nav-gaming a:visited:hover { background-position: -236px -33px; }
ul#nav li#nav-gaming a.current, ul#nav li#nav-gaming a.current:visited { background-position: -236px -66px; }

ul#nav li#nav-events-offers a, ul#nav li#nav-events-offers a:visited { background-position: -334px 0; }
ul#nav li#nav-events-offers a:hover, ul#nav li#nav-events-offers a:visited:hover { background-position: -334px -33px; }
ul#nav li#nav-events-offers a.current, ul#nav li#nav-events-offers a.current:visited { background-position: -334px -66px; }

ul#nav li#nav-trips a, ul#nav li#nav-trips a:visited { background-position: -509px 0; }
ul#nav li#nav-trips a:hover, ul#nav li#nav-trips a:visited:hover { background-position: -509px -33px; }
ul#nav li#nav-trips a.current, ul#nav li#nav-trips a.current:visited { background-position: -509px -66px; }

ul#nav li#nav-dining a, ul#nav li#nav-dining a:visited { background-position: -585px 0; }
ul#nav li#nav-dining a:hover, ul#nav li#nav-dining a:visited:hover { background-position: -585px -33px; }
ul#nav li#nav-dining a.current, ul#nav li#nav-dining a.current:visited { background-position: -585px -66px; }

ul#nav li#nav-favorites a, ul#nav li#nav-favorites a:visited { background-position: -675px 0; }
ul#nav li#nav-favorites a:hover, ul#nav li#nav-favorites a:visited:hover { background-position: -675px -33px; }
ul#nav li#nav-favorites a.current, ul#nav li#nav-favorites a.current:visited { background-position: -675px -66px; }

ul#nav li#nav-about a, ul#nav li#nav-about a:visited { background-position: -795px 0; }
ul#nav li#nav-about a:hover, ul#nav li#nav-about a:visited:hover { background-position: -795px -33px; }
ul#nav li#nav-about a.current, ul#nav li#nav-about a.current:visited { background-position: -795px -66px; }

ul#nav li#nav-contact a, ul#nav li#nav-contact a:visited { background-position: -880px 0; }
ul#nav li#nav-contact a:hover, ul#nav li#nav-contact a:visited:hover { background-position: -880px -33px; }
ul#nav li#nav-contact a.current, ul#nav li#nav-contact a.current:visited { background-position: -880px -66px; }

/* Sets specific width for each nav button */
ul#nav li#nav-home a { width: 83px; }
ul#nav li#nav-destinations a { width: 153px; }
ul#nav li#nav-gaming a { width: 98px; }
ul#nav li#nav-events-offers a { width: 175px; }
ul#nav li#nav-trips a { width: 76px; }
ul#nav li#nav-dining a { width: 90px; }
ul#nav li#nav-favorites a { width: 120px; }
ul#nav li#nav-about a { width: 85px; }
ul#nav li#nav-contact a { width: 116px; }

ul#nav {
	width: 996px;
	height: 33px; /* Makes IE6 happy */
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul#nav li {
	height: 33px;
	float: left;
	display:inline;
}
ul#nav li a, u#nav li a:visited {
	height: 33px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
}
/* Drop Down Menu -------------------------------------------------------------------*/
ul#nav {
	position: relative;
	overflow: visible;
}
ul#nav li ul.dropdown {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	list-style: none;
	text-align: left;
	display: none;
	float: none;
	z-index: 99;
}
ul#nav li ul.dropdown #dropdown-one { left: 81px; }
ul#nav li ul.dropdown #dropdown-two { left: 181px; }

.nojs ul#nav li:hover ul.dropdown {
	display: block;
}
ul#nav li#nav-destinations ul a, ul#nav li#nav-destinations ul { width: 150px; }
ul#nav li#nav-trips ul a, ul#nav li#nav-trips ul { width: 120px; }
ul#nav li#nav-dining ul a, ul#nav li#nav-dining ul { width: 150px; }

ul#nav li ul.dropdown li {
	height: 25px;
	float: none;
	display:block;
	text-indent:0;
}
ul#nav li ul.dropdown li a, ul#nav li ul.dropdown li a:visited {
	color: #fff;
	padding: 6px 0 15px 15px;
	font:13px Helvetica, Arial, sans-serif bold;
	display: block;
	height: 5px;
	background: #ff7c12;
	text-indent:0;
	text-decoration:none;
}
ul#nav li ul.dropdown li a:hover, ul#nav li ul.dropdown li a:visited:hover {	
	background: #ff9212;
}
ul#nav li ul.dropdown li.dd-first { border-top:none; }

#top-photos {
	display:block;
}

/* Content ----------------------------------------------------------------------------*/
#content {
	background-color:#fff;
	padding:10px 20px;
	overflow:hidden;
}
#content-left-col {
	width:595px;
	overflow:hidden;
	padding-right:10px;
	margin-bottom:10px;
	float:left;
	border-right:1px #71bd27 dotted;
}
#content-left-col ul { list-style:inside disc; padding-left:10px; }
#content-left-col ol { list-style:inside decimal; padding-left:10px; }
.wp-caption-text {
	text-align:center;
	font-style:italic;
	background:#fff url("images/camera-icon.gif") left top no-repeat;
	padding-left:15px;
}
#content h2 {
	font-size: 28px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#12488c;
	padding:0;
	line-height:32px;
}
#content h2 a:link, #content h2 a:active, #content h2 a:visited {
	font-size: 28px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#12488c;
	padding:0;
}
#content h2 a:hover {
	color:#d6482c;
}
#content h3 {
	color:#71bd27;
}
.category {
	display:block;
	width:585px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#ff7c12;
	background-color:#fffde1;
}
.post {
	border-top:1px #71bd27 dotted;
}
.post-author {
	color:#737373;
	font-size:13px;
	display:block;
	padding-bottom:5px;
}
#content p, #content ul li, #content ol li {
	font-size:14px;
}

#content-right-col {
	float:right;
	width:336px;
	padding-left:10px;
	margin-bottom:10px;
}
#content-right-col h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	line-height:26px;
	color:#000;
}
#content-right-col h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	line-height:26px;
}

.right-col-left {
	width:150px;
	padding-right:10px;
	margin-bottom:10px;
	margin-right:10px;
	border-right:1px #71bd27 dotted;
	float:left;
}
#content-right-col h3 {
	text-transform:uppercase;
	font-weight:normal;
	color:#d6482c;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#top-categories a:link, #top-categories a:active, #top-categories a:visited {
	font-weight:bold;
}
#top-categories li ul {
	padding:0 0 0 10px;
}
#newsletter {
	border-top:1px #71bd27 dotted;
	margin-top:10px;
}
.newsletter-text {
	width:85px;
	border:1px #71bd27 solid;
	background-color:#f4ffea;
	bottom:6px;
	position:relative;
}
#top-lists a:link, #top-lists a:active, #top-lists a:visited {
	font-weight:bold;
}
#top-lists {
	border-bottom:1px #71bd27 dotted;
	background:transparent url("images/clubs-bg.jpg") top right no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;
}
.right-col-right {
	float:right;
	width:150px;
	padding-right:10px;
}
#site-description {
	border-bottom:1px #71bd27 dotted;
	background:transparent url("images/heart-bg.gif") top right no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;
}
.commentlist {
	background-color:#f6f6f6;
	margin-bottom:5px;
	padding:5px;
}
#footer-google-ads {
	clear:both;
	background-color:#fff;
	border-top:1px #71bd27 dotted;
	border-bottom:1px #71bd27 dotted;
	padding-top:3px;
}

/* Footer -----------------------------------------------------------------------------*/
#footer {
	width:956px;
	height:197px;
	margin: 0 auto;
	padding:10px 20px;
	overflow:hidden;
	background:transparent url("images/footer-bg.gif") no-repeat;
}
#footer-col-1 {
	float:left;
	width:340px;
	border-right:1px #71bd27 dotted;
}
#footer-col-2 {
	overflow:auto;
	padding-left:14px;
}
#footer li a:link, #footer li a:active, #footer li a:visited {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#12488c;
}
#footer li a:hover {
	color:#ffb71c;
}
#footer h3 {
	font-size:20px;
}
#footer h4 {
	font-size:16px;
}
#footer p {
	font-size:15px;
}
#footer-search input {
	background-color:#f4ffea;
	border:1px #71bd27 solid;
}
/* Copyright -----------------------------------------------------------------------------*/
#copyright {
	width:997px;
	margin: 0 auto;
	padding:0 20px;
	text-align:center;
	font-size:11px;
	padding:10px 0 25px 0;
	color:#e9e9e9;
}
#copyright li {
	display:inline;
	padding:0 5px;
}
#copyright li a:link, #copyright li a:active, #copyright li a:visited {
	color:#fff;
}
#copyright li a:hover {
	color:#ffb71c;
}

/* Begin Images --------------------------------------------------------------------------*/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright { float: right; }
.alignleft { float: left }
/* End Images */