body{
    width: auto;
    height: auto;
    color:#222222;
    font-family:"Century Gothic", Helvetica;
    margin: 0px;
    background:url(../imgs/morning_bottom.jpg) repeat-y;
}

/* CONTAINER */

#cont {
    width: 100%;
    height:100%;
}

#logo{
    width:209px;
    height:105px;
    float:left;
}

#frame{
    width:auto;
    height:auto;
}

#montain{
    width:auto;
    HEIGHT:auto;
    background:url(../imgs/morning_bkg.jpg) no-repeat top;
    OVERFLOW: hidden;
    clear:both;
}

#main{
    width:740px;
    height:auto;
    margin:0px auto;
    padding-top:10px;
    color:#FFFFFF;
}


/* INTRO */

#intro{
	width:740px;
	height:auto;
	margin:0px auto;
}

#intro .slogan{
	width:740px;
    height:101px;
	padding-top:80%;
	background:url(../imgs/slogan.png) no-repeat bottom;
}

/* MENU */

#menu{
    font-size:16px;
    font-weight:bold;
    width:476px;
    height:126px;
    background:url(../imgs/menu_bkg.png) no-repeat;
    float:right;
    text-align:center;
}

#menu a{
    color:#333333;
    text-decoration:none;
}

#menu a:hover{
    text-decoration:underline;
}

#menu div{
    PADDING-RIGHT:0px;
    PADDING-LEFT:10px;
    PADDING-BOTTOM:0px;
    PADDING-TOP:20px;
}

.bt{
    color:#FFFFFF;
    background:#0C2713;
    border: 2px double #0C2713;
    height:30px;
}

/* GOTO TOP LINK */

#gototop{
    float:right;
    text-align:right;
}

#gototop a{
    font-size:16px;
    color:#9BB520;
    text-decoration:underline;
}

#gototop a:hover{
    color:#9BB520;
}

/* POEMS */

#poems{
}

#poems img{
    border:0;
}

#poems a{
    font-size:16px;
    color:#9BB520;
    text-decoration:underline;
}

#poems a:hover{
    color:#9BB520;
}

#poems .photo{
    width:480px;
    height:200px;
    float:left;
    background:#FFFFFF;
}

#poems .photo img{
    padding-top:10px;
    padding-left:10px;
}

#poems .thumbs{
    width:auto;
    height:180px;
    float:right;
    text-align:right;

}

#poems .poem_body{
    clear:both;
    vertical-align:top;
}

#poems .title{
    width:25%;
    float:left;
    font-size:60px;
    padding-bottom:12px;
}

#poems .text{
    float:right;
    width:70%;
    font-size:16px;
}


/* TAGS */

#tags{
   /* height:820px;*/
}

#tags .cloud a{
    font-family:Helvetica;
    text-decoration:none;
    color:#FFFFFF;
}

#tags .cloud a:hover{
    text-decoration:underline;
}

#tags .smallest{
    font-size:x-small;
}

#tags .small{
    font-size:small;
}

#tags .medium{
    font-size:medium;
}

#tags .large{
    font-size:large;
}

#tags .largest{
    font-size:larger;
}

#tags .title{
    font-size:60px;
    padding-bottom:12px;
}


/* COMMENTS */

#comments{
    /*height:820px;*/
}

#comments .title{
    font-size:60px;
    padding-bottom:12px;
}

#comments a{
    font-size:16px;
    color:#9BB520;
    text-decoration:underline;
}

#comments a:hover{
    color:#9BB520;
}


#comments_dlg{
    height:100%;
    width:90%;
    background:#123F1E;
    margin-top:10px;
    padding:10px;
}

/* ABOUT */

#about{
   /* height:820px;*/
}

#about .title{
    font-size:60px;
    padding-bottom:12px;
}

#about .phrase{
    font-size:30px;
    padding-bottom:12px;
}

#about .text{
    width:570px;
    height:180px;
    float:left;
}

#about .photo{
    width:148px;
    height:201px;
    float:right;
    background:#FFFFFF;
}

#about .photo img{
    padding-top:10px;
    padding-left:10px;
}

#about a{
    font-size:16px;
    color:#9BB520;
    text-decoration:underline;
}

#about a:hover{
    color:#9BB520;
}

/* CONTACT */

#contact{
    /*height:820px;*/
    background:url(../imgs/aviao.png) no-repeat right;
}

#contact .title{
    font-size:60px;
    padding-bottom:12px;
}

#contact form{
    padding-left:50px;
}

/* FOOTER */

#footer{
    width:174px;
    height:154px;
    background:url(../imgs/footer.png) no-repeat bottom;
    margin:0px auto;
}

/* MESSAGE DLG */

#message_dlg{
    color:#222222;
    background:#FFFFAE;
    border: 1px solid #FFFF80;
    width:auto;
    height:auto;
    padding:5px;
}

#message_dlg a{
    font-size:16px;
    color:#222222;
    text-decoration:underline;
}

#message_dlg a:hover{
    color:#222222;
}

#message_dlg img{
    margin:0px;
}

#message_dlg .icon{
    float:left;
    width:15%;
}

#message_dlg .text{
    float:right;
    width:85%;
}

#message_dlg .link{
    float:right;
}

