body 
{
    background: #edeeee url(images/template1.jpg) repeat-x top;
	font-family: Arial;
	font-size: 12px;
}

h1 { font-size: 25px; font-weight: bold; letter-spacing: 1px; }
h2 {font-size: 20px; }
a { text-decoration: none; color: #5C80B1; }
a:hover {text-decoration: underline;}


.pageCorner, .page{ width: 1022px; margin: 0px auto; }
.pageCorner{ background: url('images/template14.jpg') no-repeat; height: 22px; }
.page { background: url('images/template13.png') repeat-y;
}
    .page>div { margin: 0px 40px;}
    .page>.top
    {
        background: url(images/template6.jpg) no-repeat;
        height: 61px;
    }
        .page>.top>.feed
        {
            background: url(images/template9.jpg) no-repeat;
            width:82px;
            height: 58px;
            display: block;
            float: right;
        }
    .page>.menu
    {
        height: 48px;   
        background: url(images/template7.jpg) no-repeat top left;
        background-color: #474747;
        margin: 20px 40px;
    }
        .page>.menu>ul{background: url(images/template8.jpg) no-repeat top right;}
            .page>.menu>ul>li
            {
                display: inline;
                margin: 0 35px;
                line-height: 48px;
            }
                .page>.menu>ul>li>a
                {
                    font-size: 15px;
                    color: White;
                }
    .page>.botton
    {
	    clear: both;
	    text-align: center;
	    font-weight: bold;
	    padding: 20px 0px;
	    color: #999999;
    }
    .page>.content { background: url(images/template16.jpg) repeat-y right; }                
    
        .page>.content>.body{width: 652px; }
            .page>.content>.body>.banner
            {
                background: url(images/template11.jpg) no-repeat;
                height: 195px;
                padding-left: 310px;
                padding-bottom: 12px;
                margin-bottom: 12px;
                border-bottom: solid 1px #DDD;
            }
                .page>.content>.body>.banner>h2{text-align: center; padding: 5px 0px;}
                    .page>.content>.body>.banner>ul>li{}
                        .page>.content>.body>.banner>ul>li>a
                        {
                            color: Black;
                            font-weight: bold;
                            line-height: 21px;
                            /*background:  url(images/template12.jpg) no-repeat left;*/
                            background: url('images/template15.jpg') no-repeat left center;
                            padding-left: 14px;
                        }
            .page>.content>.body>#postnavigation
            {
                text-align: center;
                margin-bottom: 10px;
            }
        .page>.content>.widgetzone
        {
            float: right;
            padding-left:12px;
            width: 265px;
        }
            .page>.content>.widgetzone>#widgetzone{padding: 3px;}
                /*Widget Geral*/
                .page>.content>.widgetzone>#widgetzone>.widget
                {
                    margin-bottom: 32px;
                    padding-bottom: 12px;
                    border-bottom: solid 1px #DDD;
                }
                    .page>.content>.widgetzone>#widgetzone>.widget>a
                    {
                        color:#999;
                        float:right;
                        font-size:10px;
                        text-decoration:none;
                        font-weight:bold;
                    }
                        .page>.content>.widgetzone>#widgetzone>.widget>a:hover{color: Black;}
                        .page>.content>.widgetzone>#widgetzone>.widget>a.delete{margin-left:5px;}
                        .page>.content>.widgetzone>#widgetzone>.widget>a.edit{}
                    .page>.content>.widgetzone>#widgetzone>.widget>h4
                    {
                        font-size: 16px;
                        letter-spacing: 1px;
                        margin-bottom: 5px;
                        color: #999999;
                        font-weight: bold;
                    }
                    .page>.content>.widgetzone>#widgetzone>.widget>.content{margin-left: 12px;}
                        .page>.content>.widgetzone>#widgetzone>.widget>.content>ul{}
                            .page>.content>.widgetzone>#widgetzone>.widget>.content>ul>li{line-height: 22px;}
                /*Widget Personalizados*/
                .page>.content>.widgetzone>#widgetzone>.tagcloud>.content{font-family: Verdana; }
                .page>.content>.widgetzone>#widgetzone>.tagcloud>.content>ul>li{line-height: 16px;}
                
                .page>.content>.widgetzone>#widgetzone>.recentposts>.content a,
                .page>.content>.widgetzone>#widgetzone>.linklist>.content a
                {
                    background: url('images/template15.jpg') no-repeat left center;
                    padding-left: 14px;
                }
                
                .page>.content>.widgetzone>#widgetzone>.monthlist .year{font-weight: bold; line-height: 18px;}
                    .page>.content>.widgetzone>#widgetzone>.monthlist .year>ul{margin-top: -5px; margin-left: 18px;}
                        .page>.content>.widgetzone>#widgetzone>.monthlist .year>ul>li{line-height: 18px;}
                
                .page>.content>.widgetzone>#widgetzone>.newsletter>.content {color: #666}
                    .page>.content>.widgetzone>#widgetzone>.newsletter>.content p {margin: 8px 0px;}
                                        
/*----------Tag cloud----------*/
.tagcloud {margin-bottom: 10px; white-space: normal; }
    .tagcloud>.content>ul>li {display: inline;}
        .tagcloud>.content>ul>li>a {margin-right: 3px;display: inline;}
            .tagcloud>.content>ul>li>a.biggest {font-size: 20px;}
            .tagcloud>.content>ul>li>a.big {font-size: 17px;}
            .tagcloud>.content>ul>li>a.medium {font-size: 14px;}
            .tagcloud>.content>ul>li>a.small {font-size: 11px;}
            .tagcloud>.content>ul>li>a.smallest {font-size: 8px;}

/*----------Post----------*/
.post, .mceContentBody {
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: white;
	line-height: 17px;
}
    .post>h1, .mceContentBody>h1 {margin: 5px 0 0 0;}
    .post>.author {display: none; /*color: #666666;font-size: 10px;float: left;text-transform: capitalize;*/}
    .post>.pubDate {display: none;/*color: #666666;font-size: 10px;float: right;*/}
    .post>.text {margin: 30px 20px 0px 12px; text-align: justify;}
        .post>.text h2 {margin-bottom: -10px;}
        .post>.text h3 {font-size: 11px;margin-bottom: -10px;padding: 0;}
        .post>.text a[href^="http:"] {background: url(../../pics/remote.gif) right top no-repeat;padding-right: 10px;white-space: nowrap;}
            .post>.text p{margin-bottom: 18px;}
    .post>.bottom {  }
        .post>.bottom>.categories {display: none; /*margin-bottom: 5px;float: right;*/}
        .post>.bottom>.tags {display: none; /*float: left;margin-bottom: 5px;*/}
    .post>.footer {background: url(images/template17.jpg);height: 60px;text-align:right;padding: 20px 10px 0px 10px;}
        .post>.footer>.rating{ float: left;}

/*----------Related Posts----------*/
#relatedPosts{margin-bottom: 22px;}
    #relatedPosts>div {padding: 5px 10px 10px 10px;}
        #relatedPosts>div>a {
	        display: block;
	        margin-top: 5px;
	        background:transparent url(images/template15.jpg) no-repeat scroll left center;
            padding-left:14px;
            font-size: 12px;
        }
        #relatedPosts>div>span {
	        color: #666666;
	        padding-left:30px;
	        line-height: 20px;
	        font-size:10px;
        }
              
  
/*----------Comments----------*/
.comment {padding: 3px 10px;margin-bottom: 10px;}
    .comment .date {font-size: 10px;color: #666666;text-align: right;margin: 0;padding: 3px 0px;border-bottom: 1px dashed silver;}
    .comment .author {margin: 0;padding: 3px 0px;border-top: 1px dashed silver;}
    .self {border: 1px solid black;}
    .comment .gravatar {float: left;clear: both;margin: 5px 10px 5px 0;}
    .comment .gravatar img {height: 80px;width: 80px;}
    .comment .content {min-height: 85px;margin: 5px;margin-left: 90px;}
    .comment cite{font-family: Monospace;font-style: normal;}
    .comment img.flag {position: relative;top: 2px;}
    .commentForm {padding: 5px;}
        .commentForm label {float: left;display: block;width: 80px;margin-top: 4px;}
        .commentForm input {width: 300px;}
        .commentForm textarea {width: 100%;height: 150px;border:1px solid silver;}
        .commentForm .bbcode {font-size:10px;float:right;position:relative;top:16px;padding: 3px;}
            .commentForm .bbcode a {margin: 0px 1px;padding: 0px 3px;border: 1px solid #ccc;}
    #commentMenu{padding: 0;margin:0;/*clear:both;*/}
        #commentMenu li{float:left;border:1px solid silver;border-bottom: transparent;margin:0;list-style:none;margin-right:5px;padding: 3px 8px;	cursor:pointer;position:relative;top: 2px;background:#d8d8d8;}
        #commentMenu li.selected{background:white;border-bottom:1px solid white;}
    #commentPreview{display:none;clear:both;min-height: 150px;}
    .success {color: green;font-weight: bold;}

/*----------Star rater----------*/
.rating{margin-bottom: 10px;}
    .rating>p{ display: inline;}
.star-rating {
    position: relative;
    width: 125px;
    height: 25px;
    overflow: hidden;
    background-position: left top;
}
    .star-rating li {display: inline;}
        .star-rating a, .star-rating .current-rating {
	        position: absolute;
	        top: 0;
	        left: 0;
	        text-indent: -1000em;
	        height: 25px;
	        line-height: 25px;
	        outline: none;
	        overflow: hidden;
	        border: none;
        }
            .star-rating a:hover, .star-rating a:active, .star-rating a:focus {background-position: left bottom;}
            .star-rating a.one-star {width: 20%;z-index: 6;}
            .star-rating a.two-stars {width: 40%;z-index: 5;}
            .star-rating a.three-stars {width: 60%;z-index: 4;}
            .star-rating a.four-stars {width: 80%;z-index: 3;}
            .star-rating a.five-stars {width: 100%;z-index: 2;}
            .star-rating .current-rating {z-index: 1;background-position: left center;}

    .small-star {width: 50px;height: 10px;}
        .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {background-image: url(../../pics/star_small.gif);line-height: 10px;height: 10px; font-size: 0px;}

/*----------Contact page----------*/
#contact{padding: 10px;}

    #contact h1{margin-top: 12;}
        #contact div>p{margin: 12px 0px 12px 12px}
    #contact label{display: block;float: left;line-height: 22px;padding-right: 5px; 	width: 88px;margin-top: 10px;text-align: right;}
    #contact input.field, #contact input[type="file"]{width: 200px;margin-top: 10px;}
    #contact textarea{display: block;	overflow: auto;height: 150px; margin: 0; margin-top: 10px; }