body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:100%;
    margin:0;
    padding:0;
}
a
{
    text-decoration:none;
    color:#000;
    color:#3979BA;
}
a:hover
{
    text-decoration:none;
    //text-decoration:underline;
    color:#000;
    //color:#3979BA;
}
a_nothover
{
    text-decoration:none;
    color:#3979BA;
}

.menu_item a {
    float: left;
    padding: 10px;
    background-color: #f9f8ff;
    color: #393185;
    font-weight:bold;
    font-style: Arial;
    text-decoration:none;
}
.menu_item a:hover{
    float: left;
    padding: 10px;
    background-color: #393185;
    color: #fff;
    font-weight:bold;
    font-style: Arial;
    text-decoration:none;
}
.m_selected a {
    float: left;
    padding: 10px;
    background-color: #393185;
    color:#fff;
    font-weight:bold;
    font-style: Arial;
    text-decoration:none;
}
.subj_gray {
    color: #ccc;
}

/*---------HEADER BUTTON------------*/
/*
.mobile_button {
    border:3px solid #fff;
    width:40px;
    height:40px;
    border:0;
}
.dropbutton {
    background-color: #ddd;
    color: #000;
    padding-top: 0px;
    border: none;
    cursor: pointer;
}

.dropbutton:hover, .dropbutton:focus {
    background-color: #f8f8f8;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    width:90%;
    font-size:0.6em;
    line-height: 1px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ddd}
.show {display:block;}
*/
/*----------ALL RESOLUTION----------------*/
.subj_charts{
    padding-left:10px;
    padding-top:10px;
}
.subj {
    background-color:#fbfbfb;
    color:#3979BA;
    font-size:1.2em;
    padding-left:10px;
    }

.post_content {
    padding-left:10px;
}

.post_info {
    padding-top: 10px;
    font-size: 0.6em;
    padding-left:10px;
    }

.tags {
    padding-left:10px;
    padding-top: 20px; 
    font-size: 0.7em; 
    float: left;
}

    #header_line {
	display:none;
    }
    #logo_button {
	display:none;
    }
    #header {
	width:900px;
	padding-top:30px;
	padding-left:15px;
	height:80px;
	font-size:30px;
	display:block;
	margin:auto;
	background-color:#fff;
    }
    #left_menu {
	width:200px;
	float:left;
    }
    #right_menu {
	float:left;
	width:680px;
	padding:5px;
    }
    #center_menu {
	width:900px; 
	height: auto;
	display: block;
	margin:auto; 
	background-color:#fff;
	padding:5px;
    }
    #logo_first {
	float:left;
    }
    #logo_second {
	float:left;
	/*padding-left:5px;"*/
    }

@media screen and (min-width:240px) and (max-width:479px) {
    img {
	max-width: 100%;
	max-height: 150px;
    }
    .pages	{
	font-size:1em;
    }
    .subj {
	background-color:#fbfbfb;
	color:#3979BA;
	font-size:1.2em;
	padding:0px;
    }
    .post {
	background-color:#fbfbfb;
	padding:0px; 
	margin:0px;
	border-radius:10px;
    }
    .post_info {
	padding-top: 3px;
	font-size: 0.6em;
	padding-left:0px;
    }
    .post_content {
	padding-left:0px;
    }
    .tags {
	padding-top: 10px; 
	font-size: 0.8em; 
	float: left;
	padding-left:0px;
    }
    #header {
	width:100%;
	height:40px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	font-size:1.5em;
	display:block;
	clear:both;
	/*margin:auto;*/
	background-color:#ddd;
	/*
	position:fixed;
	z-index:1;
	*/
    }
    #logo_button {
	float:left;
	display:block;
    }
    #logo_first {
	float:left;
	padding-left:10px;
	padding-top:5px;
	font-size:0.8em;
    }
    #logo_second {
	display:none;
    }
    #center_menu {
	width:100%;
	font-size:20px;
	padding:0px;
    }
    #left_menu {
	display:none;
    }
    #right_menu {
	padding-top: 5px;
	padding-left:5px;
	width:100%;
	clear:both;
	font-size:0.7em;
    }
}

@media screen and (min-width:480px) and (max-width:800px) {
    img {
	max-width: 100%;
	max-height: 100%;
    }
    .pages	{
	font-size:1.2em;
    }
    .subj {
	background-color:#fbfbfb;
	color:#3979BA;
	font-size:1.2em;
	width:100%;
    }
    .post {
	background-color:#fbfbfb;
	padding:0px; 
	border-radius:10px;
	width:100%;
    }
    .post_info {
	padding-top: 3px;
	font-size: 0.6em;
    }
    .tags {
	padding-top: 10px; 
	font-size: 0.8em; 
	float: left;
    }
    #header {
	width:100%;
	height:42px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	font-size:1em;
	display:block;
	clear:both;
	/*background-color:#ddd;*/
    }
    #logo_button {
	float:left;
	display:block;
    }
    #logo_first {
	float:left;
	padding-left:10px;
	padding-top:10px;
	font-size:0.8em;
    }
    #logo_second {
	display:none;
    }
    #center_menu {
	width:100%;
	font-size:20px;
	padding:0px;
    }
    #left_menu {
	display:none;
    }
    #right_menu {
	padding-top: 5px;
	padding-left:5px;
	width:100%;
	clear:both;
	font-size:0.7em;
    }
}
@media screen and (min-width:800px) and (max-width:900px) {
    #logo_second {
	font-size:0.7em;
    }
}