/*
	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 { background:#eee url(images/bkgrdbody.png) 0 0 repeat-x; color:#333; font-size:12px; font-family: Helvetica, Arial, sans-serif; }
html>body { font-size:75%; }
.header,.nav,.article,.footer { display:block; }
img { display:inline-block; vertical-align:bottom; }

h1,h2 { margin:.4em 0 .2em 0; font-size:26px; line-height:110%; color:#3734b7; font-family:Tahoma, Verdana, Arial, sans-serif; }
h3 { margin:1em 0 .8em 0; font-size:1.2em; line-height:120%; color:#3734b7; font-family:Tahoma, Verdana, Arial, sans-serif; }
h4 { margin:1em 0 .8em 0; font-size:1.1em; line-height:120%; color:#52aa1d; font-family:Tahoma, Verdana, Arial, sans-serif; }
h3.top { margin-top:.2em; } /*for articles and pages where h3 appears immediately below main heading*/

p { margin:0 0 .8em 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 .8em 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:#3734b7; }
a:visited { text-decoration:none; color:#3333aa; }
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:#3939b8 url(images/bkgrdbutton.png) 0 100% repeat-x; 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:0 auto 12px auto; background:#000; }
.header { height:376px; width:980px; padding:0; color:#fff; background:#000 url(images/bkgrdhdr.png) 0 0 no-repeat; position:relative; font-family:Tahoma, Verdana, Arial, sans-serif; }

.blogname { font-size:14px; font-weight:bold; margin:0; height:239px; width:592px; /*position:relative;*/position:absolute; left:-3000px; }
.blogname span { position:absolute; height:100%; width: 100%; background: url(images/logo.png) 0 0 no-repeat; }
.blogname a { border:none; text-decoration:none; color:#ccc; }
.tagline { font-size:20px; line-height:26px; color:#3735b8; font-weight:bold; position:absolute; top:72px; left:612px;  }
.tagline .place { font-size:25px; line-height:26px; display:block; color:#fff; }
.tagline .time { font-size:21px; line-height:24px; display:block; color:#fff; padding-top:12px; }
.tagline .white { color:#fff; }
.tagline .small {font-size:14px;}
.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:13px; font-weight:bold; background:#000; padding-left:30px; margin:0; overflow:auto; list-style-type:none; clear:both; }
.nav li { float:left; margin:0; width:auto; }
.nav a:link,.nav a:visited { color:#fff; background:#000; padding:0 14px 0 14px; display:block; line-height:42px; white-space:nowrap; }
.nav a:hover { color:#b8b2f1; background:#000; }
.nav li.current_page_item a,.nav li.current-page-ancestor a { background: #000; color:#60ee00; }

/********* CONTENT *******************/
#content { width:980px; padding:0 0 1em 0; overflow:auto; }
/*Blog*/
.blogmain { width:572px; margin:0 0 0 20px; float:left!important; display:inline; overflow:auto; background:#fff; padding:5px 0 20px 0; position:relative; } 
.article { overflow:hidden; margin:0 6px 0 12px; }
.article h1 a:link,.article h2 a:link,.article h1 a:visited,.article h2 a:visited { color:#3734b7; }
.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 {  }

.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:1em 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; background:#fff; float:right; display:inline; position:relative; margin:0 20px 0 0; min-height:400px; height:auto !important; height:400px; padding:5px 0 20px 0; }
.pagecontent p { font-size:1.2em; margin:0 6px .5em 12px; line-height:150%; }
.pagecontent ul { margin:0 6px .2em 27px; }
.pagecontent h3,.pagecontent h4 { margin:1em 10px .5em 12px; }
.pagecontent h1,.pagecontent h2 {margin:1.1em 10px .4em 12px;}
/*create columns for page content*/
.columnleft { float:left; display:inline; width:330px; padding:6px 0 0 0; }
.columnright { float:right; display:inline; width:358px; padding:6px 0 0 0; }

.pagecontent .hilite, .homepagecontent .hilite { width:148px; margin:.4em 10px 2px 12px; padding-bottom:5px; background:#dde; float:right; display:inline; }
.pagecontent .hilite p,.pagecontent .hilite h3,.homepagecontent .hilite p,.homepagecontent .hilite h3 { padding:0; }
.pagecontent .hilite p,.homepagecontent .hilite p { font-size:12px; font-weight:bold; margin:5px 4px 10px 10px;  }
.pagecontent .hilite h3 {  margin:5px 4px 3px 10px; }
.homepagecontent .hilite h3 { font-size:13px; margin:8px 4px 3px 10px; }

.pagecontentpurple { width:700px; background:#3734b7; float:right; display:inline; position:relative; margin:0 20px 0 0; min-height:400px; height:auto !important; height:400px; padding:5px 0 20px 0; }
.pagecontentpurple h1, .pagecontentpurple h2, .pagecontentpurple h3, .pagecontentpurple h4, .pagecontentpurple p { color:#fff; }
.pagecontentpurple a:link,.pagecontentpurple a:visited { color:#e0e0f7; }
.pagecontentpurple a:hover { color:#fff; }
.pagecontentpurple p { font-size:1.2em; margin:0 6px .5em 12px; line-height:150%; }
.pagecontentpurple ul { margin:0 6px .2em 27px; }
.pagecontentpurple h3,.pagecontentpurple h4 { margin:1em 0 .5em 12px; }

.subnav { width:218px; background:#fff; float:left; display:inline; position:relative; margin:0 0 0 20px; padding:5px 0 20px 0; }
.subnav ul { list-style-type:none; margin:0 6px 1.5em 12px; padding:0; }
.subnav h3 { padding:0 7px 0 12px; margin-top:18px; }
.subnav h3 .small { color:#333; }
.subnav p { padding:0 7px 0 12px; }
.subnav p.charity { font-size:13px; color:#555; }
.subnav li,.subnav p.widgettitle { margin:0 0 .5em 0; font-size:13px; line-height:140%; font-weight:bold; }
.subnav li a:link,.subnav p.widgettitle a:link,.subnav li a:visited,.subnav p.widgettitle a:visited {color:#3a3;}
.subnav li a:hover,.subnav p.widgettitle a:hover { color:#000;}
.subnav li.current_page_item a,.subnav p.widgettitle a.current_page_item {color:#000;}
.subnav p.widgettitle {margin-top:18px;}
.subnav .hilite {  }

h1.page { margin:.4em 6px .6em 12px; }

.addressinfo { width:165px; float:right; display:inline; margin:18px 10px 0 0; }
.addressinfo p { font-size:12px; line-height:15px; }
.addressinfo h3 { margin-top:0; }

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

/*Homepage*/
.homepagecontent { width:700px; background:#fff; float:right; display:inline; position:relative; margin:0 20px 0 0; padding:10px 0 10px 0; }
.billboard { height:340px; width:676px; overflow:hidden; margin:0 0 16px 12px; padding:0; background:#ccc; text-align:center; }
.homepagecontent .billboard li { height:340px; width:676px; background:#fff; margin:0; padding:0; }
.homepagecontent .billboard li, .billboard ul { margin:0; padding:0; list-style:none; }
.billboard span { position:absolute; left:-3000px; }
.homepagecontent p { font-size:1.4em; margin:0 6px .5em 12px; line-height:150%; }
.homepagecontent h3 { font-size:1.4em; margin:0 6px .5em 12px; }
h1.homepage { margin:0 6px .4em 12px; font-size:38px; }
.rssfeed { width:208px; float:left; display:inline; margin:0 0 0 30px; }
.rssfeed img { margin:24px 0 10px 0; }
.rssfeed ul { list-style-type:none; margin-left:0; }
.rssfeed li { line-height:130%; color:#60ee00; }
.rssfeed h3 { margin-top:.3em; font-size:16px; color:#b8b2f1; }
.rssfeed a:link,.rssfeed a:visited { color:#fff; }
.rssfeed a:hover { color:#fee; }

.pagecontent,.pagecontentpurple,.homepagecontent,.blogmain,.subnav,.sidebars,.hilite {-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

/* Comments */
.commentlist { margin:0 4px 18px 0; list-style-type:none; border-bottom:1px #ccc 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:543px; }
#commentform label { font-size:13px; }
#respond h3 { margin-left:0; padding:0; }

/* SIDEBAR */
.sidebars { overflow:hidden; background:#fff; padding:10px 0 20px 0; position:relative; }
.sidebars h3 { margin:12px 5px 6px 12px; color:#52aa1d; }
.sidebars ul { list-style-type:none; margin:0; }
.sidebars li,.sidebars p { margin:0 5px 4px 12px; padding:0; font-size:1.1em; line-height:120%; }
.sidebars li a { }
.sidebars .children { margin-left:0; }
.sidebarright { width:348px; float:right!important; display:inline; margin:0 20px 0 0; overflow:auto; }
.sidebarright p { font-size:1.1em; line-height:140%; }
.sidebar2 { width:348px; display:block; }
.sidebar3left { width:175px; padding:0; float:left; display:inline; }
.sidebar3right { width:170px; padding:0; float:right; display:inline; }

.sidebars h2 { font-size:16px; line-height:18px; color:#c73475; padding-top:6px; }
.sidebarimgleft { float:left; display:inline; margin:0 0 12px 6px; }
#searchform { display:block; clear:both; }
#s { margin:6px 1px 12px 12px; display:inline; background:#e7e4f7; }
#searchsubmit { margin:6px 1px 12px 0; display:inline; }
/* FOOTER: NOTE unequal width columns*/
.footer { margin:0; padding:7px 0 10px 0; background:#000 url(images/footer.gif) 0 100% no-repeat; }
.leftfoot { width:572px; float:left; display:inline; margin:0 0 0 20px; } /*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:172px; float:left; display:inline; margin:0; }
.footer4 { width:158px; float:right; display:inline; margin:0; }
.footer4 a { padding:2px 8px 6px 0; }
.footer h3 { color:#fff; font-size:1em; line-height:130%; margin:0; font-family:arial, helvetica, sans-serif; }
.footer p,.footer li { font-size:1em; line-height:130%; margin:0 0 .3em 0; color:#fff; }
.footer a:link, .footer a:visited { color:#fff; }
.footer a:hover { color:#b8b2f1; }
.footer ul { list-style-type:none; margin:0; padding:0; }
.footer p em { font-style:normal; font-weight:bold; font-size:13px; }
.footer p.totop { margin:1px 0 0 8px; font-weight:bold; }
.footer p.totop a:link,.footer p.totop a:visited { padding:0 0 3px 15px; background: url(images/arrowtop.png) 3px 0 no-repeat; }
.footer p.totop a:hover { background-position: 3px -20px; }
/* Miscellaneous classes */
.clr { clear:both; }
.small { font-size:90%; }

/***PLUGINS*****/

/***Sociable Plugin***/
div.sociable { margin: .2em 0 1.5em 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:498px; }
.wpcf7 input[type="text"],
.wpcf7 select,.wpcf7 textarea { width:498px; }
.wpcf7 .captcha input { width:60px; }
.wpcf7 input[type="submit"] { width:66px; margin-top:12px; }

