/*
	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,7 widget areas,grid

	"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-color:#F8F8F8; color:#000; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; }
header,
nav,
article,
footer { display:block; }
img { display:inline-block; vertical-align:bottom; }
h1,
h2 { 
margin:.6em 0 .6em 0; font-size:1.7em;
text-transform:uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: "Times New Roman", Times, serif;
color:#000; 
}
h3,
h4 { margin:1em 0 .5em 0; font-size:1.2em; line-height:120%; color:#000; }
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; font-family: Helvetica, Arial, sans-serif; }
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%; text-decoration:none;}
li ul,
li ol { margin:0; font-size:1em; }
blockquote { padding:0 1em; margin-left:1.5em; }
a:link { text-decoration:none; color:#666; }
a:visited { text-decoration:none; color:#666; }
a:hover { text-decoration:underline; 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: 15px auto; }
.header { width:980px; height:97px; padding: 0 0 0 0;background: url('images/rayheader3.png'); color:#000; }
.blogname { font-size:24px; font-weight:normal; color: #F8F8F8; margin:20px 0 5px 30px; padding-top:10px;}
.blogname a:link,
.blogname a:visited { color:#F8F8F8; }
.blogname a:hover { color:#F8F8F8; }
.tagline { font-size:1.5em; font-weight:normal; margin:0 0 16px 30px; }
.header ul { list-style-type:none; }
.title { width: 267px; height: 44px; margin:40px 0 0 30px;}
.titlelogo { position: relative; height: 53px; width: 163px; display: block;
    background: url('images/baby-bullet-logo-3.png') no-repeat top left; z-index:1; }

#logo { 
    margin:0 0 0 50px; 
} 
 
#logo a { 
    width: 150px; 
    height: 100px; 
    display: block; 
    background: url(images/baby-bullet-logo-3.png) no-repeat top left; 
} 
 
#logo a span { display: none }


/* DROP DOWN NAV  THEME CONTROLLED */



/* END DROP DOWN NAV */

/*RIGHT NAV*/

#rightnav  {
    font-size:10px;
    font-family: "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-weight:normal;
    letter-spacing: 1px;
    z-index:5;
    }
#rightnav, #rightnav ul {
    list-style:none;
    line-height:25px;
    padding:0;
    border:0;
    margin-top:0px;
margin-left:800px;
    }

#rightnav {
padding-left:10px;
padding-bottom: 20px;
padding-top:30px;
}
#rightnav a {
    display:block;
    color:#484848;
    padding:5px 7px;
    }
#rightnav li {
    float:left;
    padding:0;
    }
#rightnav li:hover {
text-decoration:underline;
}




/* CONTENT */

#content { width:980px; padding:10px 0 0 0; margin:0; min-height:400px; background-color:#fff; z-index:5; }


/* SIDEBAR */
.sidebars { overflow:hidden; }
.sidebars h3 { margin:12px 0 6px 0; text-transform:uppercase; letter-spacing: 1px; color:#B8B8B8; font-weight:normal; font-size:1.1em;}
.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 { float: left; width:200px; height: auto; display:inline; color:#B8B8B8; margin:20px 20px 0 0; }
.sidebarright p { color:#B8B8B8; font-weight:normal; font-size:1.1em; }
.sidebarright a { color:#B8B8B8; }
.sidebar2 { width:180px; color:#B8B8B8; display:block; padding:0 0 20px 30px } /*first wide*/
.sidebar3left { width:180px; color:#B8B8B8; display:block; padding:0 0 20px 30px } /*second*/
.sidebar3right { width:180px; color:#B8B8B8; display:block; padding:0 0 20px 30px }  /*third*/


/* PRESS NAV */
.pressnav { 
overflow:hidden; 
float: left; 
width:180px; 
height: auto; 
display:inline; 
color:#000; 
margin:20px 20px 0 20px; 
}

.pressnav h3 { margin:12px 0 6px 0; text-transform:uppercase; letter-spacing: 1px; color:#B8B8B8; font-weight:normal; font-size:1.1em;}
.pressnav ul { list-style-type:none; margin:0; }
.pressnav li { margin:0 0 4px 0; padding:0; font-size:1.1em; line-height:120%; }
.pressnav li a { }
.pressnav .children { margin-left:0; }
.pressnav p { font-size:1.3em; line-height:130%; }
.pressnav a { color:#CCC; }
.pressnav a:hover {
background-color:#000:
}
h1.pressnav { 
margin:.6em 0 .6em 0;
font-size:1.7em;
text-transform:uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: Helvetica, Arial, sans-serif; }


/*Blog*/  
.blogmain { display:block; margin:0 20px 0 230px; min-height:400px; } 
.article { overflow:hidden; padding-bottom: 20px; }
.article h1 a:link,
.article h2 a:link,
.article h1 a:visited,
.article h2 a:visited { color:#333; font-family:"Times New Roman", Times, serif; }
.article h1 a:hover,
.article h2 a:hover { color:#000; }
.article p { font-size:1.2em; line-height:130%; }
.article p.extendspost { color:#666; font-size:1em; line-height:130%; margin:0 0 10px; }
.article p.extendspost a { color:#666; }

.alignleft { float: left; padding-right:30px; padding-bottom:30px; }
.alignright { float: right; padding-left:30px; padding-bottom:30px;}
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 { display:block; margin:0 70px 0 230px; padding-bottom:50px; background-color:#fff; min-height:600px; }
.pagecontent p { font-size:1.3em; line-height:130%; }
.pagecontent li p { font-size:1.3em; line-height:130%; }
.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:1.2em; text-transform:uppercase; letter-spacing: 2px;line-height:140%; font-weight:bold; }
.subnav li a { margin:0 0 .5em 0; font-size:1em; text-transform:uppercase; letter-spacing: 2px;line-height:140%; font-weight:normal; color: #666; }
h1.page { 
margin:.6em 0 .6em 0;
font-size:1.7em;
text-transform:uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: "Times New Roman", Times, serif; } /*equal to width of footer1 plus margins at its left and right*/

/*Image Page*/
.imagecontent { 
width:980px; 
padding:0;  
margin:0;
min-height:400px;
padding-bottom:50px;
z-index:5; }

#click {
padding:0 0 0 50px;
margin:0;
text-align:left;
}

#click p {
color:#666;
}


/*Press Page*/
.presscontent { display:block; margin:0 70px 0 230px; padding-bottom:50px; min-height:400px; }
.presscontent p { font-size:1.3em; line-height:130%; }


/*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:right; display:inline; margin:0 20px 0 0; }
.homepagecontent p { font-size:1.2em; 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; }




/* FOOTER: NOTE unequal width columns*/

.footer { margin:0; padding:50px 0 0 0; background-color:#fff; color:#B8B8B8; clear:both; }
.leftfoot { width:562px; float:left; display:inline; margin:0 } /*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 0 0 0; padding-bottom:70px;}
.footer3 { width:165px; float:left; display:inline; margin:0; }
.footer4 { width:165px; float:right; display:inline; margin:0; }
.footer h3 { color:#B8B8B8; font-size:1em; line-height:130%; margin:0; }
.footer p { font-size:1em; line-height:130%; margin:0 0 .3em 0; color:#B8B8B8; }
.footer li { font-size:1em; line-height:130%; margin:0 0 .3em 0; color:#B8B8B8; }
.footer a:link,
.footer a:visited { color:#ccc; }
.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; color:#ccc; }
.footerbottom {width:980; height:118px; background: url('images/rayfooter2.png') no-repeat; }

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