/*
Theme Name: Congressional Black Caucus
Theme URI: https://thecongressionalblackcaucus.com
Description: Custom WordPress theme for the Congressional Black Caucus. Designed and developed by Projects by CD2.
Version: 1.3
Author: Projects by CD2
Author URI: http://projectsbycd2.com
*/
@import url('css/format.css');
html,
body {
    background-color: #0D1B24;
    color: #FFF;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(img/page-background-2.jpg) no-repeat center top;
    background: url(img/page-background-2.jpg) no-repeat center top, url(img/bottom-background-page.jpg) no-repeat center bottom, url(img/background-repeat-2.jpg) repeat-y center;
}
body.home {
    background: url(img/index-background-2.jpg) no-repeat center top;
    background: url(img/index-background-2.jpg) no-repeat center top, url(img/bottom-background-2.jpg) no-repeat center bottom, url(img/background-repeat-2.jpg) repeat-y center top;
}
a:focus { outline: none }
#top {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    height: 38px;
    width: 100%;
    background: url(img/red-trans.png);
}
#sign-up { margin-right: 10px }
#sign-up,
#searchform { display: inline }
#top-content {
    margin: 8px auto;
    width: 969px;
    position: relative;
}
#social {
    position: absolute;
    top: 0;
    right: 10px;
}
	#social ul li {
	    display: inline;
	    margin-right: 10px;
	}
	#social ul li:last-child { margin-right: 0 }
#container {
    position: relative;
    width: 965px;
    margin: 0 auto;
    z-index: 2;
}
#header { height: 297px }
input.text {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
    border: none;
    width: 100px;
}
input.search { width: 120px }
#navigation {
    position: absolute;
    z-index: 100;
    top: 241px;
    left: 51px;
}
	#navigation ul li.last,
	#navigation ul li.last img { margin-right: 0 }
ul#dropdown {
    position: relative;
    z-index: 100;
}
	ul#dropdown li {
	    display: inline;
	    margin-right: 47px;
	    float: left;
	    height: 40px;
	}
.ie #dropdown img { margin-right: 46px }
.ie ul#dropdown li {
    float: none;
    position: relative;
    display: inline;
    margin-right: 0;
    height: auto !important;
}
#dropdown li ul {
    margin: -4px 0 0 0;
    padding: 0;
    position: absolute;
    width: auto;
    visibility: hidden;
    z-index: 200;
    border-bottom: 2px solid #FFF;
}
.ie #dropdown li ul {
    position: absolute;
    left: 0;
}
.ie7 #dropdown li ul { top: 40px }
.gecko #dropdown li ul { margin: -6px 0 }
#dropdown li ul li {
    float: none;
    margin: 0;
    display: inline;
}
.ie #dropdown li ul li { margin: 0 }
#dropdown li ul li a {
    width: auto;
    white-space: nowrap;
    display: block;
    float: none;
    padding: 5px;
    text-align: left;
    text-decoration: none;
    color: #FFF;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background: #0A1D28;
}
#dropdown li ul li a:hover {
    background: #536269;
    color: #FFF;
}
/* ACCORDION */
#accordion {
    position: absolute;
    top: 319px;
    left: 26px;
    width: 920px;
    overflow: hidden;
}
div.slide {
    position: relative;
    width: 498px;
    height: 222px;
}
	div.handle:hover { cursor: pointer }
	div.slide div.description {
	    font: .9em Verdana, Arial, Helvetica, sans-serif;
	    position: absolute;
	    bottom: 20px;
	    left: 0;
	    z-index: 2;
	    margin-right: 10px;
	    background: url(img/slide-background.png);
	    padding: 7px;
	}
.accordion { display: none }
.container { width: 100% }
	.container ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}
	.container li {
	    display: inline;
	    margin: 0px;
	    padding: 0px;
	}
.ie8 .container li {
    float: left;
    display: block;
}
.contentContainer {
    float: left;
    width: 0px;
    height: 222px;
    overflow: hidden;
}
.contentWrapper { }
.contentInnerWrapper { }
.ie8 .contentInnerWrapper { float: left }
.handle {
    float: left;
    width: 97px;
    height: 222px;
    margin: 0 5px 0 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.ie8 .handle { display: inline }
#below-accordion {
    position: absolute;
    top: 557px;
    left: 20px;
}
	#below-accordion img { float: left }
/* INDEX */
.home #main { height: 300px }
#main {
	overflow: hidden;
}
#index-content {
    position: absolute;
    left: 20px;
    top: 632px;
    width: 926px;
    display: table;
    font: .7em Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3em;
}
.gecko #index-content { display: block }
#index-corner {
    position: absolute;
    bottom: 4px;
    right: -16px;
    background: url(img/index-corner.png) no-repeat;
    width: 760px;
    height: 717px;
}
#index-content a { color: #FFF }
#index-content .row {
    clear: both;
    position: relative;
}
/* #col-1, #col-2 { border: 1px solid red } */
#col-1 {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden !important;
}
#col-2 {
    position: absolute;
    top: 0;
    right: 0;
}
#tweet-header,
#cbc-blog-header,
#row-3-header {
    width: 621px;
    height: 29px;
    margin-bottom: 15px;
    position: relative;
}
#tweet-header { background: url(img/tweet-header.jpg) no-repeat }
#cbc-blog-header { background: url(img/cbc-blog-header.jpg) no-repeat }
#row-3-header {
    background: url(img/row-3-header.jpg) no-repeat;
    margin-top: 15px;
}
#cbc-member-follow,
#cbc-follow,
#cbc-newsroom-more,
#cbc-blog-more,
#latest-photos-more {
    position: absolute;
    top: 7px;
}
#cbc-member-tweets,
#from-the-house-floor {
    vertical-align: top;
    width: 300px;
    padding-right: 35px;
}
#from-the-house-floor { width: 325px }
#index-content ul li {
    display: block;
    clear: both;
    margin-bottom: 15px;
}
div.thumb {
    float: left;
    clear: both;
    margin: 0 10px 5px 0;
}
#cbc-member-follow { left: 270px }
#cbc-follow { left: 555px }
#cbc-blog-more,
#latest-photos-more,
#cbc-newsroom-more { right: 12px }
#cbc-member-tweets,
#latest-cbc-tweets,
#cbc-newsroom,
#cbc-blog,
#from-the-house-floor,
#latest-photo,
.home #latest-video { display: table-cell }
	#cbc-blog img,
	#cbc-blog-sidebar .widget-content img { display: none }
	#cbc-blog p { margin-bottom: 1em }
#latest-cbc-tweets {
    width: 280px;
    padding-right: 40px;
}
.ie7 #latest-cbc-tweets,
.ie7 #latest-photo {
    position: absolute;
    top: 40px;
    left: 335px;
}
#cbc-newsroom {
    width: 246px;
    background: #FFF;
    padding: 8px;
}
#cbc-blog {
    width: 610px;
    margin-bottom: 15px;
}
	#cbc-blog h3 a {
	    font-size: 1.3em;
	    font-weight: bold;
	    text-decoration: none;
	}
	#cbc-blog h3 { margin-bottom: .8em }
.home #latest-video { width: 258px }
#col-2 .header {
    position: relative;
    width: 263px;
    height: 29px;
    margin-bottom: 15px;
}
#cbc-newsroom-header { background: url(img/cbc-newsroom-header.jpg) no-repeat }
#latest-video-header {
    margin-top: 15px;
    background: url(img/latest-video-header.jpg) no-repeat;
}
#latest-video-more {
    position: absolute;
    top: 7px;
    right: 12px;
}
/* CONTENT */
#content-wrapper {
    background: #9E9E9E;
    width: 590px;
    margin-top: 35px;
    margin-left: 28px;
    float: left;
}
#banner { padding: 3px 3px 0 3px }
#content {
    background: url(img/content-background-top.jpg) center top no-repeat, url(img/content-background-bottom.jpg) center bottom no-repeat, url(img/content-background-repeat.jpg) center repeat-y;
    height: 100%;
    font-size: .7em;
    min-height: 565px;
    padding: 8px;
    color: #000;
}
.ie8 #content,
.ie7 #content,
.ie6 #content { background: #FFF }
#content h3 { font-size: 1.1em }
h2.title {
    color: #000;
    margin-bottom: 1em;
}
#page-navigation {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}
#content .page-navigation {
    width: 100%;
    height: 20px;
    clear: both;
}
	#content .page-navigation a {
	    text-decoration: none;
	    font-weight: bold;
	    color: #000;
	}
#content .nav-previous { float: left }
table.directory {
    font-size: .7em;
    border: none !important;
}
	table.directory tr,
	table.directory tr td {
	    padding: 0 !important;
	    margin: 0 !important;
	    border: none !important;
	}
#content .nav-next { float: right }
#share {
    position: relative;
    background: url(img/share-background.jpg) no-repeat;
    width: 590px;
    height: 46px;
}
	#share ul {
	    position: absolute;
	    top: 15px;
	    right: 15px;
	}
		#share ul li {
		    display: inline;
		    margin-right: 5px;
		}
		#share ul li:last-child { margin-right: 0 }
/* SIDEBAR */
#sidebar {
    float: left;
    margin-top: 35px;
    margin-left: 50px;
    width: 266px;
    font: .7em Verdana, Arial, Helvetica, sans-serif;
}
	#sidebar p { margin-bottom: .8em }
	#sidebar a { color: #FFF }
	#sidebar .sidebar-more {
	    position: absolute;
	    top: 8px;
	    right: 10px;
	}
	#sidebar a.read-more { text-decoration: underline }
	#sidebar h3 {
	    font-size: 1.2em;
	    font-weight: bold;
	}
div.widget {
    width: 266px;
    margin-bottom: 10px;
}
div.widget-header {
    position: relative;
    width: 266px;
    height: 29px;
}
div.widget-content {
    width: 256px;
    padding: 0 5px 0 5px;
    margin: 10px 0 10px 0;
    line-height: 1.4em;
}
#facebook-sidebar {
    display: none;
    width: 246px;
    background: #FFF;
    padding: 8px;
}
#sidebar #cbc-blog-sidebar { background: url(img/sidebar-cbc-blog.jpg) no-repeat }
#sidebar #cbc-newsroom-sidebar { background: url(img/sidebar-cbc-newsroom.jpg) no-repeat }
.widget-content ul li { padding-bottom: 10px }
#sidebar #latest-video { background: url(img/sidebar-latest-video.jpg) no-repeat }
/* FOOTER */
#footer {
    position: absolute;
    left: 50%;
    width: 375px;
    margin-left: -187px;
    height: 33px;
}
.ie #footer { clear: both }
#footer ul li {
    display: inline;
    margin-right: 36px;
}
#footer ul li.last { margin-right: 0 }
/* CUSTOM */
.page-id-44 .image {
    background-position: center top;
    position: relative;
    width: 177px;
    height: 235px;
}
.page-id-44 .name {
    background: rgba(172, 45, 42, 0.8);
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 167px;
    color: #FFF;
    z-index: 1;
    font: 12px Arial, Helvetica, sans-serif;
}
.page-id-44 .image a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
input.wpcf7-text,
span.wpcf7-form-control-wrap textarea {
    border: 1px solid #CCC;
    width: 400px;
    padding: 3px;
}