td {
	text-align: left;
	font-family:tahoma;
	font-size:11px;
	color:#282828;
	line-height:13px;
}

a {text-decoration:underline;
   color:#891C00;}
  
body { 	margin:0px;padding:0px;}

.copy{  font-family:tahoma;
		color:#ffffff;
		text-decoration:none;
		font-size:10px;}

ul {margin:0; padding:0; list-style:none}
li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:16px }

.welcome div {margin:1px 88px 0px 168px; color:#EFE4CC; line-height:15px;}

.featured_new { padding:27px 20px 10px 36px;}
.featured_new a { color:#A32100; text-decoration:none}
.featured_new strong { text-transform:uppercase}
.featured_new div a {text-decoration:underline}
.featured_new div a:hover {text-decoration:none}

.early_access { padding:27px 10px 10px 36px;}
.early_access a {text-decoration:none}
.early_access div a {text-decoration:underline; color:#A32100}
.early_access div a:hover {text-decoration:none}

.featured_author { padding:27px 15px 10px 26px;}
.featured_author strong { text-transform:uppercase}
.featured_author a { color:#A32100}

.available_now { padding:28px 30px 10px 24px;}
.available_now strong { color:#891C00}

.upcoming_events { padding:26px 20px 10px 24px;}
.upcoming_events div a {text-decoration:none; color:#A32100}
.upcoming_events div a:hover {text-decoration:underline}
.upcoming_events div strong a {text-decoration:underline;}
.upcoming_events div strong a:hover {text-decoration:none;}
.upcoming_events span { color:#575757}

.new_articles { padding:27px 12px 10px 24px;}

.list div { margin:0px 10px 5px 36px;}
.list a { text-decoration:none}

.company_workteam div { margin:27px 22px 10px 36px;}
.company_workteam strong { color:#891C00; text-transform:uppercase}

.people_choose div { margin:28px 23px 10px 26px;}
.people_choose li a { text-decoration:none}

.company_profile div { margin:27px 15px 10px 24px;}
.company_right { margin-right:15px;}
.company_profile li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:22px }
.company_profile a strong { text-transform:none}

.featured_services { padding:27px 22px 10px 36px;}
.featured_services span { color:#891C00}
.featured_services li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:22px }
.featured_services a strong { text-transform:none}

.special_offers { padding:27px 25px 10px 26px;}
.special_offers span { color:#891C00}

.available_services { padding:27px 0px 10px 23px;}
.available_services li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:22px }

.do_you_know { padding:28px 8px 10px 24px;}
.do_you_know strong { color:#891C00}

.publish_with_us { padding:27px 35px 10px 36px;}
.publish_with_us li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:22px }
.publish_with_us a strong { text-transform:none}

.presentation { padding:27px 20px 10px 26px;}
.presentation span { color:#891C00}

.featured_works { padding:27px 22px 10px 24px;}
.featured_works span { color:#575757}

.author div { margin:5px 20px 0px 36px;}
.author a { text-decoration:none}

.author1 div { margin:5px 22px 0px 26px;}
.author1 a { text-decoration:none}

.authors_list { padding:27px 10px 10px 23px;}
.authors_list strong { color:#891C00}
.authors_list li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:22px }
.authors_list a strong { text-transform:none}

.for_bookstores { padding:27px 25px 10px 36px;}
.for_bookstores span { color:#891C00}

.lists div { margin:0px 0px 0px 25px;}
.lists li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 8px; line-height:22px }

.best_sellers { padding:28px 0px 5px 26px;}

.lorem div { margin:0px 0px 0px 26px;}
.lorem a { text-decoration:none}

.company_locations { padding:27px 22px 10px 36px;}
.company_locations strong { color:#891C00}

.mailing_address div {margin:27px 20px 10px 24px;}
.mailing_address span { color:#891C00}

.contact_form { padding:27px 20px 0px 26px;}

.privacy_policy div { margin:26px 20px 20px 36px;}


.arrow_right { margin-right:5px;}
.pic_right { margin-right:17px;}


.white {color:#ffffff; text-decoration:none}
.l { text-decoration:underline}

.red { color:#A32100}


.s strong { text-transform:uppercase}

.form { width:187px;
		height:27px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#AC9F7B;
		background-color:#F2E1B4;
		color:#282828;
		margin-left:0px;
		margin-right:0px}
		
.form1 { width:151px;
		height:19px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#C59E57;
		background-color:#FDF9E9;
		color:#5F5F5F;
		margin-left:0px;
		margin-right:0px}		
		
.textarea { width:187px;
		height:224px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#AC9F7B;
		background-color:#F2E1B4;
		color:#282828;
		margin-left:0px;
		margin-right:0px}
		
a:hover { text-decoration:none}
.a a:hover{text-decoration:underline;}



/*
	This is the CSS stylesheet that is used for the default Nucleus skin.
	
	Here's how the pages are built up:

	(Note: the format outlined below is NOT mandatory. If you want your 
	 site to use another structure, edit skins and templates, and define 
	 your own stylesheet. The default skins and templates only serves as 
	 an example of how a site running Nucleus can look.)

	MAIN PAGE
	---------

	body
	  div.contents
	    h1 (site title)
	      h2 (date header)
	        h3 (item title)
	          div.itembody (item text)
	          span.iteminfo (time / author / editlink / amount of comments)
	  div.logo
	  div.menu
	    h1 (navigation, hidden link)
	      h2 (menu titles)
	
	DETAILED PAGE
	-------------
	body
	  div.contents
	    h1 (site title)
	      h2 (item title)
	        div.itembody (item text)
	        div.iteminfo (item info)
	      h2 (comments)
	        h3 (commentor name)
  	          div.commentbody
	      h2 (add comment)
	  div.logo
	  div.menu	
	    h1 (navigation, hidden link)
	      h2
/* definitions applying to the contents block */
.contents {
	position: absolute;

	left: 0px;
	width: 600px;
        top: 10px;
}

/* definitions applying to the logo */
.logo {
	position: absolute;

	top: 10px;
	left: 20px;
}

.menu {
	position: absolute;

	top: 200px;
	left: 30px;
	width: 110px;

	/* use a lighter text color (grey) and a smaller font */
	color: #777;
	font-size: x-small;	
}

/*
	Definitions for headers in the menu (.menu h2), page titles (h1) 
	and dateheads (.contents h2):
	- page titles are centered (within the .contents div)
	- menu headers (h2) use a small font
	- dateheads use a large font and are in a box
*/

h1 {
	text-align: center;
}

.menu h2 {
	font-size: small;
}

.contents h2 {
	font-size: small;
        background-color: none;
background:url(images/spacer.gif);
border: 0px solid #ccc;
font-weight: bold;
	font-variant: small-caps;
	color: #993300;
}

/* 
	Definitions for the item listings like they are done on the main page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, and the amount of comments
	
	anchors in the iteminfo (.iteminfo a) are not underlined and bold
*/

/* item title */
h3.item {
	font-size: medium;
	margin: 0px;
	margin-top: 0px;
}

.itembody {	
	margin-top: 0px;	
	margin-bottom: 0px;
}

.iteminfo {	
	font-size: x-small;
	color: gray;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}

/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/

/* comment title */
h3.comment {
	font-size: medium;
	margin-bottom: 3px;
}

.commentbody {
	text-align: justify;
}

.commentinfo {	
	font-size: x-small;
	color: gray;
}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
	
	both boxes have slightly larger text, and take a maximum of 20% of 
	the width of the contents.
*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;	
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
*/

img {
	border: 0px solid #000;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.highlight {
	background-color: yellow;
}
.body {
	background-color: 000000;
}