/*
Theme Name: IvyCompass
Theme URI: 
Description: Theme for IvyCompass Blog
Version: 1.0
Author: Sean Corey
Author URI: 
*/



/* 
developed by 0to5 - www.0to5.com

*/

/* ************************************************************************* */
							/* RESET */
/* ************************************************************************* */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

body, select, input, textarea {
	font: 62.5%/1.3 arial, helvetica, verdana, sans-serif;
}
body{
	background: #122c16;	
}



/* ************************************************************************* */
							/* LAYOUT */
/* ************************************************************************* */
#container {
	width: 100%;
	margin: 0 auto;
}
/* header */
#header {
	width: 100%;
	height: 85px;
	background: #d4e6c3;
}
#b_home header{float:left;}
#logo {
	display: block;
	width: 945px;
	height: 85px;
	margin: 0 auto;
}
/* end header */

/* sub header */
#sub_header, #b_home #sub_header {
	width: 100%;
	height: 46px;
	background: #E4E4E4 url("i/bg_home_nav.png") left bottom repeat-x;
}
#b_home #sub_header {background: #FFF url("i/bg_home_nav.png") left bottom repeat-x;float:left;}
#nav {
	width: 945px;
	margin: 0 auto;
}
/* end sub header */

/* content */
#content_home {
	width: 100%;
	background:#FFF;
	float:left;
}
.homecontent{width:484px;}
#content, #content_header {
	width: 945px;
	height: 61px;
	margin: 0 auto;
	padding: 0 0 45px 0;
}
#content_home #content {
	width: 995px;
	padding-left: 50px;
}
#content_main {
	width: 100%;
	background: #fff url("i/bg_home_sub_nav.jpg") left bottom repeat-x;
}
#content_main2 {
	width: 100%;
	background: url("i/bg_header.jpg") left top repeat-x;
}
#main {
	width: 945px;
	min-height: 325px;
	margin: 0 auto;
	padding: 25px 0;
	position:relative;
	padding-bottom:100px !important;
}

#b_about #main { background: url("i/bg_sidenav_photo_about.jpg") right top no-repeat; }
#b_services #main { background: url("i/bg_sidenav_photo_services.jpg") right top no-repeat; }
#b_events #main { background: url("i/bg_sidenav_photo_events.jpg") right top no-repeat; }
#b_partners #main { background: url("i/bg_sidenav_photo_partners.jpg") right top no-repeat; }
#b_resources #main { background: url("i/bg_sidenav_photo_services.jpg") right top no-repeat; }
#b_news #main { background: url("i/bg_sidenav_photo_news.jpg") right top no-repeat; }
#b_blog #main { background: url("i/bg_sidenav_photo_blog.jpg") right top no-repeat; }
#b_contact #main { background: url("i/bg_sidenav_photo_contact.jpg") right top no-repeat; }
/* end content home */

/* sub nav */
#sub_nav {
	width: 100%;
	background: #fff url("i/bg_home_sub_nav.jpg") left bottom repeat-x;
}
#blocks {
	width: 945px;
	height: 255px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}
#b_home #sub_nav{float:left;}
#b_home #footer{clear:both;}

/* end sub nav */

/* footer */
#footer {
	width: 100%;
	height: 188px;
	background: #122c16;
	border-top: 8px solid #fff;
}
#content_footer {
	width: 945px;
	height: 188px;
	margin: 0 auto;
	background: url("i/img_logo_footer.jpg") right 25px no-repeat;
}
#footer ul{padding-top:25px;}
#footer ul li {list-style: none;line-height: 25px;float:left;padding:0 5px;font-size:1.2em;}
#footer li a{margin: 0;color: #fff;text-decoration: none;font-weight:normal;}
#footer li a:hover{margin: 0;color: #94c169;}
#footer p {margin:80px 0 0 0;color: #ccc;font-size: 1.2em;}
#footer p a{margin:0;color:#94c169;text-decoration: none;}
#footer p a:hover{text-decoration:underline;}

#footer ul #foot_twitter, #footer ul #foot_facebook, #footer ul #foot_rss{padding-left:20px;}
#footer ul #foot_twitter{background:url("i/bg_footlink_twitter.jpg") 0 50% no-repeat;}
#footer ul #foot_facebook{background:url("i/bg_footlink_facebook.jpg") 0 50% no-repeat;}
#footer ul #foot_rss{background:url("i/bg_footlink_rss.jpg") 0 50% no-repeat;}
/* end footer */

/* side nav */
#side_nav {
	margin-top: 75px;
	width: 250px;
	float: right;
	display:inline;/*ie6 dub*/
}
/* end side nav */


#blog_sidebar{position:absolute;right:0px;top:120px;width:285px !important;margin:0 -30px 0 0;}
#blog_sidebar p{width:265px !important;}
#blog_sidebar h2 {padding: 0 0 5px 0;}
#blog_sidebar ul, #blog_sidebar li {width:285px !important;}


/* ************************************************************************* */
							/* LISTS*/
/* ************************************************************************* */
#nav ul {list-style:none;}
#nav ul li {float: left;}
#content_footer ul li.icons {
	margin: 10px 0;
	float: normal;
}
#sub_nav ul li {
	display: inline;
}
#side_nav ul li {
	list-style: none;
	margin: 0 auto;
	border-bottom: 1px solid #e8e8e8;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}
#main ul, #main ol {
	margin-left: 15px;
	font-family: arial,helvetica,sans-serif;
	font-size:1.2em;
	line-height: 1.8em;
	color: #333;
}
#main ol{maring-left:20px;}


#blog_sidebar .connectlist {list-style: none;}
#blog_sidebar .connectlist li {float:left;width:32px !important;}
#blog_sidebar .connectlist a {width:32px !important;height:32px;text-indent:-9999em;display:block;outline:none;}
#blog_sidebar .connectlist #sidetwit {background:url("i/twitter_circle.jpg") 0 0 no-repeat;}
#blog_sidebar .connectlist #sidebook {background:url("i/facebook_circle.jpg") 0 0 no-repeat;}


/* ************************************************************************* */
							/* LINKS */
/* ************************************************************************* */
a {
	outline: none;
	color:#70A33D;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #122c16;
}
#logo a {
	display: block;
	margin: 0 0 0 0;
	width: 285px;
	height: 85px;
	text-indent:-9999em;
	background: url("i/bg_home_logo.jpg") left center no-repeat;
}
#nav a {text-transform: uppercase;padding:12px 19px 18px 19px;margin:0 12px 0 0; color: #FFFFFF;font: bold 14px "Lucida Grande", Arial, Helvetica, sans-serif;text-shadow: #333 1px 1px 2px;display:block;}
#nav a:hover{color:#CDE2B7;}
#b_about .about, #b_services .services, #b_events .events, #b_partners .partners, #b_resources .resources, #b_news .news, #b_blog .blog,
#b_home .home:hover, #b_about .about:hover, #b_services .services:hover, #b_events .events:hover, #b_partners .partners:hover, #b_news .news:hover, #b_contact .contact, #b_contact .contact:hover, #activeblog, #activeblog:hover {
	background: url("i/bg_mainnav_active_int.png") 50% 100% no-repeat;
	cursor: default;
	/*color:#122C16;*/
}
#b_home .home{
	background: url("i/bg_mainnav_active.png") 50% 100% no-repeat;
	cursor: default;
	/*color:#122C16;*/
}
#content_footer ul li.icons a {
	margin: 0 5px 0 0;
	float: normal;
}
.block {
	text-decoration: none;
	color:#333;
}
#side_nav ul li a {
	display: block;
	padding: 20px 40px;
	color: #94c169;
	text-decoration: none;
}
#side_nav ul li a:hover {
	background: url("i/bg_sidenav_arrow.png") left center no-repeat;
	border: none;
}
#homesignup{
	background: url("i/img_btn_registernow_interior.png") left top no-repeat;
	width:312px;
	height:89px;
	outline:none;
	display:block;
	text-indent:-9999em;
}



/* ************************************************************************* */
							/* TYPOGRAPHY */
/* ************************************************************************* */
p, ul {
	font-family: arial,helvetica,sans-serif;
	font-size:1.2em;
	color: #333;
}
p.filler{padding-bottom:300px;}
.homecontent p{font-size:1.3em;line-height:20px;}

#main p, #main ul, #main blockquote {
	width: 475px;
	font-size: 1.2em;
	line-height: 1.6em;
}
#main blockquote{color:#555;margin:0 0 10px 20px;font-size:1.15em;width:450px;}
#main blockquote{color:#70A33D;font-style:italic;}

#main ul {
	margin-top: 1.3em;
}

#content p, #main p {
	margin: 1.3em 0;
}

h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;	
}
h1 {
	display:none;
}
#content_home h2 {
	padding: 30px 0 0 0;
}
h2 {
	padding: 0 0 40px 0;
	font-family: Verdana, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #122c16;
}
h3 {
	margin: 0;
	padding: 15px 0 0 0;
	font-family: Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #122c16;
	line-height: 1em;
}
h4 {
	font-size: 1.4em;	
}
h5 {
	font-size: 1.2em;	
}
h6 {
	font-size: 1em;	
}
.block {
	font-family: arial,helvetica,sans-serif;
}
.block strong {
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	color: #122c16;
}



/* ************************************************************************* */
							/* Forms */
/* ************************************************************************* */
input {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	padding: 4px;
	margin: 3px 0;
	color: #000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
textarea{font-size:12px;}
select{font-size: 13px;}
.required{color:#CC0000;}


/* ************************************************************************* */
							/* Tables */
/* ************************************************************************* */
#main table {
	margin-top: 1.3em;
	width: 480px;
	font-family: arial,helvetica,sans-serif;
	font-size:1.2em;
	color: #333;
	border-spacing: 0;
	border: 1px solid #ccc;
	border-bottom: none;
}
#main td, #main th {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#main .thead{
	color:#FFF;
	font-weight:bold;
	background:#122C16;
}
#main .careertable{
	border:none;
}
#main .careertable td, #main .careertable th {
	border:none;
}
#main table a {text-decoration: underline !important;}
#main table .soldout {color: #122C16 !important;}



/* ************************************************************************* */
							/* Images */
/* ************************************************************************* */
.block img {
	float: right;
	margin-left: 5px;
}



/* ************************************************************************* */
							/* Misc */
/* ************************************************************************* */
a.block {
	display: block;
	width: 200px;
	float: left;
}
span.block {
	display: block;
	width: 285px;
	float: left;
	padding-right: 30px;
}
#block1, #block2, #block3, #block4, #block5 {
	padding-right: 40px;
	padding-left: 75px;
}
#block1, #block2, #block3, #block4, #block5 span.block {
	padding-top: 25px;
	height: 75px;
	color: #333;
}
#blocks li{float:left;color:#70A33D;}
#blocks .block{font-weight:normal;}
#block1 {
	background: url("i/bg_home_pdf.png") 5px 25px no-repeat;
}
#block3 {
	background: url("i/bg_home_callus.png") left center no-repeat;
}
#block4 {
	background: url("i/bg_home_getstarted.png") left 25px no-repeat;
}
#block5 {
	background: url("i/bg_home_learnmore.png") left 0 no-repeat;
}
#blocks ul{margin:0 0 15px 0;padding:0;width:635px;float:left;display:inline;}
#home_blog{width:220px;padding-left:76px;float:right;background: url("i/bg_homeblog2.png") 0 0 no-repeat;margin:10px 0 0 0;display:inline;}
#home_blog p{border-bottom:1px solid #94C169;padding-bottom:25px;}
#home_blog h3{border-top:1px solid #94C169;padding:25px 0 14px 0;font-size:1.9em;font-family: Arial, sans-serif;}
#home_blog strong{font-size:1.2em;}


#signup {
	display: block;
	text-indent:-9999em;
	width:312px;
	height:89px;
	margin: 20px 0 0 50px;
	background: url("i/img_btn_registernow_interior.png") left top no-repeat;
	outline:none;
}
#homepage_flash {
	float: right;
	margin:15px 10px 0 0;display:inline;/*ie6 dub*/
}




/* ************************************************************************* */
							/* Wordpress Posts */
/* ************************************************************************* */


/* post */

.post {width:620px;margin:0 0 40px 40px;padding:0; }
.postbody { background: White url('i/post.bg.png') repeat-y center;width:536px;padding: 0 42px;margin:0; }

.posttop, .postfoot { background: url('i/post.bg.png') no-repeat left top; clear: both; }
.posttop { height: 3.5em; position: relative; }
.postfoot { height: 3.5em; background-position: right bottom;margin-top: -20px; }

.postbody h2 { margin:0 0 1em 0 !important; }
.postbody h2 a { font-weight: 800; color: #333; }
.postbody h2 a:hover {text-decoration:underline;color:#94C169;}
#main .postbody p, #main .postbody blockquote{
	width: 100%;
	font-size: 1.2em;
	line-height: 1.6em;
}

.postinfo { color: #999; }
.postinfo strong, .postinfo a, .postinfo a:hover { font-weight: 800; color: #333; }

.postmeta { background: #ddd; font-size:13px; height: 5em; }
.postmeta .left, .postmeta .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('i/postmeta.sprites.png') no-repeat left top; }
.postmeta .right { background-position: left bottom; }
.postmeta strong { margin: 0px 0.5em;color: #122C16; }
.postmeta a { color: #666;font-weight:normal;text-decoration:underline; }
.postmeta a:hover { color: #333; }

/* post label */

.posttop label { position: absolute; top: 40px; left: -53px; width: 57px; height: 100px; background: url('i/label.bg.png'); }
.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }
.posttop .date { color: White; font-size: 34px; letter-spacing: -2px; top: 4px; width: 57px; text-align: center; }
.posttop .month { color: #FFF; font-size: 15px; letter-spacing: 4px; top: 38px; left: 11px; font-weight: 400; }
.posttop .comments { color: White; top: 76px; left: 28px; letter-spacing: -1px; width: 22px; text-align: center;font-size:14px; }

/* inside post */

.postbody p span { background-color: #94C169; }
.postbody img { border: solid 10px #eee; }
.postbody a:hover img { border-color: #ddd; }
.postbody img.filled { width: 516px; }
.postbody blockquote { background: url('i/blockquote.bg.png') no-repeat left 0.5em; }
.postbody blockquote p { margin: 0px; }

/* post discussion */

#thread { list-style: none; margin: 1em; padding: 0px; }
#thread li { }
#thread li div.comment-body { height: 1% /*ie fix*/; position: relative; border: solid 1px #ddd; background-color: #eee; margin: 3em 0px 4em 0px; padding: 1em 28px 0em 28px; }

#thread li div.author img { position: absolute; height: 40px; width: 40px; right: 20px; bottom: 0px; margin-bottom: -20px; }
#thread li div.meta { position: absolute; right: 73px; bottom: 0px; margin-bottom: -25px; color: #666; }
#thread li div.reply { display: none; }

#thread p {width:95%;}