/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */


body {
     font-family: Arial;
     }

#social div a:hover {
     background:none;
     }

/* header */

#header {
     height:119px;
     }

h1.logo  {
     margin:-2px 0 0 27px;
     }

/*=== TOP MENU for PAGES ===*/
#top_menu{ height:53px; text-align:left }
#top_menu li{ float:left; line-height:33px; margin:0 }
#top_menu li a{ color:#000000; display:block; padding:8px 20px }
#top_menu li ul li a{ border:0; margin:0 }
#top_menu li a:hover, #top_menu li.active a{ color:#ffffff; background:#ff503b; text-decoration:none }
#top_menu li.category-home a{ border-left:0 }
.switcher { padding: 75px 0 0 0 }
#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background:#DEDBD1 }


/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0 0 0 27px; font-size: 13px }
#pagenav a{display:block; color:#ffffff; }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Arial }
#pagenav li a{font-size: 1.95em; padding-top:4px; border-right:none; text-transform:lowercase }
#pagenav .hometab a{border-left:none }
#pagenav li ul li a{font-size: 18px; padding-top:0 }
#pagenav li a:hover{background:#ff503b; text-decoration:none; }
#pagenav li ul li a:hover{text-decoration:underline }
#pagenav li ul{position:absolute; width:18em; left:-999em; padding:5px 0 5px 0; background:#ff503b; }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }
#pagenav li ul li{background:#ff503b; border:none; padding-top:6px; line-height:16px; width:18em; border-width:0 1px 1px 1px }
#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-32px 0 0 235px; padding:5px 0 5px 0; background:#ff503b; }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover{background:#ff503b }
#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:0 }
#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }
select {padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }


/* slider */

.featslider {
     background:none;
     position:relative;
     }
.slider-post .slider-title {
     font-family:Arial;
     font-size:25px;
     font-weight:normal;
     letter-spacing:-0.03em;
     text-transform:none;
     padding:10px 0 10px;
     }

.slider-post p {
     margin-bottom:50px;
     }

.slider-post img.fr {
     border:1px solid #FFFFFF;
     margin:0 30px 6px 0px;
     }
#mygallery {
     width:900px;
     }
.stepcarousel {
     margin:0;
     }
.stepcarousel .panel {
     width:844px;
     margin:10px 28px;
     }
.featslider .fl {
    position:absolute;
    top:10px;
    left:-50px;
    }
.featslider .fr {
    position:absolute;
    top:10px;
    right:-15px;
     }
.featured-button  {
     padding:210px 0 0;
     }
.slider-post img.fr {
     float:left;
     position:relative;
     top:0;
     right:0;
     }
.slider-post p a.leiamais {
     border:none;
     padding:0 0 0 20px;
     font-weight:bold;
     color:#FF503B;
     background: url("http://www.sibapa.net/wp-content/themes/berita/images/icon_leiamais.gif") no-repeat scroll left top transparent;
     text-decoration:underline
     }

.slider-post p a.leiamais:hover {
     color:black;
     }

/* widget */

.post img {
     border:none;
     float:left;
     margin:0 6px 0 0;
     }

.widget p {
     line-height:17px;
     font-size:11px;
     }

.widget h2 a{
     border:none;
     }

.widget h2 {
     font-size:13px;
     font-weight:bold;
     margin-bottom:2px;
     padding:0 0 5px;
     line-height:16px;
     }
.widget .autor {
     font-size:9px;
     color:#aaaaaa;
     line-height:18px;
     margin-bottom:10px;
     }

.widget .autor a {
     color:#aaaaaa;
     border-bottom:none;
     }

.widget .autor a:hover {
     background-color:#ff503b;
     color:#ffffff;
     }

.container_12 .widget5 {
      width:238px;
      }

#footwidgets-front .widget-spot .widget ul.sermon-widget li {
      background:url("images/sound.gif") no-repeat scroll left top transparent;
      }

.container_12 .widget6 {
      width:331px;
      }

.container_12 .last {
      width:331px;
      }

.vimeoBadge #vimeo_badge_logo {
      display:none;
      }

#footwidgets-front .widget-spot .widget h3, h3.conecte {
     height:40px;
     /*background: url("http://www.sibapa.net/wp-content/themes/berita/images/widgeth3.gif") no-repeat scroll center top transparent;*/
     color:#000000;
     font-size:18px;
     font-weight:bold;
     padding:7px 0 0 0px;
     margin-bottom:0;
     border-top:3px solid black;
     }

#footwidgets-front .widget-spot .widget h3 span, h3.conecte span {
     border-left:15px solid #FF503B;
     display:block;
     padding:0 0 0 6px;
     }

#footwidgets-front .widget-spot .widget h3 span{
     }

.footer-background {
     background:#f0ecea;
     }

#frase {
     width:539px;
     height:95px;
     background: url("http://www.sibapa.net/wp-content/themes/berita/images/aspas.gif") no-repeat scroll left top transparent;
     }
#frase #fraseint {
     padding-left:30px;
     }
#frase div p {
     margin:0;
     }
#frase div span {
     font-family:georgia;
     font-size:16px;
     font-style:italic;
     color:#aaaaa;
     }

#frase div em {
     color:#ff503b;
     font-family:arial;
     font-style:normal;
     font-weight:bold;
     font-size:10px;
     }

#social {
     width:268px;
     float:right;
     margin:0 70px 0 0;
     }
#social div {
     margin:0;
     }

/* ---------- rodape ----------------*/

#footer .copyright {
     font-family: Arial;
     font-size:9px;
     line-height:12px;
     padding-top:30px;
     }

#footer .copyright .claro{
     color:#aaaaaa;
     }

#footer .nome {
     text-transform: uppercase;
     margin-bottom:5px;
     color:#E75040;
     }

#rodapelogo {
     width:155px;
     float:left;
     height:90px;
     margin-bottom:15px;
     }

#rodapeconteudo {
     width:340px;
     float:left;
     height:90px;
     }

#rodapeconteudo #cont1 {
     padding:3px 0 10px 0;
     border-bottom:1px solid #cccccc;
     text-transform: uppercase;
     color:#E75040;
     }

#rodapeconteudo #cont2 {
     padding-top:10px;
     }

#rodapepastores {
     width:208px;
     float:left;
     height:90px;
     border-left:1px solid #cccccc;
     margin-left:20px;
     padding-left:20px;
     }
#rodapeproposito {
     width:145px;
     float:left;
     height:90px;
     }

.creditos  {
     border-top:1px #cccccc solid;
     margin-top:15px;
     padding-top:10px;
     width:885px;
     clear:both;
     }

/* ---------- post page -------------*/

#breadcrumb p {
     padding:20px 0 0 30px;
     }

.archive-spot .date {
     border-top:1px dotted #DDDDDD;
     padding:7px 0 15px;
     font-size:10px;
     }

.post ul li {
     line-height:13px;
     }

.pagespot .post img {
     margin:5px;
     } 

.pagespot .post img.wp-image-1466 {
     margin:0px 0px 20px;
     } 

.pagespot td {
     vertical-align:top;
     }

.alignright {
     margin-left:10px;
     }

.alignleft {
     margin-right:10px;
     }

#crp_related {
     }

#crp_related h4 {
     padding-bottom:0px;
     }

#crp_related ul li {
     padding: 0 0 0 16px;
     background:url("images/list-star-trans1.png") no-repeat scroll left top transparent;
     }

#crp_related ul li a {
     border-bottom: none;
     }

#crp_related ul li a:hover {
     color:#ffffff;
     background-color:#E75040;
     }

.addtoany_share_save_container a:hover {
     background:none;
     }

/* ---------- forms -------------*/

input, select, textarea {
     border:1px solid #000000;
     padding:2px
}

#footwidgets-front .widget-spot .widget div#uol input {
	width:95px;
	border:none;
	padding-left:22px;
	}
