@charset "utf-8";

@font-face {
  font-family: 'Just Another Hand';
  font-style: normal;
  font-weight: 400;
  src: local('Just Another Hand'), local('JustAnotherHand-Regular'), url('../fonts/jah.woff') format('woff');
}

@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: local('News Cycle Regular'), local('NewsCycle-Regular'), url('../fonts/nc.woff') format('woff');
}

/*
    font-family: 'Just Another Hand', cursive;
    font-family: 'News Cycle', sans-serif;

    rgba(243,92,159,1); //narenji (F35C9F)
    rgba(243,243,243,1); //khakestari (F3F3F3)
    rgba(34,173,194,1); //aabi (22ADC2)
    rgba(115,111,102,1); //siahkhakestari (736F66)
 
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}



body{
    font:16px/1.5 Verdana, Arial, Helvetica;
    width:1024px;
    margin:0 auto;
    margin-bottom: 10px;
    margin-top:10px;
    box-shadow: 0px 0px 5px 2px rgba(128,128,128,1);
}

h2{
    font-size: 1.5em;
    font-weight: bold;
}

header#mainHeader{
    position: relative;
    width:100%;
    height:300px;
    border-bottom: solid 5px rgba(0,0,0,1);
    background-image: url('../img/g6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

header#mainHeader>h1{
    position:absolute;
    text-indent: -9999px;
    display:block;
    left:0;
    top:0;
    width:13%;
    height:150px;
}

header#mainHeader nav#mainNav{
    position: absolute;
    left:10px;
    bottom: -28px;
}

header#mainHeader nav#mainNav>ul{
    
}

header#mainHeader nav#mainNav>ul>li{
    display: inline;
    margin:0 5px;
    font-size: 1em;
}

header#mainHeader nav#mainNav>ul>li a{
    text-decoration: none;
    color:black;
    -webkit-transition: 0.5s color;
    -moz-transition: 0.5s color;
    -o-transition: 0.5s color;
    transition: 0.5s color;
}

header#mainHeader nav#mainNav>ul>li a:hover{
    color:blue;
}

header#mainHeader section#logoCircle{
    position: absolute;
    width:150px;
    height:150px;
    background: rgb(177,213,237);
    background:white;
    right:2%;
    top:240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border:black solid 5px;
    border-radius: 75px;
    overflow: hidden;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
}

header#mainHeader section#logoCircle>section{
    width:100%;
    height:100%;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
}

header#mainHeader section#logoCircle>section figure{
    width:75%;
    margin:0 auto;
    position: relative;
    top:0px;
}

header#mainHeader section#logoCircle>section figure img{
    width:100%;
    height:90%;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
header#mainHeader section#logoCircle>section figure:hover img{
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

header#mainHeader section#logoCircle>section figure figcaption{

}

header#mainHeader section#logoCircle>section figure:hover figcaption{

}

article#mainArticle{
    width:86%;
    width:100%;
    min-height: 500px;
    float:left;
    border-top:black solid 5px; 
    margin-top:25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding:15px 10px 20px 15px;
}

article#mainArticle h2{
    text-shadow: 1px 1px 1px #333;
    padding-left:50px; 
}

article#mainArticle div.parentDiv{
    margin:0 auto;
    margin-top:15px;
    width:86%;
}

div.first,div.second{
    text-align: justify;
    float:left;
}

div.first div{
    float:right;
    width:72%;
}

div.first img,div.second img{
    width:200px;
    height: 170px;
    float:right;
    margin-left:20px;
    margin-bottom: 20px;
    margin-top:13px;
    border:10px solid white;
    box-shadow: 0px 0px 3px 1px #333;
}

div.first img{
    float:left;
    margin:20px 20px 20px 0px;
}


article#mainArticle p{
    padding-left:5px;
}

aside#mainAside{
    float:right;
    width:13%;
    padding:60px 5px 0 5px;
    border-top:black solid 5px; 
    margin-top:25px;
    background-color: rgba(255,242,250,1);
    display:none;
}

aside#mainAside section#wheather{
    width:100%;
    margin:0 auto;
}

aside#mainAside section.parts{
    width:95%;
    margin:0 auto;
    height:80px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.7);
    color:black;
}

aside#mainAside section.parts:first-child{
    margin-top: 5px;
}

aside#mainAside section.parts img{
    width:48px;
    height:48px;
    background-color: rgba(0,0,255,0.5);
    border-radius:5px;
    float:left;
    margin-left:5px;
    margin-right:5px;
}

aside#mainAside section.parts p.day{
    margin-left:5px;
    font-weight: bold;
    font-size:14px;
}

aside#mainAside section.parts p.temp{
    font-size: 12px;
    float:left;
}

aside#mainAside section.parts p.hi{
    margin-top:5px;
}
aside#mainAside section.parts p span{
    font-weight: bold;
}

aside#mainAside section#asideNav{
    text-align: center;
    margin-top: 10px;
}
aside#mainAside section#asideNav a{
   
}

aside#mainAside section#asideNav a:first-child img{
    -webkit-transform: scaleX(-1);
     margin-right:10px;
}

footer#mainFooter{
    clear:both;
    width:100%;
    text-align: center;
    min-height:50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

footer#mainFooter p{
    padding:1em;
}
/*
        ---------------- COLORS -----------------
*/
html{
    background-color: white;
}

body{
    background-color: rgb(255,242,250);
    color:rgb(117,86,106);
}

h1,h2,h3,h4{
    color:rgba(186,91,152);
}

header#mainHeader{
    background-color: rgb(255,242,250);
}    

aside#mainAside{
    background-color: rgb(255,242,250);
}

article#mainArticle{
    background-color: rgb(255,242,250);
}    

aside#mainAside section.parts{
    background-color: rgba(255,0,164,0.7);
}

footer#mainFooter{
    color: rgb(255,242,250);
    background-color:rgb(117,86,106);
}