/*
# ------------------ BEGIN LICENSE BLOCK ------------------
#
# This file is part of PluXml : http://www.pluxml.org
#
# Package:		theme.css
# Copyright (c) 2014 PluXml
# Authors		Jos
# Licensed under the GPL license.
# See http://www.gnu.org/licenses/gpl.html
#
# ------------------- END LICENSE BLOCK -------------------
*/




abbr,acronym, dfn {border-bottom: 1px dotted #888;
	cursor: help;}
address{background:transparent;
	border:0;
	margin-bottom:18px;
	padding:0;
	vertical-align:baseline}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}

blockquote{border-left:0.4em solid #eee;
	margin:0 0 0 1.5em;
	padding:0 0 0 1em}
blockquote {font-family: Tahoma, Verdana, Segoe, sans-serif; color: #555;
	font-style:normal;
    font-size: 1.25rem;}
blockquote cite {color: #707070;}
pre {/*background: #f4f4f4;
	overflow: auto;*/
	padding: 0.5rem 1rem; }
ins {background: #FFFFCC;
	outline:none;
	text-decoration:none;}
code, pre, samp {white-space: pre;}

.header {
	padding: 2rem 0;
}

.header h1 {
	font-size: 2.75rem;
	font-style: italic;
}
.nav {
	height: auto;
}

.article header, .article section, .article footer  {
	margin: 0 0 1em 0;
}

.footer-article {
border-top: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
}


.article header small, .article footer small {
	color: #707070;
}
article header h1:first-letter {
	font-size: 3rem;
	text-transform: uppercase;
}


.text-grey {
	color: #707070;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #fff;
	border: 2px solid #900;
	border-radius: 1em;
	color: #900;
	cursor: pointer;
	padding-left: .7rem;
	padding-right: .7rem;
	width: auto;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #900;
	color: #fff;
}


/*.nav .menu.expanded li:hover {
	background-color: #555;
}
.nav a {
	color: #eee;
}

/* small
------------------------------ */

@media (max-width: 767px) {

	.header {
		padding: 1rem 0 ;
	}
	.header h1 {
		font-size: 2rem;
	}
	article header h1 {
		font-size: 1.75rem;
	}
	article header h1:first-letter {
		font-size: 2rem;
	}

	footer .menu {
		font-size: 2rem;
		line-height: 2em;
	}

/*	.nav {
		background-color: #900;
	}
	.nav .menu.expanded li:hover {
		background-color: #ddd;
	}
	
	.menu.expanded li.active a, .menu.expanded li.active:hover {
    background-color: #fff;
    color: #900;
	}

	.nav a {
		color: #fff;
	}
	.nav a:hover {
		color: #444;
	}
	.responsive-menu label {
		background-color: #222;
	}
/*	.header {
		margin-top: 1rem;
	} */
}

.repertory {
	margin-top: 2rem;
}
.article header h1 {
	font-weight: normal;
}
/*
.article header h1 a:hover {
	color: #900;
	background-color: #fdfdfd;
	text-decoration: underline;
}*/
.comment {
	background-image: url('../img/user.png');
	background-repeat: no-repeat;
	margin-bottom: 2rem;
	padding-left: 4rem;
}
.comment blockquote {
	margin: 0;
}

/*
.type-normal {
	background-color: white;
	color: black;
}
*/
.type-admin {
	background-color: #eee;
/*	color: white*/
}


.nbcom {
	padding: .2rem .3rem;
}
.nbcom:hover {
	background-color: #900;
	color: #fff;
	text-decoration: none;
}
.capcha-letter,
.capcha-word {
	font-weight: bold;
}
.capcha-word {
	background-color: #f4f4f4;
	letter-spacing: 0.3em;
	padding: .525rem .7rem;
}

.article {
	min-height: 20em;
}
.article,
.pagination {
	margin-bottom: 4rem;
}
.article.static {
	margin-bottom: 0;
}
@media (max-width: 768px) {
	.article {
		min-height: 5em;		
	}
	.comment {
		background-image: none;
		background-repeat: no-repeat;
		margin-bottom: 0rem;
		padding-left: 0;
	}
}



.pagination a {
	padding: .525rem .7rem;
}
.pagination a:hover {
	background-color: #900;
	color: #fff;
	text-decoration: none;
}
.pagination span:first-letter,
.pagination a:first-letter {
	text-transform: uppercase;
}
.p_first,
.p_prev,
.p_current,
.p_next,
.p_last {
	display: inline-block;
}

/*
.aside {
}

.aside h3 {
	font-size: 1rem;
	font-weight: bold;
	margin-top: 2rem;
	text-transform: uppercase;
}
.aside ul {
	margin: 0;
}
.aside li:first-letter {
	text-transform: uppercase;
}
.aside ul.tag-list {
	list-style-type: none;
	padding-left: 0;
}
.aside ul.tag-list li {
	display: inline;
	margin-right: 1rem;
}
.aside ul.tag-list li.tag-size-1 {
	font-size: 1rem;
}
.aside ul.tag-list li.tag-size-2 {
	font-size: 1.1rem;
}
.aside ul.tag-list li.tag-size-3 {
	font-size: 1.2rem;
}
.aside ul.tag-list li.tag-size-4 {
	font-size: 1.3rem;
}
.aside ul.tag-list li.tag-size-5 {
	font-size: 1.4rem;
}
.aside ul.tag-list li.tag-size-6 {
	font-size: 1.5rem;
}
.aside ul.tag-list li.tag-size-7 {
	font-size: 1.6rem;
}
.aside ul.tag-list li.tag-size-8 {
	font-size: 1.7rem;
}
.aside ul.tag-list li.tag-size-9 {
	font-size: 1.8rem
}
.aside ul.tag-list li.tag-size-10 {
	font-size: 1.9rem;
}
.aside ul.tag-list li.tag-size-max {
	font-size: 2rem;
}
*/

.footer {
	border-top: 3px solid #444;
	padding: 2rem 0;
	margin-top: 1em;
	text-align: center;
	color: #707070;
}

/* plugins
------------------------------ */

#artPS {padding: 10px; margin-top: 10px;}
#artPS:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#artPS p {display: inline;}
#artPS a, #artPS p {display: block;min-height: 3em;}
#artPS p {width: 50%;}
#artPS p.pre {float: left;}
#artPS p.pre a:before { display: block; line-height: 1.5em; float: left; content:"\25C0"; padding-right: 10px; font-size: 1.5em;}
#artPS p.next {float: right; text-align: right;}
#artPS p.next a:before { display: block; line-height: 1.5em; float: right; content:"\25B6"; margin-left: 10px; font-size: 1.5em;}
#artPS p a span {display: none; font-weight: normal;}


input.searchfield[type=text] { width: 50%; }