/*
Theme Name: Effective Student Marketing
Theme URI: http://www.effectivestudentmarketing.com
Description: ESM Website
Version: 1.2
Author: Ryan Phelan
Author URI: http://www.plutinc.com
Tags: ESM
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
body {
background:#FFFFFF url(style/images/bodybg.jpg) repeat-x;}
.page {
background:#FFFFFF url(style/images/pagebg.jpg) repeat-x;
}
.w1000 {
width:1000px;
padding: 0 20px;
margin:0 auto;
}
.w900 {
width:900px;
padding: 0 20px;
margin:0 auto;
}
#header {
height:78px;
}
#logo h1 {
	background:url(style/images/small_logo_bar.png) no-repeat;
	float:left;
	height:60px;
	text-indent:-9999px;
	width: 213px;
	margin-top:7px;
}
#logo span {
 display:block;
 float:left;
 font-size:1.2em;
 font-weight:bold;
 color:#1B317F;
 line-height:73px;
}
#nav ul {
float:right;
margin-top:25px;
font-size:1.4em;
font-weight:bold;
letter-spacing:-1px;
}
.page #nav ul {
margin-top:28px;
font-size:1.2em;
font-family:Arial, sans-serif;
letter-spacing:0px;
}
#nav ul li {
display:inline;
padding-right:5px;
}
#nav ul li a {
text-decoration:none;
color:#68B821;
}
#nav ul li a:hover {
color:#1B317F;
}
#featured {
height:191px;
background: transparent url(style/images/featured_w_bg.png) no-repeat top center;
clear:both;
}
#product_box{
background:url(style/images/product_bg.png) no-repeat;
width:550px;
height:126px;
float:left;
margin:30px 30px 30px 40px;
}
#products {
padding-top:35px;
float:left;
}
#products span {
color:#fff;
size:.8em;
}
#products ul li {
color:#fff;
font-size:2.2em;
font-weight:bold;
cursor:pointer;
}
#maincontent {
background-color:#fff !important;
    padding:20px 30px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color:#3B3B3B
}
#news {
	width:420px;
	margin-right:20px;
	float:left;
	border-right: 1px solid #DDDDDD;
	background:url(style/images/news.gif) no-repeat top left;
	padding:35px 30px 10px 0;
}
#news .thedate {
	display:block;
	float:left;
	padding:6px;
	margin:3px 10px 1px 0;
	background:#FFFFFF url(style/images/date_bg.jpg) repeat-x bottom;
	color:#FFFFFF;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.thedate .month {
display:block;
font-size:1.4em;
}
#news h2 {
font-size:1.5em;
margin-bottom:7px;
}
#news h2 a {
color:#68B821;
text-decoration:none;
}
#news h2 a:hover {
	color:#87DC3A;
}
.continuelink {
display:block;
color:#000066;
margin-top:-7px;
letter-spacing:3px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}
.continuelink:hover {
color:#68B821;
text-decoration:underline;
}
#recentnews {
background: url(style/images/esmothernews.gif) no-repeat top left;
margin-top:20px;
padding-top:25px;
}
#recentnews h4 {
font-size:.9em;
margin-bottom:5px;
}
#recentnews a {
text-decoration:none;
color:#68B821;
margin-left:5px;
}

#recentnews a:hover {
color:#1B317F;
}

#centercolumn {
	width:220px;
	float:left;
	background:url(style/images/esmaboutus.gif) no-repeat top left;
	padding:35px 20px 0 0;
	border-right: 1px solid #DDDDDD;
	margin-right:20px;
	border-right: 1px solid #DDDDDD;

}
#rightcolumn {
width:205px;
float:left;
}
#latest_tweets {
background: url(style/images/latest_tweet.gif) no-repeat top left;
position:relative;
margin-top:30px;
padding:25px 0 0 0;
}
.twitterbird {
position:absolute;
right:8px;
top:-15px;
}
.twitter li {
	font-family:Arial, sans-serif;
	color:#444;
	padding:6px;
	font-size:0.8em;
	margin-bottom:6px;
	background: #F2F2F2;
}
.twitter-timestamp {
display:block;
letter-spacing:3px;
color:#666666;
text-decoration:none;
}
#form {
	background:#1B317F url(style/images/contact_bg.png) no-repeat center top;
	padding-top:35px;
	position:relative;
}
#form .callout {
margin: 2px 20px 8px;
color:#FFFFFF;
font-size:.9em;
}

#form input, #form select {
border: 1px solid #CCCCCC;
padding:3px;
width:100px;
margin-bottom:5px;
font-size:.9em;
}
#form select {
width:110px;
}
#form label {
display:block;
float:left;
width:45px;
text-align:right;
margin:3px 5px 0 11px;
}
#contact_us{
background:url(style/images/contact_bottom_bg.png) no-repeat bottom center;
padding:0px 10px 20px;
color:#FFFFFF;
font-weight:bold;
}
#form #submit {
border:none;
margin-left:62px;
}

#events {
margin-top:25px;
background:#C9C9C9 url(style/images/events_bg.png) no-repeat top center;
padding:40px 20px 15px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size:.9em;
font-weight:bold;
color:#444;
}
#eventsbottom {
	background: url(style/images/events_bottom_bg.png) no-repeat center bottom;
	height: 11px;
}
#footer {
background:url(style/images/footer_bg.jpg) repeat center;
height:154px;
clear:both;}

#footerwrap {
width:960px;
margin:0 auto;
}
#copywright {
float:left;
width:60%;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color:#999999;
letter-spacing:2px;
line-height:134px;
}
#social_media_links {
float:right;
margin:20px 20px 0 0;
text-align:right;
width:30%;
}
#primary {
display:block;
width:580px;
margin-right:20px;
float:left;
}
.page .post {
margin:0px;
}
.page .date {
	display:block;
	font-size:1.1em;
	color:#1B317F;
	font-weight:bold;
}

.post h2 {
font-size:1.5em;
margin-bottom:8px;
letter-spacing:1px;
}
.post h3 {
font-size:1.4em;
margin-bottom:8px;
letter-spacing:1px;
}
.page .post h2, .page #secondary h2 {
font-size:2.3em;
letter-spacing:0px;
color:#1B317F;
}
.page .post .esm_product h2 {
font-size:1.8em;
cursor:pointer;
color:#555;
margin-bottom:2px;
}
.esm_product p {
	padding:15px;
	background: url(style/images/desc_bg.png) repeat-x bottom;
}
.page .post .esm_product .active {
color:#1B317F;
}
#aboutesm{
	background: #F4F4F4;
	border: 1px solid #ECECFF;
	color:#666666;
	font-size:.9em;
	padding: 10px;
}
#aboutesm h4 {
color:#1B317F;
font-family:Arial, sans-serif;
font-size:1.8em;
}
#secondary {
display:block;
width:233px;
float:left;
}
#quote {
	color:#444;
	font-size:1.4em;
	line-height:.9em;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
	border: 1px solid #CECECE;
	background: #EBEBEB url(style/images/quotel.gif) no-repeat top left;
	padding:35px 25px;
	position:relative;
	z-index:5;

}
#quote span {
    display:block;
    height:46px;
	width:59px;
	margin-bottom:10px;
	background:url(style/images/quoter.gif) no-repeat bottom right;
	position: absolute;
	z-index:-1;
	bottom:0px;
	right:20px;
}
#main_form {
	border: 2px solid #DADADA;
	background: #F3F4F8 url(style/images/formdbg.jpg) repeat-x bottom;
	position: relative;
	padding: 15px;
	z-index: 2;
	margin:50px 0 30px;
}
#main_form form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#main_form fieldset {
	float: left;
	width: 47%;
	margin-right: 3%;
	border-style: none;
	display: block;
	padding: 0px;
}
#main_form .special { display: none; }
#main_form p {
	margin-bottom: 8px;
	margin-top: 0px;
}
#main_form .button {
	display: block;
	clear: both;
	margin-left: 105px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main_form #formheader {
	background: url(style/images/formtop.gif);
	height: 29px;
	width: 428px;
	display: block;
	position: absolute;
	left: 10px;
	top: -25px;
	z-index: 99;
}
#form1 label {
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	color: #434343;
	vertical-align: bottom;
	margin-top: 2px;
}
#form1   input, select, textarea {
	width: 120px;
	padding: 2px;
	border: 1px solid #65B41F;
	background: #FFFFFF url(style/images/formbg.jpg) repeat-x bottom;
	color: #868686;
}
#form2 label {
	font-weight: bold;
	display: block;
	color: #434343;
}
#primary  .donatebox {
	width: 42%;
	float: left;
	margin-right: 3%;
	background: #F9FAFD;
	border: 1px solid #8DA3BE;
	padding: 10px;
}
#primary .donatebox p {
	font-size: 11px;
	color: #666666;
	text-align: justify;
}