/* Standard HTML Elements
------------------------------------------------------------------*/
a, abbr, acronym, blockquote, body, cite, dd, del, dfn, dt, h1, h2, h3, h5 ,h6, html, iframe, img, ins, object, ol, p, pre, sub, sup, table, tbody, td, th, tr, ul {
    background:none;
    border:0;
    font-size:100%;
    margin:0;
    max-width:100% !important;
    outline:0;
    padding:0;
    vertical-align:baseline;}

h4 {
background:rgba(180,176,157,.85);
width:270px;
}

    
a {
	transition:color 0.12s ease-in-out;
	color:#0b6492;
	text-decoration:none;
	font-weight:bold;}

a:hover {color:#FF0000;}

a img {border:none;}


body {
	background-image:url(02.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	background-size:cover;
	color:#000;
	font:normal 100% sans-serif;
	height:100%;
	text-align:center;
	width:100%;
    word-wrap:break-word;}



html {
    min-height:100%;
    min-width:100%;
    height:100%;
    width:100%;}

img {
    height:auto;
    max-width:100% !important;}



table {
    margin-left: auto;
    margin-right: auto;
    border-collapse:collapse;
    border-spacing:0;
    font-size:.85em;
    text-align:left;

    padding:1em 0;
    width:75%;
background:rgba(180,176,157,.85);}

td {
    border-top:1px solid #111;
    border-right:1px solid #111;
    padding:.5em .5em;}

th {border-right:1px solid #111; padding:.5em .5em;}

tr:nth-child(odd) {
   background:#EEE;
   background:rgba(0, 0, 0, 0.08);
   border:none;}

tr td:last-child {border-right:none;}

tr th:last-child {border-right:none;}

input.textbox
{
   font-size:18px;
   font-family: 'Arial', serif;
   height:38px;
   width:240px;
   background-color:#F7F7F7;
   border-style:solid;
   border-color:#DDDDDD;
   border-width:1px;
   padding: 16px 16px 0;
}



body.attachment p.attachment {text-align:center;}


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

main {
	margin:0 auto;
	padding:0 2.5%;
	position:relative;
	width:95%;}

.no_sidebar main {
	padding:0 2.5% !important;}

.spacing {
	height:8em;
	width:100%;}

.finishing {
	clear:both;
	height:20%;
	min-height:75px;
	width:100%;}

.header {
	background:bottom url(blue.png);
	border-top:solid 1px #1c1c1c;
	border-bottom:solid 1px #1c1c1c;
	box-shadow:0 0 1.2em #111;
	left:0;
	margin:1.2em 0 0;
	padding:.6em auto 0;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	z-index:100;}

.header>div {display:inline;}

.header h1 {
	color:#eee2d6;
    display:block;
	font-family:Impact, Charcoal, sans-serif;
	font-size:3em;
	line-height:1.1em;
    margin:.3em 0 -.25em;
	padding:0;
	overflow:hidden;
	font-variant:small-caps;}
	
.header h1 i {
	bottom:.4em;
    display:block;
	font-family:"Arial", Comic Sans, Comic Sans MS, sans-serif;
	font-style:normal;
    font-variant:small-caps;
	font-weight:bolder;
	font-size:.28em;
	line-height:1.3em;
	padding:.43em 0 .23em;
	position:relative;
	-moz-transform:rotate(-1deg);
	transform:rotate(-1deg);
	text-shadow:-1px -1px 0 #111;}

.header > div {display:inline;}

.header > div ul {margin:0;}

	
.header > div > .menu {display:inline;}
	
.header li {
	display:inline-block;
	padding:.8em 1% .8em;
	position:relative;
    vertical-align:middle;
	width:auto;}

.header li.website_logo {
    margin:0 40%;
    padding:1em 0 0;
    width:20%;}

.header li ul {
	background:#111;
	background:rgba(15, 15, 15, 0.90);
	box-shadow:0 0 10px #111;
	display:none;
	left:-2.5em;
	margin-right:1em;
	min-width:17em;
	position:absolute;
	padding:.5em 1em 1em;
	text-align:justify;
	top:2.77em;
	z-index:1;}
	
.header li ul li ul{
	position:absolute;
	right:12em;}
	
.header li:hover ul {
	display:block;}

.header li ul li {
	padding-bottom:.25em;
	width:98%;}

.header li a {
	color:#CCC;}

.header li ul li a {
	color:#BBB;}

.header li a:hover {
	color:#0b6492;}

.header li ul li a:hover {
	color:#0b6492;}

.header.small {
	position:fixed;
	margin-top:0px;}

.header.small h1:first-child, .header.small h1:first-child i {
	display:none;}

.header.small li.website_logo {
    height:2em;
    display:inline-block;
    margin:0;
    padding:0 1%;
    width:auto;}

.header.small li.website_logo img {
    height:100%;
    margin:0;
    padding:0;
    width:auto;}

.admin-bar .header.small {
	margin-top:31px;}

@media only screen and (max-width:782px) {
    .admin-bar .header.small {
	   margin-top:46px;}}

/* Footer
------------------------------------------------------------------*/

footer {
    background:#111;
    box-shadow:0 -.25em .5em rgba(19,19,19,.8);
    color:#DDD;
    font-size:.8em;
    overflow:hidden;
    padding:0 2%;
    text-align:center;
    width:96%;
    visibility:visible;}

footer p {
    color:#ffffff;
    margin:.5em 0;
    padding:0;
    text-shadow:none;}

/* Resizing
------------------------------------------------------------------*/

@media only screen and (max-width:55em) {
    
    body {background-size:auto!important;}}

@media only screen and (min-width:55em) {
    
    body {font:normal 99%;}}

@media only screen and (min-width:60em) {
    
    body {font:normal 101%}}

@media only screen and (min-width:70em) {
    
    body {font:normal 105%}

    main {
        padding:0 2.5% 0 7.5%;
        width:90%;}

    .left_sidebar main {padding:0 2.5% 0 7.5%;}}

@media only screen and (min-width:80em) {
    
    body {font:normal 107%}

    main {
        padding:0 2.5% 0 10%;
        width:87.5%;}

    .left_sidebar main {padding:0 10% 0 2.5%;}}

@media only screen and (max-width:55em) {
    
    body {
        background-size:auto!important;}
    
    .contents {
        background:rgba(180,176, 157, .9);}
    
    .content_fix, .left_sidebar .content_fix {
        float:none;
        width:98%;}

.tag {
    clear:both;
    float:left;
    font-size:.9em;
    width:100%;}
    
    aside {
        background: rgba(0,0, 0, .9);
        float:none;
        width:95%;}

    .comment-meta {display:none;} }


@media all and (min-width:025em) {.header {font:normal 038.75% sans-serif;}}
@media all and (min-width:030em) {.header {font:normal 045.00% sans-serif;}}
@media all and (min-width:035em) {.header {font:normal 051.25% sans-serif;}}
@media all and (min-width:040em) {.header {font:normal 057.50% sans-serif;}}
@media all and (min-width:045em) {.header {font:normal 063.75% sans-serif;}}
@media all and (min-width:050em) {.header {font:normal 070.00% sans-serif;}}
@media all and (min-width:055em) {.header {font:normal 076.25% sans-serif;}}
@media all and (min-width:060em) {.header {font:normal 082.50% sans-serif;}}
@media all and (min-width:065em) {.header {font:normal 088.75% sans-serif;}}
@media all and (min-width:070em) {.header {font:normal 095.00% sans-serif;}}
@media all and (min-width:075em) {.header {font:normal 101.25% sans-serif;}}
@media all and (min-width:080em) {.header {font:normal 107.50% sans-serif;}}
@media all and (min-width:085em) {body {font:normal 113.75% sans-serif;}}
@media all and (min-width:090em) {body {font:normal 120.00% sans-serif;}}
@media all and (min-width:095em) {body {font:normal 126.25% sans-serif;}}
@media all and (min-width:100em) {body {font:normal 132.50% sans-serif;}}
@media all and (min-width:105em) {body {font:normal 138.75% sans-serif;}}
@media all and (min-width:110em) {body {font:normal 145.00% sans-serif;}}
@media all and (min-width:115em) {body {font:normal 151.25% sans-serif;}}
@media all and (min-width:120em) {body {font:normal 157.50% sans-serif;}}
@media all and (min-width:125em) {body {font:normal 163.75% sans-serif;}}
@media all and (min-width:130em) {body {font:normal 170.00% sans-serif;}}
@media all and (min-width:135em) {body {font:normal 176.25% sans-serif;}}
@media all and (min-width:140em) {body {font:normal 182.50% sans-serif;}}
@media all and (min-width:145em) {body {font:normal 188.75% sans-serif;}}
@media all and (min-width:150em) {body {font:normal 195.00% sans-serif;}}
@media all and (min-width:155em) {body {font:normal 201.25% sans-serif;}}
@media all and (min-width:160em) {body {font:normal 207.50% sans-serif;}}
@media all and (min-width:165em) {body {font:normal 213.75% sans-serif;}}
@media all and (min-width:170em) {body {font:normal 220.00% sans-serif;}}
@media all and (min-width:175em) {body {font:normal 226.25% sans-serif;}}
@media all and (min-width:180em) {body {font:normal 232.50% sans-serif;}}
@media all and (min-width:195em) {body {font:normal 238.75% sans-serif;}}
@media all and (min-width:200em) {body {font:normal 245.00% sans-serif;}}
@media all and (min-width:210em) {body {font:normal 257.50% sans-serif;}}
@media all and (min-width:220em) {body {font:normal 270.00% sans-serif;}}
@media all and (min-width:230em) {body {font:normal 282.50% sans-serif;}}
@media all and (min-width:240em) {body {font:normal 295.00% sans-serif;}}
@media all and (min-width:250em) {body {font:normal 307.50% sans-serif;}}
@media all and (min-width:260em) {body {font:normal 320.00% sans-serif;}}
@media all and (min-width:270em) {body {font:normal 332.50% sans-serif;}}
@media all and (min-width:280em) {body {font:normal 345.00% sans-serif;}}
@media all and (min-width:290em) {body {font:normal 357.50% sans-serif;}}
@media all and (min-width:300em) {body {font:normal 370.00% sans-serif;}}
-----*/