/* 
	Relentless css
	'basic', 'layout', 'design', 'thickbox', 'colorbox'
*/
@import url(./basic.css);
@import url(./layout.css);
@import url(./design.css?v=1.0);
@import url(./thickbox.css);
@import url(./colorbox.css);


/* Mp3 player */

.mp3player {
	background: url(../img/mp3player/background.gif) 0 0 no-repeat;
	position: relative;
	height: 122px;
	border: 1px solid #666;
	margin: 0 0 1em;
}

.mp3player .player {
	position: absolute;
	top: 50px;
	left: 10px;
}

.mp3player .download-button {
	position: absolute;
	top: 85px;
	left: 10px;
	display: block;
}

/* Article */
.article {
    margin: 0 0 2em !important;
}

.article h1 {
    line-height: 1.1 !important;
    font-size: 2.2em;
    border-bottom: 1px solid #4B4B4B;
    padding: 0 0 10px !important;
    margin: 0 0 10px;
    color: #6F5448;
}

.article .summary {
    font-size: 1.1em;
    line-height: 1.2;
}

.article .posted-date {
    font-size: 1.5em;
    line-height: 1.2;
    color: #999;
}

.article .posted-date a {
    color: #F87400 !important;
}

.article .article-body .detail {
    float: left;
    width: 311px;
}

.article .image {
    margin: 0 0 1.5em;
}

.article .image img {
    margin: 0;
    display: block;
}

.article .body-text {
    font-size: 1.1em;
    line-height: 1.3;
    margin: 0 0 2em !important;
}

.article .body-text blockquote {
    color: #707070;
    font-size: 1.5em;
    line-height: 1.2;
}

.article .body-text a {
    color: #F8700B !important;
}

.article .article-body .sidebar {
    float: right;
    width: 311px;
}

.articles .article {
    border-bottom: 1px solid #4B4B4B;
    padding: 5px 0 5px;
    margin: 0!important;
}

.articles .article .thumbnail {
    float: left;
    width: 264px;
    height: 162px;
    background: #eee;
    overflow: hidden;
}

.articles .article .detail {
    float: right;
    width: 360px;
}

.articles .article .detail * {
    margin: 0 0 .2em !important;
    padding: 0 !important;
}

.articles .article .detail h3 {
    font-size: 1.5em !important;
    line-height: 1.1 !important;
}

.articles .article .detail h3 a {
    color: #707070 !important;
    text-decoration: underline !important;
}

.articles .article .detail h3 a:hover {
    text-decoration: none !important;
}

.articles .article .detail p.posted-date {
    font-size: 1.5em !important;
    line-height: 1.2 !important;
    color: #999;
}

.articles .article .detail p {
    font-size: 1.1em !important;
    line-height: 1.2 !important;
}

.article .sidebar {
    padding: 1em 0 0;
}

.article .sidebar .block {
    border-bottom: 1px solid #404040;
    padding: 0 0 1em;
    margin: 0 0 1em;
}

.article .sidebar .block a {
    text-decoration: none;
}

.articles.tiny {
    margin: 0 0 2em;
}

.articles.tiny h3 {
    color: #6F5448;
    border: 1px solid #4B4B4B;
    border-width: 1px 0;
    margin: 0 0 1em;
    padding: 3px 0;
}

.articles.tiny ul {
    margin: 0;
    padding: 0;
}

.articles.tiny li {
    margin: 0 0 .3em;
    line-height: 1.2;
}

.articles.medium .item {
    border-bottom: 1px solid #404040;
    margin: 0 0 .5em;
    padding: 0 0 .5em;
}

.articles.medium .item a {
    color: #6F5448;
    text-decoration: underline;
    font-size: 1.1em;
}

.article .comments,
.article .post-comments {
    padding: 2em 0 0 !important;
}

.article .post-comments h2,
.article .post-comments legend {
    font-size: 1.5em !important;
    line-height: 1.2 !important;
    margin: 0 0 1em;
}

.article .post-comments {
	color: #999999 !important;
	font-family: Arial !important;
}

.article .post-comments legend,
.article .post-comments label {
	color: #ffffff !important;
	font-family: Arial !important;
}

.article .post-comments .input {
    margin: 0 0 1em;
}

.article .post-comments .input .error-message {
    color: #ff0000;
    font-size: 1.1em;
    padding: 5px 0 0;
}

.article .post-comments .input label {
    display: block;
    margin: 0 0 .2em;
}

.article .post-comments .input input,
.article .post-comments .input textarea {
    width: 400px;
}

.article .post-comments .input textarea {
    height: 170px;
}

.article .post-comments .captcha-holder {
    height: 60px;
    margin: 0 0 .5em;
}

.article .post-comments .captcha-holder .captcha {
    margin: 0;
}

.article-gallery {
    margin-top: -1em !important;
}

.article-gallery .item {
    float: left;
    margin: 0 11px 11px 0;
}

.article-gallery .item.odd {
    margin-right: 0;
}

.article-gallery .item img {
    display: block;
    margin: 0 !important;
}