/*

	Lenora Edwards CSS
	Kazue Otsuki
	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 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 -------- */

#main-wrapper {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 11pt;
	margin: 0;
	padding: 0;
	background: #000 url(img/bg-pattern.gif) top left repeat;
}

#wrapper {
	background-color: #ffffff;
	width: 756px;
	margin:0 auto;
	padding: 0 0 15px 0;
}



/* ------------------- 1.3 Default text/img -------------- */
body {
	font-size:12px;
	line-height:16px;
	color:#666666;
	background-color:black;
	margin:0;
	padding:0;
	}

form, input, textarea, select, radio {
	font-size:12px;
	font-family: verdana, arial, helvetica, sans-serif;
}


p {  
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	vertical-align:top;
	color: #666;
	margin:0px;
	padding: 0  0 15px 0;
}


h1 {
	font-family:Georgia, "Times New Roman", serif;
	line-height: 16px;
	font-size: 16px;
	text-transform:uppercase;
	color: #ff9900;
	
}

h2 {
	font-family:Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #ff9900;
}

h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

h5,h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 16px;
	font-size: 12px;

}


a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #ff9900;
}


a:hover {
	text-decoration: underline;
}
/*
a:visited {
	text-decoration: none;
	color: #ff9900;
}*/


img.align-left {
	padding: 0;
	margin: 0;
	display:block;
	float:left;
	margin-right:10px;
}

img.align-right {
	display:block;
	float:right;
	margin-left:10px;
}

div.hr {
  height: 1px;
  background: #d3d3d3 url(img/spacer.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}	

span.arrow {	
	margin: 0 0 0 0px;
	padding: 0 0 0 5px;
	}



/* =================== 2.0 HEADER ITEMS ================================ */
#header {
	margin:0 auto;
	height:200px;
	width:728px;
	margin: 0;
	padding:0 0 0 0;
	text-align:left;
	background: #830920  url(img/bg-header.gif) bottom left no-repeat;
	}

#header a span {display:none;} /* hides text */
	


img#logo-mark {
	float:left;
	background: #830920  url(img/logo-mark.gif) top left no-repeat;
	margin: -20px 0 0 115px;
	clear: both;
	width: 81px;
	height: 89px;
	}
	
img#logo {
	float:left;
	background: #830920  url(img/logo-name.gif) top left no-repeat;
	margin: 0px 0 0 20px;
	clear: both;
	width: 300px;
	height: 33px;
		}
	
img#logo-copy {
	float:left;
	background: #830920  url(img/logo-copy.gif) top left no-repeat;
	margin:15px 0 0 20px;
	clear: both;
	width: 443px;
	height: 15px;
	}



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


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

#nav-wrap {
	background-color:#830920;
	clear:both;
	margin:0;
	padding: 0 0 0 273px;
	}
	
#nav {
	background: url(img/bg-nav.jpg) top left no-repeat;
	height:48px;
	width:445px;
	clear:both;
	margin:0;
	padding: 0 15px;
	}
	
*html #nav {
	width:415px;
	}
	
#nav li a span, #nav li font span  {display:none;}
	
#nav li {
	float:left;
	display:block;
	margin: 0;
	padding: 0;
}

#nav li font {
	background:url(img/nav-dot.jpg) center top no-repeat;
	width:28px;
	height:48px;
	margin: 0;
	padding: 0;
	display:block;
	}

#nav li a {display:block;}

#nav a#nav-process:hover, #nav a#nav-clients:hover, #nav a#nav-testimonials:hover, #nav a#nav-blog:hover, #nav a#nav-about:hover, #nav a.on {
	background-position:0 48px;
	}
	
#nav a#nav-process {
	background-image:url(img/nav-process.jpg);
	width:51px;
	height:48px;
	}

#nav a#nav-clients {
	background-image:url(img/nav-clients.jpg);
	width:47px;
	height:48px;
	}	
	
#nav a#nav-testimonials {
	background-image:url(img/nav-testimonials.jpg);
	width:84px;
	height:48px;
	}	
	
#nav a#nav-blog {
	background-image:url(img/nav-blog.jpg);
	width:30px;
	height:48px;
	}	
	
#nav a#nav-about {
	background-image:url(img/nav-about.jpg);
	width:92px;
	height:48px;
	}
	
/*---------------side nav-----------------*/
.sidenav {
	margin:0px 0 0 0;
	padding:0;
	text-align:left;
	}
	
div#column ul p {
	margin: 0;
	padding:0;
	text-align:left;
	}
	
ul.no-bullets {
	margin:0;
	padding: 0 0 0px 0;
	list-style:none;
	vertical-align: top;
	}
	
ul.no-bullets img.icon {
	margin:0 10px 10px 0;
	padding: 0 0 0px 0;
	vertical-align: top;
	float: left;
	}
	
ul.no-bullets li {
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
	vertical-align: top;
	border-top: 1px solid white;
	clear: both;
	}
	
ol.decimal-list {
	margin: 10px 0 0 28px;
	padding: 0 0 10px 0px;
	list-style-type: none;
	list-style-position: outside;	
	}
	
*html ol.decimal-list {
	list-style-position: outside;
	font-size: 12px;
	}

ol.decimal-list li {
	list-style-type: decimal;
	background-image: none;
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-bottom: 0px;
}

.margin-left {	
	margin: 0;	
	padding: 15px 0 0 150px;
	display: block;
	clear: both;
	}
	

/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */
div#content-home {
	width:685px;
	padding:20px 15px 0px 20px;
	margin:0 auto;
	background:#ffffff;
	text-align:left;
	position:relative;
	}
	
div#column {
	float:left;
	background:#ffffff;
	width:203px;
	padding:25px 20px 0 0;
	}
	
div#column-main-wrapper {
	float:left;
	background-color:#ffffff;
	padding:20px 0 0 0;
	width:430px;
	background: transparent url(img/vline-cap.gif) top left no-repeat;
	}
	
div#column-main-internal {
	float:left;
	background-color:#ffffff;
	padding:0;
	width:430px;
	background: transparent url(img/vline-btm.gif) bottom left no-repeat;
	}
	
div#column-main {
	float:left;
	background-color:#ffffff;
	padding:0px 0 0 20px;
	width:430px;
	min-height: 350px;
	border-left:1px solid #e0e0e0;
	}	
	
*html div#column-main  {/*short content: height for IE*/
	width:395px;
	height: 350px;
	}
	
div#column-main h1 {
	line-height: 20px;
	background: transparent url(img/title-dot.gif) top left no-repeat;
	margin: 0;
	padding: 0 0 15px 23px;
	}
	
.read-more  {	
	background: transparent url(img/btn-read-more.jpg) top left no-repeat;
	height: 18px;
	text-align: right;
	float: right;
	clear: both;
	}
	
.read-more img {	
	width: 101px;
	height: 18px;
	text-align: right;
	}
	
 div#column-main ul {
	margin: 0;
	padding: 0px 0 15px 15px;
	list-style-type: none;
	text-align: left;
	}
	
 div#column-main ul li  {
	list-style-type: none;
	background-image: url(img/list-dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 2px;
}

.content {
	margin: 0 0 30px 0; 
	padding: 0;
	clear: both;
	display: block;
	}
	
div#column h2 {
	margin:0;
	padding: 0;
	text-transform:uppercase;
	}	
	
div#column div.hr {
	margin: 30px 0;
	}


/* =================== 5.0 CONTENT-SPECIFIC ============================ */
div#content {
	width:625px;
	padding:30px 50px 25px 50px;
	margin:0 auto;
	background-color:#ffffff;
	text-align:left;
	min-height: 350px;
/*	position:relative;*/
	}
	
*html div#content {/*this is for short content*/
	height: 350px;
	}
	
div#content h2 {
	line-height: 16px;
	margin: 0;
	padding: 0 0 0px 0px;
	}
	
div#content h1, 
.title {
	line-height: 20px;
	background: transparent url(img/title-dot.gif) top left no-repeat;
	margin: 0;
	padding: 0 0 10px 23px;
	}
	
.title {
	font-size: 16px;
	text-transform:uppercase;
	}
	
div#content ul {
	margin: 0;
	padding: 10px 0 15px 15px;
	list-style-type: none;
	text-align: left;
	list-opsition: inside;
	}
	
div#content ul li  {
	list-style-type: none;
	background-image: url(img/list-dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 10px;
}

	

	

/* Include unique page styles here, like press page, products page etc. */
/* Make sure to include these in the table of contents */

/* ------------------- 5.1 Blog Page -------------------- */
#blogpage .sidenav {
	margin: 0;
	padding: 0px 0 0px 0px;
	}

#blogpage .sidenav ul {
	margin: 0;
	padding: 10px 0 0px 0px;
	list-style-type: none;
	text-align: left;
	}
	
#blogpage .sidenav ul li  {
	list-style-type: none;
	background-image: url(img/list-dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 10px;
}
#blogpage div#column-main h1 {
	line-height: 20px;
	background: none;
	margin: 0;
	padding: 0 0 15px 0px;
	}
	
#blogpage div#column h2 {
	margin: 0;
	padding: 0;
	color: #666666;
	text-decoration: none;
	}
	
#blogpage div#column h2 a {
	color: #ff9900;
	}
	
#blogpage .sidenav ul.no-bullets {
	margin:0;
	padding: 10px 0 0px 0;
	list-style:none;
	vertical-align: top;
	}
	
#blogpage .sidenav ul.no-bullets li {
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
	background: none;
	vertical-align: top;
	clear: both;
	}
	
div.technorati, div.technorati a {
	color: #666666;
	white-space: nowrap;
	font-size: 11px;
	}
div#column-main #blog-content h1#blog-main-title {
	line-height: 20px;
	background: none;
	margin: 0;
	padding: 0 0 15px 0px;
	}
.blog-item {
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;
	display: block;
	}
	
.blog-title {	
	margin: 0;
	padding: 0;
	background-image: url(img/icon-blog-article.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	padding-bottom:5px;
	line-height: 16px;
	}
	
.blog-title h2 {
	margin: 0;
	padding: 0;
	}
	
.blog-title pre {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 10px 0px;
	}
	

.dots-line {
	margin: 0px 0 0px 0;
	padding: 0;
	background-image: url(img/blog-dots-line.gif);
	background-repeat: repeat-x;
	background-position: top left;
	clear: both; 
	vertical-align: bottom;
	}		

#blog-content .blog-options {
	margin: 0px 0 0px 0;
	padding: 0;
	vertical-align: bottom; 
	}	
	
.blog-item .dots-line img {
	margin: 5px 0 0 0;
	padding: 0;
	width: 16px;
	vertical-align:text-bottom;
	}	
	
	
	
/* ------------------- 5.2  Page ----------------- */

/*-- comments --*/
/*-------------------------------------------------------*/
#post-comment {
	margin:  0;
	padding:0; 
	clear: both;
	}
#post-comment h2 {
	margin: 10px 0 ;
	padding: 0;
	color: #666;
	}
	
#post-comment form{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	}
.comment-div {
	margin: 0px 0 30px 0; 
	padding: 0px;
	}
 
.comment-div .post-name,
.comment-div .post-name a  {
	color: #ff9900;
	margin: 0;
	padding: 0 0 10px 0;
	clear: both;
	}
	
.post-said {
	color: #666666;
	}
	
.comment-div .post-date {
	font-size: 10px;
	color: #333;
	margin: 0;
	padding: 0;  
	text-align: left;
	}
	
.comment-div .dotsline {
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: #fff url(img/blog-dots-line.gif) top left repeat-x; 
	display: block;
	}
	
	
/* ------------------- 5.3 form Styles --------------- */

.label {
	display:block;
	float:left;
	width:100px;
	text-align:left;
	padding-right:10px;
	padding-left:0;
	margin:0;
	vertical-align:top;
	clear: both;
}

form {
	padding:0;
	margin:0px;
	font-size:11px;
	font-family: verdana, arial, helvetica, sans-serif;
}

form p {
	padding: 0 0 0px 0;
	margin: 0; 
	line-height: 12px;
	}
	
select, option, input, textarea {
	font-size:10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
}

input {
	padding:1px 1px 2px 1px;
	margin:0 0 5px 0;
	margin-right:5px;
	vertical-align:top;
	color: #666;
}

select {
	margin-right:5px;
	font-size:10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.field {
	padding-left:0px;
	margin-left:0;
	padding-right:0;
	margin-right:0;
	border:1px solid #d6d6d6;
	margin-bottom:8px;
	width:250px;
	font-size:11px;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align:top;
	margin-right:5px;	
	padding: 1px;
	color: #333;
	}
	
.field-short {
	font-size: 10px;
	width: 125px;
	color: #000;
	border: 1px solid #d6d6d6;
	padding: 1px;
	color: #333;
	float: left;
	}

.required {
	color: #ff9900;
	font-size: 11px;
	}
/* -------------------  Quote Styles --------------- */
.quotes {
	margin: 0px 0 0 0;
	padding: 15px 15px; 
	background-color: #f3f3f3;
}

.quotes blockquote {
	margin: 0;
	padding: 0;
    background: transparent url(img/blog-quote-top.gif) left top no-repeat;
}


.quotes blockquote div {
    padding: 0 45px 10px 50px;
	color: #666666;
    background: transparent url(img/blog-quote-btm.gif) right bottom no-repeat;
	min-height: 60px;
	}
.quotes blockquote div li,
.quotes blockquote div cite {
	line-height: 18px;
	}	
#footer-quotes .quotes blockquote div {
	color: #000000;
	}
	
*html .quotes blockquote div {/*min-height for IE*/
	height: 70px;
	}
/* =================== 6.0 FOOTER ITEMS ================================ */


#footer {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px 20px 10px 20px;
	text-align:center;
	clear:both;
	color: #000000;
	}
	
#footer p {
	padding:0;
	margin:0 0 8px 0;
	text-align:left;
	line-height: 16px;
	color: #000000;
	}
	
#footer h3 {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	text-transform:uppercase;
	color: #666666;
	font-family:Georgia, "Times New Roman", serif;
	white-space: nowrap;
}

#footer h4 {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	color: #000000;;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap;
}

#footer-content {
	background:url(img/bg-footer-cap.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #dedede;
	width:728px;
	margin:0 auto;
	padding:0;
	clear:both;
	display:block;
	text-align:left; 
	min-height: 250px;
	}

#footer-wrapper {
	background:url(img/bg-bottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-color: #ffffff;
	width:756px;
	margin:0 auto;
	padding:0 0 20px 0;
	clear:both;
	display:block;
	text-align:left;
	}
	
#footer-content-btm {
	background:url(img/bg-footer-btm.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	background-color: #dedede;
	width:728px;
	margin:0 auto;
	padding:0;
	clear:both;
	display:block;
	text-align:left;
	}
		
#footer-side {/* left column */
	float:left;
	width:202px;
	padding:0 20px 0 20px;
	margin:0;
	text-align:left; 
	}

#contact {
	padding: 15px 15px 10px 15px;
	color: #000000;
	}
	
#footer-quotes {
	margin: 0;
	padding: 15px 0 0 30px;
	width: 430px;
	text-align: left;
	float: left;
	clear:none;
	overflow:visible;
	color: #000000;
}

*html #footer-quotes {
	width: 430px;
}


	
/* ------------------- footer Quote Styles --------------- */
#footer blockquote {
	margin: 0;
	padding: 0;
    background: transparent url(img/footer-quote-top.gif) left top no-repeat;
}

#footer blockquote h3 img{
	margin: 5px 0 8px 0;
	padding: 0;
}
#footer blockquote div {
    padding: 0 43px 10px 50px;
	color: #000000;
    background: transparent url(img/footer-quote-down.gif) right bottom no-repeat;
	}
	
#footer cite  {
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
    font-size: 12px;
	clear: both;
} 


/* ------------------- 5.3 Subscribe Styles --------------- */
#subscribe-wrapper {
	margin: 0; 
	padding: 0 0 10px 0;
	background: #dedede url(img/bg-subscribe-btm.gif) bottom left no-repeat;
	clear: both;
	}
	
#subscribe {
	margin: 0; 
	padding: 15px 15px 0px 15px;
	background: #dedede url(img/bg-subscribe-box.jpg) top left no-repeat;
	display: block;
	clear: both;
	}
	
#subscribe form {
	margin: 0; 
	padding: 0;
	clear: both
	}
	
input.box {
	background-image:url(img/bg-input.jpg);
	width:130px;
	height:16px;
	padding:0;
	line-height:19px;
	background-color:#d9d9d9;
	margin:0;
	padding-top:3px;
	padding-left:3px;
	color:#666666;
	font-size:10px;
	font-family: verdana, arial, helvetica, sans-serif;
	border:0;
	float:left;
	}
							
*html input.box {
	height:19px;
	padding-top:0;
	}

input.box-submit {
	margin:1px 0 0 5px;
	padding:0;
	float:left;
	}
		
#feeds {
	text-align: center; 
	clear: both;
	}
	
#feeds img {
	margin: 10px 0 0 0;
	}
	
/* -------------------  Slug --------------- */
#slug {
	clear:both;
	text-align:center;
	font-family:Verdana, Arial, Sans-serif;
	font-size:10px;
	margin:0;
	padding: 0 20px;
	}
#slug #bg-copy {
	background: #dedede url(img/bg-footer-copy.gif) center center repeat-x;
	}
#slug #copy {
	background-color: #dedede; 
	margin: 0 0 0px 0; 
	padding: 0; 
	width: 250px; 
	text-align: center;
	}
	
	
#slug p {
	color:#666666;
	font-family:Verdana, Arial, Sans-serif;
	font-size:10px;
	margin:0;
	padding: 0; 
	text-align:center; 
	}

#slug a, #slug a:hover  {
	color:#666666;
	font-family:Verdana, Arial, Sans-serif;
	font-size:10px;
	margin:0;
	padding: 0; 
	text-align:center; 
	}