/*
Theme Name: Well Egg
Theme URI: http://wellegg.com/

*/


/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333; background: url('images/subBkg2.jpg') repeat-y top center #FFF; } 
body.home { background: url('images/bkg.jpg') repeat-x top center #FFF !important; }
body.blog, body.single { background-image: none !Important; }
a { color: #9E4E36; text-decoration: none;}
a:hover { text-decoration: underline; }

h1 { font-size: 33px; padding-bottom: 30px; }
h2 { font-size: 24px; line-height: 26px; }
h3, h3 a , #sidebar h2{ float: left; font-size: 18px !important; }
h1, h2, h2 a, h3, h3 a { text-align: left; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #333 !important; }
h2 a:hover, h3 a:hover { color: #9F4E36 !important; text-decoration: none; }

#container { margin: 0 auto; width: 984px; }

/****HEADER STYLES*******/

#header { float: left; width: 984px; height: 74px; }
#header img { float: left; width: 200px; height: 45px; margin-top: 15px; }

/*****NAV STYLES*******/

#header ul { float: right; margin-top: 14px; }
#header ul li { float: left; }
#header ul li a { float: left; height: 26px; padding-top: 11px; text-align: center; color: #FFF; font-weight: bold; }
#header ul li a:hover { text-decoration: none; background: url('images/navRoll.jpg') no-repeat 0 0; }

.page-item-7 a,  .page-item-10 a { width: 80px; }

.page-item-8 a { width: 88px; }
.page-item-8 a:hover { background-position: -186px 0 !important; }

.page-item-10 a, .page-item-14 a { width: 64px; }
.page-item-10 a:hover, .page-item-14 a:hover { background-position: -287px 0 !important; }

.page-item-9 a { width: 100px; }
.page-item-9 a:hover { background-position: -365px 0 !important; }

/*****FOOTER STYLES*******/

#footerBkg { clear: both; width: 100%; height: 240px; background: url('images/footerBkg.jpg') repeat-x; }
#footer { margin: 0 auto; width: 984px; padding-top: 40px; line-height: 18px; font-size: 12px; color: #FFF;  }
#footer ul { float: left; width: 200px; margin-left: 15px; }
#footer p { float: left; width: 500px; margin-top: 140px; text-align: center; }
#footer a { color: #999; }
#footer a:hover { text-decoration: none; color: #CCC; }
#contactFooter { float: right; width: 120px; padding-right: 50px; }

/*****HOME CONTENT STYLES*******/

#hero { float: left; width: 969px; height: 364px; padding-left: 15px; }
#hero h1 { padding: 15px 0 10px; }
#hero img { float: right; margin-top: 1px; }
#hero p { margin-bottom: 15px; line-height: 18px; }
#hero p a { font-size: 13px; font-weight: bold; color:  #333; }
#hero p a:hover { text-decoration: underline; }
#hero a.proposalBtn { float: left; width: 260px; height: 50px; margin: 25px 20px 0 0; background: url('images/proposalBtn.jpg') no-repeat 0 0; }
#hero a:hover.proposalBtn { background: url('images/proposalBtn.jpg') no-repeat -263px 0px; }
#hero a.learnBtn { float: left; width: 180px; height: 50px; margin-top: 27px; background: url('images/learnBtn.jpg') no-repeat 0 0; }
#hero a:hover.learnBtn { background: url('images/learnBtn.jpg') no-repeat -186px 0px; }

.column { float: left; margin: 40px 0 0px; padding-bottom: 30px; line-height: 20px; }
.column h2 { clear: right; }
.column a { float: right; color: #9F4E36; font-size: 12px; }
.column p { margin-top: 10px; }
.column.left { width: 285px; margin: 40px 68px 0 0; padding-left: 15px; }

.column.mid { width: 280px; margin-right: 62px; }
.column.mid span { font-weight: bold; color: #7BA641; }

.column.right { width: 274px; }
.column.right p {float: left;  margin-top: 15px; }

.tab { float: left; width: 30px; height: 17px; margin: 4px 15px 15px 0; }
.tab.green { background: #9EC24F; }
.tab.blue { background: #7DC0DA; }
.divider { float: left; width: 100%; height: 9px; margin: 30px 0; background: url('images/divider.png') repeat-x; }
p.testimonial { float: left; width: 185px; height: 143px; margin: 0; padding: 5px 55px 0; font-size: 15px; background: url('images/testBubble.jpg') no-repeat; }
p.testimonialPerson { margin: 0 0 18px 30px; }
div.date { float: left; width: 100px; margin-right: 15px; clear: left; color: #7dc0da; }
.blogEntry { float: left; width: 274px; margin-bottom: 30px; }

/*****SUB CONTENT STYLES*******/

#subBkg { width: 100%; height: 100%;  background: url('images/subBkg.jpg') repeat-x top center; }
.post h1 { clear: both; padding: 30px 0 0 15px !important; }

.subColumn { float: left; margin-top: 60px; padding-bottom: 30px; }
.subColumn .divider { margin: 0 0 10px 0; }
.subColumn.first { width: 200px; margin-right: 35px; padding-left: 15px; line-height: 30px; }
.subColumn.first h3 { width: 100%; clear: both; padding-botom: 20px; font-weight: bold; } 
.subColumn.first ul li a { font-size: 14px; color: #666; padding: 5px; } 
.subColumn.first ul li a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; background: #BFE3F1; }

.subColumn.second { width: 518px; line-height: 26px; margin-right: 35px; }
.subColumn.second h2, .subColumn.second p span { margin-top: 4px; color: #7BA442 !important; }
.subColumn.second img { padding: 20px 0; }
.subColumn.second h2 span { color: #A3C557; }

.subColumn.third { width: 175px; color: #9B4D35; font-size: 12px; line-height: 24px; text-transform: uppercase; }
.subColumn.third img { float: left; margin: 5px 5px 0 0; }
.subColumn.third h3 { margin-top: 6px; text-transform: none; color: #999 !important; }
.subColumn.third h3 span { color: #9B4D35 !important; }
.subColumn.third p { float: left; width: 100%; margin: 0; }
.subColumn.third a { color: #9B4D35; }
.subColumn.third hr { float: left; width: 100%; clear: both; }

#sidebar { float: right; width: 231px; margin-top: 60px; line-height: 30px; }
#sidebar ul { padding-bottom: 30px; }
#sidebar h2 { float: none; padding-bottom: 10px; background: url('images/divider.jpg') repeat-x bottom; }
#sidebar a { color: #333; }
li#recent-posts-3 ul { margin: 10px 0 0 20px; }
li#recent-posts-3 ul li { list-style: url('images/li.jpg'); }

.blogContainer { float: left; width: 724px; margin-top: 60px; line-height: 26px; }
.blogContainer h2 a:hover { color: #333 !important; text-decoration: underline; } 
.blogContainer .date { float: left; width: 33px; height: 35px; padding-top: 11px; text-transform: uppercase; margin-right: 20px; line-height: 14px; text-align: center; color: #333; font-size: 16px; background: url('images/date.jpg') no-repeat; }
.blogContainer .date span { font-size: 10px; }
.blogContainer .entry { padding-left: 50px; }
.blogContainer hr { clear: both; margin: 40px 0; color: #7BA442; border: solid 1px #7BA442; background: #7BA442; }
.blogContainer .divider { margin: 10px 0 30px; }
.meta a span, .meta span { font-size: 16px; font-weight: bold; color: #333; }
body.single .meta { width: 100%; color: #9E4E36 !important; font-size: 16px; }
.post p { margin-bottom: 15px; }
#content { float: left; width: 100%; clear: both; }

.comment-author img.avatar { display: none; }
span.says { display: none; }
.comment-meta, .comment-meta a { font-size: 12px; color: #999; }
li.comment { margin: 30px 0; }
.comment-body { line-height: 22px; padding-bottom: 20px; background: url('images/blogDivider.jpg') repeat-x bottom; }
h3.meta { padding-bottom: 10px; }
h3.commentsHeader { padding-left: 50px; }
#respond { padding-left: 50px; }
body.single .post hr { margin-left: 50px; }
body.single .post h2 { float: left; width: 80%; }
ol.commentlist { margin-left: 50px; }
a.backBlog { width: 20%; font-size: 10px; color: #333; }

.subColumn.second li, .entry li { list-style: disc; margin-left: 25px; }