/*
DELIVER MAGAZINE SUBSCRIBE STYLES 
------------------------------------------
*/
.main {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:92%;
}
.titlemsg {
	FONT-WEIGHT: bold; 
	font-size:14px; 
	MARGIN: 0px; 
	COLOR: #036; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.subtitlemsg {
	FONT-WEIGHT: bold; 
	font-size:12px; 
	MARGIN: 0px; 
	COLOR: #036; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.smGray {
	font-size:92%; 
	COLOR: #666666; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.smMain {
	COLOR: #333; 
	font-size:92%; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.smRed {
	font-size:92%; 
	COLOR: #c00; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.mainBigRed {
	COLOR: #c00; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*
HEADINGS
------------------------------------------
*/

h1 { font-size:1.7em; }
h2 { font-size:1.2em; }
h3 { font-size:1.3em; }
h4 { font-size:1em; }

dl.columns h1, div#magazine h2.title, div.post h1, h1.main-heading { clear:left; display:block; font-family:Georgia, Times New Roman, serif; font-weight:300; font-size:2.5em; letter-spacing:-0.02em; color:#000; padding:0 0 4px 0; margin-left:3px; }
body#home div#masthead-overlay h2.sub-heading { margin:5px; padding:0; }
body.single h1.main-heading { margin-top:50px; }
div#highlight h1 { color:#fff; margin-left:5px; }
body.category h1.main-heading, body.page h1.main-heading, body.archive h1.main-heading { margin-top:20px; color:#003F82; font-size:3.5em; }
h2.sub-heading { color:#222; font-weight:400; margin:10px 0 10px 5px; }
div#content-sidebar h2, div#content-sidebar div.sideblock h3, div#content-sidebar div.youarehere h3, h3#respond { font-family:arial, Helvetica, sans-serif; font-weight:300; text-transform:uppercase; }
div#content-sidebar h2 { font-size:1.6em; letter-spacing:-0.02em; color:#000; }

/*
BRANDING
------------------------------------------
*/

div#main-title { margin:20px 0 20px 0; width:100%; height:130px; background:#fff; }
div#main-title a { display:block; width:777px; height:130px; overflow:visible; margin:0 auto; background:#fff url(http://delivermagazine.com/wp-content/uploads/images/deliver-title.jpg) top center no-repeat; }

p#logo { width:118px; height:33px; padding:3px; text-align:center; background:#fff; float:left; display:block;  margin:0px 3px 3px 3px; }
p#logo a { display:block; }

/*
GENERAL STRUCTURE
------------------------------------------
*/

body { padding:0px; margin:0px; background:#fff; color: #000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 76%; }
body.popup { background-image:none; background-color:#fff; padding-bottom:1em; }
body.home { background:#fff; }
div#container { width:777px; margin:-2px auto 0 auto; min-height:530px; border:1px solid #000; border-top:2px solid #39518F; background: #fff; }
body#topic-green-marketing div#container { background:#fff url(http://delivermagazine.com/wp-content/themes/theme1/images/bg/leafcorner.gif) right 30px no-repeat; }
body.page div#container { background-image:none; }

body#cover-contest-rules div#content * { margin:20px; }
body#cover-contest-rules div#content em { margin:0px; }

/* -- Homepage Masthead -- */
div#masthead { width:777px; height:250px; position:relative; }

div#masthead-overlay { position:relative; background:#F4C633 url(http://delivermagazine.com/wp-content/uploads/images/homepage-jaffe.jpg) 6px 4px no-repeat; }

div#overlay-wrap { width:160px; background:#F4C633; position:absolute; right:0px; top:0px; height:250px; overflow:hidden; }

div#content { clear:both; }

body#joseph-jaffe-podcast div#content, body#rss-feeds div#content { width:757px; margin:20px auto 0 auto; }

div.col-wrap, div#links-resources { width:777px; height:auto; background:#fff url(http://delivermagazine.com/wp-content/themes/theme1/images/bg/col_borders.gif) 0 18px repeat-y; padding-bottom:5px; }
div.col-wrap { margin-top:50px; }
div#links-resources { background-position: -10px 0;  margin-top:5px; }

div#content-sidebar { float:right; width:235px; margin:10px 10px 0 0; padding:0 0 10px 0; }
body#home div#content-sidebar { margin-top:0px; }

body#topic-green-marketing div#content-sidebar { display:none; }

div#magazine, div.narrowcolumn { float:left; margin:0 15px; width:502px; padding:0 0 2em 0; display:inline; }
div#magazine { margin:20px 0px 10px 15px; background:url(http://delivermagazine.com/wp-content/themes/theme1/images/bg/bluedots.gif); color:#fff; }

div#mag-extra { float:left; width:160px; }
div#mag-content { float:right; width:320px; }

div.post { padding:10px 0 2em 0; margin:0 10px 0 0; color:#000; }
body.archive div.post, body.category div.post { margin-top:20px; border-bottom:1px solid #ccc; padding:1.5em 0 1em 0; }
body.single div.post { padding-bottom:10px; }
div.nav { padding:10px 10px 10px 0; }
div#links-resources { clear:both; width:757px; padding-top:0px; margin:0 10px 0 10px; }
div#footer { font-size:11px; clear:both; width:769px; margin:0 auto; height:3.2em; padding:5px; background:#000; color:#fff; text-align:center;  }
div#footer a:link, div#footer a:visited { color:#fff; }
div#footer a:hover, div#footer a:active {  color:#b9ccfa; }
p#footerlinks { float:right; margin-right:10px; }

div.sideblock { background:url(http://delivermagazine.com/wp-content/themes/theme1/images/bg/bluedots.gif); padding-bottom:10px; }


/*
GLOBAL NAVIGATION/UI
------------------------------------------
*/
div#header { width:777px; background:#fff; margin:0 auto; }
body#topic-green-marketing div#header { background:transparent; }

form#searchform { float:right; margin:5px 15px 0 0; padding:0; width:440px; }
#searchform dt label  { position:absolute; left:-9999px; }
dl.view-options dt, dl.view-options dd, dl.search-field dt, dl.search-field dd { float:left; }

dl.view-options dt { color:#000; }
dl.view-options dd { margin-left:10px; padding-right:10px; border-right:1px solid #000; }
dl.view-options dd.last { border-right:0px; }

dl.view-options dd a, dl.view-options dd a:visited { color:#333; }
dl.view-options dd a:hover { text-decoration:none;  }

dl.myaccount { margin:-12px 10px 0 0; border:1px solid #eee; border-top:1px solid #fff; padding:8px 21px 0px 21px; background:#fff; clear:both; }

ul#site-mainnav { clear:both; color:#fff;  width:656px; height:22px; margin:11px 0 0 124px; list-style:none;  }

ul#site-mainnav li { float:left; width:102px; overflow:hidden; height:26px; margin-right:5px; margin-top:-6px; }

ul#site-mainnav li a { width:100px; height:26px; display:block; background-image: url(http://delivermagazine.com/wp-content/themes/theme1/images/gui/nav_matrix.gif); background-repeat:no-repeat;}
body#topic-green-marketing ul#site-mainnav li a { background-image: url(http://delivermagazine.com/wp-content/themes/theme1/images/gui/nav_matrix2.gif); }

ul#site-mainnav li#mainnav-home a, ul#site-mainnav li#mainnav-home a:visited { background-position: -109px 0; }
ul#site-mainnav li#mainnav-home a:hover { background-position: -109px -27px; }
body#home ul#site-mainnav li#mainnav-home a { position:absolute; margin-top:2px; background-position: -110px -54px; }

ul#site-mainnav li#mainnav-columns a, ul#site-mainnav li#mainnav-columns a:visited { background-position: -217px 0; }
ul#site-mainnav li#mainnav-columns a:hover { background-position: -217px -27px; }
body#columns ul#site-mainnav li#mainnav-columns a, body#single-9 ul#site-mainnav li#mainnav-columns a { position:absolute; margin-top:2px; background-position: -218px -54px; }

ul#site-mainnav li#mainnav-case-studies a, ul#site-mainnav li#mainnav-case-studies a:visited { background-position: -323px 0; }
ul#site-mainnav li#mainnav-case-studies a:hover { background-position: -323px -27px; }
body#case-studies ul#site-mainnav li#mainnav-case-studies a, body#single-8 ul#site-mainnav li#mainnav-case-studies a { position:absolute; margin-top:2px; background-position: -324px -54px; }

ul#site-mainnav li#mainnav-contact a, ul#site-mainnav li#mainnav-contact a:visited { background-position: -430px 0; }
ul#site-mainnav li#mainnav-contact a:hover { background-position: -430px -27px; }
body#contact ul#site-mainnav li#mainnav-contact a { position:absolute; margin-top:2px; background-position: -431px -54px; }

ul#site-mainnav li#mainnav-about a, ul#site-mainnav li#mainnav-about a:visited { background-position: -538px 0; }
ul#site-mainnav li#mainnav-about a:hover { background-position: -538px -27px; }
body#about ul#site-mainnav li#mainnav-about a { position:absolute; margin-top:2px; background-position: -538px -54px; }

ul#site-mainnav li#mainnav-subscribe a, ul#site-mainnav li#mainnav-subscribe a:visited { background-position: -646px 0; }
ul#site-mainnav li#mainnav-subscribe a:hover { background-position: -646px -27px; }
body#subscribe ul#site-mainnav li#mainnav-subscribe a { position:absolute; margin-top:2px; background-position: -646px -54px; }
div#trim { background:#fff; color:#666; height:20px; margin:2px 0 0 0; width:757px; border-bottom:1px solid #999; padding:10px; }

/*
GENERIC CLASSES
------------------------------------------
*/

.indent	{ margin-left:5px; }

/* Float clearing options */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; display: block; }
.cl { clear:left; }
.cr { clear:right; }
.clearfix:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height:1px; }

.inline { display:inline; }
.tac { text-align:center; }
.tar { text-align:right; }
.dn { display:none; }
.db { display:block; }

.fl { float:left; }
.fr { float: right; }

fieldset { border:0px; }

/* image replacement class */
.replace { position:absolute; top:-9999px; }


dl.columns p, div#content p, div#content-sidebar p {
color:#222222;
font-family:Verdana,Geneva,Arial,sans-serif;
font-size:0.95em;
line-height:17px;
}

dl.columns p, div.post p {
margin:0pt 5px;
padding:5px 0pt;
}

a:hover {
text-decoration:none;
}
a {
color:#305B83;
}

/*
FORMS
------------------------------------------
*/
button.search { width:68px; height:27px; border:0; background:url(http://delivermagazine.com/wp-content/themes/theme1/images/gui/search_btn.gif) 0 -4px no-repeat; }
form sup { color:red; }
form input, form textarea { }
form#contact-form { margin-top:1.5em; width:478px;  }
form#contact-form fieldset { border:1px solid #ccc; margin-top:1.5em; padding-bottom:1.5em; }
form#contact-form input, form#contact-form textarea { margin-top:1px; }
form#contact-form dl {  }
form#contact-form dl dt { float:left; width:160px; font-weight:bold; text-align:right; clear:left; margin:10px 10px 0 30px; }
form#contact-form dl dd { float:left; margin-top:13px; }
form#contact-form dl dt.form-header { font-weight:bold; text-align:left; width:478px; font-size:1.1em; background:#000; padding:0px; margin:0px; color:#fff; line-height:1.9em; }
form#contact-form dt.form-header span { background:#38518E; padding:0 10px 0 5px; display:block; width:240px; } 
form#contact-form  dt.block { clear:both; display:block; width:380px; text-align:left; font-weight:bold; }
form#contact-form dd.selectbox, form#contact-form dd.radios { margin-left:30px; }
form#contact-form dd.textarea { margin-left:30px; }
form#contact-form dd.radios input { margin-right:10px; }

/*
BRANDING
------------------------------------------
*/

div#main-title { margin:20px 0 20px 0; width:100%; height:130px; background:#fff; }
div#main-title a { display:block; width:777px; height:130px; overflow:visible; margin:0 auto; background:#fff url(http://delivermagazine.com/wp-content/uploads/images/deliver-title.jpg) top center no-repeat; }
p#logo { width:118px; height:33px; padding:3px; text-align:center; background:#fff; float:left; display:block;  margin:0px 3px 3px 3px; }
p#logo a { display:block; }

/*
ACCESSIBILITY
------------------------------------------
*/
.skiplink { position:absolute; left:-9999px; width:990px; }

fieldset {
border:0px none;
}

* {
margin:0pt;
padding:0pt;
}
/* END NEW STYLE */

body {
	margin:0px;
	background-color:#FFF;
	}
	
a {
	color:#369;}
	
a:active {
	color:#F00;}
	
/* Headers */	
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#036;
	font-weight:bold;
	margin:0px;}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#369;
	font-weight:bold;
	margin:0px;}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#036;
	font-weight:bold;
	margin:0px;}
		

/* Header and Footer Font Styles */

.ValidationFailure  {
	COLOR : #d80000;
	font-family:Arial, Helvetica, sans-serif;
	FONT-SIZE :.7em;}
	
.topnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	color:#006;}
	
.localnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.70em;
	font-style:italic;
	color:#369;
	font-weight:bold;}
	
.localsmallnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.55em;
	color:#369;}
	
.footerBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#369;
	font-weight:bold;}
	
.footerSmGray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.65em;
	color:#666666;}
	
	
/*  This style is exactly like h3 except it won't create a break.  Used because of a bug in IE on Mac.  
H3 tag should be used unless the text after an H3 is wrapping to the next line.  */
.headerThree {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#036;
	font-weight:bold;
	margin:0px;}
	
.headerOne {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#036;
	font-weight:bold;
	margin:0px;}

/* Main Font Styles */

.main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#333;}
	
.mainRed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#C00;}
	
.mainBigRed {
	font-family:Arial, Helvetica, sans-serif;
	color:#C00;}
	
.smMain {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#333;}
	
.smMainblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#369;}

.smGray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#666666;}
	
.smRed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#C00;}

.smlRed {
	font-size:92%; 
	COLOR: #c00; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
	
/* ID Selectors */	

#header {
	height:44px; width:720px;}	
	
#footer {	
	width:720px; height:103px; background:url(images/footer_tile.gif) repeat-x; border-right:1px solid #D5DDE5; border-bottom:1px solid #D5DDE5;}
#ValidationFailure  {
	COLOR : #d80000;
	font-family:Arial, Helvetica, sans-serif;}
	
div#main-title a { display:block; width:777px; height:130px; overflow:visible; margin:0 auto; background:#fff url(http://delivermagazine.com/wp-content/uploads/images/deliver-title.jpg) top center no-repeat; }
	
	
	