/*



	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(img/bg-contentwrap.jpg) bottom left no-repeat;
}

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

#alpha {
	width:805px;
	float:left;
}

#beta {
	float:left;
	width:190px;
	padding:0;
	margin:0;
}

body#home #beta {
	margin:-14px 0 0 0;
}

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

#searchbox {
	margin:0;
	padding:14px 0 0 10px;
	background:url(img/searchbox-bg.jpg) top left no-repeat;
	width:112px;
	height:26px;
	border:0;
	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(img/bg.jpg) top left;
font-family:Verdana, 'Trebuchet MS', Arial, sans-serif;
font-size:12px;
line-height:20px;
color:#000000;


	}



form, input, textarea, select, radio {



}

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





p {  



}





h1 {



}



h2 {



}



h3 {



}



h4 {



}



h5,h6 {





}

ul {
	list-style-image:url(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;

}


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



/* =================== 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(img/topnav-about.jpg) top left no-repeat;
	width:77px;
}

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

ul#topnav li a.colloquium {
	background:url(img/topnav-colloquium.jpg) top left no-repeat;
	width:116px;
}

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

#header {
	background:url(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(img/input-bg.jpg) top left no-repeat;
	width:102px;
	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:390px;
	background:url(img/bg-featuredbox.jpg) 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:underline;
}


#featuredbox h1 {
	background:url(img/header-featuredarticles.jpg) top left no-repeat;
	width:390px;
	height:36px;
	text-indent:-100000px;
	margin:0;
	padding:0;
}

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

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

#seobox {
	width:390px;
	background:url(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(img/header-seo.jpg) 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:center;
	background:url(img/seobox-arrow.jpg) top left no-repeat;
	margin:12px 0 0 0;
}

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

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

#content h2.fresh {
	background:url(img/header-freshfromtheblog.jpg) 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;
}

#sidebar a {
	color:#ffffff;
}

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

#sidebar .module h2.blogroll {
	background:url(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(img/header-toptags.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(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;
}

.entry {
	background:url(img/entry-hr.jpg) bottom left no-repeat;
	padding:0 0 14px 0;
}

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

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

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

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

.entry blockquote {
	padding:0 0 0 14px;
	border-left:4px solid #cf1313;
	color:#999999;
}

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

#comments {
}

#comments h1 {
	text-indent:-100000px;
	background:url(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(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 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(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 {
	background:url(img/textarea-commentform.jpg) top left no-repeat;
	width:205px;
	margin:0;
	padding:14px 10px;
	height:133px;
	border:0;
	color:#bababa;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:11px;
	float:right;
}

#comments form .required {
	color:red;
}


/* =================== 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;
	}
	
#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(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;
}

#slug p {
	margin:0;
}