/*
Theme Name:     main
Description:    TLC's main theme, a child theme of Primetime.
Author:         admin
Template:       primetime

This file adds to the file specified in the @import... line below.
*/

@import url("../primetime/style.css");

img#wpstats{width:0px;height:0px;overflow:hidden}  /* removed smiley generated by wpstats polugin */
#post-195 .entry-content td, .comment-content td {border-top:0;}  /* removed line at table top on "Supporters" page */

a.btn.btn-mini.pull-right.ai1ec-calendar-link {float:right;}

.slogan-text {		/* adjust size and placement of slogan on home page */
	font-size: 0.9em;
	padding-left: 25px;
}
.blog-header {
	background-color: #800000;
	color: white;
	width: 100%
}
#blog-header {
	background-color: #800000;
	background: url(wp-content/uploads/2012/02/BLOGheader2.jpg) no-repeat;
	color: white;
	width: 100%;
	text-align: right;
}
/*
<img src="wp-content/uploads/2012/02/BLOGheader2.jpg"></img>
*/


div#header_top {  /* make the white bar at the top blend in with the header  */
	border:0;
}
div#header_content {
	background: transparent;
}

#branding .header_logo {
  margin: -20px 0 -20px 0;
}

.themeblvd-contact-bar {	/* social links: set background color, round edges  */
	background-color: transparent;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;	
}
#header_content .inner {
	margin-top: 0px;
}
/* Donate button was #menu-item-40, changed to #menu-item-13274 on live 9/5/16 */
#menu-item-13274 a {	/*  make donate button red, a gradient in newer browsers*/
	background-color: #a00;
	background: -moz-linear-gradient(#c66, #a00);
	background: -o-linear-gradient(#c66, #a00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c66), to(#a00)); /* older webkit syntax */
	background: -webkit-linear-gradient(#c66, #a00);
}
#access #menu-item-13274 a:hover {  /* failed mouseover effect */
	background-color: #f00;
	background: -moz-linear-gradient(#f66, #800);
	background: -o-linear-gradient(#f66, #800);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f66), to(#800)); /* older webkit syntax */
	background: -webkit-linear-gradient(#f66, #800);
}
#access .container {  /* expand the menu bar 2px on either end to cover the grey bars  */
  border: 0;
  margin-left: -2px;
  margin-right: -2px;
}
.widget-title {
	font-size: 12pt;
}
.widget ul li {
	list-style: disc;
}
.widget ul {
	margin-left: 20px;
}
.tb-contact_widget ul.simple-contact li.phone  { list-style: none; }
.tb-contact_widget ul.simple-contact li.email  { list-style: none; }
.tb-contact_widget ul.simple-contact li.contact  { list-style: none; }
.tb-contact_widget ul.simple-contact li.link  { list-style: none; }

/* ----------------------------------- 
 * Style overrides -@ewee
 * ----------------------------------- */

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
html, body, div, button, input, select, textarea, p, ul, ol, li { /* MOVED 8/8/16 -ewee */
	font-size: 14px; /* increases base font size */ 
}
iframe {
	max-width: 100%; /* MOVED 8/8/16 -ewee */
}
/* fixes aspect ratio issues */
img.size-full { /* MOVED 9/5/16 -ewee */
	height: auto; 
	min-height: inherit;
}
.style2-grid figure img { /* MOVED 9/5/16 -ewee */
	min-height: inherit !important; /* fixes aspect ratio issues on iOS Safari */ 
}

/* END BASE */

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
/*@media only screen and (min-width: 481px) {

}*/ 
/* END 481up */

/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
	/* Content */
	iframe { /* MOVED 8/8/16 -ewee */
		max-width: none; /* reset for larger screens */ 
	}
}
/* END 768up */
 

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
/*@media only screen and (min-width: 1030px) {

}*/ 
/* END 1030up */

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
/*@media only screen and (min-width: 1240px) {

}*/ 
/* END 1240up */