/* NOTE: Grey is 50% (#777777) per Shannon and Bill on 7/11/2013 */

body
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 20px; /* so as not to loose the front page slider arrows */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000; /* all type to this color */
	font-size: 12px;
	line-height: 18px;
	/*width: 980px;*/
}
a
{
	text-decoration: none;
	color: #000000;
}
a:hover
{
	text-decoration: none;
	color: #006699;
}

.PreloadImage
{
	display:none;
}
h1
{
	font-size: 26px;
	line-height: 31px;
	font-weight: bold;
}
h2
{
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}
h3 /* Section Heads */
{
	font-size: 39px;
	line-height: 39px;
	color: #CCCCCC; /* 20% */
	text-transform: uppercase;
	margin: 15px 0 10px 0; /*5px auto;*/
}
h4
{
	font-size: 10px;
	line-height: 15px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
article
{

}
.caption
{
	margin: 0 0 25px 0;
	font-size: 11px;
	line-height: 13px;
}
.tag
{
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
	text-align: left;
}
#main_content
{
	width: 650px;
	padding: 0px;
	float: left;
}
#col_module
{
	width: 310px;
	padding: 0px;
	float: left;
}
#col_pad
{
	width: 30px;
	padding: 0px;
	float: left;
}
#module
{
	width: 310px;
	padding: 0px;
	clear: both;
}
.module_head
{
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	width: 100%; /*310px;*/
	color: #777777; /* #666666; /*#999999;*/
	text-transform: uppercase;
	border-bottom: 1px solid #999999;
}
.module_headline
{
	font-weight: bold;
	font-size: 17px;
	line-height: 19px;
}
.module_tag
{
	color: #777777; /* #666666; /*#999999;*/
	text-align: center;
}
#module_pad
{
	width: 310px;
	height: 25px;
	padding: 0px;
}
.breaking_news_module_head
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CC0000;
	border: none;
	text-align: center;
	vertical-align: middle;
	height: 18px;
	margin: 0;
	padding: 0 12px;
}
.grey
{
	color: #777777; /* 50% Grey */     /* #666666; /*#999999;*/
}
.red
{
	color: #CC0000;
}
.yellow
{
	color: #FFCC00;
}
.bold
{
	font-weight: bold;
}
#comment
{
	width: 610px;
	background-color: #F2F2F2;
	padding: 15px;
	overflow: auto;
}
#comment a
{
	/*color: #777777;  #666666; /*#999999;*/
	color: #0000EE;	/*blue-ish was #006699*/
}
#comment a:hover
{
	color: #0000EE;	/*blue-ish was #006699*/
	text-decoration: underline;
}
.comment
{
	width: 610px;
	background-color: #F2F2F2;
	padding: 15px;
	overflow: auto;
}

.report_ts
{
	font-size: 10px;
	float: right;
}


.shadow {
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
	box-shadow: 2px 2px 5px #888;
}

.hangingIndent
{
	/* like for bullets */
	text-indent: -12px;
	padding-left: 12px;
}

.story_mug
{
	float: left;
	margin: 4px 0 0 0;
	padding: 0 20px 10px 0;
	font-size: 11px;
	line-height: 13px;
	width: 80px;
	font-style: oblique;
}

.story {
	font-size: 14px;
	line-height: 22px;
}

.story a
{
	color: #0000EE;	/*blue-ish was #006699*/
}

.story a:hover
{
	color: #0000EE;	/*blue-ish was #006699*/
	text-decoration: underline;
}

/* mouseover pop-up
	usage example:
	<span class="mouseover module_tag" title="Title for the pop-up">Link to show
		<span style="width:500px;">Text you want in the pop-up</span>
	</span>
*/
span.mouseover
{
	border-bottom: none;
	background: none;
}
span.mouseover:hover
{
	text-decoration: none;
	background: #ffffff;
	z-index: 6;
}
span.mouseover span
{
	position: absolute;
	left: -9999px;
	color: #000000;
	margin: 20px 0 0 0;
	padding: 15px;
	z-index: 6;
}
span.mouseover:hover span {
	left: 2%;
	margin: 20px 0 0 170px;
	background: #ffffff;
	z-index:6;
	border: thin solid #888;
}

.form_box
{
	background: #F2F2F2;
	padding: 15px;
	font-size: 13px;
	line-height: 15px;
}
.form_text_notes /* all the form text */
{
	font-size: 10px;
	line-height: 13px;
}

.grey_button {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF !important;
	background-color: #B2B2B2;
	border: none;
	text-align: center;
	vertical-align: middle;
	height: 18px;
	margin: 0;
	padding: 0 12px;
}

.blog_image
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.thumb_image
{
	float: right;
	padding: 0 0 5px 5px;
	border: 0px;
}

/* START Basic Shell Items */

.Embarcadero #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

.Embarcadero #main_column {
	width: 650px;
	float: left;
}

.Embarcadero #ad_column {
	width: 300px;
	padding: 9px 0 0 30px;
	float: right;
}

/* START header */
.Embarcadero #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.Embarcadero #header {
	/*background: #DDDDDD; */
	padding: 5px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
}

.Embarcadero #weather {
	width: 252px;
	height: 90px;
	float: left;
	text-align: center;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #4C4C4C;
}
.Embarcadero #weather_temperature {
	float: left;
	font-size: 26px;
	width: 100%;
	padding: 0;
}

.Embarcadero #728_ad {
	width: 728px;
	height: 90px;
	float: left;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.Embarcadero #logo_area {
	width: 980px;
	height: 115px;
	margin: 0 auto; /* will center in the div it's in */
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px #4C4C4C solid;
    /* fallback (Opera) */
    background: #DDDEDD;
    /* Mozilla: */
    /*background: -moz-linear-gradient(top, #D1D3D4, #FFFFFF); */
    background: -moz-linear-gradient(top, #D8D8D8, #FFFFFF 60%);
    /* Chrome, Safari:*/
    /* background: -webkit-gradient(linear,
                left top, left bottom, from(#D1D3D4), to(#FFFFFF)); */
    background: -webkit-gradient(linear,
                left top, left bottom, from(#D8D8D8), to(#FFFFFF), color-stop(0.6, #FFFFFF));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#D8D8D8', EndColorStr='#FFFFFF', GradientType=0);

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.Embarcadero #logo {
	padding: 13px 0 0 0;
	margin: 0;
	width: 396px;
	float: left;
}
.Embarcadero #signin_info {
	font-family: Verdana, Geneva, sans-serif;
	width: 277px;
	padding: 10px 0 0 15px;
	margin: 0;
	float: left;
	color: #666666; /*#999999;*/
}
.Embarcadero #login {
	float: left;
	display: none;
	z-index: 999;
	background: #FFF;
	position: absolute;
}
.Embarcadero #social_info {
	font-family: Verdana, Geneva, sans-serif;
	width: 277px;
	padding: 10px 0 0 0;
	margin: 0;
	float: left;
	text-align: right;
}
.Embarcadero #search {
	font-family: Verdana, Geneva, sans-serif;
	width: 277px;
	padding: 50px 10px 0 0;
	margin: 0;
	float: left;
	text-align: right;
}

.Embarcadero #rss_icon {
	display: block;
	width: 16px;
	height: 16px;
	background: url("//www.EmbarcaderoPublishing.com/art/icons/icon_rss_black.png") no-repeat 0 0;
	padding: 0 0 0 5px;
	float: right;
}
.Embarcadero #rss_icon:hover {
	background: url("//www.EmbarcaderoPublishing.com/art/icons/icon_rss_color.png") no-repeat 0 0;
}

.Embarcadero #twitter_icon {
	display: block;
	width: 16px;
	height: 16px;
	background: url("//www.EmbarcaderoPublishing.com/art/icons/icon_twitter_black.png") no-repeat 0 0;
	padding: 0 0 0 5px;
	float: right;
}
.Embarcadero #twitter_icon:hover {
	background: url("//www.EmbarcaderoPublishing.com/art/icons/icon_twitter_color.png") no-repeat 0 0;
}

.Embarcadero #facebook_icon {
	display: block;
	width: 16px;
	height: 16px;
	background: url("//www.EmbarcaderoPublishing.com/art/icons/icon_facebook_black.png") no-repeat 0 0;
	padding: 0 0 0 5px;
	float: right;
}
.Embarcadero #facebook_icon:hover {
	background: url("//www.EmbarcaderoPublishing.com/art/icons/icon_facebook_color.png") no-repeat 0 0;
}
/* END header */


/* START navbar */
/* adapted from http://matthewjamestaylor.com/blog/centered-dropdown-menus */
/* Main menu settings */
.Embarcadero #nav {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	border-bottom: 1px #4C4C4C solid;
	width:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #4C4C4C;
	z-index:100; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* Top menu items */
.Embarcadero #nav ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
.Embarcadero #nav ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:0px;
}
.Embarcadero #nav ul li a { /* first level with links */
   display:block;
   margin:0;
   /*padding:.6em .5em .4em;*/
	padding: 5px 16px; /* THIS IS THE SPACE BETWEEN THE BUTTONS ON THE FIRST LINE */
   /*font-size:1em;
   line-height:1em;*/
   background:#ffffff;
   text-decoration:none;
   color:#666666;
   /*font-weight:bold;*/
   /*border-bottom:1px solid #4C4C4C;*/
}
.Embarcadero #nav ul li.active a {
   color:#fff;
   background:#000;
}
.Embarcadero #nav ul li a:hover {
   background:#e5e5e5; /* Top menu items background colour */
   /*color:#fff;*/
   /*border-bottom:1px solid #03f;*/
}
.Embarcadero #nav ul li:hover a,
.Embarcadero #nav ul li.hover a { /* This line is required for IE 6 and below */
   background:#e5e5e5; /* Top menu items background colour */
   /*color:#fff;*/
   /*border-bottom:1px solid #03f;*/
}

/* Submenu items */
.Embarcadero #nav ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:28px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:140px; /* width of the drop-down menus */
}
.Embarcadero #nav ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
.Embarcadero #nav ul ul li a,
.Embarcadero #nav ul li.active li a,
.Embarcadero #nav ul li:hover ul li a,
.Embarcadero #nav ul li.hover ul li a { /* This line is required for IE 6 and below */
	width: 140px;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	padding: 8px 15px;
   /*font-size:.8em;
   font-weight:normal;  resets the bold set for the top level menu items */
   background:#eee;
	background-color: #E5E5E5;
	color: #666666;
   /*line-height:1.4em;  overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */

	-webkit-box-shadow: 7px 7px 5px 1px rgba(178, 178, 178, 0.75);
	-moz-box-shadow:    7px 7px 5px 1px rgba(178, 178, 178, 0.75);
	box-shadow:         7px 7px 5px 1px rgba(178, 178, 178, 0.75);
}
.Embarcadero #nav ul ul li a:hover,
.Embarcadero #nav ul li.active ul li a:hover,
.Embarcadero #nav ul li:hover ul li a:hover,
.Embarcadero #nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	color: #333333;
	background-color: #D8D8D8;/* Sub menu items background colour */
}

/* Flip the last submenu so it stays within the page */
.Embarcadero #nav ul ul.last {
	left: auto; /* reset left:0; value */
	right: 30px; /* Set right value instead */
	top: 28px;
}

/* Make the sub menus appear on hover */
.Embarcadero #nav ul li:hover ul,
.Embarcadero #nav ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}


/* second line of nav bar */
.Embarcadero #nav2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999999;
	height: 28px;
   float:left;
   width:100%;
   background:#fff;
   /*border-bottom:4px solid #000;*/
   overflow:hidden;
   position:relative;
}

.Embarcadero #nav2 ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

.Embarcadero #nav2 ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

.Embarcadero #nav2 ul li a { /* second level with links */
   display:block;
   margin:0 0 0 1px;
   padding: 5px 9px; /* THIS IS THE SPACE BETWEEN THE BUTTONS ON THE SECOND LINE */ /* This is the PALO ALTO numbers... changed for each site on individual files */
   background: none;
   color:#666666;
   text-decoration:none;
   line-height:1.3em;
}

.Embarcadero #nav2 ul li a:hover {
   background: none;
   color:#000000;
}
/* END navbar */

/* START breaking_news */

.Embarcadero #breaking_news {
	background-color: #C72127;
	height:23px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 0 0 12px;
	margin: 0 0 15px 0;
}

.Embarcadero .breaking_news_text {
	padding: 9px 21px 0 0;
	font-size: 18px;
	color: #FFD400;
}

/* END breaking_news */



/* START ads */

.Embarcadero .medium_rectangle {
	margin: 0px;
	padding: 0px 0px 15px 0;
	width: 300px;
}

.Embarcadero .120_ad_column {
	width: 120px;
	float: left;
	margin: 0 0 15px 0;
}

.Embarcadero .160_ad_column {
	width: 160px;
	float: right;
	margin: 0 0 15px 0;
}

.Embarcadero .button_ad {
	margin: 0 0 15px 0;
	width: 120px;
	float: left;
}

/* END ads */



/* START footer */

.Embarcadero #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 50px 0 0 0;
	/*background:#DDDDDD;*/
}
.Embarcadero #footer h4 {
	text-transform: uppercase;
	color: #777777; /* #666666; /*#999999;*/
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 3px 0;
	border-bottom: #999999 solid 1px;
	width: 100%;
}

.Embarcadero #footer p {
	width: 24%;
	line-height: 16px;
	color: #777777; /* #666666; /*#999999;*/
	margin: 0 0 10px 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	min-height: 150px;
	float: left;
}

/* END footer */

/* END Basic Shell Items */


/* START colorbox */

/*#cboxClose {
	font-family: 'Lato';
	position: relative;
	line-height: 165%;
	display: block;
	padding: 0 20px;
	height: 30px;
	font-size: 16px;
	font-weight: 900;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
	background-color: #FFB30F;
	background-image: linear-gradient(#FFC800, #FFB30F 85%, #FFB10C);
	border: 0px;
	border-radius: 2px;
	overflow: inherit;
	opacity: 1;
	outline: none;
	vertical-align: middle;
	color: #fff !important;
}*/

/*#colorbox #cboxClose
{
	top: 0;
	right: 0;
}*/
#cboxClose
{
	top: 0;
	right: 0;
	height: 20px;
	border: 0;
    background-color: Transparent;
    background-repeat:no-repeat;
	font-size: 16px;
}


/* END colorbox */
/* CoinTent styles*/

div#meter_preview
{
	padding: 0px;
	margin: 0px;
}
div#paygated
{
	display: block;
}
div#widget_container
{
	width: 325px;
	padding: 0px;
	margin: 0px;
}
.meterWidget
{
	border: solid thin #dddddd; 
	padding: 20px; 
	width: 275px;
}
div.meterLogin
{
	width: 400px;
	float: right;
	text-align: right;
}

.buy_widget
{
	max-height: 160px;
}


/* END CoinTent */

@media print
{
    .noPrint, h3
    {
        display:none;
    }
	.story {
		font-size: 12px;
		line-height: 18px;
	}
	h1
	{
		font-size: 20px;
		line-height: 25px;
		font-weight: bold;
	}
	h2
	{
		font-size: 13px;
		line-height: 18px;
		font-weight: normal;
	}
}