body {
    background:#fff;
    color:#202020;
    font-size:16px;
    margin:0 auto;
    font-family: 'Roboto', sans-serif !important;
    padding:0
}


.fadeIn {


    -webkit-animation: fadein 0.6s; /* Safari and Chrome */
       -moz-animation: fadein 0.6s; /* Firefox */
        -ms-animation: fadein 0.6s; /* Internet Explorer */
         -o-animation: fadein 0.6s; /* Opera */
            animation: fadein 0.6s;
}

.fadeOut {


    -webkit-animation: fadeout 0.5s; /* Safari and Chrome */
       -moz-animation: fadeout 0.5s; /* Firefox */
        -ms-animation: fadeout 0.5s; /* Internet Explorer */
         -o-animation: fadeout 0.5s; /* Opera */
            animation: fadeout 0.5s;
}

.growout {


    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}




@keyframes grow {
    from { width: auto; }
    to   { width: 100%; }
}

/* Firefox */
@-moz-keyframes grow {
    from { width: 50%; }
    to   { width: 100%; }
}

/* Safari and Chrome */
@-webkit-keyframes grow {
    from { width: 50%; }
    to   { width: 100%; }
}

/* Internet Explorer */
@-ms-keyframes grow {
    from { width: 50%; }
    to   { width: 100%; }
}​

/* Opera */
@-o-keyframes grow {
    from { width: 50%; }
    to   { width: 100%; }
}​






@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari and Chrome */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}​

/* Opera */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}​

#wrap {
    background:#FFF;
    margin:0 auto;
    padding:0
}

a,a:visited {
    color:#37f;
    text-decoration:none
}

a:hover {
    color:#3377ff;
    text-decoration:none
}

a img {
    border:none
}

@media (max-width : 800px)  {

	#header {
    height:100px !important;
}

}


#header {
    text-align:center;
    align:center;
    background:url(/back.jpg);
    background-size:100% auto;
    background-position:50% 50%;
    color:#FFF;
    height:200px;
    font-size:16px;
    font-weight:400;
    margin:0 0 000px;
    padding:10px;
    overflow:hidden
}

#header p {
    padding:0 0 5px;
    margin:0;
    line-height:1.3
}

#header h1 {
    color:#FFF;
    font-size:36px;
    font-family:Segoe WP,Segoe UI,Verdana;
    font-weight:400;
    margin:0;
    padding:0;
    text-decoration:none
}

#header h1 a,#header h1 a:visited {
    color:#FFF;
    font-size:36px;
    font-family:Segoe WP,Segoe UI,Verdana;
    font-weight:400;
    margin:0;
    padding:20px 0 0;
    text-decoration:none
}

#header h1 a:hover {
    color:#FFF;
    text-decoration:none
}

#navbar {
    background:rgba(51,119,255,0.6);
    color:#FFF;
    text-transform:uppercase;
    font-weight:300;
    font-size:14px;
	
}

#nav {
    text-align:center;
    margin:0;
    padding:0;
    list-style:none
}

#nav ul {
    align:center;
    margin:0;
    padding:0;
    list-style:none
}

#nav a {
    align:center;
    color:#FFF;
    display:block;
    font-weight:300;
font-size: 20px;
    margin:0 ;
    padding:8px ;
}

#nav a:hover {
    background:rgba(0,0,0,0.5);
    color:#FFF;

    text-decoration:none;

}

#nav li {
	display: inline-block;
}



#nav li li a:hover,#nav li li a:active {
    background:#393;
    color:#FFF
}


#content {
    max-width:960px;
    word-wrap:break-word;
    margin:0 auto;
    padding:10px;
    line-height:2
}

#content p {
    padding:0 0 10px;
    margin:0 0 25px
}

#content h1 {
    color:#37f;
    font-size:36px;
    font-weight:300;
    line-height:1.6;
    margin:0;
    padding:0
}

#content h1 a {
    color:#37f;
    text-decoration:none
}

#content h1 a:hover {
    color:#37f;
    text-decoration:none
}

#content h3 {
    color:#37f;
    font-size:24px;
    font-weight:400;
    margin:0;
    padding:0 0 5px
}

#content h4 {
    font-size:12px;
    font-weight:700;
    margin:0 0 20px;
    padding:0 0 5px
}

#content img.wp-smiley {
    float:none;
    border:none;
    padding:0;
    margin:0
}

#content img.wp-wink {
    float:none;
    border:none;
    padding:0;
    margin:0
}

#contentleft {
    margin:0;
    padding:20px
}

#contentleft ol {
    margin:0 0 0 20px;
    padding:0 0 10px
}

#contentleft ol li {
    margin:0 0 0 20px;
    padding:0 0 5px
}

#contentleft
ul {
    list-style-type:square;
    margin:0 0 25px 20px;
    padding:0 0 10px
}

#contentleft ul li {
    list-style-type:square;
    margin:0 0 0 20px;
    padding:0 0 5px
}

.date {
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
    color:gray;
    padding:0 0 10px;
    margin:-30px 0 10px
}

.postmeta {
    width:500px;
    font-size:11px;
    font-weight:700;
    padding:10px 0 0;
    margin:0 0 40px;
    border-top:1px dotted #999
}

blockquote {
    font-style:italic;
    margin:0 25px 15px;
    padding:0 25px 0 10px;
    border-left:2px solid #4A7EB8
}

#content blockquote p {
    margin:0;
    padding:10px 0
}

img.centered {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding:0
}

img.alignnone {
    padding:0;
    margin:0 0 10px;
    display:inline
}

img.alignright {
    padding:0;
    margin:0 0 10px 10px;
    display:inline
}

img.alignleft {
    padding:0;
    margin:0 10px 10px 0;
    display:inline
}

.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto
}

.alignright {
    float:right
}

.alignleft {
    float:left
}

.wp-caption {
    margin:0;
    padding:0
}

.wp-caption img {
    margin:0 0 10px;
    padding:0;
    border:0
}

.wp-caption p.wp-caption-text {
    margin:0;
    padding:5px 0 0;
    font-size:10px;
    font-style:italic;
    font-weight:700;
    line-height:1.3
}

#footerbg {
}

#footer {
    width:100%;
    height:30px;
    padding:0
}

#footer p {
    font-size:10px;
    font-weight:400;
    margin:0;
    padding:0;
    margin:0 auto
}

#footer a {
    text-decoration:none
}

#footer a img {
    border:none;
    margin:0;
    padding:0
}

#footer a:hover {
    text-decoration:underline
}

.footerleft {
    float:left;
    margin-left:20px;
    padding:8px 0
}

.footerright {
    float:right;
    margin:0;
    margin-right:20px;
    padding:8px 0;
    text-align:right
}

#searchdiv {
    margin:0;
    padding:0
}

#searchform {
    margin:0;
    padding:4px 0 0
}

#s {
    background:#FFF;
    width:210px;
    color:#333;
    font-size:11px;
    padding:3px;
    margin:0;
    border:0
}

#sbutt_search {
    background:#333 url(images/submit.png);
    color:#FFF;
    width:20px;
    height:20px;
    cursor:pointer;
    font-size:11px;
    padding:1px;
    margin:0;
    border:0 solid #FFF
}

#sbutt {
    background:#333;
    color:#FFF;
    width:20px;
    height:20px;
    cursor:pointer;
    font-size:11px;
    padding:1px;
    margin:0;
    border:0 solid #FFF
}


#commentblock {
    width:500px;
    float:left;
    padding:0 0 10px;
    margin:0;
    line-height:1.3
}

.commentleft {
    width:150px;
    float:left;
    padding:0 20px 0 0;
    margin:0
}

.commentright {
    width:300px;
    float:right;
    padding:0;
    margin:0
}

#commentblock ol {
    margin:0 5px 0 20px;
    padding:0 0 10px
}

#commentblock ol li {
    margin:0;
    padding:0
}

.commentdate {
    font-size:12px;
    padding-left:0
}

#commentlist li p {
    margin-bottom:8px;
    line-height:1.3;
    padding:0
}

.commentname {
    color:#333;
    margin:0;
    padding:5px 5px 5px 0
}

.commentinfo {
    clear:both
}

#name,#email,#url {
    background:#EAEAEA!important;
    color:#202020;
    font-size:12px;
    margin:0;
    padding:4px;
    border-top:1px solid #666;
    border-right:1px solid #DDD;
    border-left:1px solid #666;
    border-bottom:1px solid #DDD
}

#words {
    background:#EAEAEA!important;
    width:460px;
    color:#000;
    font-size:12px;
    padding:4px;
    margin:0;
    border-top:1px solid #666;
    border-right:1px solid #DDD;
    border-left:1px solid #666;
    border-bottom:1px solid #DDD
}

#submit {
    background:#393;
    color:#FFF;
    font-size:11px;
    padding:3px;
    margin:0;
    border:1px solid #393
}