/*

 * @autor : PluXML http://www.pluxml.org

 * @date : 2026

*/



/* ---------- GENERAL STYLES ---------- */



* {

	margin: 0;

	padding: 0;

	border: 0;

	font-family: arial, helvetica, sans-serif;

	font-size: 1em;

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

}



body {

	font-family: arial, helvetica, sans-serif;

	color: #444;

}



span,

p,

ul,

ol,

table,

td,

th,

hr,

blockquote,

input,

textarea {

	line-height: 1.5em;

	margin-bottom: 15px;

}



h1 {

	font-size: 2em;

	line-height: 1.1;

	margin-bottom: 15px;

}



h2 {

	font-size: 1.4em;

	line-height: 1.3;

	margin-bottom: 10px;

}



h3 {

	font-size: 1.1em;

	line-height: 1.3;

	margin-bottom: 10px;

}



h4,

h5,

h6 {

	margin-bottom: 15px;

}



a {

	text-decoration: none;

	color: #910000;

}



a:hover {

	text-decoration: none;

	color: #db2020;

}



strong,

b {

	font-weight: bold;

}



em,

i {

	font-style: italic;

}



u {

	text-decoration: underline;

}



del,

s,

strike {

	text-decoration: line-through;

}



code,

pre,

samp {

	padding: 1px;

	margin-bottom: 1px;

	font-family: modern, monospace;

	background-color: #eee;

	border: 1px solid #ddd;

}



li {

	margin-left: 25px;

}



img {

	max-width: 100%;

	height: auto;

}



hr {

	height: 1px;

	background-color: #444;

}



header,

nav,

section,

article,

aside,

footer,

details,

figcaption,

figure,

audio,

video,

canvas {

	display: block;

}



.content {

	clear: both;

	max-width: 1000px;

	margin: 0 auto;

}



/* ---------- HEADER ---------- */



header {

	overflow: hidden;

	padding: 0 0 0 0;

        background : #666666;

}



header .content {

        text-align:center;

        height: 151px;

	background:  url(img/header.png) #76e387;

}



header p {

	font-size: 1.7em;

	margin-bottom: 0;

}



#header-title a {

	font-size: 2.2em;

	font-weight: bold;

	color: #444;

}

#header-subtitle {
    color: #444;
}



/* ---------- NAV ---------- */



nav form {

	display: none;

}



nav {

	padding: 8px 0;

	background-color: #4C4C4C;

}



nav ul {

	margin: 0;

}



nav li {

	margin: 0 30px 0 0;

	display: inline;

	list-style-type: none;

}



nav li a {

        color :  #FFF;

        letter-spacing : 1px;



	line-height: 1.1em;

	font-size: 1.0em;

}





nav li.yellowtetris a {

        background : url("img/icones.png") no-repeat 0 -153px;

        padding : 5px 0px 4px 26px;

}



nav li.yellowtetris a:hover, nav li.yellowtetris a.active {

        background : url("img/icones.png") 0 -58px no-repeat;

}



nav li.redtetris a {

        background : url("img/icones.png") no-repeat 0 -249px;

        padding : 5px 0px 4px 18px;

}



nav li.redtetris a:hover, nav li.redtetris a.active {

        background : url("img/icones.png") no-repeat 0 -217px;

}







/* ---------- SECTION ---------- */



section {

        background : #666666;

	clear: both;

	overflow: hidden;

	padding: 0px 0 0px 0;

}



.cat-info,

.tag-info,

.arch-info {

	margin-bottom: 50px;

}



.cat-info:first-letter,

.tag-info:first-letter,

.arch-info:first-letter {

	text-transform: uppercase;

}



/* ---------- ARTICLE / STATIC ---------- */



#article-full-width,

#static-full-width {

        background : url(img/background-articles.gif) white;

	width:100%;

}



#static-width-sidebar {

        background : url(img/background-articles.gif) white;

	float: left;

        padding-left:10px;

	width: 65%;

}



#article-width-sidebar {

        background : url(img/background-articles.gif) white;

	overflow: hidden;

	float: left;

        padding-left:10px;

	width: 64%;

}



article {

	margin-bottom: 50px;

	margin-right: 15px;

	margin-left: 15px;

}



article h1,

article h1 a{

        margin-top:10px;

	margin-bottom: 10px;

	font-weight: bold;

	color: #555;

}



article h2, article h3 {

	padding-top: 10px;

}



.article-info {

	margin: 15px 0;

}



.article-info p {

	margin-bottom: 0px;

	font-size: 0.9em;

}



.article-content {

	margin-bottom: 20px;

}



article img {

	margin: 0 5px;

}



.rss {

	padding: 0 0 15px 20px;

	background-image: url(img/rss.png);

	background-repeat: no-repeat;

}



/* ---------- COMMENT ---------- */



#form h2 {

	margin-top: 45px;

}



.info_comment {

	font-size: 0.9em;

}



.info_comment a {

	text-decoration: none;

}



.comment {

	padding-left: 60px;

	margin: 0 0 30px 0;

	background-image: url(img/user.png);

	background-repeat: no-repeat;

}



.com-alert {

	font-weight: bold;

	color: #db2020;

}



/* ---------- PAGING ---------- */



#pagination {

	text-align: center;

}



.p_page,

.p_prev a,

.p_first a ,

.p_last a ,

.p_next a {

	display: inline-block;

	padding: 0 7px 30px 7px;

}



.p_page:first-letter,

.p_prev a:first-letter,

.p_first a:first-letter,

.p_last a:first-letter,

.p_next a:first-letter {

	text-transform: uppercase;

}



/* ---------- SIDEBAR ---------- */



aside {

        color: grey;

        padding: 10px 0;

	float: right;

	width: 30%;

	margin-bottom: 35px;

}



.sidered { background : red url("img/icones.png") no-repeat 6px -184px; }

.sidegreen { background : green url("img/icones.png") no-repeat 6px -24px; }



.aside-title {

        padding : 5px;

        padding-left:30px;

	font-weight: bold;

	font-size: 1.2em;

	line-height: 1.3;

	color: white;

}



.aside-content {

        background:#4C4C4C;

}



aside li {

        padding:4px;

        padding-left:12px;

        border-bottom : 1px dotted #777777;

	list-style-type: none;

	margin-left: 0;

}

aside a {

        color: white;

}



aside a.active {

	text-decoration: none;

	color: #db2020;

}



/* ---------- TAG ---------- */



.tag {

	display: inline-block;

	margin-bottom: 0;

	padding-right: 10px;

}



.tag-size-1 {

	font-size: 1em;

}



.tag-size-2 {

	font-size: 1.1em;

}



.tag-size-3 {

	font-size: 1.2em;

}



.tag-size-4 {

	font-size: 1.3em;

}



.tag-size-5 {

	font-size: 1.4em;

}



.tag-size-6 {

	font-size: 1.5em;

}



.tag-size-7 {

	font-size: 1.6em;

}



.tag-size-8 {

	font-size: 1.7em;

}



.tag-size-9 {

	font-size: 1.8em

}



.tag-size-10 {

	font-size: 1.9em;

}



.tag-size-max {

	font-size: 2em;

}



/* ---------- FORM ---------- */



form,

fieldset {

	border: none;

}



form p {

	margin-bottom: 5px;

}



label {

	font-weight: bold;

}



input {

	margin-bottom:25px !important;

	padding: 0 6px;

	height: 30px !important;

	border: 1px solid #bbb;

	outline : none;

	cursor: pointer;

}



#form input[type=text] {

	width: 90%;

	max-width: 480px;

}



input[type=submit],

input[type=reset] {

	width: auto;

	margin-bottom: 0 !important;

	padding: 0 6px;

	height: 34px !important;

	text-align: center;

	background-color: #dedede;

	border: 1px solid #bbb;

}



input[type=submit]:hover,

input[type=reset]:hover {

	text-decoration: none;

	background-color: #bbb;

	border: 1px solid #bbb;

}



.searchform,

.searchform input,

.searchform input[type=submit] {

	width: auto;

	margin-bottom: 15px;

}



textarea {

	display: block;

	height: 300px;

	width: 90%;

	max-width: 480px;

	margin-bottom: 20px;

	padding: 3px 6px;

	font-family: Arial, Helvetica, sans-serif;

	border: 1px solid #bbb;

	outline : none;

	cursor: pointer;

}



input:hover,

select:hover,

textarea:hover {

	background-color: #ddf0f8;

}



input:focus,

select:focus,

textarea:focus {

	border: 1px solid #77bace;

}



.capcha-letter {

	font-weight: bold;

}



.capcha-word {

	font-weight: bold;

}



#id_rep {

	margin-top: 5px;

	width: 30px !important;

}



/* ---------- FOOTER ---------- */



footer {

	clear: both;

	overflow: hidden;

	padding: 50px 0 50px 0;

	background-color:#222;

}



footer p {

	margin-bottom: 5px;

	text-align: center;

	color: #ddd;

}



footer a {

	color: #ddd;

}



footer a:hover {

	color: #fff;

}



/* ---------- NIGHT MODE ---------- */



body.night-mode {
	background-color: #1a1a1a;
	color: #e0e0e0;
}

body.night-mode header {
	background-color: #2d2d2d;
}

body.night-mode header .content {
	background-color: #3a3a3a;
}

body.night-mode nav {
	background-color: #1f1f1f;
}

body.night-mode nav li a {
	color: #e0e0e0;
}

body.night-mode section {
	background-color: #2d2d2d;
}

body.night-mode #header-subtitle {
    color: #444;
}

body.night-mode #article-full-width,
body.night-mode #static-full-width,
body.night-mode #static-width-sidebar,
body.night-mode #article-width-sidebar {
    background : black;
}

body.night-mode article h1,
body.night-mode article h1 a {
	color: #e0e0e0;
}

body.night-mode aside {
	color: #b0b0b0;
}

body.night-mode .aside-content {
	background-color: #1f1f1f;
}

body.night-mode footer {
	background-color: #0f0f0f;
}

body.night-mode a {
	color: #ff6b6b;
}

body.night-mode .aside-content a {
	color: white;
}

body.night-mode .aside-content a.active {
	color: #ff6b6b;
}

body.night-mode a:hover {
	color: #ff8e8e;
}

body.night-mode code,
body.night-mode pre,
body.night-mode samp {
	background-color: #333;
	border-color: #555;
}

body.night-mode input,
body.night-mode textarea,
body.night-mode select {
	background-color: #333;
	border-color: #555;
	color: #e0e0e0;
}

body.night-mode input:hover,
body.night-mode textarea:hover,
body.night-mode select:hover {
	background-color: #404040;
}

#night-mode-btn {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000;
	padding: 8px 16px;
	background-color: #333;
	color: #fff;
	border: 1px solid #555;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.9em;
}

#night-mode-btn:hover {
	background-color: #444;
}

body.night-mode #night-mode-btn {
	background-color: #f0f0f0;
	color: #333;
	border-color: #ccc;
}

body.night-mode #night-mode-btn:hover {
	background-color: #e0e0e0;
}



/* ---------- RESPONSIVE DESIGN ---------- */



@media screen and (max-width:980px) {



	#article-width-sidebar,

	#static-width-sidebar {

		width: 64%;

	}



	aside {

		width: 30%;

	}

}



@media screen and (max-width:640px) {



	header {

		text-align: center;

	}

        header .content {

                text-align:right;

        }



	nav {

		padding: 7px 0;

	}



	nav li {

		margin: 7px 0;

		display: block;

		text-align: center;

	}



	#article-width-sidebar,

	#static-width-sidebar,

	aside {

		width: 100%;

	}



	aside {

		margin-top: 50px;

		padding-left: 0;

	}



}