/*
Theme Name: WP-ClearVideo 108 Child
Theme URL: http://www.solostream.com
Description: WP-ClearVideo is a responsive and user-friendly video theme for WordPress.
Author: Solostream
Author URI: http://www.solostream.com/
Template: wp-clearvideo108
Version: 1.0.8

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import url("../wp-clearvideo/style.css");

body {
	font-family: proxima-nova, sans-serif;
	border-top: 0px solid #222;
	padding: 20px 0 80px;
	}
#outer-wrap {
	padding:19px 49px 0;
	}
#page {
	background:#fff;
	}	
/* -------------------[ This stylizes the search box in the sidebar  ]------------------- */
#searchform #searchfield {
	color: #333;
	font-size: 10pt;
	margin: 0;
	display:inline;
	padding: 4px 6px;
	width:160px;
	text-transform:uppercase;
	border:1px solid #4e4e4e;
	background:#fff;
	}
	
/* -------------------[ This stylizes the catlist plugin used on the homepage  ]------------------- */
.zakhp01 {
	color:#0F0;
	background-color: #F60;
  }
/* -------------------[ This stylizes the catlist plugin used on the homepage HEADLINE  ]------------------- */

.catlistheading, .catlistheading a, .catlistheading a:link, .catlistheading a:hover, .catlistheading a:active, .catlistheading a:visited, .catlistheading p {
	text-decoration: none !important;
	text-transform: uppercase !important;
  font-family: proxima-nova, sans-serif !important;
  font-size: 20px !important;
  font-weight: bold !important;
}
	


/* ---------[ Makes footer columns equal widths ]--------- */

.footer-widget1,
.footer-widget2,
.footer-widget3,
.footer-widget4 {
	width:23%;
	}
/* -------------------[ Links ]------------------- */

a, a:link, a:visited {
	outline:none;
	text-decoration:underline;
	color:#336699;
	}

a:hover, a:active {
	text-decoration:underline;
	color:#000000;
	}

a.more-link, 
a.more-link:link, 
a.more-link:visited  {}

a.more-link:hover, 
a.more-link:active  {}

#footer a, 
#footer a:link, 
#footer a:visited {}

#footer a:hover, 
#footer a:active {}

.post-title a, .post-title a:link, .post-title a:visited {
	color:#333;
	text-decoration:none;
	}

.post-title a:hover, .post-title a:active {
	color:#000;
	}

#footer-widgets h3.widgettitle a,
#footer-widgets h3.widgettitle a:link,
#footer-widgets h3.widgettitle a:visited {
	color:#fff;
	}

#footer-widgets h3.widgettitle a:hover,
#footer-widgets h3.widgettitle a:active {
	color:#ffcc00;
	}

#footer-widgets a,
#footer-widgets a:link,
#footer-widgets a:visited { 
	color: #fff;
	}

#footer-widgets a:active,
#footer-widgets a:hover { 
	color:#ffcc00;
	}	
/* -------------------[ This makes tags on post pages smaller  ]------------------- */
.cats {
	font-size: small;
	}

/* -------------------[ This makes the expandable sections on the post pages the correct font  ]------------------- */
.collapseomatic {
	font-family: proxima-nova;
	}
/* -------------------[ Headings - makes h1 green ]------------------- */

h1,h2,h3,h4,h5,h6,h7,#sitetitle .title  {
	font-family:arial,helvetica,sans-serif;
	letter-spacing:-1px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight:bold;
	color:#333;
	line-height: 1.2em;
	}

h1 {
	font-size: 18pt;
	margin: 0;
			color:#236c01;

	}

h2 {
	font-size: 18pt;
	}

h3 {
	font-size: 14pt;
	}

h4,h5,h6,h7 {
	font-size: 12pt;
	}

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
	margin-bottom: 15px;
	}

h3#postinfo, h3#comments, h3#respond, h3#trackbacks, #respond h3  {
	margin: 0;
	}

h3#comments  {
	margin: 0 0 5px;
	}

h1.post-title,
h2.post-title,
h3.post-title  {
	margin:0;
	font-size:20pt;
	line-height:1em;
	}

h1.page-title {
	padding:0 0 5px;
	margin:0 0 15px;
	border-bottom:1px dotted #ddd;
	}

.auth-bio h1 {
	margin:0 0 10px;
	}

h1.archive-title,
h2.feature-title,
h2.feat-title, 
h3.widgettitle {
	line-height:1.5em;
	font-size:10pt;
	letter-spacing:0;
	padding:0 0 10px;
	margin:0;
	background:url(images/hdng-bg.gif) 0 7px repeat-x
	}

h1.archive-title span,
h2.feature-title span,
h2.feat-title span, 
h3.widgettitle span {
	line-height:1.5em;
	background:#fff;
	padding: 0 8px 0 0;
	}

#footer-widgets h3.widgettitle {
	background-image:url(images/hdng-bg-foot.gif);
	}

#footer-widgets h3.widgettitle span {
	color: #fff;
	background-color:#222;
	}

.sitemap h3.post-title {
	font-size:12pt;
	letter-spacing:0;
	}

/* -------------------[ This stylizes the text in the left column for THREE column layout  ]------------------- */
.menu-item, .menu-item a, .menu-item a:hover, .menu-item a:active, .menu-item a:link, .menu-item a:visited {
	font-family: proxima-nova;
	font-weight: bold;
	}

/* -------------------[ This stylizes the thumbnail image on the homepage  ]------------------- */
.zhptn {
	clear: all;
	float: left;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 0;
	border-top-width: 1px;
	border-right-width: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	padding-right: 15px;
	padding-top: 10px;
	}	
	
	/* -------------------[ This adjusts the height of the banner image ***BUT it messes up the responsive layout
	#logo img {
	max-width:100%;
	height:138px;
	}
	]------------------- */
	
	/* -------------------[ This stylizes the fonts of the Guest Names on the Categories and Topics page  ]------------------- */

.specialheading, .specialheading a, .specialheading a:link, .specialheading a:hover, .specialheading a:active, .specialheading a:visited, .specialheading p {
	font-size: 12pt;
	margin: 0;
	color:#333333;
	font-family: proxima-nova, sans-serif;
	font-weight:bold;
	text-decoration: none !important;
	text-transform: uppercase;
	}
	
	/* -------------------[ This stylizes the fonts of the Acordion Headers on the Categories and Topics page  ]------------------- */
.arconix-accordions-vertical div.arconix-accordion-title {
	font-size: 14pt !important;
  color:#333333;
	font-family: proxima-nova, sans-serif;
	font-weight:bold !important;
	text-decoration: none !important;
	text-transform: uppercase;
}

/* -------------------[ This stylizes the date in catlists IE categories and topics page, hp, etc  ]------------------- */

.specialdate, .specialdate a, .specialdate a:link, .specialdate a:hover, .specialdate a:active, .specialdate a:visited, .specialdate p {
	font-size: 10pt;
	margin: 0;
	color:#333333;
	font-family: proxima-nova, sans-serif;
	font-weight:bold;
	text-decoration: none !important;
	text-transform: uppercase;
	}
/* ---------[ Makes Thumbnails on index pages smaller **also had to change code in index1.php ]--------- */

img.thumbnail {
	float:left;
	margin: 0 10px 15px;
	}
/* ---------[ Creates the box w green border for youtube widget ]--------- */
.youtubewidgetbox {
	background-color:#47b900
	
	width: 294px;
	border: 2px solid #47b900;
}
/* ---------[ FAQ page - fixes font ]--------- */

code {
	font: 1.1em proxima-nova, sans-serif;
	letter-spacing: 1px;
	}

/* ---------[ stylizes the pagination ]--------- */

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color:#0d7d3c !important;
	
}


/* ---------[ stylizes links hover in regular content ]--------- */
#content a:hover { 
	color:#0d7d3c !important;
	}
	
/* ---------[ stylizes new tabbed boxes ]--------- */

.et-tabs-container .et-tabs-control li a, .tabs-left .et-tabs-control li a {
	text-transform: uppercase !important;
	font-family: proxima-nova, sans-serif !important;
	font-size:14px !important;
	font-weight: bold !important;
}	

/* ---------[ stylizes headings on hp from catlist ]--------- */
.lcp_catlist li a {
	text-transform: uppercase !important;
	font-family: proxima-nova, sans-serif !important;
	font-size:20px !important;
	font-weight: bold !important;
}	

.lcp_catlist li p a {
	text-transform: none !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: normal !important;
}	




@media only screen and (max-width: 480px) {

	#outer-wrap {
		max-width:100%;
		width:100%;
		padding: 0px;
		padding-right:0px;
		margin:0px;
	}
	
	ul {
    margin-left: 0px;
}

body {
    border-top: 0px;
    padding: 0px;
}
.lcp_excerpt {
	padding-right:20px;	
}

.footer-widget1, .footer-widget2, .footer-widget3, .footer-widget4 {
    width: 100%;
	text-align:center;
}

#footer-widgets h3.widgettitle {
	text-align:center;
	
}

}