/*
 * article.css :	Custom Page
 *					This CSS file is used to design a Monalo custom page.
 *
 *					Note A: This CSS file is used to design a Monalo custom page.
 *					You may design everything on this page, except for:
 *					1. The bar at the very top
 *					2. The popup window when hovering over icons
 *					3. The popup window when submitting an article to another category
 *					4. The pages navigation menu at the bottom of the page
 *
 *					Note B: This file is organized from top to bottom in a way that corresponds to
 *					the layout of the page. i.e. The body, content_center and category name styles appear
 *					at the very beginning of this file, and the footer style appears at the very bottom.
 *
 *					Note C: To include your own images, refer to them with: images/filename.ext, 
 *					i.e. background: url(images/bg.gif) repeat-x
 *					When you create/edit your style, be sure to upload all your images in a .zip file.
 *
*/


/* Put the background image for the page here (this surrounds the entire page) */
#content_bg
{
	background-color: #fff;
}

/* The main content area (where the category name, category menu, articles and so on are shown) */
.content_center
{
	margin-left: 3%;
	margin-right: 230px;
	padding-top: 50px;
}

#content_right
{
	float: right;
	width: 185px;
	padding-right: 15px;
	padding-top: 50px;
}

/* Surrounds the category's name, icon and menu */
.paperspy_category_header
{
	margin-bottom: 17px;
}

/* The category's name is styled like this: START */
a.headertext:active, a.headertext:link, a.headertext:visited, span.headertext
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 1.0em;
	font-weight: bold;
	color: #4969C5;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
a.headertext:hover
{
	background-color: #2d83ed;
	color: #fff;
}
a.headertext_female:active, a.headertext_female:link, a.headertext_female:visited, span.headertext_female
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 1.0em;
	font-weight: bold;
	color: #FC27FF;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
a.headertext_female:hover
{
	background-color: #FC27FF;
	color: #fff;
	text-decoration: none;
}
/* The category's name is styled like this: END */

/* The category's display icon */
.category_display_icon
{
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

/* The category's menu (i.e. Front Page | Profile | Subscribers | Related...) */
ul.tab
{
	float: left;
	padding-top: 5px;
	
	font-family: Verdana, Arial, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.7em;
	color: #4169A2;
	list-style-type: none;
}

/* An item in the category's menu (i.e. Subscribers) */
ul.tab li
{
	display: inline;
}

/* Category's menu item link style: START */
a.tab:active, a.tab:link, a.tab:visited
{
	font-weight: bold;
	color: #08328F;
	text-decoration: none;
	padding-right: 2px;
	margin-left: 5px;
}
a.tab:hover
{
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	padding-right: 2px;
}

/* This is a second type of link, used for the 'Settings' tab (only visible to category administrators) */
a.tab2:active, a.tab2:link, a.tab2:visited
{
	font-weight: bold;
	color: #2D83ED;
	text-decoration: none;
	padding-right: 2px;
	margin-left: 5px;
}
a.tab2:hover
{
	font-weight: bold;
	text-decoration: underline;
	padding-right: 2px;
}

/* When we are viewing the page that corresponds to the tab, style the link like this (i.e. Front Page) */
a.tab_selected:active, a.tab_selected:link, a.tab_selected:visited
{
	font-weight: bold;
	color: #E40B0B;
	text-decoration: underline;
	padding-right: 2px;
	margin-left: 5px;
}
/* Category's menu item link style: END */

/* Article title read/unread A's: START */
/* 'unread' means this is the first time the user has viewed the article */
/* NB: unregistered users see all titles as unread */
a.title_unread:active, a.title_unread:link, a.title_unread:visited
{
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}
a.title_unread:hover
{
	color: #006BBD;
}
/* Article title that has been read */
a.title_read:active, a.title_read:link, a.title_read:visited
{
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}
a.title_read:hover
{
	color: #E00000;
}
/* Article title read/unread A's: END */

/* Surrounds an article, from the title to the end of the icons */
/* .article_box_first is for the first article only */
.article_box_first
{
	clear: right;
	padding-bottom: 8px;
	background: url(/styles/default/images/web/article_separator.gif) repeat-x bottom left;
}

.article_box
{
	clear: right;
	padding-top: 14px;
	padding-bottom: 4px;
	background: url(/styles/default/images/web/article_separator.gif) repeat-x bottom left;
}

/* The date part of an article */
p.date
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.8em;
	color: #049F00;
	margin: 0;
	padding: 0 0 8px 0;
}

/* The article's source (by default appears just to the right of the article's date) */
a.site_name:active, a.site_name:link, a.site_name:visited
{
	text-decoration: none;
	color: #000;
}
a.site_name:hover
{
	background-color: #fff;
	text-decoration: underline;
	color: #000;
}

/* The description part of an article (the main text of an article) */
p.article
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.8em;
	color: #262626;
	margin: 0; padding: 0;
}

/* Hyperlinks within an article's description: START */
p a:active, p a:link, p a:visited
{
	color: #615D5C;
	background-color: Transparent;
	text-decoration: none;
}
p a:hover
{
	cursor: pointer;
	color: #2549CE;
	text-decoration: underline;
}
/* Hyperlinks within an article's description: END */

/* Surrounds all the icons (at the bottom of every article) */
ul.icons
{
	margin-top: 10px;
	clear: left;
	float: left;
}

ul.icons li
{
	display: inline;
	float: left;
}

/* Add a comment icon */
a.comment_add:active, a.comment_add:link, a.comment_add:visited
{
	cursor: pointer;
	background: url(/styles/default/images/web/comment_add.gif) no-repeat top right;
	height: 30px;
	float: left;

	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.6em;
	color: #000;
	padding-right: 22px;
	padding-top: 2px;
	text-decoration: none;
}
a.comment_add:hover
{
	color: #EE4300;
}

/* Add to bookmarks icon */
.bookmark_add
{
	cursor: pointer;
	background: url(/styles/default/images/web/bookmark_add.gif) no-repeat top right;
	height: 30px;
	float: left;

	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.6em;
	color: #000;
	padding-right: 22px;
	padding-top: 2px;
	text-decoration: none;
}

/* Remove from bookmarks icon */
.bookmark_remove
{
	cursor: pointer;
	background: url(/styles/default/images/web/bookmark_remove.gif) no-repeat top right;
	height: 30px;
	float: left;

	font-family: Arial, Verdana, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.6em;
	color: #000;
	padding-right: 22px;
	padding-top: 2px;
	text-decoration: none;
}

/* The footer */
#content_footer
{
	clear: both;
	background: url(/images/custom/footer_bg.gif) repeat-x;
	height: 45px;
	margin: 10px 0 20px 0;
}