/*
Theme Name: CCJBlog
Theme URI: http://hacklab.com.br/
Description: CCJBlog
Version: 1.1
Author: Hacklab
Author URI: http://hacklab.com.br/
*/

/*  = GENERAL
    --------------------------------------------------------------*/
    a {
        color: #333;
        text-decoration: none;
    }
    a:hover {
        text-decoration: underline
    }
/*  = END General
    --------------------------------------------------------------*/



/*  = HEADER
    --------------------------------------------------------------*/
    #header {
        margin-bottom: 9px;
        margin-top: 18px;
    }

    #header .search {
        background: #1A1A1A;
        display: table;
        margin: 0;
        padding: 2px;
    }
    #header .search input[type="text"],
    #header .search input[type="password"],
    #header .search input.text,
    #header .search input.title,
    #header .search textarea,
    #header .search select {
        margin: 0;
    }

    #header .search #searchform {
        position: relative;
    }

    #header .search #searchform #s {
    	border: 0;
    	width: 218px;
    	height: 20px;
    }
    #header .search #searchsubmit {
    	height: 0px;
    	overflow: hidden;
    	position: absolute;
    	border: 0;
    	cursor: pointer;
    	cursor: hand;
    	z-index: 3000;
    	background-image: url(images/back-search.png);
    	width: 16px;
        padding-top: 16px;
    	right: 5px;
    	top: 3px;
    }

    #header .ccj {
        background: #1A1A1A;
        display: table;
        float: left;
        margin-right: 10px;
        margin-top: 10px;
        padding: 2px;
        width: 186px;
    }

    #header .slideshow {
        background: #1A1A1A;
        display: table;
        margin-top: 10px;
        padding: 2px;
    }
/*  = END Header
    --------------------------------------------------------------*/



/*  = SIDEBAR
    --------------------------------------------------------------*/
    .sidebar {
        background: #1A1A1A;
        color: white;
        display: table;
        padding: 2px;
        text-transform: uppercase;
    }
    .sidebar h2 {
        background: #FF7800;
        color: white;
        font-size: 12px;
        font-weight: bold;
        line-height: 23px;
        margin-bottom: 0;
        padding: 0 7px;
    }
    .sidebar a {
        border-bottom: 1px solid #4D4D4D;
        color: white;
        display: block;
        padding: 2px 15px;
        text-decoration :none;
    }
    .sidebar a:hover {
        color: #FF7800;
    }
    .sidebar ul {
        cursor: pointer;
        font-size: 11px;
        margin: 0 0 9px 0;
        padding: 0;
    }
    .sidebar ul li {        
        list-style: none;
    }
    .sidebar ul.children {
        padding-left: 15px;
    }
	.sidebar .sub_cat_menu {
	    background: url(images/cat-arrows.png) 0px center;
		float: right;
	    height: 10px;
		margin-right: 1px;
		margin-top: 6px;
	    width: 14px;
	}

	.sidebar ul div ul.xoxo {
		margin: 9px 0;
	}
	.sidebar ul div ul.xoxo li,
	.sidebar ul div ul.xoxo li a {
	    border: none;
		display: inline;
	}
/*  = END Sidebar
    --------------------------------------------------------------*/
    
    
/*  = CATEGORIES MENU
    --------------------------------------------------------------*/
    .widget_categories ul.children {
        display: none;
    }

/*  = CATEGORIES MENU
    --------------------------------------------------------------*/


/*  = HOME
    --------------------------------------------------------------*/ 
    .highlight a {
        background: black;
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1000;
        filter:Alpha(opacity=40);
        opacity:0.4;
        -moz-opacity:0.4;
    }
    
    .highlight a:hover {
        filter:Alpha(opacity=0);
        opacity:0;
        -moz-opacity:0;
    }
    
    #cat_home_1 {
        background: black;
        border: 2px solid #1A1A1A;
        float: left;
        height: 189px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 306px;
    }
    
    #cat_home_2 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 189px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 266px;
    }
    
    #cat_home_3 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 183px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 286px;
    }
    
    #cat_home_4 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 183px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 306px;
    }
    
    #cat_home_5 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 149px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 306px;
    }
    
    #cat_home_6 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 149px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 266px;
    }
    
    #cat_home_7 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 179px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 286px;
    }
    
    #cat_home_8 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 179px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 306px;
    }
    
    #cat_home_9 {
        border: 2px solid #1A1A1A;
        float: left;
        height: 169px;
        margin-bottom: 10px;
        margin-right: 10px;
        position: relative;
        width: 557px;
    }

    
    .cat_home h2 {
        color: white;
        display: table;
        font-size: 18px;
        margin-bottom: 0;
        padding: 2px 6px;
    }
    
    .cat_home p {
        color: white;
        margin-bottom: 0px;
        padding: 2px 6px;
    }
    
    
    .cat_home .faixa {
        bottom: 0;
        position: absolute;
    }
    
    .newslist {
        background: white;
        padding-left: 20px;
        padding-top: 20px;
    }
    .newslist .news ul {
        list-style: none;
        padding-left: 0;
    }
    .newslist .news ul li {
        border-bottom: 1px solid #CCC;
        margin-bottom: 9px;        
    }
    .newslist h4 {
        margin-bottom: 9px;
    }
    .newslist .news .image {
        border: 2px solid #1A1A1A;
        height: 109px;
        margin-bottom: 9px;        
        margin-top: 4px;        
        overflow: hidden;
        width: 186px;        
    }
    .newslist .news-category {
        cursor: pointer;
        position: relative;
    }
    
    .newslist .news-category .arrow-down {
        background: url(images/arrows.png) 0px center;
        height: 10px;
        position: absolute;
        right: 5px;
        top: 25%;
        width: 14px;
    }
    
/*  = END Home
    --------------------------------------------------------------*/


/*  = ARCHIVE, CATEGORY, SINGLE
    --------------------------------------------------------------*/
    
    .breadcrumb .title {
        color: white;
        display: table-cell;
        font-size: 2.0em;
        padding: 0 10px;
        text-transform: uppercase;        
    }
    .breadcrumb .expand {
        color: white;
        cursor:pointer;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 0;
        text-transform: uppercase;
    }
    .content ul {
        list-style: none;
        margin-bottom: 10px;
        padding: 20px 20px 0 20px;
    }
    .content ul li {
        border: none;
        margin-bottom: 18px;
    }
    .content .newslist ul li {
        border-bottom: 1px solid #CCC;
    }
    .content .image {
        border: 2px solid #1A1A1A;
        float: left;
        height: 109px;
        margin-bottom: 1.5em;        
        overflow: hidden;
        width: 186px;
    }
    .content li.pagenav {
        border: none;
    }
    .content .servico {
        float: left;
        width: 406px;
    }
	.content .servico table {
		background: #FFF3DF;
	}
    .content .the_content .servico {
        clear: both;
        width: 100%;
    }
    .content .the_content .servico p {
        margin-bottom: 9px;
    }
    .content .servico span.lotado,
    .content .the_content .servico span.lotado {
        color: white;
        display: block;
    }
    .content .servico span.lotado {
        background: #777;
    }
    .content .servico span.lotado {
		font-weight: bold;
        margin-bottom: 5px;
        margin-top: 4px;
        padding:0 15px 3px 15px;
    }
    .content .the_content .servico span.lotado {
        float: right;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 0px;       
        padding: 3px 15px;
        text-align: right;
    }
    .content .the_content .servico table {
		background: #FFF3DF;
        padding: 0 20px 20px 20px;
    }
    .content .servico table tr td,
    .content .the_content .servico table tr td {
        border-bottom: 1px dotted #ccc;
        padding-left: 15px;
        vertical-align: top;
    }
    .content .servico table tr td.left,
    .content .the_content .servico table tr td.left {
        border-right: 1px dotted #ccc;
        vertical-align: top;
        width: 80px;
    }
    .content .the_content .servico table tr td h3 {
        margin: 0.5em 0;
    }
    .servico span.all-dates {
        font-weight: bold;
        cursor: pointer;
        position:relative;
    }
    .servico ul.quando {
        margin: 0;
        padding: 0;
    }
    .servico ul.quando ul,
    .servico ul.all_dates {
        margin-left: 18px;
        padding: 0;
    }
    .servico ul.all_dates li {
        margin-bottom: 6px;
    }
    .servico .arrows {
        position: absolute;
        top: 6px;
        right: -11px;
    }    
    .servico #up_arrow {
        display:none;
    }
    /* TanTanNoodles Flickr Plugin */
        .content .divflickr {
            border: 2px solid #FF7800;
            margin-bottom: 10px;
            padding: 20px;
        }
    
        .divflickr ul.albums-list {
            clear: both;
            padding: 0;
            text-align: center;
        }
        .divflickr ul.albums-list li.album {
            border: none;
            float: left;
            margin-bottom: 18px;
            margin-left: 9px;
            margin-right: 9px;
        }
        .divflickr ul.albums-list li.album div.image {
            border: 2px solid #CFCFCF;
            height: 110px;
            margin: 0px;
            width: 200px;
        }
        
        .teste {
            width: 220px; 
            height: 100px;
        }
        
        .divflickr #context {
            text-align: center;
        }
        .divflickr #context .nomore {
            border: 1px solid #CFCFCF;
            height: 68px;
            width: 68px;
        }
        .divflickr #context .info {            
            clear: both;
        }
        .divflickr .meta {
            border-bottom: 1px solid #CFCFCF;
            padding-bottom: 10px;
        }
        .divflickr #photoalbum-nav {
            border-bottom: 1px solid #CFCFCF;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
        .divflickr #photoalbum-nav a {
            background: #FF7800;
            color: white;
            font-weight: bold;
            padding: 3px 6px;
        }        
        .divflickr #highlight {
            border-bottom: 1px solid #CFCFCF;
            margin-bottom: 27px;
            padding-bottom: 13px;
        }
        .divflickr .comment {
            border-bottom: 1px dotted #CFCFCF;
        }
        .divflickr .comment img {            
            margin-bottom: 10px;
            margin-right: 10px;
            margin-top: 6px;
        }
        .divflickr .photos img {
            height: auto;
            width: 200px;
        }
        .divflickr .photos a.tt-flickr {
            border: 2px solid #CFCFCF;
            display: block;
            float: left;
            height: 110px;
            margin: 3px 7px;
            overflow: hidden;
            width: 200px;
        }
    /* END TanTanNoodles Flickr Plugin */

/*  = END Archive, Category, Single
    --------------------------------------------------------------*/
    
    
/*  = AGENDA
    --------------------------------------------------------------*/
    .divagenda {
        border: 2px solid #FF7800;
        margin-bottom: 10px;
        padding: 20px;
    }
    .divagenda .agenda-day {
        background: #1A1A1A;
        float: left;
        font-size: 18px;
        font-weight: bold;
        margin-right: 1px;
        text-align: center;
        width: 94px;
    }
    .divagenda .agenda-day a {
        background: #1A1A1A;
        color: white;
        display: block;
        width: 94px;
    }
    .divagenda .agenda-day a:hover {
        background: #666;
        text-decoration: none;        
    }        
    .divagenda .agenda-day span {
        display: block;
        font-size: 12px;
    }
    .divagenda .current a,
    .divagenda .current a:hover {
        background: #FF7800;
    }
    .divagenda .nav {
        background: #666666;
        margin-top: 1px;
        padding: 3px 0;
        width: 664px;
    }
    .divagenda #previous-week,
    .divagenda #agenda-period,
    .divagenda #next-week {
        float: left;
    }
    .divagenda #previous-week,
    .divagenda #next-week {
        width: 203px;
    }            
    .divagenda #agenda-period {
        text-align: center;
        width: 220px;
    }
    .divagenda #next-week {
        border-left: 1px solid white;
        text-align: right;
    }
    .divagenda #previous-week,
    .divagenda #next-week {
        padding: 0 9px;        
    }
    .divagenda #previous-week {
        border-right: 1px solid white;        
    }
    .divagenda #previous-week a,
    .divagenda #next-week a {
        color: white;
        font-weight: bold;
    }
    .divagenda #agenda-period button {
        background: none;
        border: none;
        color: white;
        cursor: pointer;
        font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 1px 0 0 0;
        padding: 0;
    }
    .divagenda #agenda-content {
        width: 664px;
    }
/*
    .divagenda #agenda-content .events-category {
        cursor: pointer;
        position: relative;
    }
    .divagenda #agenda-content .events-category .arrow-down {
        background: url(images/arrows.png) -14px center;
        height: 10px;
        position: absolute;
        right: 5px;
        top: 25%;
        width: 14px;
    }
*/    
    .divagenda #agenda-content ul {
        margim: 0;
        padding:0 20px;
    }
    .divagenda #agenda-content ul li h3 {
        margin-bottom: 9px;
    }
    .divagenda #agenda-content ul li p {
        padding: 0 15px;
    }
    .divagenda .ajax-loader {
        margin-bottom: 20px;
        text-align: center;
    }
    .divagenda .ajax-loader img {
        display: none;
        margin-top: 20px;
    }


/*  = END Agenda
    --------------------------------------------------------------*/

.main {
    background: transparent url(images/riverside.png) repeat-y scroll 50px 50%;
}

#footer {
	background-color: #1A1A1A;
	color: #FFF;
	height: 56px;
	line-height: 56px;
	margin: 0 90px;
	text-align: center;
}

#footer a {
    color: #FF7800;
}

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

/*  = WP ALIGN RULES
    ------------------------------------------------------ */
    .aligncenter, div.aligncenter {
       display: block;
       margin-left: auto;
       margin-right: auto;
    }
    .alignleft {
        float: left; 
        margin: 9px 9px 9px 0;
    }
    .alignright {
        float: right; 
        margin: 9px 0 9px 9px;
    }
/*  = END WP Align Rules
    ------------------------------------------------------ */


/*  = WP IMAGES WITH CAPTION
    ------------------------------------------------------ */
    .wp-caption {
       border: 1px solid #ddd;
       text-align: center;
       background-color: #f3f3f3;
       padding-top: 4px;
       margin: 10px;
       /* optional rounded corners for browsers that support it */
       -moz-border-radius: 3px;
       -khtml-border-radius: 3px;
       -webkit-border-radius: 3px;
       border-radius: 3px;
    }
    .wp-caption img {
       margin: 0;
       padding: 0;
       border: 0 none;
    }
    .wp-caption p.wp-caption-text {
       font-size: 11px;
       line-height: 17px;
       padding: 0 4px 5px;
       margin: 0;
    }
/*  = END WP Images With Caption
    ------------------------------------------------------ */



.page .content .breadcrumb .title {
    background: #FF7800;
}
.page .content ul.post {
    border: 2px solid #FF7800;
}

div.sociable {
    clear: both;
}