/*
	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:minimalist,four-column grid,right-sidebar,7 widget areas

	"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:2em; line-height:120%; color:#600; }
h3,h4 { margin:1em 0 .5em 0; font-size:1.2em; line-height:120%; }
h3.top,h4.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; } 
.billboard h1,.billboard h2 { margin:.6em 0 .2em 0; font-size:1.8em; line-height:120%; color:#333; padding-top:50px; }

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:12px auto; background:#fff; }

.header { padding: 6px 0 0 0; margin-bottom:18px; color:#fff; background:#666 url(images/bkgrdhdr.jpg) 0 0 no-repeat; position:relative; }
.blogname { font-size:44px; font-weight:bold; margin:34px 0 1px 30px; width:380px; height:60px; }
.blogname a:link,.blogname a:visited { color:#fff; }
.blogname a:hover { color:#eee; }
.tagline { font-size:15px; line-height:19px; font-weight:normal; margin:0; width:228px; position:absolute; top:24px; left:612px; }
.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; background:#ccc; padding-left:30px; margin:0; overflow:auto; position:relative; }/*relative position allows absolute positioning of search box*/
.nav li { float:left; margin:0; width:auto; }
.nav a:link,.nav a:visited { color:#fff; background:#ccc;font-weight:normal; padding:7px 15px 4px 15px; display:block; border-left:1px solid #eee; }
.nav a:hover { color:#fff; background:#800; }
.nav li.current_page_item a, .nav li.current_page_parent a { background: #fff; color:#555; }
.nav .searchbox { /*float:right; margin:4px 20px 0 0;*/ position:absolute; left:612px; top:4px; }
.nav .searchbox input[type="text"] { width:176px; margin-right:2px; }
.nav .searchbox input[type="submit"] { }

/* 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; }
.article p.nocomments { font-style:italic; font-weight:bold; }

.alignleft { display:inline; float:left; margin:.5em 10px .2em 0; width:auto; } /*images*/
.alignright { display:inline; float:right; margin:.2em 15px .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*/

/*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 p.code { font-size:13px; line-height:130%; font-family:"Courier New", Courier, monospace; padding-bottom:4px; }
.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 .6em 0; font-size:14px; line-height:130%; font-weight:bold; }
.subnav li.current_page_item a, .subnav li a.current_page_item { color:#000; }
h1.page { margin:.6em 0 .6em 258px; } /*equal to width of footer1 plus margins at its left and right*/

.rightcolumn { width:165px; float:right; display:inline; margin:0 0 .5em 18px; }
.pagecontent .rightcolumn p { font-size:1em; line-height:140%; }
.pagecontent .rightcolumn p strong { font-size:110%; }

.download { background:#fff url(images/downloadbkgrd.gif) 0 0 no-repeat; padding:.7em 0 .3em 0; margin:.1em 2px 0 0; height:90px; }
.rssfeed .download { margin-top:.6em; }
.download h2 { margin:0 .2em .4em .7em; font-size: 14px; line-height:18px; } 
.download h3 { margin:0 .2em .4em .7em; font-size: 13px; line-height:17px; color:#888; }
.download h3 a:link,.download h3 a:visited { color:#555; }
.download h3 a:hover { color:#000; }

.buttons { width:165px; float:right; display:inline; }
.pagecontent .buttons ul { list-style-type:none; margin:0 0 3px 0; height:22px; }
.pagecontent .buttons li { float:left; display:inline; margin:0; }
.pagecontent .buttons a:link,.pagecontent .buttons a:visited { padding:4px 6px 3px 6px; font-size:12px; background:#999; color:#fff; font-weight:bold; }
.pagecontent .buttons a:hover { background-color:#600; }
.pagecontent .buttons a.prev { margin-right:6px; }
.pagecontent .buttons p { clear:both; font-size:13px; line-height:17px; padding:6px 0 0 0; margin:0; }

.pagecontent .example h4 { font-size:14px; color:#555; line-height:19px; margin:0; padding-top:6px; }
.pagecontent .example p { font-size:13px; color:#444; line-height:19px; margin:0 0 8px 0; } 

/*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:#aaa; padding-top:85px; }
.homepagecontent { width:700px; float:right; display:inline; margin:0 20px 0 0; }
.homepagecontent p { font-size:1.2em; line-height:180%; }
.homepagecontent p strong { color:#555; }
.homepagecontent .alignright p.caption { font-size:12px; line-height:14px; padding:3px 0; font-weight:bold; }
.rssfeed { width:208px; float:left; display:inline; margin:0 0 0 30px; }
.rssfeed ul { list-style-type:none;margin:0 0 1.5em 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 6px 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; }

/***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; }

/*thickbox specific link and font settings*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #58595b; }
#TB_secondLine { font: 11px Arial, Helvetica, sans-serif; color:#58595b; padding:4px 0; }
#TB_window a:link { color: #58595b; }
#TB_window a:visited { color: #58595b; }
#TB_window a:hover { color: #222; }
#TB_window a:active { color: #58595b; }
#TB_window a:focus { color: #58595b; }
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(/evo4/images/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #fff; z-index: 102; color:#58595b; display:none; border:; text-align:left; top:48%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; }
#TB_caption { height:32px; padding:7px 20px 10px 15px; float:left; font-size:17px; }
#TB_closeWindow { height:32px; padding:0 15px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#fff; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
#TB_prev a,#TB_next a { text-decoration:none; }
#TB_prev a { padding-left:10px; background: url(/evo4/images/tb_left.gif) 0 1px no-repeat; margin-right:5px; }
#TB_next a { padding-right:10px; background: url(/evo4/images/tb_right.gif) 100% 1px no-repeat; }
#TB_closeWindow { position:relative; top:18px; font-size:11px; }
.count { padding-right:10px; }

/***ddsg sitemap generator***/
.ddsg-wrapper ul { list-style-type:none; margin:0; }
.ddsg-wrapper ul li { margin:.5em 0 .5em 0; font-size:14px; }
.ddsg-wrapper ul li ul { margin:.5em 0 .5em 3em; }
.disappear { position:absolute; left:-3000px; }