/*
	Theme Name: Evo4 CMS
	Theme URI: http://www.evowpthemes.com/evo4/
	Description: Evo4 CMS is constructed on an irregular 4-column grid, creating excellent flexibility for building a blog-based website containing an integral blog. It is "barebones" from a design perspective, and is meant for experienced designers to utilize as a framework on which to build their own incredible web designs. The theme was originally inspired by, and borrows from Bryan Helmig's "Magatheme".
	Version: 1.0
	Author: Ray Gulick
	Author URI: http://www.evowebdev.com
	Tags:light,four-columns,right-sidebar,fixed-width

	"Evo4 CMS" by Ray Gulick

	This theme was designed by Ray Gulick
	of Evolution Web Development: http://www.evowebdev.com/.

	The CSS, XHTML and design is released under the GPL.

*/

/*Reset*/
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,sub,sup,ol,ul,li,form,label,table,tr,th,td { padding:0; margin:0; border:0; outline:0; background-color:transparent; vertical-align:baseline; }

/* BASIC STYLES */

body {
	color: #333333;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-color: #42afdc;
	background-image: url(/wp-content/themes/evo4cms-1/images/main-bg.jpg);
	background-position: 0px 0px;
}



/*body { background:#eee url(images/bkgrdbody.png) 0 0 repeat-x; color:#333; font-size:12px; font-family: Arial, Helvetica, sans-serif; }*/

html>body { font-size:75%; }
header,nav,article,footer { display:block; }
img { display:inline-block; vertical-align:bottom; }

h1,h2 { margin:.6em 0 .2em 0; font-size:2em; line-height:120%; color:#043F81; }
h3,h4 { margin:1em 0 .5em 0; font-size:1.2em; line-height:120%; }
h3.top { margin-top:.2em; } /*for articles and pages where h3 appears immediately below main heading*/

p { margin:0 0 .5em 0; font-size:1.2em; }
ul { list-style:outside disc; margin:0 0 0 1.5em; }
ol { list-style:outside decimal; margin:0 0 0 2em; }
li { margin:0 0 .4em 0; font-size:1.2em; line-height:140%; }
li ul,
li ol { margin:0; font-size:1em; }

blockquote { padding:0 1em; margin-left:1.5em; }
a:link { text-decoration:none; color:#116EAB; }
a:visited { text-decoration:none; color:#1591E5; }
a:hover { text-decoration:none; color:#000; }

abbr,acronym { border-bottom:1px dotted; cursor:help; }
sub { font-size:.7em; line-height:1em; vertical-align:sub; }
sup { font-size:.7em; line-height:1em; vertical-align:super; }
/* Table styles */
table { border-collapse:collapse; border-spacing:0; margin:0 0 .5em 0; }
caption { text-align:left; }
th,td { padding:.25em .5em; }
th { font-size:1em; text-align:left; }
td { font-size:1.1em; text-align:left; }
tr.odd td,tr.odd th { background:#eee; }
tbody td,tbody th { border:1px solid #999; }
tfoot { font-style:italic; }

/* Form styles */
input.radio,input.checkbox { vertical-align:top; }
label,button,input.submit,input.image { cursor:pointer; }
* html input.radio,
* html input.checkbox { vertical-align:middle; }
*+html input.radio,
*+html input.checkbox { vertical-align:middle; }
textarea { overflow:auto; }
input[type="text"],input[type="password"],select,textarea { border:1px solid #7F9DB9; padding:2px; margin:0; font-size:13px; font-family:Helvetica, Arial, sans-serif; vertical-align:bottom; }
select { padding:0; }
option { padding:1px; }
input[type="submit"] { border:1px solid #300; background:#800; color:#fff; padding:1px 6px; }
label { font-size:13px; font-weight:bold; color:#666; }
label .small { font-size:12px; font-weight:normal; }
/* HEADER */
.wrapper { width:980px; margin:12px auto; }
.header {
	color:#fff;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.blogname { font-size:48px; font-weight:bold; margin:20px 0 5px 30px; }
.blogname a:link,
.blogname a:visited { color:#fff; }
.blogname a:hover { color:#eee; }
.blogname img{
	padding-right: 15px;
}

.tagline { font-size:18px; font-weight:bold; margin:0 0 16px 30px; }
.header ul { list-style-type:none; }

/*OPTIONAL TOPNAV
.topnav { height:25px ;margin:0 0 18px; }
.topnav li { margin:0; float:left; }
.topnav a { color:#5A5A6C; float:left; margin:0 0 0 18px; display:block; }
.topnav a:hover { color:#5A5A6C; }
*/

.nav {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.1em;
	padding-left:30px;
	margin:0;
	overflow:auto;
	position:relative;
	background-image: url(/wp-content/themes/evo4cms-1/images/content-top-bg.png);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;
}/*relative position allows absolute positioning of search box*/
.nav li { float:left; margin:0; width:auto; }
.nav a:link,
.nav a:visited { color:#116EAB; font-weight:normal; padding:7px 15px 4px 15px; display:block; border-left:1px solid #eee; }
.nav a:hover {
	color:#fff;
	background-color: #2e91c6;
	background-image: url(/Blog/wp-content/themes/evo4cms-1/images/nav-item-hover.gif);
}
.nav li.current_page_item a,
.nav li.current_page_parent a { background: #fff; color:#555; }


.searchbox { float:right; margin:4px 20px 0 0; position:absolute; left:762px; top:4px; }
.searchbox input[type="text"] { width:176px; margin-right:2px; }
.searchbox input[type="submit"] { }

/* CONTENT */
#content {
	width:980px;
	padding:0 0 1em 0;
	overflow:auto;
	background-color: #FFFFFF;
}
/*Blog*/
.blogmain { width:562px; margin:0 0 0 30px; float:left; display:inline; overflow:auto; } /*width equals leftfoot width*/
.article { overflow:hidden; }
.article h1 a:link,
.article h2 a:link,
.article h1 a:visited,
.article h2 a:visited { color:#116EAB; }
.article h1 a:hover,
.article h2 a:hover { color:#000; }
.article p { font-size:1.2em; line-height:150%; }
.article p.extendspost { color:#666; font-size:1em; line-height:130%; margin:0 0 .4em 0; }
.article p.extendspost a { color:#600; }

.alignleft { float: left; }
.alignright { float: right; }
div.alignleft { display:inline; float:left; margin:.5em 10px .2em 0; width:auto; } /*images*/
div.alignright { display:inline; float:right; margin:.5em 0 .2em 10px; width:auto; } /*images*/
.left { float:left !important; display:inline; width:120px; } /*page nav*/
.right { float:right !important; display:inline; width:332px; } /*page nav equal width with footer2*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*Page*/
.pagecontent { width:700px; float:right; display:inline; margin:0 20px 0 0; min-height:400px; height:auto !important; height:400px; }
.pagecontent p { font-size:1.2em; line-height:150%; }
.subnav { width:208px; float:left; display:inline; margin:.2em 0 0 30px; }
.subnav ul { list-style-type:none; margin:0 0 1.5em 0; padding:0; }
.subnav li { margin:0 0 .5em 0; font-size:15px; line-height:140%; font-weight:bold; }
h1.page { margin:.6em 0 .6em 258px; } /*equal to width of footer1 plus margins at its left and right*/

/*Search page*/
.pagecontent p.postmetadata { margin-bottom:1.5em; }

/*Homepage*/
.billboard { height:230px; width:980px; margin:0 0 20px 0; background:#ccc; text-align:center; }
.billboard h3 { color:#fff; padding-top:85px; }
.homepagecontent {
	width:700px;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 20;
	padding-left: 20px;
}
.homepagecontent p { font-size:1.2em; line-height:180%; }
.rssfeed {
	width:208px;
	float:right;
	display:inline;
	margin-top: 30;
	margin-right: 30;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 30px;
}
.rssfeed ul { list-style-type:none; margin-left:0; }
.rssfeed li { line-height:130%; }
.rssfeed h3 { margin-top:.3em; }

/* Comments */
.commentlist { margin:0 0 18px 0; list-style-type:none; border-bottom:1px #ddd solid; }
.article p.commentauthor { float:left; display:inline; font-size:11px; line-height:12px; width:90px; text-align:left; }
.article p.commentauthor img { padding:0 40px 4px 0; display:block; float:left; }
.article p.commentauthor strong { font-size:12px; clear:both; }
.comment { width:430px; float:right; display:inline; }
.article .comment p { font-size:13px; line-height:17px; margin:0 0 .4em 0; }
.commentauthor a { }
.commentlist li { border-top:1px #ddd solid; margin:0; padding:18px 6px 6px 9px; background-color:#eee; font-size:13px; }
.commentlist .alt { background-color:#fff; }
.commentlist .authorcomment .comment { color:#009; font-style:italic; }
.commentlist .altauthorcomment .comment { color:#009; font-style:italic; }
#commentform textarea { width:555px; }
#commentform label { font-size:13px; }
#respond h3 { margin-left:0; padding:0; }

/* SIDEBAR */
.sidebars { overflow:hidden; }
.sidebars h3 { margin:12px 0 6px 0; }
.sidebars ul { list-style-type:none; margin:0; }
.sidebars li { margin:0 0 4px 0; padding:0; font-size:1.1em; line-height:120%; }
.sidebars li a { }
.sidebars .children { margin-left:0; }
.sidebarright { width:348px; float:right; display:inline; overflow:auto; margin:6px 20px 0 0; }
.sidebarright p { font-size:1.1em; line-height:140%; }
.sidebar2 { width:348px; display:block; }
.sidebar3left { width:165px; padding:0; float:left; display:inline; }
.sidebar3right { width:165px; padding:0; float:right; display:inline; }

/* FOOTER: NOTE unequal width columns*/
.footer { margin:0; padding:18px 0 0 0; background:#e6e6e6; }
.leftfoot { width:562px; float:left; display:inline; margin:0 0 0 30px; } /*width equals blogmain width*/
.footer1 { width:210px; float:left; display:inline; }
.footer2 { width:332px; float:right; display:inline; }
.rightfoot { width:348px; float:right; display:inline; margin:0 20px 0 0; }
.footer3 { width:165px; float:left; display:inline; margin:0; }
.footer4 { width:165px; float:right; display:inline; margin:0; }
.footer h3 { color:#777; font-size:1em; line-height:130%; margin:0; }
.footer p,
.footer li { font-size:1em; line-height:130%; margin:0 0 .3em 0; color:#777; }
.footer a:link,
.footer a:visited { color:#777; }
.footer a:hover { color:#003; }
.footer ul { list-style-type:none; margin:0; padding:0; }
.footer p em { font-style:normal; font-weight:bold; font-size:13px; }

/* Miscellaneous classes */
.clr { clear:both; }
.small { font-size:90%; }

/***PLUGINS*****/

/***Sociable Plugin***/
div.sociable { margin: .2em 0 1em 0; }
.sociable_tagline { float:left; display:inline; margin:3px 6px 0 0; width:auto; }
.sociable span { display: block; }
.sociable ul { display: inline; margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 0 3px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/***Contact Form 7****/
.wpcf7 { width:510px; }
.wpcf7 input[type="text"],
.wpcf7 select,.wpcf7 textarea { width:510px; }
.wpcf7 input.captcha { width:60px; }
.wpcf7 input[type="submit"] { width:66px; margin-top:12px; }

/* Product Boxes */

.productBox {
	padding: 4px;
	min-height:250px;
	height:auto !important;
	height:250px;
	border: thin solid #999999;
	margin: 4px;
	width: 680px;
	clear: both;
	float: left;
}

* html .productBox {
	float: left;
	width: 680px;
	border-right-width: 3px;
	border-right-style: outset;
	border-right-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: outset;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-left-style: outset;
	border-top-color: #999999;
	border-left-color: #999999;
	font-size: 0.8em;
	clear: both;
}

.productBoxIllustration {
	padding-right: 30px;
}
.productBox h3 {
	font-size: 2em;
}

.productBox p {
	font-size: 1.2em;
}

.productBox img {
	padding-right: 10px;
	padding-bottom: 10px;
}


.pageNav {
	background-color: #EFEFEF;
	clear: both;
	margin-top: 25px;
	padding-left: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Image Classes */

.imageLeft {
	clear: both;
	float: left;
	padding-right: 10px;
	padding-bottom: 8px;
}

.imageRight {
	clear: both;
	float: right;
	padding-left: 10px;
	padding-bottom: 8px;
}
.tests {
	background-color: #880000;
}

#attention{
	background-color: #00FF66;
	margin: 10px;
	padding: 10px;
}
.redButton a {
	border:1px solid #300;
	background:#800;
	color:#fff;
	width: auto;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
	font-weight: bold;
}

.subnav ul {
	background-color: #E8E8E8;
	padding-left: 8px;
}

.current_page_item{
	background-color: #FFFFFF;
}

/*-------------Badge------------------*/

.badge {
	position: absolute; 
	right: 12px; 
	top: 34px; 
	margin: 0; 
	padding: 0; 
	border: none; 
	float: none; } 

.badgec a img {
	background-color: transparent;
	color: white;
	border: none;
	text-decoration: none;
} 
 

.badgec a img {
	background-color: transparent;
	color: white;
	border: none;
	text-decoration: none;
}

.addthis_container {
	padding-top: 30px;
}