/*
Conversation Marketing CSS
by Chris Furniss
portentinteractive.com

TABLE OF CONTENTS

1.0 Global items
1.1 Housecleaning
1.2 Outer structural parts
1.3 Default text/img styles

2.0 Header Items
2.1 search

3.0 Navigation & Link Styles
3.1 Primary
3.2 Sub

4.0 Homepage-specific

5.0 Content-specific
5.1 Standard content guidelines
5.2 unique page, ie product page
5.3 unique page, ie press page

6.0 Footer items

*/





/* =================== 1.0 GLOBAL ITEMS ================================ */



/* ------------------- 1.1 housecleaning ----------------- */



html, body, form {

margin:0;

padding:0;

}



a img {

border:0;

}



.no-margin {

margin:0;

padding:0;

}



.clear{clear:both;} /* generic clearing class used to stretch bgs */



/* ------------------- 1.2 Outer structural parts -------- */



#contentwrap {
padding:0 0 0 14px;
margin:0 auto;
width:995px;
background:#ffffff url(http://www.conversationmarketing.com/img/bg-contentwrap.jpg) bottom left no-repeat;
}

body#home #contentwrap {

}

#alpha {
width:805px;
float:left;
padding:0 0 14px 0;
}

body#home #alpha {
padding-top:14px;
}


#beta {
float:left;
width:170px;
padding:0 10px;
margin:0;
text-align:center;
}

#beta a {text-decoration:none;
border-bottom:none;}

#beta form.search {
padding:0;
margin:0 auto;
background:url(http://www.conversationmarketing.com/img/bg-searchbox.jpg) top left no-repeat;
width:166px;
height:48px;
font-size:12px;
line-height:48px;
position:relative;
}

#searchbox {
margin:0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 12px !important;
width:112px !important;
height:30px !important;
border: 1px solid #8498B1 !important;
border-right: 0 !important;
display: block;
position:absolute;
top:0;
left:6px;
}


#searchgo {
margin:0;
padding:0;
position:absolute;
top:0px;
left:118px;
}






/* ------------------- 1.3 Default text/img -------------- */

body {

background:#909090 url(http://www.conversationmarketing.com/img/bg.jpg) top left;
font-family:Verdana, 'Trebuchet MS', Arial, sans-serif;
font-size:13px;
line-height:1.5em;
color:#000000;


}



form, input, textarea, select, radio {



}

input {
color:#000000;
margin:0;
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
font-size:14px;
}





p {



}





h1 {

}

h1.inset {

color:#470000;
font-size:20px;
letter-spacing:-1px;
line-height:24px;
background:#ededed;
text-align:center;
margin:0;
padding:16px 40px;
font-weight:bold;
}


h2 {
font-size:12pt;
line-height:1.25em;
margin-top:30px;
margin-bottom:10px;
color:#470000;
}



h3 {
font-size:11pt;
margin-top:20px;
margin-bottom:5px;
}



h4 {



}



h5,h6 {





}

ul {
list-style-image:url(http://www.conversationmarketing.com/img/bullet.gif);
margin:4px 0 4px 30px;
padding:0 0 0 20px;
}

li {
margin:6px 0;
padding:0 0 0 4px;
}





a, a:link, a:active, a:visited {

color:#cf1313;
text-decoration: none;
}





a:hover {

color:#f49735;
text-decoration:underline;

}



a:visited {



}





img.align-left {

padding: 0;

margin: 0;

display:block;

float:left;

margin-right:10px;

}



img.align-right {

display:block;

float:right;

margin-left:10px;

}

p a {
text-decoration:underline;
border-bottom:1px dashed;
}

p a:hover {text-decoration:none;}

#wrapper {
background:url(http://www.conversationmarketing.com/img/bg-top.jpg) top left repeat-x;
height:900px;
}

blockquote {
background:#ededed;
border-left:4px solid #470000;
padding:20px;
font-size:9pt;
margin-left:50px;
margin-right:50px;
color:#000000;
}

code {
background:yellow;
padding:2px;
font-family:Courier, monospace;
font-size:12px;
}

/* =================== 2.0 HEADER ITEMS ================================ */


ul#topnav {
width:1008px;
height:30px;
padding:0;
margin:0 auto;
list-style:none;
}

ul#topnav li {
list-style:none;
margin:0;
padding:0;
float:right;
}

ul#topnav li a {
display:block;
margin:0;
padding:0;
height:30px;
background-position:0 0;
text-indent:-1000000px;
}

ul#topnav li a.about:hover, ul#topnav li a.contact:hover, ul#topnav li a.colloquium:hover, ul#topnav li a.articles:hover {
background-position:0 -30px;
}

ul#topnav li a.about {
background:url(http://www.conversationmarketing.com/img/topnav-about.jpg) top left no-repeat;
width:77px;
}

ul#topnav li a.contact {
background:url(http://www.conversationmarketing.com/img/topnav-contact.jpg) top left no-repeat;
width:97px;
}

ul#topnav li a.colloquium {
background:url(http://www.conversationmarketing.com/img/topnav-speaking.jpg) top left no-repeat;
width:101px;
}

ul#topnav li a.articles {
background:url(http://www.conversationmarketing.com/img/topnav-articles.jpg) top left no-repeat;
width:92px;
}

#header {
background:url(http://www.conversationmarketing.com/img/header-bg.jpg) top left no-repeat;
width:1009px;
height:135px;
position:relative;
margin:25px auto 0 auto;
padding:0;
}


#logo {
position:absolute;
top:8px;
left:15px;
}


#header-rss {
position:absolute;
top:15px;
right:35px;
}


#emailsubscribe {
position:absolute;
top:56px;
right:62px;
margin:0;
padding:14px 0 0 10px;
background:url(http://www.conversationmarketing.com/img/input-bg.jpg) top left no-repeat;
width:102px;
font-size:12px;
height:26px;
border:0;
}


#emailsend {
position:absolute;
top:56px;
right:20px;
margin:0;
padding:0;
}



/* =================== 3.0 NAVIGATION & LINK STYLES ==================== */





/* ------------------- 3.1 Primary Nav ------------------- */



/* ------------------- 3.2 Sub Nav ------------------- */







/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */


#featuredbox {
width:620px;
background:url(http://www.conversationmarketing.com/img/bg-featuredbox.gif) bottom left no-repeat;
color:#ffffff;
line-height:20px;
font-size:12px;
padding:0 0 4px 0;
float:left;
}

#featuredbox a {
color:#ffffff;
text-decoration:none;
}

#featuredbox a:hover {
color:#ffffff;
text-decoration:none;
}


#featuredbox h1 {
background:url(http://www.conversationmarketing.com/img/header-featuredarticles.gif) top left no-repeat;
width:620px;
height:36px;
text-indent:-100000px;
margin:0;
padding:0;
}

#featuredbox h2 {
font-size:14px;
font-weight:bold;
text-align:left;
background:url(http://www.conversationmarketing.com/img/featuredbox-arrow.jpg) top left no-repeat;
margin:12px 0 0 0;
padding-left:15px;
}

#featuredbox p {
margin:4px 14px;
}

#seobox {
width:390px;
background:url(http://www.conversationmarketing.com/img/bg-seobox.jpg) bottom left no-repeat;
color:#ffffff;
line-height:20px;
font-size:12px;
padding:0 0 4px 0;
float:left;
margin:0 0 0 21px;

}

#seobox a {
color:#ffffff;
text-decoration:none;
}

#seobox a:hover {
color:#ffffff;
text-decoration:underline;
}


#seobox h1 {
background:url(http://www.conversationmarketing.com/img/header-seo.gif) top left no-repeat;
width:390px;
height:36px;
text-indent:-100000px;
margin:0;
padding:0;
}

#seobox h2 {
font-size:14px;
font-weight:bold;
text-align:left;
background:url(http://www.conversationmarketing.com/img/seobox-arrow.jpg) top left no-repeat;
margin:12px 0 0 0;
padding-left:15px;

}

#seobox p {
margin:4px 14px;
}

#content {
float:left;
width:620px;
padding:0 0 14px 0;
}

#content h2.fresh {
background:url(http://www.conversationmarketing.com/img/header-freshfromtheblog.gif) top left no-repeat;
width:620px;
height:36px;
text-indent:-100000px;
margin:14px 0 0 0;
padding:0;
}


#sidebar {
float:left;
width:167px;
margin:14px 0 0 14px;
color:#ffffff;

}
.smallad {
margin-bottom:9px;

}
.smallad-t {
margin-top:14px;

}
#home #sidebar {
margin-top:0;
}

#sidebar a {
color:#ffffff;
}

#sidebar .module {
margin:0 0 14px 0;
padding:0 0 4px 0;
width:167px;
background:#585858 url(http://www.conversationmarketing.com/img/bg-module.jpg) bottom left no-repeat;
}

#sidebar .module h2.blogroll {
background:url(http://www.conversationmarketing.com/img/header-blogroll.jpg) top left no-repeat;
text-indent:-100000px;
margin:0;
padding:0;
width:167px;
height:36px;
}

#sidebar .module h2.toptags {
background:url(http://www.conversationmarketing.com/img/header-toptags.jpg) top left no-repeat;
text-indent:-100000px;
margin:0;
padding:0;
width:167px;
height:36px;
}

#sidebar .module h2.popular {
background:url(http://www.conversationmarketing.com/img/header-pop.jpg) top left no-repeat;
text-indent:-100000px;
margin:0;
padding:0;
width:167px;
height:36px;
}

#sidebar .module ul {
margin:0 0 6px 0;
padding:6px 0 0 20px;
background:url(http://www.conversationmarketing.com/img/bg-sidebarul.jpg) top left repeat-y;
line-height:24px;

}

* html #sidebar .module ul {
padding:6px 0 0 24px;
}

#sidebar .module ul li {
margin:0;
padding:0;
line-height:1.25em;
padding-bottom:10px;
}

.badgebox {
text-align:center;
margin:0 auto;
width:167px;
color:#000000;
}

.badgebox #power150-box {
margin:20px;
}

.entry {
background:url(http://www.conversationmarketing.com/img/entry-hr.jpg) bottom left no-repeat;
padding:0 0 14px 0;
overflow:visible;
}

.entry h1 {
color:#470000;
font-size:20px;
letter-spacing:-1px;
line-height:24px;
background:#ededed;
text-align:center;
margin:0;
padding:16px 40px;
font-weight:bold;
}

.entry .dateline {
background:#ededed url(http://www.conversationmarketing.com/img/dateline-bg.jpg) top no-repeat;
text-align:center;
color:#777777;
font-size:10px;
width:auto;
height:15px;
margin:0;
margin-bottom:10px;
padding:6px 0 8px 0;
}

.entry .readmore {
text-align:center;
font-size:10px;
}

.entry .meta {
text-align:center;
color:#cf1313;
font-size:10px;
}


.feedburnerFlareBlock {
text-align:center;
color:#cf1313;
font-size:10px;
}

.archiveslink {
margin:0;
padding:16px 140px;
background:#ededed;
text-align:center;
}

#comments {
}

#comments h1 {
text-indent:-100000px;
background:url(http://www.conversationmarketing.com/img/comments-header.jpg) top left no-repeat;
width:620px;
height:36px;
margin:22px 0 0 0;
padding:0;
}

#comments .comment {
padding:34px 8px 8px 8px;
position:relative;
background:#ededed url(http://www.conversationmarketing.com/img/dateline-bg.jpg) top no-repeat;
background-position:0 30px;
margin:0 0 8px 0;
}

#comments .comment .author {
position:absolute;
top:-4px;
left:8px;
font-weight:bold;
color:#470000;
}

#comments .comment .date {
position:absolute;
top:-4px;
right:12px;
text-align:right;
font-size:10px;
color:#777777;
}

* html #comments .comment .author, * html #comments .comment .date {
top:4px;
}

.comments-open-content, .comments-open, .widget {
background:#ededed;
}

.widget {
padding:8px;
}


#comments form {
background:#ededed;
padding:8px;
position:relative;
margin:0;
}

* html #comments form {
background:none;
}

#comments form h2 {
font-size:15px;
margin:0;
}

#comments form label {
font-weight:bold;
width:54px;
display:block;
/* float:left; */
}

/*
#comments form input.field {
background:url(http://www.conversationmarketing.com/img/input-commentform.jpg) top left no-repeat;
width:226px;
margin:0;
padding:14px 0 0 10px;
height:26px;
border:0;
display:block;
float:left;
}

#comments form p {
height:40px;
line-height:40px;
}

#comments form textarea.field {
xbackground:url(http://www.conversationmarketing.com/img/textarea-commentform.jpg) top left no-repeat;
width:205px;
margin:0;
padding:14px 10px;
height:133px;
border:0;
color:#000000;
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
font-size:14px;
float:right;
}*/

#comments form .required {
color:red;
}

#comment-form-external-auth {
display:none;
}


/* =================== 5.0 CONTENT-SPECIFIC ============================ */









/* Include unique page styles here, like press page, products page etc. */

/* Make sure to include these in the table of contents */



/* ------------------- 5.1 Standard content guidelines -------------------- */









/* ------------------- 5.2 unique page, ie product page ----------------- */









/* ------------------- 5.3 unique page, ie press page --------------- */







/* =================== 6.0 FOOTER ITEMS ================================ */





#footer {

clear:both;
width:1009px;
color:#ffffff;
font-size:10px;
line-height:14px;
margin:0 auto;

}

* html #footer {
margin-top:14px;
}

#footer a {
color:#ffffff;
font-weight:bold;
text-decoration:none;
border-bottom:none;
}

#footer .block {
width:329px;
height:198px;
float:left;
position:relative;
margin:0 10px 0 0;
}

#footer .block p {
xwidth:212px;
float:left;
margin-top:0;
}

#footer .block img {
float:left;
margin-right:8px;
}

#footer .block h1 {
background:url(http://www.conversationmarketing.com/img/bg-footerblock.gif) top left no-repeat;
color:#ffffff;
font-size:18px;
width:321px;
height:38px;
line-height:38px;
position:relative;
padding:0 0 0 8px;
}

#footer .block h1 * {
vertical-align:middle;
}

#footer .block h1 img {
position:absolute;
right:6px;
bottom:4px;
margin:0;
}


.blockfoot {
height:32px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-right:0;
border-left:0;
text-align:center;
padding:4px;
position:absolute;
bottom:0;
right:8px;
width:200px;
}

.block ul {
width:86px;
list-style:disc;
color:#ffffff;
float:left;
margin:0 0 14px 14px;
padding:0;
}

.block ul li {
margin:0;
padding:0;
}

#slug {
width:1008px;
text-align:right;
clear:both;
margin:14px auto;
color:#ffffff;
font-size:10px;
}

#slug a {
color:white;
text-decoration:none;
border-bottom:none;
}

#slug p {
margin:0;
}

.adblock {
 margin-left:20px;}