/*-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Project	MagMe Reader
* Author	Clayton Misura
* Website	http://www.magme.com
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

1. Import Resets 
----------------------------
2. Universal HTML
----------------------------
3. Typography
----------------------------
4. General Layout
----------------------------
5. Page Head 
----------------------------
----- The MagMe Reader -----
----------------------------
6. Reader
----------------------------
7. Share Features
----------------------------
8. Comments
----------------------------
9. Related Content
----------------------------
--------- Main Page --------
----------------------------
10. Main Banner
----------------------------
11. Our Features
----------------------------
12. Little Library
----------------------------
13. Main Page Blog/Comments
----------------------------
-------- Login Page --------
----------------------------
14. Login Page Body
----------------------------
15. General Text
----------------------------
16. About Us

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


/* -- -- 1.0 Import Resets -- -- */

@import url("reset.css");
@import url("http://dev.magme.com/css/slider.css");


/* 2.0 Universal HTML
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

body
	{
	font-size: 			62.5%; /* 10px */
	font-family:  		Arial, Helvetica, sans-serif; 
	color: 				#8E8E8E;
	background: 		#F8F8F8;
	}

a, a:link 
	{
	color: 				#009DDC;
	font-weight: 		bold;
	text-decoration: 	none;
	}
	
a:visited 
	{
	color: 				#0076A5;
	font-weight: 		normal;
	text-decoration: 	none;
	}
	
a:hover 
	{
	color: 				#009DDC;
	text-decoration: 	underline;
	}

/* 3.0 Typography
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

h1
	{
	font-size: 			3.3em; /* 33px */
	line-height: 		4.0;  /* 40pt */	
	}

h2
	{
	font-size: 			2.8em; /* 28px */
	line-height:		3.2;  /* 32pt */ 		
	}

h3
	{
	font-size: 			2.2em; /* 22px */
	line-height:		2.8;   /* 28pt */	
	}

h4
	{
	font-size: 			1.6em; /* 16px */
	line-height:		2.4;  /* 24pt */ 		
	}

h5, h6
	{
	font-size: 			1.1em; /* 11px */
	font-weight: 		bold;	
	}
	

p, div p, ul, ol, dl
	{
	font-size: 			1.1em; /* 11px */
	line-height: 		1.6    /* 16pt */
	}

/* 4.0 Layout
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

html, body, #wrapper { height: 100%; }

body > #wrapper
	{
	width: 				100%;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	}

#container, #bottom_container 
	{
	position: 			relative;
	width: 				974px;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto;
	padding-bottom: 	160px; /* Must be same height as the footer */
	text-align: 		center; /* For IE 6 */
	}

#pghead, #pgbody { display: block; }


#pghead
	{
	position: 			relative;
	width: 				100%;
	height: 			120px;
	margin-bottom: 		12px;
	}

#pgbody
	{
	position: 			relative;
	width: 				100%;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	/*min-height: 		1288px;*/
	margin-bottom: 		49px; /* 48px + 1px for drop shadow */
	text-align: 		left;
	}

	#reader_related
		{
		position: 		relative;
		width: 			100%;
		}
	
	.pgbody_foot
		{
		width: 			974px;
		height: 		32px;
		clear: 			both;
		}

#pgfoot 
	{
	position: 			relative;
	width: 				100%;
	height: 			160px;
	margin-top: 		-160px; /* Negative value of footer height */
	clear:				both;
	background: 		#009DDC;
	}

	.pgfoot_body
		{
		position: 			relative;
		width: 				974px;
		margin: 			0 auto;
		font-size: 			1.1em;
		color: 				#FFF;
		}
	
	.pgfoot_body, .pgfoot_body a
		{
		color: 				#FFF !important;
		}
	
	.pgfoot_body a:hover
		{
		color: 				#FFF;
		text-decoration: 	underline;
		}
	
	.pgfoot_body ul
		{
		position: 		relative;
		width: 			146px;
		margin: 		14px 0px 0 14px;
		font-size: 		inherit;
		float: 			left;
		display: 		inline;
		}
	
	.pgfoot_body ul li
		{
		width: 			146px;
		padding: 		3px 0 4px 0;
		border-bottom: 	1px solid #21AAE0;
		}

/*-- -- Clear Fix -- -- */

.clearfix:after 
	{
	content: 			".";
	display: 			block;
	height: 			0;
	clear: 				both;
	visibility: 		hidden;
	}
	
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 5.0 Page Head
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

h1#logo
	{
	position: 			absolute;
	top:				0;
	left: 				0;
	width: 				137px;
	height: 			68px;
	line-height: 		0;
	}

h1#logo a 
	{
	margin: 			0;
	padding: 			0;
	text-decoration: 	none; 
	font-weight: 		normal;
	}

#login
	{
	position: 			absolute;
	top:				32px;
	right:				0;
	width: 				174px;
	height: 			24px;
	text-align: 		left;
	}

#login a
	{
	width: 				160px;
	height: 			24px;
	padding-left: 		14px;
	display: 			block;
	line-height: 		24px;
	background: 		url(../images/btn.login.user.gif) no-repeat 0 0;
	}

#login a:hover
	{
	background-position: 0 -24px;
	}

#login a,
#login a:hover,
#login a:visited
	{
	font-weight: 		bold;
	text-decoration: 	none;
	color: 				#FFF;
	}

/*-- --  Navigation -- -- */

ul#navigation
	{
	position: 			absolute;
	left: 				0;
	bottom:				0;
	width: 				974px;
	height: 			50px;
	}

ul#navigation li
	{
	float: 				left;
	display: 			inline; /* Correct IE6 float double margin */ 
	}

ul#navigation li.navitem
	{
	width: 				160px;
	height: 			50px;
	}

ul#navigation li.navend	
	{
	width: 				494px;
	height: 			50px;
	background: 		url(../images/img.nav.matrix.png) no-repeat -480px 0;
	}
	

ul#navigation a#home,
ul#navigation a#reader,
ul#navigation a#blog
	{
	position: 			relative;
	width: 				160px;
	height: 			50px;
	line-height: 		50px;
	display: 			block;
	text-decoration: 	none;
	}
	
ul#navigation a#home
	{
	background: 		url(../images/img.nav.matrix.png) no-repeat 0 0;
	}

ul#navigation a#home:hover,
body#index_pg ul#navigation a#home,
body#index_pg ul#navigation a#home:hover
	{
	background: 		url(../images/img.nav.matrix.png) no-repeat 0 -50px;
	}

ul#navigation a#reader
	{
	background: 		url(../images/img.nav.matrix.png) no-repeat -160px 0;
	}

ul#navigation a#reader:hover,
body#reader_pg ul#navigation a#reader,
body#reader_pg ul#navigation a#reader:hover
	{
	background: 		url(../images/img.nav.matrix.png) no-repeat -160px -50px;
	}
	
ul#navigation a#blog
	{
	background: 		url(../images/img.nav.matrix.png) no-repeat -320px 0;
	}

ul#navigation a#blog:hover,
body#blog_pg ul#navigation a#blog,
body#blog_pg ul#navigation a#blog:hover
	{
	background: 		url(../images/img.nav.matrix.png) no-repeat -320px -50px;
	}

/* 6.0 Reader
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#magmereader 
	{
	position: 			relative;
	width: 				974px;
	height: 			498px;
	margin-bottom: 		14px; /* 12px + 2px for drop shadow */
	background: 		url(../images/img.reader.matte.gif) no-repeat 0 0;
	}

div#reader_zoom_box {
	background: url(../images/overlay_matte.png);
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	position: fixed;
}

div#reader_zoom_box embed {
		position: absolute;
		top: 0px;
		left: 0px;
}


/* 7.0 Share Features
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#sharefeatures
	{
	position: 			relative;
	width: 				974px;
	height: 			50px;
	margin-bottom: 		14px; /* 12px + 2px for drop shadow */
	background: 		url(../images/img.share.features.matte.gif) no-repeat 0 0;
	}

.share_pod, 
.email_pod,
.rating_pod, 
.publisher_pod
	{
	position: 			absolute;
	top:				1px;
	height: 			47px;
	}

.share_pod
	{
	left: 				1px;
	width:				319px;
	}

#sharefeatures h5
	{
	margin-left: 		14px;
	line-height: 		47px;
	float: 				left;
	display: 			inline;
	}

/*-- -- Share Menu -- --*/

ul.share_menu
	{
	position: 			relative;
	width: 				248px;
	height: 			24px;
	margin: 			11px 0 0 8px;
	float: 				left;
	display: 			inline;
	}

ul.share_menu li
	{
	position: 			relative;
	width: 				24px;
	height: 			24px;
	margin-right: 		8px;
	float:				left;
	display: 			inline;
	}

ul.share_menu li a,
ul.share_menu li a:hover,
ul.share_menu li a:visited
	{
	width: 				24px;
	height: 			24px;
	line-height: 		24px;
	display: 			block;
	text-decoration: 	none;
	}

ul.share_menu li.last
	{
	margin-right: 		0px !important;
	}

.share01 { background: url(../images/img.share.features.matrix.png) no-repeat 0 0; }
.share01:hover { background: url(../images/img.share.features.matrix.png) no-repeat 0 -24px; }
.share02 { background: url(../images/img.share.features.matrix.png) no-repeat -32px 0; }
.share02:hover { background: url(../images/img.share.features.matrix.png) no-repeat -32px -24px; }
.share03 { background: url(../images/img.share.features.matrix.png) no-repeat -64px 0; }
.share03:hover { background: url(../images/img.share.features.matrix.png) no-repeat -64px -24px; }
.share04 { background: url(../images/img.share.features.matrix.png) no-repeat -96px 0; }
.share04:hover { background: url(../images/img.share.features.matrix.png) no-repeat -96px -24px; }
.share05 { background: url(../images/img.share.features.matrix.png) no-repeat -128px 0; }
.share05:hover { background: url(../images/img.share.features.matrix.png) no-repeat -128px -24px; }
.share06 { background: url(../images/img.share.features.matrix.png) no-repeat -160px 0; }
.share06:hover { background: url(../images/img.share.features.matrix.png) no-repeat -160px -24px; }
.share07 { background: url(../images/img.share.features.matrix.png) no-repeat -192px 0; }
.share07:hover { background: url(../images/img.share.features.matrix.png) no-repeat -192px -24px; }
.share08 { background: url(../images/img.share.features.matrix.png) no-repeat -224px 0; }
.share08:hover { background: url(../images/img.share.features.matrix.png) no-repeat -224px -24px; }

/*-- -- Email Pod -- --*/

.email_pod
	{
	left: 				321px;
	width: 				159px;
	}

.email_pod .email
	{
	position: 			relative;
	width: 				24px;
	height: 			24px;
	margin: 			11px 0 0 8px;
	float: 				left;
	display: 			inline;
	}

.email a
	{
	width: 				24px;
	height: 			24px;
	line-height: 		24px;
	display: 			block;
	text-decoration: 	none;
	background: 		url(../images/img.share.features.matrix.png) no-repeat -256px 0;  
	}

.email a:hover
	{
	background: 		url(../images/img.share.features.matrix.png) no-repeat -256px -24px;
	text-decoration: 	none;
	}

/*-- -- Rate Pod -- --*/

.rating_pod
	{
	left: 				481px;
	width: 				159px;
	}

.stars
	{
	position: 			relative;
	width: 				81px;
	height: 			12px;
	margin: 			16px 0 0 8px;
	float: 				left;
	display: 			inline;
	}

/*-- -- Publisher Pod -- --*/

.publisher_pod
	{
	right: 				1px;
	width: 				332px;
	}

.publisher_pod p
	{
	margin-left: 		14px;
	line-height: 		47px;
	}

.publisher_pod p .pub_name,
.publisher_pod p .pub_owner
	{
	font-weight: 		bold;
	color: 				#009DDC;
	}

.publisher_pod p .pub_issue
	{
	color: 				#423F40;
	}

/* 8.0 Comments
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#comments_pod
	{
	position: 			relative;
	width: 				625px;
	float: 				left;
	display: 			inline;
	margin-bottom: 		64px;
	}

ul.comments_menu
	{
	position: 			relative;
	width: 				319px;
	height: 			33px;
	}
	
ul.comments_menu li
	{
	width: 				159px;
	height: 			33px;
	float: 				left;
	display: 			inline;
	margin-right: 		1px;
	}

ul.comments_menu li.last
	{
	margin-right: 		0 !important;
	}

ul.comments_menu li a
	{
	width: 				159px;
	height: 			33px;
	line-height: 		33px;
	display: 			block;
	text-align: 		center;
	text-decoration: 	none;
	}

ul.comments_menu li a.pub_comments
	{
	background:			url(../images/img.comments.matrix.png) no-repeat 0 0;
	}

ul.comments_menu li a.pub_comments:hover,
ul.comments_menu li#selected a.pub_comments,
ul.comments_menu li#selected a.pub_comments:hover
	{
	background:			url(../images/img.comments.matrix.png) no-repeat 0 -33px;
	color: 				#FFF;
	}

ul.comments_menu li a.page_comments
	{
	background:			url(../images/img.comments.matrix.png) no-repeat -160px 0;
	}
	
ul.comments_menu li a.page_comments:hover,
ul.comments_menu li#selected a.page_comments,
ul.comments_menu li#selected a.page_comments:hover
	{
	background:			url(../images/img.comments.matrix.png) no-repeat -160px -33px;
	color: 				#FFF;
	}

.tab_bottom
	{
	position: 			relative;
	width: 				625px;
	height: 			24px;
	margin-top: 		-4px;
	background: 		url(../images/img.comments.tabend.gif) no-repeat 0 0;
	}

.comments_body
	{
	position: 			relative;
	width: 				625px;
	height: 			auto !important;
	margin-bottom: 		14px;
	}

.comments_body ul.comments_list
	{
	position: 			relative;
	width: 				625px;
	font-size: 			inherit;
	background: 		url(../images/img.comment.body.repeaty.gif) repeat-y 0 0;
	}

ul.comments_list li
	{
	position: 			relative;
	width: 				625px;
	height: 			auto;
	display: 			block;
	border-top:			1px solid #E6E6E6;
	z-index: 			1;
	}

ul.comments_list li .gravatar,
ul.comments_list li .user_id,
ul.comments_list li .user_comment
	{
	float: 				left;
	display: 			inline;
	}


ul.comments_list li .gravatar
	{
	position: 			relative;
	width: 				64px;
	height: 			64px;
	margin: 			23px 0 0 1px;
	padding-bottom: 	32px;
	float: 				left;
	display: 			inline;
	}

ul.comments_list li .user_id
	{
	position: 			relative;
	width: 				161px;
	margin: 			19px 0 0 14px;
	}
		
.user_id h5
	{
	color: 				#009DDC;
	}
	
.user_id .timestamp
	{
	margin-bottom: 		6px; /* 8px - 2px for inherited text padding */
	}

.user_id .reply
	{
	width: 				95px;
	height: 			26px;
	}

.user_id .reply a
	{
	width: 				95px;
	height: 			26px;
	line-height: 		26px;
	display: 			block;
	text-align: 		center;
	background: 		url(../images/btn.post.reply.gif) no-repeat 0 0;
	}

.user_id .reply a:hover
	{
	background-position:  0 -26px;
	}

ul.comments_list li .user_comment
	{
	width: 				356px;
	margin: 			19px 0 0 14px;
	}

ul.comments_list li .comment_foot
	{
	position: 			relative;
	width: 				625px;
	height: 			32px;
	clear: 				both;
	}

/*-- -- Threaded Comments -- --*/

ul.comments_list li.comment_threaded
	{
	position: 			relative;
	width: 				625px;
	height: 			auto;
	display: 			block;
	border-top:			1px solid #E6E6E6;
	background: 		url(../images/img.thread.comment.repeaty.gif) repeat-y 0 0;
	z-index: 			2 !important;
	}

ul.comments_list li.comment_threaded img.comment_top
	{
	position: 			absolute;
	top:				-9px;
	left: 				14px;
	width: 				15px;
	height: 			9px;
	}

ul.comments_list li.comment_threaded .gravatar
	{
	margin-left: 		14px !important;
	}

ul.comments_list li.comment_threaded .user_comment
	{
	margin-left: 		0px !important;
	}

.comment_list_foot
	{
	position: 			relative;
	width: 				625px;
	height: 			34px;
	padding-top: 		12px;
	clear: 				both;		
	background: 		url(../images/img.comment.foot.matte.gif) no-repeat 0 0;
	}

.comment_list_foot .comment_slide
	{
	position: 			relative;
	width: 				146px;
	height: 			24px;
	margin: 			0px auto; 
	}

.comment_slide li
	{
	float: 				left;
	display: 			inline;
	}


.comment_slide .prev_comments,
.comment_slide .prev_comments a,
.comment_slide .next_comments,
.comment_slide .next_comments a
	{
	width: 				24px;
	height: 			24px;
	}

.comment_slide .prev_comments a,
.comment_slide .next_comments a
	{
	line-height: 		24px;
	display: 			block;
	text-decoration: 	none;
	}

.comment_slide .prev_comments a
	{
	background: 		url(../images/btn.comment.slide.gif) no-repeat 0 0;
	}

.comment_slide .prev_comments a:hover
	{
	background-position: 0 -24px;
	}

.comment_slide .next_comments a
	{
	background: 		url(../images/btn.comment.slide.gif) no-repeat -122px 0;
	}

.comment_slide .next_comments a:hover
	{
	background-position: -122px -24px;
	}

.comment_slide .number_comments
	{
	width: 				92px;
	height: 			20px;
	margin: 			0 3px;
	padding-top: 		4px;
	text-align: 		center;
	background: 		url(../images/img.comment.slide.matte.gif) no-repeat 0 0;
	}

#post_comment
	{
	position: 			relative;
	width: 				625px;
	}

.post_comment_head,
.post_comment_body,
.post_comment_foot
	{
	display: 			block;
	}

.post_comment_head
	{
	position: 			relative;
	width: 				625px;
	height: 			37px;
	background: 		url(../images/img.post.comment.top.gif) no-repeat 0 0;
	}

.post_comment_head h5
	{
	color: 				#FFF;
	line-height: 		37px;
	margin-left: 		14px;
	}

.post_comment_body
	{
	position: 			relative;
	width: 				625px;
	background: 		url(../images/img.comment.body.repeaty.gif) repeat-y 0 0;
	}

.post_comment_body textarea
	{
	width: 				440px;
	height: 			128px;
	border: 			1px solid #E6E6E6;
	margin: 			14px 0 0 14px;
	padding: 			12px 8px;
	background: 		#F8F8F8;
	}

.post_comment_body .post_comment_btn,
.post_comment_body .post_comment_btn a
	{
	width: 				116px;
	height: 			24px;
	}

.post_comment_body .post_comment_btn
	{
	position: 			absolute;
	top:				79px;
	right:				15px;
	}

.post_comment_body .post_comment_btn a
	{
	line-height: 		24px;
	display: 			block;
	font-weight: 		bold;
	text-align: 		center;
	text-decoration: 	none;
	color: 				#FFF;
	background: 		url(../images/btn.post.comment.gif) no-repeat 0 0;
	}

.post_comment_body .post_comment_btn a:hover
	{
	background-position: 		0 -24px;
	}

.post_comment_foot
	{
	width: 				625px;
	height: 			18px;
	clear: 				both;
	background: 		url(../images/img.post.comment.bottom.gif) no-repeat 0 0;
	}	

/* 9.0 Related Content
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#related_content_pod
	{
	position: 			relative;
	width: 				334px;
	float: 				right;
	display: 			inline;
	}
	
#more_from
	{
	margin-bottom: 		4px;
	}
	
.related_content,
.related_content .related_content_head,
.related_content .related_content_head a
	{
	position: 			relative;
	width: 	  			334px;
	min-height: 		48px;
	display: 			block;
	}

.related_content .related_content_head a
	{
	width: 				282px;
	padding-left: 		52px;
	line-height: 		48px;
	color: 				#FFF;
	font-size: 			1.1em;
	text-decoration: 	none;
	background: 		url(../images/img.related.content.top.png) no-repeat 0 0;
	}

.related_content .related_content_head a:hover
	{
	background-position: 0 -48px;
	}

.related_content .related_content_head a.selected,
.related_content .related_content_head a.selected:hover
	{
	background-position: 0 -96px;
	}

ul.related_content_body
	{
	position: 			relative;
	width:				334px;
	background: 		url(../images/img.related.content.repeaty.gif) repeat-y 0 0;
	}

ul.related_content_body li
	{
	position: 			relative;
	width: 				334px;
	min-height: 		102px;
	display: 			block;
	border-top:			1px solid #E6E6E6;
	}

ul.related_content_body li.alt
	{
	background: 		url(../images/img.related.content.02.repeaty.gif) repeat-y 0 0;
	}

ul.related_content_body li .pub_thumb,
ul.related_content_body li .pub_info
	{
	position: 			relative;
	float:				left;
	display: 			inline;
	z-index: 			1;
	}

ul.related_content_body li .pub_thumb,
ul.related_content_body li .pub_thumb a
	{
	width: 				66px;
	height: 			80px;
	}
	
ul.related_content_body li .pub_thumb
	{
	margin: 			12px 7px 0px 14px;
	}

ul.related_content_body li .pub_thumb a
	{
	text-decoration: 	none;
	}

ul.related_content_body li .pub_info
	{
	width: 				233px;
	margin: 			8px 14px 0px 0px;
	}

ul.related_content_body li .pub_info .pub_name
	{
	font-weight: 		bold;
	}

/* This may have to change depending on application used */
.pub_rate
	{
	position: 			relative;
	float: 				right;
	width: 				146px;
	height: 			12px;
	margin: 			40px 0 0 0;
	}
	
/* This may have to change depending on application used */
.pub_rate img
	{
	position: 			absolute;
	top:				0;
	right: 				0;
	margin-right: 		14px;
	}

.pub_foot
	{
	position: 			relative;
	width: 				334px;
	height: 			12px;
	clear: 				both;
	}

#related_content_foot
	{
	position: 			relative;
	width: 				344px;
	height: 			36px;
	padding-top: 		12px;
	background: 		url(../images/img.related.content.bottom.png) no-repeat 0 0;
	}
	
#related_content_foot .related_content_slide
	{
	position: 			relative;
	width: 				62px;
	height: 			24px;
	margin: 			0 auto;
	}

#related_content_foot .related_content_slide .next,
#related_content_foot .related_content_slide .prev
	{
	position: 			absolute;
	}

#related_content_foot .related_content_slide .next,
#related_content_foot .related_content_slide .prev,
#related_content_foot .related_content_slide .next a,
#related_content_foot .related_content_slide .prev a
	{
	width: 				24px;
	height: 			24px;
	}

#related_content_foot .related_content_slide .next a,
#related_content_foot .related_content_slide .prev a
	{
	display: 			block;
	line-height: 		24px;
	text-decoration: 	none;
	}

#related_content_foot .related_content_slide .prev
	{
	top: 				0;
	left: 				0;
	}

#related_content_foot .related_content_slide .next
	{
	top: 				0;
	right: 				0;
	}

#related_content_foot .related_content_slide .prev a
	{
	background: 		url(../images/btn.comment.slide.gif) no-repeat 0 0;
	}

#related_content_foot .related_content_slide .prev a:hover
	{
	background-position: 0 -24px;
	}

#related_content_foot .related_content_slide .next a
	{
	background: 		url(../images/btn.comment.slide.gif) no-repeat -122px 0;
	}

#related_content_foot .related_content_slide .next a:hover
	{
	background-position:  -122px -24px;
	}

/* 10. Main Banner
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#bgbanner
	{
	position: 			relative;
	width: 				974px;
	height: 			370px;
	margin-bottom: 		14px;
	background: 		url(../images/img.index.big.banner.png) no-repeat 0 0;
	z-index: 			2;
	}

.synopsis, .bgfeatures, .lrnmore,
.betabtns
	{
	position: 			absolute;
	}

.synopsis
	{
	top:				142px;
	left:				28px;
	width: 				424px;
	}
	
.bgfeatures
	{
	bottom: 			48px;
	left: 				28px;
	}

.bgfeatures a
	{
	color: 				#FFF;
	text-decoration: 	underline !important;
	}

.bgfeatures a:hover
	{
	color: 				#FFF;
	text-decoration: 	none !important;
	}

.lrnmore
	{
	top:				90px;
	left:				508px;
	width: 				274px;
	z-index: 			5;
	}

.betabtns
	{
	top:				128px;
	right: 				254px;
	width: 				232px;
	height: 			116px;
	z-index: 			1;
	}
	
.betabtns li,
.betabtns li a
	{
	width: 				232px;
	height: 			58px;
	text-decoration: 	none;
	}

.betabtns li a { display: block; }

.betabtns li a.readers
	{
	background: 		url(../images/img.beta.btn.matrix.png) no-repeat 0 0;
	}

.betabtns li a.readers:hover
	{
	background-position: 0 -58px;
	}

.betabtns li a.publishers
	{
	background: 		url(../images/img.beta.btn.matrix.png) no-repeat 0 -116px;
	}

.betabtns li a.publishers:hover
	{
	background-position: 0 -174px;
	}
	
.synopsis p, 
.bgfeatures p,
.lrnmore p
	{
	font-weight: 		normal;
	font-size: 			16px;
	line-height: 		20px;
	color: 				#FFF;
	}

/* ---- */

.join_magme
	{
	position: 			absolute;
	top:				250px;
	left:				85px;
	width: 				320px;
	height: 			60px;
	}

.join_magme a
	{
	width: 				320px;
	height: 			60px;
	line-height: 		60px;
	display: 			block;
	background: 		url(../images/btn.join.magme.png) no-repeat 0 0;
	}

.join_magme a:hover
	{
	background-position: 0 -60px;
	}

img.manyfeatures
	{
	position: 			absolute;
	top:				336px;
	left:				-6px;
	width: 				310px;
	height: 			86px;
	z-index: 			100;
	}

/* 11. Our Features
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#ourfeatures
	{
	position: 			relative;
	width: 				974px;
	height: 			242px;
	margin-bottom: 		14px;
	background: 		url(../images/img.our.features.gif) no-repeat 0 0;
	z-index: 			1;
	}

.ourfeature_pod
	{
	position: 			relative;
	width: 				184px;
	height: 			56px;
	margin: 			60px 56px 0 0;
	float: 				left;
	display: 			inline;
	}

#ourfeatures .first-child /* No :first-child pseudo class support in IE 6 */
	{
	margin-left: 		28px;
	}

#ourfeatures .last-child
	{
	margin-right: 		0 !important;
	}

/* 12. Little Library
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#library
	{
	position: 			relative;
	width: 				974px;
	height: 			368px;
	margin-bottom: 		16px;
	background: 		url(../images/img.library.matte.png) no-repeat 0 0;
	}

#library h5,
#library .browse_body li label
	{
	color: 				#FFF;
	text-transform: 	uppercase;
	}

#library h5.start
	{
	position: 			absolute;
	top:				19px;
	left: 				14px;
	}

#library #swf_library
	{
	position: 			absolute;
	top:				48px;
	left: 				14px;
	width: 				706px;
	height: 			273px;
	background: 		url(../images/img.swf.library.png) no-repeat 0 0;
	}

#library .browse_pod
	{
	position: 			absolute;
	top:				0px;
	right:				0px;
	width: 				240px;
	height: 			368px;
	font-size-adjust: 	inherit;
	border-left: 		1px solid #383435;
	}

#library .browse_head
	{
	position: 			relative;
	width: 				239px;
	height: 			48px;
	border-bottom: 		1px solid #383435;
	}

#library .browse_head h5
	{
	margin-left: 		14px;
	line-height: 		48px;
	}

#library .browse_body li
	{
	width: 				240px;
	padding-top: 		12px;
	height: 			21px;
	border-bottom: 		1px solid #383435;
	}

#library .browse_body li a
	{
	height: 			8px;
	line-height: 		8px;
	display: 			block;
	color: 				#FFF;
	margin-left: 		14px;
	padding-left: 		14px;
	background: 		url(../images/img.index.browse.arrow.gif) no-repeat 0 0;
	}

#library .browse_body li a:hover,
#library .browse_body li a.selected,
#library .browse_body li a.selected:hover
	{
	background-position: 0 -8px;
	color: 				#EC008C;
	}

#library .browse_body li.catselect_pod
	{
	height: 			136px;			
	padding: 			0px;
	}

#library .browse_body li .catselect
	{
	width: 				240px;
	height: 			54px;
	padding-top: 		18px;
	}

#library .browse_body li .locselect
	{
	width: 				240px;
	height: 			72px;
	}

#library .browse_body li label
	{
	margin-left: 		14px;
	font-weight: 		bold;
	}

#library .browse_body li select.loc_cat
	{
	width: 				212px;
	margin: 			7px 0 0 14px;
	display: 			block;
	}
	
/* 13. Main Page Blog/Comments
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#indxsocfeatures
	{
	position: 			relative;
	width: 				974px;
	
	}

.indxsocfeatures_pod
	{
	position: 			relative;
	width: 				480px;
	}

#indx_blog
	{
	float: 				left;
	display: 			inline;
	}

#indx_comments
	{
	float: 				right;
	display: 			inline;	
	}

.indxsocfeatures_head
	{
	position: 			relative;
	width: 				480px;
	height: 			49px;
	display: 			block;
	}

#indx_blog .indxsocfeatures_head
	{
	background: 		url(../images/img.index.blog.top.png) no-repeat 0 0;
	} 

#indx_comments .indxsocfeatures_head
	{
	background: 		url(../images/img.index.blog.top.png) no-repeat -494px 0;
	}

.indxsocfeatures_slide
	{
	position: 			absolute;
	top:				12px;
	right: 				14px;
	width: 				62px;
	height: 			24px;
	}

.indxsocfeatures_slide .prev
	{
	position: 			relative;
	float: 				left;
	display: 			inline;
	}

.indxsocfeatures_slide .next
	{
	position: 			relative;
	float: 				right;
	display: 			inline;
	}


.indxsocfeatures_slide .prev,
.indxsocfeatures_slide .prev a,
.indxsocfeatures_slide .next,
.indxsocfeatures_slide .next a
	{
	width: 				24px;
	height:			 	24px;
	}

.indxsocfeatures_slide .prev a,
.indxsocfeatures_slide .next a
	{
	line-height: 		24px;
	display: 			block;
	text-decoration: 	none;
	}

.indxsocfeatures_slide .prev a
	{
	background: 		url(../images/img.index.blog.slide.gif) no-repeat 0 0;
	}

.indxsocfeatures_slide .prev a:hover
	{
	background-position: 0 -24px;
	}

.indxsocfeatures_slide .next a
	{
	background: 		url(../images/img.index.blog.slide.gif) no-repeat -38px 0;
	}

.indxsocfeatures_slide .next a:hover
	{
	background: 		url(../images/img.index.blog.slide.gif) no-repeat -38px -24px;
	}
	
.indxsocfeatures_body
	{
	position: 			relative;
	width: 				480px;
	height: 			1%;
	display: 			block;
	font-size: 			inherit;
	background:			url(../images/img.index.blog.repeaty.gif) repeat-y 0 0;
	}

.indxsocfeatures_body li
	{
	position: 			relative;
	width: 				478px;
	height: 			116px;
	margin: 			0px 1px;
	border-bottom: 		1px solid #E6E6E6;
	border-top: 		1px solid #FFFFFF;
	}

.indxsocfeatures_body li.noborder { border-top:	0px; }

.indxsocfeatures_body li h6,
.indxsocfeatures_body li p
	{
	width: 				386px;
	margin: 			0px 14px;
	}

.indxsocfeatures_body li h6
	{
	padding-top: 		21px;
	}
	
.indxsocfeatures_body li p
	{
	margin-top: 		7px;
	}

.viewentry, 
.viewentry a
	{
	width: 				14px;
	height: 			26px;
	}

.viewentry
	{
	position: 			absolute;
	top:				44px;
	right: 				14px;
	}

.viewentry a
	{
	line-height: 		26px;
	display: 			block;
	text-decoration: 	none;
	background: 		url(../images/img.index.blog.arrow.gif) no-repeat 0 0;
	}

.viewentry a:hover
	{
	background-position: 0 -26px;
	}

.indxsocfeatures_foot
	{
	position: 			relative;
	width: 				480px;
	height: 			29px;
	border-top: 		1px solid #FFF;
	background: 		url(../images/img.index.blog.bottom.gif) no-repeat 0 0;
	}

#indxsocfeatures_foot
	{
	position: 			relative;
	width: 				974px;
	height: 			4px;
	clear: 				both;
	}

/* 14 Login Page Body
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#login_container 
	{
	position: 			relative;
	width: 				334px;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto;
	padding-bottom: 	160px; /* Must be same height as the footer */
	text-align: 		center; /* For IE 6 */
	}

#login_container  #pghead
	{
	position: 			relative;
	width: 				334px;
	height: 			72px;
	margin-bottom: 		0px;
	}

#login_container  #pghead h1#logo
	{
	position: 			relative;
	margin: 			0 auto;
	}

#login_menu,
#login_menu ul
	{
	position: 			relative;
	width: 				334px;
	height: 			49px;
	}

#login_menu ul li
	{
	position: 			relative;
	height: 			49px;
	float: 				left;
	display: 			inline;
	}

#login_menu ul li.last
	{
	margin-right: 		0px;
	}
	
#login_menu ul li a
	{
	height: 			49px;
	line-height: 		49px;
	text-decoration: 	none;
	display: 			block;	
	}

#login_menu ul li.login,
#login_menu ul li.login a	
	{
	width: 				95px;
	background: 		url(../images/img.login.menu.matrix.gif) no-repeat 0px 0;	
	}

#login_menu ul li.login a.selected
	{
	width: 				95px;
	background: 		url(../images/img.login.menu.matrix.gif) no-repeat 0 0;
	}
	
#login_menu ul li.login a.selected:hover
	{
	background-position: 0 0;
	}

#login_menu ul li.login a.unselected
	{
	background-position: 0 -98px;
	}

#login_menu ul li.login a.unselected:hover
	{
	background-position: 0 -49px;
	}

#login_menu ul li.signup,
#login_menu ul li.signup a	
	{
	width: 				239px;
	background: 		url(../images/img.login.menu.matrix.gif) no-repeat -95px 0;
	}
	
#login_menu ul li.signup a.selected	
	{
	background: 		url(../images/img.login.menu.matrix.gif) no-repeat -95px 0;
	}

#login_menu ul li.signup a.selected:hover	
	{
	background-position: -95px 0;
	}

#login_menu ul li.signup a.unselected
	{
	background-position: -95px -98px;
	}

#login_menu ul li.signup a.unselected:hover
	{
	background-position: -95px -49px;
	}
	
.login_pod
	{
	position: 			relative;
	width: 				334px;
	height: 			100%;
	height: 			100% !important;
	min-height: 		100%;
	padding: 			16px 0 16px 0;
	background: 		#423F40;
	}

#login_form
	{
	position: 			relative;
	width: 				306px;
	min-height: 		177px;
	height: 			auto;
	margin: 			0 auto;
	}

#login_form label
	{
	color:		 		#FFF;
	font-size: 			1.1em;
	float: 				left;
	margin-bottom: 		12px;	
	}

.input_pod
	{
	position: 			relative;
	width: 				307px;
	min-height: 		48px;
	margin-bottom: 		12px;
	}

.halfpod
	{
	min-height: 		56px;
	}

.btn
	{
	height: 			24px !important;
	min-height: 		24px;
	margin-bottom:	 	0px;
	}

.input_pod_half
	{
	position: 			relative;
	width: 				146px;
	height: 			48px;
	margin-right: 		14px;
	float: 				left;
	display: 			inline;
	}

.marginreset
	{
	margin-right: 		0px;
	}
	
.input_text
	{
	width: 				307px;
	height: 			24px;
	clear: 				left;
	}

.input_pod_half .input_text
	{
	width: 				146px;
	height: 			24px;
	clear: 				left;
	}

.input_pod_half .clear
	{
	position: 			relative;
	width: 				100%;
	height: 			1px;
	clear: 				both;
	}
	
.input_begin,
.input_end,
.input_text input
	{
	float: 				left;
	display: 			inline;
	}

.input_begin,
.input_end
	{
	position: 			relative;
	width: 				4px;
	height: 			24px;
	}

.input_begin
	{
	background: 		url(../images/img.input.begin.gif) no-repeat 0 0;
	}
	
.input_end
	{
	background: 		url(../images/img.input.end.gif) no-repeat 0 0;
	}

.input_text input
	{
	width: 				299px;
	height: 			19px;
	padding: 			5px 0 0 0;
	border: 			0;
	}

.input_text select
	{
	width: 				299px;
	}

.input_pod_half input
	{
	width: 				138px;
	height: 			19px;
	padding: 			5px 0 0 0;
	border: 			0;
	}

.input_pod .error,
.input_pod .success
	{
	position: 			relative;
	width: 				100%;
	height: 			24px;
	margin-top: 		4px;
	line-height: 		24px;
	text-align: 		center;
	color: 				#FFF;
	}

.input_pod .error
	{
	background: 		#000;
	}

.input_pod .success
	{
	background: 		#A0005F;
	}

.none
	{
	display: 			none;
	}

.not_required
	{
	position: 			relative;
	width: 				100%;
	height: 			24px;
	}

.not_required h4
	{
	color: 				#BAB9BA;
	line-height: 		0;
	}

.loginbody_foot
	{
	position: 			relative;
	width: 				334px;
	height: 			4px;
	clear: 				both;
	background: 		url(../images/img.login.body.bottom.gray.gif) no-repeat 0 0;
	}

.form_submit,
.form_submit a
	{
	width: 				116px;
	height: 			24px;
	}

.form_submit
	{
	position: 			relative;
	float: 				right;
	display: 			inline;
	}

.form_submit a
	{
	line-height: 		24px;
	display: 			block;
	text-align: 		center;
	text-decoration: 	none;
	color: 				#FFF;
	background: 		url(../images/btn.login.submit.gif) no-repeat 0 0;
	}

.form_submit a:hover
	{
	background-position: 0 -24px;
	}


/* 15 General Text
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
.col
	{
	position: 			relative;
	height: 			auto !important;
	float: 				left;
	display: 			inline;
	text-align: 		left;
	font-size: 			1.2em;
	}

.col img.left
	{
	float: 				left;
	padding: 			8px 14px 8px 0px;
	}

.col img.right
	{
	float: 				right;
	padding: 			8px 0px 8px 7px; 
	}

.col ul
	{
	list-style: 		disc;
	list-style-position: inside;
	}

.row, .row-spacer
	{
	width: 				974px;
	display: 			block;
	clear: 				both;
	}
	
.row-spacer
	{
	height: 			28px;
	}

.row h2, h3, h4, h5
	{
	line-height:  		0;
	}

.row h2
	{
	margin: 			38px 0px
	}

.row h4
	{
	margin:				28px  0px;
	}

hr.thin
	{
	height: 			1px;
	border: 			0px;
	border-top:			1px solid #F1F1F1;
	}

.gutter_left
	{
	margin-left: 		14px;
	}

.gutter_right
	{
	margin-right: 		14px;
	}

.gutter_bottom
	{
	margin-bottom: 		16px;
	}

.gutter_top
	{
	margin-top: 		16px;
	}

.fheight
	{
	position: 			relative;
	width: 				100%;
	height: 			16px;
	clear: 				both;
	}

.width_146
	{
	width: 				146px;
	}

.width_226
	{
	width: 				226px;
	}
	
.width_306
	{
	width: 				306px;
	}
		
.width_386
	{
	width: 				386px;
	}
		
.width_386
	{
	width: 				386px;
	}
				
.width_466
	{
	width: 				466px;
	}
				
.width_546
	{
	width: 				546px;
	}
		
.width_626
	{
	width: 				626px;
	}

.width_706
	{
	width: 				706px;
	}
		
.width_786
	{
	width: 				786px;
	}

.width_866
	{
	width: 				866px;
	}

.width_946
	{
	width: 				946px;
	}

.large-txt
	{
	font-size: 			1.4em;
	}
	
/* 16 About Us 
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	
h5.team-name
	{
	line-height: 	1.6;
	color: 			#555555;
	}

h4.target-aud
	{
	color: 			#555555;
	}

h2.about-title
	{
	color: 			#232323;
	}