@charset "utf-8";

@import url(reset-min.css);
@import url(clearfix.css);

/* HTML TAGS */
html{background-color:#f5f5f5}
body{font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:62.5%;color:#3b3b3b}
h1,h2,h3,h4,h5,h6{font-family:"Trebuchet MS",Verdana,sans-serif;font-weight:bold}
strong{font-weight:bold}
em{font-style: italic}
button{font-weight:bold;text-align:center;cursor:pointer}
a{text-decoration:none;color:#5987b3}
a:hover,a:focus,a:active{text-decoration:underline}
.hidden{display:none}

/* MAINPAGE WIREFRAME COMPONENTS */
#container{width:1024px}
#container {margin:0 auto 0 auto}
#footerpage{float:left;margin:5px 0 0 0;width:1024px;padding-right:10px;font-size:1.5em;text-align:right}

#top{float:left;padding:15px 0 0 0;width:1024px}
#top h1{font-size:3.2em;text-indent:-2px;color:#5987b3;float:left;margin-left:20px}
#top h1 span{color:#3b3b3b}
/*#top ul{float:left;padding:12px 0 10px 100px}*/
#top ul{float:left;padding:12px 0 10px 310px}
#top li{float:left; padding:0 9px 5px 10px;font-size:2.0em}
#top li a{color:#3b3b3b}
#top li a:hover{border-bottom:5px solid #5987b3;text-decoration:none}
#top li .active{color:#5987b3;border-bottom:5px solid #5987b3}
#top .rss{float:left;margin-left:5px;cursor:pointer}
#top .twitter{float:left;margin-left:3px;cursor:pointer}

#boxmain{float:left;padding:0 0 0 0;width:700px}
#boxmain .content{position:relative;padding:10px 15px 0 15px}
#boxmain .pagination{font-size:1.5em;text-align:right;padding:5px 0 20px 0}
#boxmain .pagination b{background-color:#5987b3;color:#ffffff;padding:5px}
#boxmain .footer{position:relative;margin:0 6px 0 5px;bottom:6px;background-color:#173751;border-top:2px solid #5987b3}
#boxmain .footer h2{font-size:2.2em;text-indent:-2px;color:#5987b3;float:left;padding:15px 0 10px 20px}
#boxmain .footer form{float:left;padding:0;width:680px}
#boxmain .footer fieldset{float:left;padding:0 0 0 15px;width:450px}
#boxmain .footer fieldset span{color:red;font-size:1.3em}
#boxmain .footer fieldset label{float:left;padding:5px 0 0 0;font-size:1.3em;color:#c4dae7}
#boxmain .footer fieldset input{font-size:1.7em;color:#c4dae7;float:left;padding:4px 3px 3px 3px;margin:10px 0;width:400px;border:0px;background-color:#395064}
#boxmain .footer fieldset textarea{font-size:1.7em;color:#c4dae7;float:left;padding:4px 3px 3px 3px;margin:10px 0;border:0px;background-color:#395064}
#boxmain .footer i{color:#ffffff;font-size:1.3em}
#boxmain .footer .sidenotes{float:left;width:210px;padding-bottom:20px}
#boxmain .footer .sidenotes h1{float:left;font-size:1.4em;width:200px;padding:0 0;color:#5987b3}
#boxmain .footer .sidenotes p{float:left;margin:10px 0 10px 0;font-size:1.3em;color:#c4dae7}
#boxmain .footer .sidenotes span{float:left;padding:15px 3px 3px 3px;font-size:1.3em;color:#c4dae7}
#boxmain .footer .sidenotes span input{margin: 0px 5px 0 2px}
#boxmain .footer .sidenotes button{margin:45px 0 0 35px;width:115px;height:32px;border:0px;background:url(../images/icons/button.jpg) no-repeat right top}
#boxmain .footer .comment{float:left;margin:10px 10px;width:660px}
#boxmain .footer .comment img{float:left; padding:10px 10px;font-size:1.4em;width:60px}
#boxmain .footer .comment span{float:left;margin:5px 0;padding:5px 7px 7px 7px;width:560px;font-size:1.4em;border-top:3px solid #5987b3;border-bottom: 3px solid #5987b3; background-color: #f1f1f1}
#boxmain .footer .comment p{float:left;margin:5px 0;width:550px}
#boxmain .footer .comment b{float:left;width:550px;color:#3b3b3b}
#boxmain .footer .comment a{margin-left:15px}

#bottomboxmain{float:left;margin-top:15px;padding:0 0 0 0;width:700px}
#bottomboxmain .content{position:relative;padding:10px 15px 0 15px}

#boxleft{float:left;width:700px}
#boxright{float:left;width:324px}
#boxright img{float:left;margin:10px 0 0 12px;border:0px}

#search{float:left;padding:0 0 0 14px;width:310px}
#search .content{position:relative;padding:5px 0 6px 6px}
#search form{float:left;padding:0 0}
#search fieldset{float:left;padding:0 0}
#search label{float:left;padding:3px 3px 0px 3px;font-size:1.7em;color:#5987b3;background:url(../images/icons/search.gif) no-repeat left bottom;width:25px;height:20px}
#search input{font-size:1.7em;color:#5987b3;float:left;padding:2px 3px 1px 3px;width:240px;border:0px}

#about{float:left;padding: 10px 0 0 14px;width:310px}
#about .content{position:relative;padding:4px 4px 4px 5px}
#about .aboutAvatar{float:left;background:url(../images/avatar_thumb.jpg) no-repeat left top;width:80px;height:80px}
/*#about .aboutText{float:left;font-size:1.3em;color:#3b3b3b;width:195px;padding:9px 0 3px 10px}*/
#about .aboutText{float:left;font-size:2.0em;color:#3b3b3b;width:195px;padding:5px 0 3px 10px}

#categories{float:left;padding:10px 0 0 14px;width:148px}
#categories .content{position:relative;padding:10px 10px 0 10px}
#categories h2{float:left;font-size:1.8em;color:#3b3b3b}
#categories ul{float:left;padding:3px 0 5px 0}
#categories li{float:left;padding:3px 0 3px 3px;font-size:1.5em;width:120px}
#categories li a{color:#3b3b3b; }
#categories li a:hover{border-bottom:4px solid #5987b3;text-decoration:none}
#categories li .active{color:#5987b3;border-bottom:4px solid #5987b3}

#archives{float:left;padding:10px 0 0 14px;width:148px}
#archives .content{position:relative;padding:10px 10px 0 10px}
#archives h2{float:left;font-size:1.8em;color:#3b3b3b}
#archives ul{float:left;padding:3px 0 5px 0}
#archives li{float:left;padding:3px 0 3px 3px;font-size:1.5em;width:120px}
#archives li a{color:#3b3b3b; }
#archives li a:hover{border-bottom:4px solid #5987b3;text-decoration:none}
#archives li .active{color:#5987b3;border-bottom:4px solid #5987b3}

#categoriesSmall{float:left;padding:10px 0 0 14px;width:148px}
#categoriesSmall .content{position:relative;padding:10px 10px 0 10px}
#categoriesSmall h2{float:left;font-size:1.8em;color:#3b3b3b}
#categoriesSmall ul{float:left;padding:3px 0 5px 0}
#categoriesSmall li{float:left;padding:3px 0 3px 3px;font-size:1.5em;width:120px}
#categoriesSmall li a{color:#3b3b3b; }
#categoriesSmall li a:hover{border-bottom:4px solid #5987b3;text-decoration:none}
#categoriesSmall li .active{color:#5987b3;border-bottom:4px solid #5987b3}

#popularposts{float:left;padding:10px 0 0 14px;width:310px}
#popularposts .content{position:relative;padding:10px 10px 0 10px}
#popularposts h2{float:left;font-size:1.8em;color:#3b3b3b}
#popularposts ul{float:left;padding:3px 0 5px 0}
#popularposts li{float:left;padding:3px 0 3px 3px;font-size:1.5em;width:220px}
#popularposts li a{color:#3b3b3b;}
#popularposts li a:hover{border-bottom:4px solid #5987b3;text-decoration:none}
#popularposts li .active{color:#5987b3;border-bottom:4px solid #5987b3}
#popularposts li span{color:#5987b3}

#categoriesLarge{float:left;padding:10px 0 0 14px;width:310px}
#categoriesLarge .content{position:relative;padding:10px 10px 0 10px}
#categoriesLarge h2{float:left;font-size:1.8em;color:#3b3b3b}
#categoriesLarge ul{float:left;padding:3px 0 5px 0}
#categoriesLarge li{float:left;padding:3px 0 3px 3px;font-size:1.5em;width:220px}
#categoriesLarge li a{color:#3b3b3b;}
#categoriesLarge li a:hover{border-bottom:4px solid #5987b3;text-decoration:none}
#categoriesLarge li .active{color:#5987b3;border-bottom:4px solid #5987b3}
#categoriesLarge li span{color:#5987b3}

#mediaLarge {float:left;padding:10px 0 0 14px;width:310px}
#mediaLarge .mediacontent{position:relative;padding:10px 10px 30px 10px}

.toppad{margin-top:-10px;}
#categoriesMainLarge{float:left;padding:10px 0 0 14px;width:335px}
#categoriesMainLarge .content{position:relative;padding:10px 10px 0 10px}
#categoriesMainLarge h2{float:left;font-size:1.8em; color:#3b3b3b}
#categoriesMainLarge ul{float:left;padding:3px 0 5px 0}
#categoriesMainLarge li{float:left;padding: 3px 0 3px 3px; font-size: 1.5em; width:220px}
#categoriesMainLarge li a{color:#3b3b3b}
#categoriesMainLarge li a:hover{border-bottom:4px solid #5987b3;text-decoration:none}
#categoriesMainLarge li .active{color:#5987b3;border-bottom:4px solid #5987b3}

#mrec{float:left;padding:10px 0 0 17px;width:310px}

/* BOXMAIN WIREFRAME COMPONENTS */
.articleDetail{float:left;width:650px;margin:0 0 8px 0;padding:10px}
.articleDetail .imgdetailthumbleft{float:left;padding:5px 10px 5px 0;width:100px;height:100px}
.articleDetail .imgdetailthumbright{float:right; padding:5px 0 5px 10px; width: 100px; height: 100px}
.articleDetail h1{font-size:2.7em;text-indent:-2px;margin:5px 0 0 0;min-height:40px}
.articleDetail .calendar{float:left;padding:0 3px;background:#ffffff url(../images/icons/calendar.gif) no-repeat left top;width:70px;height:75px}
.articleDetail .calendar b{float:left;margin:0 6px;font-size:3.0em;width:50px;text-align:center}
.articleDetail .calendar span{float:left;margin:16px 0 0 7px;color:#ffffff;font-size:1.1em;font-weight:500;width:50px;text-align:center}
.articleDetail .tags{font-size:1.4em;color:#5987b3;padding:5px 25px 0 0;text-align:right;background:url(../images/icons/tag.gif) no-repeat right bottom}
.articleDetail .tags a{padding: 0 3px}
.articleDetail .readmore{position:relative;float:right;margin-right:2%;font-weight:bold;font-size:1.3em}
.articleDetail .postmetadata{margin:30px -10px 15px -10px;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;height:25px;background-color:#f1f1f1}
.articleDetail .links{float:left;margin-left:25px;background:url(../images/icons/comments.gif) no-repeat left center;font-size:1.4em;color:#5987b3;padding:5px 0 5px 25px}
.articleDetail .postedby{float:left;margin-left:15px;background:url(../images/icons/pageedit.gif) no-repeat left center;font-size: 1.4em;color: #5987b3;padding:5px 0 5px 18px}
.articleDetail .postmetadata .sociable{padding:5px 10px 5px 25px}
.articleDetail .postmetadata .sociable ul{padding:0;float:right}
.articleDetail .postmetadata .sociable li{padding:0 2px;margin:0;display:inline;list-style-type:none}
.articleDetail .postmetadata .sociable img{width:16px;height:16px;border:0}
.articleDetail .body{font-size:1.9em;color:#3b3b3b;text-align:justify;margin:14px 0 5px 15px}
.articleDetail .body img{margin:5px 10px 5px 10px;/*border:3px dashed #3b3b3b*/}
.articleDetail .body blockquote{width:620px;margin:5px 0px;padding:10px;border:1px solid #cccccc;background-color:#f5f5f5}
.articleDetail .body code{width:620px;margin:5px 0px 5px 0px;padding:10px;border:1px solid #cccccc;background-color:#000000;color:#ffffff}
.articleDetail .body h1{font-size:20px;width:100%;min-height:20px;border-bottom:2px solid #cccccc;margin-bottom:10px}
.articleDetail .body ul{margin-left:20px}
.articleDetail .bulletsleft{float:left;margin-left:0}
.articleDetail .bulletsleft li{float:left;padding: 3px 0 3px 10px;font-size:1.8em}

/* BOXES SET */
.altLarge div{background:#ffffff url(../images/caixas/altLargeBT.gif) repeat-x left top}
.altLarge div div{background:url(../images/caixas/altLargeBR.gif) repeat-y right top}
.altLarge div div div{background:url(../images/caixas/altLargeBB.gif) repeat-x left bottom}
.altLarge div div div div{background:url(../images/caixas/altLargeBL.gif) repeat-y left top}
.altLarge div div div div div{background:url(../images/caixas/altLargeCLT.gif) no-repeat left top}
.altLarge div div div div div div{background:url(../images/caixas/altLargeCRT.gif) no-repeat right top}
.altLarge div div div div div div div{background:url(../images/caixas/altLargeCRB.gif) no-repeat right bottom}
.altLarge div div div div div div div div{background:url(../images/caixas/altLargeCLB.gif) no-repeat left bottom}
.altLarge div div div div div div div div div{background:none}

.altLargeBckGrey div{background:#ECECEC url(../images/caixas/altLargeBT.gif) repeat-x left top}
.altLargeBckGrey div div{background:url(../images/caixas/altLargeBR.gif) repeat-y right top}
.altLargeBckGrey div div div{background:url(../images/caixas/altLargeBB.gif) repeat-x left bottom}
.altLargeBckGrey div div div div{background:url(../images/caixas/altLargeBL.gif) repeat-y left top}
.altLargeBckGrey div div div div div{background:url(../images/caixas/altLargeCLT.gif) no-repeat left top}
.altLargeBckGrey div div div div div div{background:url(../images/caixas/altLargeCRT.gif) no-repeat right top}
.altLargeBckGrey div div div div div div div{background:url(../images/caixas/altLargeCRB.gif) no-repeat right bottom}
.altLargeBckGrey div div div div div div div div{background:url(../images/caixas/altLargeCLB.gif) no-repeat left bottom}
.altLargeBckGrey div div div div div div div div div{background:none}

.altLargeBckBlue div{background:#173751 url(../images/caixas/altLargeBT.gif) repeat-x left top}
.altLargeBckBlue div div{background:url(../images/caixas/altLargeBR.gif) repeat-y right top}
.altLargeBckBlue div div div{background:url(../images/caixas/altLargeBB.gif) repeat-x left bottom}
.altLargeBckBlue div div div div{background:url(../images/caixas/altLargeBL.gif) repeat-y left top}
.altLargeBckBlue div div div div div{background:url(../images/caixas/altLargeCLT.gif) no-repeat left top}
.altLargeBckBlue div div div div div div{background:url(../images/caixas/altLargeCRT.gif) no-repeat right top}
.altLargeBckBlue div div div div div div div{background:url(../images/caixas/altLargeCRB.gif) no-repeat right bottom}
.altLargeBckBlue div div div div div div div div{background:url(../images/caixas/altLargeCLB.gif) no-repeat left bottom}
.altLargeBckBlue div div div div div div div div div{background:none}

/* Gallery style */
#main_image{width:100%;text-align:center;font-size:2.0em;}
#main_image img{margin-bottom:20px}
.nav{font-size: 2.0em;margin-top:10px}
.gallery_demo{float:left}
.gallery_demo li{float:left;margin:5px 2px;width:75px;height:75px}
.gallery_demo li div{left:30px;}
.gallery_demo li div .caption{font-size:1.0em;}