@import url('main.css');

#article {
	font-size: 9pt;
	color: #333;
}
#article h1 {
	font-size: 16pt;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

#article .source {
	font-size: 8pt;
	color: #666;
	margin: 5px 0 20px;
}

#article p {
	margin: 10px 0 10px;
	line-height: 150%;
}

#article-content {
	width: 628px;
	float: left;
}

#article #article-right {
	float: right;
	width: 300px;
	height: 520px;
	margin: 0 0 20px 20px;
	border-left: 1px solid #ddd;
	padding: 0 10px 0;
}

#article-right #rss {
	clear: both;
	margin-bottom: 20px;
}

#article-right #rss p {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 240px;
	font-size: 11pt;
	color: #555;
	font-family: Myriad, Helvetica, Arial, sans-serif;
}
#article-right #rss p a {
	color: #d76b00;
}

#article-right #rss img {
	float: right;
}

#article #article-right h2 {
	width: 100%;
	background: #efefef;
	border-bottom: 1px solid #ec0000;
	color: #333;
	padding: 5px 3px;
	margin: 5px 0 10px;
	font-family: Gill Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

#article #article-right ul.newest_articles {
	margin: 20px 0 30px 10px;
}

#text_full #article #article-right ul.newest_articles a {
	color: #333;
}

#text_full #article #article-right ul.newest_articles a:hover {
	color: #c00;
}

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

#articleSuggests {
	width: 100%;
	margin: 20px 0 20px;
	font-size: 8pt;
}

#articleSuggests p {
	text-align: center;	
}


#articleSuggests h1 {
	height: 25px;
	color: #AF1306;
	font-weight: normal;
	font-size: 14pt;
	margin: 0 2px;
	background: url('../img/suggests.jpg') no-repeat 5px;
	padding-top: 5px;
	padding-left: 45px;
}

#articleSuggests p#notLoggedIn span.link {
	display: inline-block;
	width: 100px;
	text-align: center;
}

#articleSuggests #addSuggestForm label {
	padding: 0 5px;
}

#articleSuggests #addSuggestForm form textarea {
	display: block;
	width: 250px;
	height: 80px;
	border: 1px solid #ddd;
	margin: 5px auto 0;
	padding: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#comments {
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 30px;
	clear: both;
}

#comments h1 {
	height: 25px;
	color: #AF1306;
	font-weight: normal;
	font-size: 14pt;
	margin: 0 2px;
	background: url('../images/icons/comments.jpg') no-repeat;
	padding-top: 5px;
	padding-left: 45px;
}

#comments #count {
	margin-left: 10px;
	font-size: 9pt;
	margin-bottom: 20px;
	color: #444;
}

#comments .addComment {
	float: right;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 125px;
	height: 21px;
	text-align: right;
	padding-top: 1px;
}

#articleSuggests #addSuggestForm p#notLoggedIn, #comments #addCommentForm p#notLoggedIn {
	text-align: center;
}

#articleSuggests #addSuggestForm {
	width: 100%;
	border: 1px solid #ccc;
	background: #efefef;
	margin: 10px auto;
	padding: 5px 0 5px;
}

#articleSuggests #addSuggestForm p#notLoggedIn {
	
}


#article #article-right #social_networking {
	width: 100%;
	letter-spacing: 15px;
	text-align: center;
}

#article #article-right #social_networking a {
	border-bottom: 0;
}

#comments #addCommentForm {
	width: 690px;
	border: 1px solid #ccc;
	background: #efefef;
	margin: 10px auto;
	padding: 5px 0 10px;
}

#articleSuggests #addSuggestForm a#closeButton, #comments #addCommentForm a#closeButton {
	border: 0;
	display: block;
	float: right;
	margin: 0 5px;
}

#articleSuggests #addSuggestForm form label, #comments #addCommentForm form label {
	display: block;
	width: 550px;
	margin: 10px auto 0;
}

#comments #addCommentForm form textarea {
	display: block;
	width: 542px;
	height: 80px;
	border: 1px solid #ddd;
	margin: 3px auto 0;
	padding: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#comments .comment {
	width: 690px;
	margin: 10px auto 30px;
	border-bottom: 1px solid #eee;
	clear:both;
	font-size: 9pt;
	line-height: 160%;
}

#comments .comment .footer {
	margin: 15px 0 0 0;
	text-align:right;
	color: #555;
}

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

#articlesList {
    width: 95%;
    margin: 0 auto;
}

#articlesList .article {
    height: 90px;
    border-bottom: 1px dotted #aaa;
    padding: 10px 0;
    margin: 0 0 10px;
}

#articlesList .article a {
    color: #333;
    font-size: 20px;
}

#articlesList .article a:hover {
    color: #c00;
}

#articlesList .article .commentsNo {
    font-size: 20px;
}

#articlesList .article .small {
    color: #555;
}

#articlesList .pagination {
    text-align: center;
    word-spacing: 3px;
}

#articlesList .pagination a {
    border-bottom: 0;
}