/*
	Theme Name: Evo4
	Theme URI: http://www.evowebdev.com/blog/evo4-theme/
	Description: Evo4 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:four-columns,right-sidebar,fixed-width,light

	"Evo4" 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,acronym,em,img,small,strong,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:.6em 0 .2em 0; font-size:2.1em; line-height:120%; color:#600; font-family:georgia,"times new roman", serif; font-weight:normal; }
h3,h4 { margin:1em 0 .5em 0; font-size:1.2em; line-height:120%; }

p { margin:0 0 .5em 0; font-size:1.2em; }
p .more, p.more { font-size:11px; text-transform:uppercase; font-weight:bold; color:#666; }
p .more a, p.more a { text-decoration:none; }
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:#a00; }
a:visited { text-decoration:none; color:#800; }
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:0 auto 12px auto; background:#fff; }
.header { padding: 0; margin-bottom:0; color:#fff; background:#fff url(images/bkgrdhdr.jpg) 0 0 no-repeat; position:relative; height:180px; overflow:hidden; }

.blogname { position:absolute; top:0; left:0; }
.tagline { width:200px; position:absolute; top:42px; left:260px; font-weight:bold; font-size:16px; line-height:22px; color:#fff; }

.header form#searchform { width:368px; position:absolute; right:0; top:43px; }
.header #searchform input[type="text"] { width:176px; margin-right:2px; }
.header #searchform input[type="submit"] { }

.header p.rss { width:368px; height:48px; position:absolute; right:0; top:72px; font-size:13px; line-height:13px; font-weight:bold; }
.header p.rss a:link,.header .rss a:visited { text-decoration:none; color:#edd; }
.header p.rss a:hover { text-decoration:none; color:#fff; }
.header p.rss .rsswhy { font-size:11px; font-weight:normal; }

.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 { background:none; margin:0; overflow:hidden; position:absolute; left:260px; bottom:24px; }

.nav li { display:inline; margin:0; padding:0; font-size:11px; text-transform:uppercase; letter-spacing:.2em; }
.nav li a:link,.nav a:visited { float:left; background: url(images/navhiliteright.gif) no-repeat 100% 0; margin:0; padding:0; text-decoration:none; color:#fff; }
.nav li a span { float:none; display:block; background: url(images/navhiliteleft.gif) no-repeat 0 0; padding:9px 20px 5px 20px; }

.nav li a:hover { background-position:100% -50px; color:#fff; }
.nav li a:hover span { background-position:0-50px;  }

.nav li.current_page_item a, .nav li.current_page_parent a { background-position:100% -100px; }
.nav li.current_page_item a span, .nav li.current_page_parent a span { background-position:0 -100px; }
.nav li.current_page_item a:link, .nav li.current_page_item a:visited, .nav li.current_page_parent a:link, .nav li.current_page_parent a:visited { color:#555; }
.nav li.current_page_item a:hover, .nav li.current_page_parent a:hover { color:#000; }

/* CONTENT */
#content { width:980px; padding:0 0 1em 0; overflow:auto; }
/*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:#600; }
.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%; }
.pagecontent .alignright p { font-size:12px; line-height:15px; margin:5px 0 0 0; font-weight:bold; }
.pagecontent h2 { margin:1em 0 .5em 0; font-size:1.3em; line-height:120%; font-family:arial,helvetica,sans-serif; font-weight:bold; }
.pagecontent h3 { margin:1em 0 .5em 0; font-size:1.2em; line-height:120%; color:#666; }
h3.top, h2.top { margin-top:.2em; } /*for articles and pages where h3 appears immediately below main heading*/
.subnav { width:208px; float:left; display:inline; margin:.2em 0 0 30px; }
.subnav ul { list-style-type:none; margin:0 0 1.2em 0; padding:0; }
.subnav li { margin:0 0 .5em 0; font-size:13px; line-height:140%; font-weight:bold; }
.subcenter { text-align:center; padding:5px 0; }
h1.page { margin:.6em 0 .6em 258px; } /*equal to width of footer1 plus margins at its left and right*/

.sidebar { float:right; display:inline; width:170px; margin:.4em 0 .2em 12px; padding:7px 0 2px 0; background:#eee url(images/sidebar.gif) 0 100% repeat-x; }
.pagecontent .sidebar p { font-size:1.1em; line-height:120%; margin:0 3px .3em 9px; }
.sidebar ul { list-style:outside disc; margin:0 0 0 22px; }
.sidebar li { margin:0 0 .4em 0; font-size:1.1em; line-height:120%; }

.address { width:165px; float:right; display:inline; }
.address h3 { margin:.5em 0 .2em 0; font-size:1.1em; line-height:120%; }
.pagecontent .address p { font-size:1.1em; line-height:130%; }

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

/*Homepage*/
.billboard { height:278px; width:980px; margin:0 0 15px 0; overflow:hidden; }
.billboard h2 span { position:absolute; left:-3000px; }
.billboard ul { list-style-type:none; margin:0; }
.homepagecontent { width:700px; float:right; display:inline; margin:0 20px 0 0; }
.homepagecontent p { font-size:1.3em; line-height:180%; }
.rssfeed { width:208px; float:left; display:inline; margin:0 0 0 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:10px 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 5px 0; background:#e1dcdc url(images/footer.gif) 0 100% no-repeat; }
.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:#666; font-size:1em; line-height:130%; margin:0; }
.footer p,.footer li { font-size:1em; line-height:130%; margin:0 0 .3em 0; color:#666; }
.footer a:link,.footer a:visited { color:#666; }
.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; float:left; display:inline; }
.wpcf7 input[type="text"],
.wpcf7 select,.wpcf7 textarea { width:510px; }
.wpcf7 input.captcha { width:60px; }
.wpcf7 input[type="submit"] { width:66px; margin-top:12px; }
div.wpcf7-response-output { margin: 2em 0 1em 0 !important; padding: .5em 20px .3em 20px !important; width:470px; }
div.wpcf7-validation-errors { border: none !important; background:#f00; color:#fff; }
div.wpcf7-mail-sent-ok { border: none !important; background:#090; color:#fff; }

/**HTML Sitemap
If updated, will have to edit to add class="sitemap"**/
ul.sitemap { list-style-type:none; margin:0; }
ul.sitemap li { margin:0 0 .4em 0; font-size:1.2em; line-height:130%; }
ul.sitemap li ul { margin:.4em 0 0 0; list-style-type:none; }
ul.sitemap li ul li { margin:0 0 .4em 3em; font-size:1em; line-height:130%; }