@import "happyhour-nav.css";
@import "modules.css";
@import "color.css";

/* standard tags */

font {
	font-family:inherit; !important
	line-height:inherit; !important
	color:inherit; !important
	font-size:inherit; !important
	font-style:inherit; !important
	}

h1,h2,h3,h4,h5,h6 { 
	color: #000000;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-top:.25em;
	margin-bottom:.25em;
	font-weight:normal;
}

h1 {font-size:34px;}
h2 {font-size:20px; font-weight:bold;text-transform:uppercase;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}


body {
	background-color:#000;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	}
	
iframe {
	border:none;
	}
	
hr {clear:both; margin: 20px 0;}	
/* page structure */

#page {
	width:950px;
	margin:auto;
	text-align:left;
	}
	
#header {
float:left;
width:950px;
display:inline;
position:relative;
}
	
#page-body {
float:left;
width:950px;
margin-top:6px;
padding-bottom:6px;
display:inline;
}

/* topnav */

#top-nav {
	color:#000;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:30px;
	height:65px;
	background:#fff;
	position:relative;
	padding-left:13px;
	border-bottom: solid 1px #ccc;
	}
	
#top-nav a {
	color:#000;
	}
#top-nav p {
	color:#000;
	}	
	
ul#top-links {width:330px;height:25px;}
ul#top-links {
	padding:5px 0 0 0;
	margin:0;
	list-style:none;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height:14px;
	font-size:10px;
	text-transform:uppercase;
	}
	
ul#top-links li {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	display:inline;
	float:left;
	padding:0 4px;
	border-right:#ccc solid 1px;
	}
	ul#top-links li.last {border:none;}
	
ul#top-links li a {
	display:block;
	outline:none;
	padding:0;
	}
ul#city-links {width:330px;height:25px;}
ul#city-links {
	padding:0px 0 0 0;
	margin:0;
	list-style:none;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	text-transform:uppercase;
	}
	
ul#city-links li {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	font-weight:bold;
	display:inline;
	float:left;
	padding:0 4px;
	border-right:#ccc solid 1px;
	}
	ul#city-links li.last {border:none; color:#ccc;}
	
ul#city-links li a {
	display:block;
	outline:none;
	padding:0;
	}

#hhsearch {width:330px; float:left; height:25px;}
#sitesearch {
	position:relative;

	}
	
#searchbutton {
	background: url(../../images/search-bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:20px;
	width:59px;
	position:absolute;
	top:4px;
	right:5px;
	border:none;
	cursor:pointer;
	}
	
#searchbutton:hover {
	background-position:0 -20px;
	}
	
.searchform {
	width:256px;
	position:absolute;
	top:4px;
	right:68px;
	border-top:solid 1px #7f7f7f;
	border-left:solid 1px #7f7f7f;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	height:17px;
	padding-left:3px;
}

/* end topnav */

#branding {
	height:108px;
	position:relative;
	background-color:#ccc;
	margin-bottom:5px;
	background-image: url(../../images/header.jpg) /*url(../../images/bottom.gif)*/;
	background-repeat:repeat-x;
	background-position:bottom;
	}
	/*Set each city banner here*/
	#branding.SD {background-image: url(../../San-Diego/Images/header.jpg)/*url(../../images/bottom.gif)*/;}
	#branding.OC {background-image: url(../../Orange-County/Images/header.jpg)/*url(../../images/bottom.gif)*/;}	
	#branding.SF {background-image: url(../../San-Francisco/Images/header.jpg)/*url(../../images/bottom.gif)*/;}


#top-banner {
	position:absolute;
	top:0px;
	right:5px;
	width:600px;
	height:60px;
	background:#fff;
	border-left: solid 1px #ccc;
	}
	
#branding div.bottom-right, #branding div.bottom-left {
	height:108px;
	}

#sponsor img{
	background-image:url(../../images/sponsor-drop-shadow.gif);
	background-repeat:no-repeat;
	padding-right:4px;
	padding-bottom:5px;
	width:300px;
	height:90px;
	display:block;
}
	
#logo {
	position:absolute;
	top:24px;
	left:17px;
	}
	
/** footer **/

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#000;
	background-color:#fff;
	padding-bottom:1px;
	clear:both;
}

#bottom-menu {
	padding-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	width:950px;
	margin:auto;
}

#footer a:hover {
	text-decoration: underline;
}
	
#footer p {
	margin-top:0px;
	margin-bottom:20px;
	}
	

	
#crma {
	text-align:center;
	}
	
#crma-network {
	width:950px;
	margin:auto;
	}

/*
#crma-network h6 {
	color:#ababab;
	}
	
#crma-network a {
	color:#b01e23;
	}
*/

	
/* end footer */

/* general styles */

form {
	margin-bottom:0px;
	}


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

a:hover {
	text-decoration: underline;
}

	
.pullquote {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #0099CD;
	border-top:solid 1px #0099CD;
	padding-bottom:10px;
	padding-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16pt;
	color:#0099CD;
	text-align:center;
	line-height:normal;
}

address {
	margin-bottom:.25em;
	}
	
p	{
	margin-top:0;
	}
	
blockquote {
	margin-left:0;
	margin-right:0;
	font-style:italic;
	}


ul.chevron {
	list-style:none;
	margin-left:10px;
	margin-bottom:20px;
	padding:0;
	}
	
ul.chevron li {
	background:url(/images/bullet.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:15px;
	line-height:1.25em;
	margin-bottom:.75em;
	}

.row-01 {
	background-color:#f5f5f5;
	}

.row-02 {
	background-color:#fff;
	}

#breadcrumb {
	line-height:28px;
	font-size: 10px;
	text-transform: uppercase;
	padding-left:18px;
}
.dottedline {
	background-image: url(/images/dot-hor.gif); 
	height:1px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:0;
}

.dottedline-nopad {
	background-image: url(/images/dot-hor.gif); 
	height:1px;
	line-height:0;
}	
.left-justify-pic {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	}
	
.left-justify-pic p {
	margin-bottom:0px;
	}
	
.right-justify-pic {
	float:right;
	margin-left:15px;
	margin-bottom:5px;
	margin-top:5px;
	}
	
.right-justify-pic p {
	margin-bottom:0px;
	}
	
#splash .left-justify-pic, #splash .right-justify-pic {
	margin-bottom:0;
	}

.photo-credit {
	text-align:right;
	color:#333;
	font-size:8pt;
	line-height: 1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
.photo-description {
	color:#000;
	text-align:left;
	font-size: 8pt;
	line-height: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	}

.by-line {
	text-transform:uppercase;
	margin:15px 0px;
	font-size:12px;
	color:#000;
	letter-spacing:2px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}

span.date-published {
	margin-left:15px;
	color:#999;
	letter-spacing:normal;
	font-weight:normal;
	}
	
	
/* pager styles */

#pager {
	margin-bottom:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	}
	
#pager .pageritem {
	border:solid 1px #ccc;
	padding:0 5px;
	margin-right:2px;
	display:inline-block;
	}
	
#pager a {
	border:solid 1px #ccc;
	padding:0 5px;
	margin-right:2px;
	display:inline-block;
	background-color:#eeeeee;
	}
	
#pager a:hover {
	background-color:#77c0ef;
	color:#fff;
	text-decoration:none;
	}
	
table#finder #pager {
	line-height:15px;
	}
	
/* end pager styles */
	
	
p.fineprint {
	margin-top:20px;
	}
	
.fineprint {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5em;
	}
	
.errors {
	font-size:12pt;
	color:#ff0000;
	font-weight:bold;
	}
	
a img {
	border:none;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

	
table.contact {
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	margin-bottom:10px;
	width:100%;
	}
	
table.contact td, table.contact th {
	padding:5px 0;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
	}


/** child page menu **/

	
ul.child-page-menu {
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	font-size:150%;
	}
	
div.column-3-box ul.child-page-menu {
	padding:0px;
	background:#fff;
	margin:0px;
	margin-bottom:0px;
	}
	
ul.child-page-menu li:first-child {
	border-top:solid 1px #ccc;
	}

ul.child-page-menu li {
	list-style:none;
	border-collapse:collapse;
	border-bottom:solid 1px #ccc;
	padding:0;
	margin:0;
	}
	
ul.child-page-menu li a {
	display:block;
	background:#fff;
	padding:.25em;
	text-decoration:none;
	font-weight:bold;
	}
	
ul.child-page-menu li a:hover {
	background:#eee;
	text-decoration:none;
	}
	
div.content-box ul.child-page-menu {
	margin-bottom:0;
	}
	
/* pagetools */

#pagetools {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:15px;
	position:static;
	}
	
#pagetools a:hover {
	text-decoration:none;
	}
	
#pagetools img {
	margin-left:10px;
	vertical-align:middle;
	}
	
#pagetools .inner-content {
	padding:3px 16px;
	}


.dropcap {
	float:left;
	font-size:350%;
	line-height:90%;
	padding-top:2px;
	font-weight:normal;
	margin-right:.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#891b1b;
}

/* comments */

.commentsform {
	margin-bottom:10px;
	}
	
#article table#commentForm td {
	padding-left:0px;
	padding-right:0px;
	}
	
h6 {
	font-size:12px;
	font-weight:bold;
	}
	
table#commentForm #fp3 {
	margin-right:5px;
	}
	
.comments, .commentsform {
	font-family:Arial, Helvetica, sans-serif;
	}
	
#article table#commentForm td #commentField {
	width:590px;
	background-color:#f5f5f5;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	}
	
/* end comments */

table#advertise {
	border:none;
	border-collapse:collapse;
	width:100%;
	}
	
table#advertise td {
	vertical-align:top;
	background-color:#f5f5f5;
	padding:10px 10px 0 10px;
	border-left:solid 2px #fff;
	border-right:solid 2px #fff;
	text-align:center;
	line-height:normal;
	}
	
table#advertise tr.downloads td {
	border-bottom:solid 2px #fff;
	padding:0 10px 10px 10px;
	width:33.33%;
	}
	
table#advertise tr.downloads td a {
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	display:block;
	padding:5px;
	background-color:#eee;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	}
	
table#advertise tr.downloads td a:hover {
	background-color:#ddd;
	text-decoration:none;
	}
	
table#advertise h3{
	margin:.75em 0;
	}
	
table#advertise h4{
	font-weight:bold;
	margin:1em 0;
	}
	
table#advertise img {
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	}
	
table#advertise p {
	margin-bottom:0;
	}
	
/* search results */

#searchresults {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
#searchresults dt {
	padding-top:15px;
	border-top:solid 1px #ccc;
	}
	
#searchresults dd {
	padding-bottom:15px;
	margin-left:15px;
	}

.photo-caption p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	}
	
div.archive {
	text-align:right;
	margin:15px 0 10px 0;
	}
	
div.archive a {
	width:74px;
	height:21px;
	background:url(../../images/archive-link-bg.gif);
	background-repeat:no-repeat;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	line-height:21px;
	}
	
div.archive a:hover {
	text-decoration:none;
	color:#000;
	}

.feature{
	padding: 0px 10px 10px 10px;
	font: 12px Arial, sans-serif;
}
/*.feature ul.addr, li {

margin: 0 auto;
padding: 0 0 0 0;
}*/
.feature ul.addr {
	color: #000000;
	margin:0px 0px 5px 0px;
	float: left;
	padding: 1px 1px 1px 1px;
	list-style: none;
}
.feature img{
	float: left;
	display: block;
	padding: 1px 1px 1px 1px;
	margin: 0px 10px 5px 0px;
	border: 1px;
	border-style: solid;
	border-color: #000000;
}
.story{
	clear: both;
	padding: 10px 10px 0px 10px;

}



/*Suprise code*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#suprise .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#suprise #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}