/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/* ===== TEMPLATE BACKGROUND - Inlcudes top bar background color ===== */

body {
	background:#f4e39f url(http://www.waikikitrolley.com/wp/wp-content/uploads/2010/06/background-12.jpg) repeat-x top left !important;
	color:#444;
	font:13px/1.5 Arial, Helvetica, sans-serif !important;
}

/* ===== Index Main Header ===== */

.h_welcome {
	padding:0 0 5px 0;
    width:450px;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 34px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
        color: #330066;
}

/* ===== Main Navigation Bar ===== */

#cat-menu ul li a {
	/* font:bold 14px Georgia, "Times New Roman", Times, serif !important; */
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 5px;
	padding:7px 20px 12px 10px;
}


/* ===== Widget Headers ===== */

.widget h2 span, .widget h3 span {
	margin:0;
	padding:0px;
	line-height:20px;
	font-variant:normal;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
        color: #ff6600;
}

/* ===== Template Headers ===== */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-weight:normal;
	font-variant:normal;
        color: #043174;
}

/* ===== Page Headers ===== */

#page_head h1 {
	font: bold 26px Georgia, "Times New Roman", Times, serif !important;
	margin:0;
	padding:0 0px 5px 0px;
        color: #043174;
}

/* ===== blockquote ===== */

blockquote p span {
	color: #cccc66 !important;
}


/* ===== FOOTER BACKGROUND - Doesn't include footer navbar background ===== */

#bottom { background-image: url(http://www.waikikitrolley.com/wp/wp-content/uploads/2010/05/footer-background-01.jpg); }

/* ===== FOOTER SOCIAL link ===== */

.widget .social img {
    float:left;
    clear:left;
    padding: 2px 5px 1px 15px;
}

.widget .social a {
    display:block;
    float:left;
    color: #fff !important;
}


.by a {color:#673e9e !important;}

/*--- Buy Tickets Page ---*/

#alt_container {
	float: left;
	width: 600px;
        margin-bottom: 20px;
}

#container-noborder {
	width: 575px;
	padding: 3px;
	margin: 1px 1px 10px 1px;
	float: left;
}

#tix-wide {
	width: 300px;
	text-align: center;
	float: left;	
}

#container {
	width: 600px;
	padding: 3px;
	margin: 1px 1px 30px 1px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	float: left;
}

#tix {
	width: 199px;
	text-align: center;
	float: left;
}

#tix-header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #306;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background-color: #edeeef;
	padding: 0px;
	margin: 5px;
}

#tix-price-retail {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #306;
	text-decoration: line-through;
	border-style: solid;
	border-width: 1px;
	border-color: #C99;
	text-align: center;
	margin: 5px;
	padding: 3px;
}

#tix-price {
	height: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	text-align: center;
	margin: 5px;
	padding: 3px;
}

#tix-price-no-height {
	border-style: solid;
	border-width: 1px;
	border-color: #C99;
	text-align: center;
	margin: 5px;
	padding: 3px;
}

#tix-price-online {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #555;
	margin: 0 0 0 0;
}

#tix-price-offline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}

#tix-savings {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #000;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	text-align: center;
	margin: 5px;
	padding: 0px;
	height: 60px;
}

#tix-savings-nobold {
	font-weight: normal;
	font-size: 11px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.tix-table_border {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 5px;
	margin: 0px;
}

#tix-button {
	padding-left: 55px;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#tix-button-alt {
	padding-left: 110px;
	margin: 0px;
}

#h3mock {
	font-size: 24px;
	font-weight: bold;
	color: #330066;
}

#h3-alt {
	font-size: 14px;
	font-weight: bold;
	color: #999;
}

#tix-red {
	color: #C00;
}

#tix-green {
	color: #060;
}

#tix-pink {
	color: #F6C;
}

#no-strikethrough {
	text-decoration: none;
	color: #777;
	margin: 0;
	padding: 0;
}

#strikethrough {
	text-decoration: line-through;
	color: #777;
	margin: 0;
	padding: 0;
}

.strikeInline {
	text-decoration: line-through;
	color: #777;
	display: inline;
}

#bold-tix-price {
	font-weight: bold;
	font-size: 16px;
        color: #F30;
	margin: 0;
	padding: 0;
}

/* ===== SEARCH FORM ===== */

.searchform {
	padding:2px;
	position:relative;
	width:180px;
	height:25px;
	float:right;
	margin: 2px 0 0 0;
}

.searchform .s {
	padding:4px 30px 4px 8px;
	width:142px;
	color: #000;
	background-color: #fff !important;
}

/* ========= Hotel Page ========== */

.hotel-listing {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 5px;
	margin: 2px;
}

.hotel-listing-red {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 5px;
	margin: 2px;
	background-color: #e8031b;
	color: #ffffff;
}
.hotel-listing-red a {
	color: #ffffff;
	font-weight: bold;
}

.hotel-listing-green {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 5px;
	margin: 2px;
	background-color: #019946;
	color: #ffffff;
}

.hotel-listing-green a {
	color: #ffffff;
	font-weight: bold;
}

.hotel-listing-pink {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 5px;
	margin: 2px;
	background-color: #e1007e;
	color: #ffffff;
}

.hotel-listing-pink a {
	color: #ffffff;
	font-weight: bold;
}

.hotel-listing-grey {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 5px;
	margin: 2px;
	background-color: #eee;
}