/*  
Theme Name: HBA
Theme URI: http://www.njhba.org/
Description: Hispanic Bar Association of New Jersey Wordpress Theme
Version: 1.0
Author: Christian A. Seeber and Ash Haque
Author URI: http://www.geniusswitchstudio.com/
*/

/*============================================
	1: CSS Reset
==============================================*/

	html, body, * { margin: 0; padding: 0; }
	a { cursor: pointer; }
	a img, iframe { border: 0; }
	a:active, a:focus { outline: none; }
	h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
	ul, ol, dl, li, dt, dd { list-style: none; }
	form, fieldset { border: 0; }	
	legend { color: #000; }
	select { margin: inherit; }
	table { border-collapse: collapse; border: 0; }
	td, th, caption { font-size: 100%; font-weight: normal; text-align: left; }

/*============================================
	2: Main Structure
==============================================*/

	html { background: #b5beb8; }
	body { font: 62.5%/100% Arial, Helvetica, Sans-Serif; color: #3a3a3a; background: #fff url(images/bg_body.gif) top left repeat-x; text-align: center; }
	#container { width: 908px; margin: 0 auto; background: #fff url(images/bg_container.gif) top left repeat-x; text-align: left; position: relative; }
	#header { height: 147px; padding: 0 4px; }
	#main { padding: 4px 30px 45px 4px; }
	#main-inner { width: 100%; overflow: hidden; }
	#content { width: 574px; float: left; padding: 32px 0 0 24px; }
	#sidebar { width: 234px; float: right; }
	    .homepage #content { width: 580px; float: right; padding: 32px 18px 0 0; }
	    .homepage #sidebar { width: 234px; float: left; }
	#footer { height: 55px; background: url(images/bg_footer.gif) top left repeat-x; }
	#site-by { width: 100%; background: #b5beb8; padding-bottom: 100px; }
        .ddsg-wrapper p { display: none; }        


/*============================================
	3: Global Elements
==============================================*/

	a { color: #3a3a3a; text-decoration: none; }
	a:hover,
	a:active { color: #cb7f13; }
	blockquote { padding-left: 30px; }
	pre { margin-bottom: 1.5em; }
	code { font: 1.2em/1.8em "Courier New", Courier, mono; }
	hr { display: none; }

	h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color: #cb7f13; }

	h1 { font-size: 2.1em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }
	
	p { font-size: 1.2em; line-height: 1.4em; }
	
	.ir { position: relative; display: block; overflow: hidden; }
	.ir span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/*============================================
	4: Header
==============================================*/

	#header h1 { position: absolute; top: 22px; left: 44px; width: 119px; height: 152px; z-index: 99; }
	#header h1 a { width: 119px; height: 152px; }
	#header h1 a span { background: url(images/hispanic_bar_association.gif) top left no-repeat; }
	#header .top-section { height: 100px; text-align: right; }
	#header .top-section ul { float: right; padding-top: 20px; }
	#header .top-section ul li { float: left; padding-top: 5px; }
	#header .top-section ul li a { display: block; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 0 8px; background: url(images/separator_toplinks.gif) center right no-repeat; font-size: 1.1em; }
	#header .top-section ul li.last a { padding-right: 16px; background: none; }
	#header .top-section ul li.form-container { padding-top: 2px; width: 162px; }
	#header .top-section ul li #s { display: block; float: left; padding: 0 1px; border: 1px solid #c9c9c9; width: 105px; }
	#header .top-section ul li #searchsubmit { display: block; float: right; margin: 0 0 0 3px; }
	
	#header ul#nav { float: right; margin-right: 30px; display: inline; }
	#header ul#nav li { float: left; }
	#header ul#nav li a { display: block; font: 1.6em Georgia, serif; padding: 0 12px; background: url(images/separator_nav.gif) center right no-repeat; }
	#header ul#nav li.current a,
	#header ul#nav li.current_page_item a { color: #cb7f13; }
	#header ul#nav li.page-item-11 a { padding-right: 0; background: none; } /* The last item in the navigation */

/*============================================
	5: Graphic
==============================================*/

	#graphic { position: relative; }
	#transition-container { position: absolute; overflow: hidden; top: 0; left: 4px; width: 900px; height: 240px; z-index: 90; }
	#transition-container img { width: 900px; height: 240px; border: 0; }
	.graphic-inner { background: url(images/header_page.jpg) 4px 0 no-repeat; padding-left: 4px; min-height: 92px; height: auto !important; height: 92px; }
	.homepage .graphic-inner { height: 244px !important; border-bottom: 1px solid #e7e7e9; }

/*============================================
	6: Content
==============================================*/

	#content h1,
	#content h2,
	#content h3,
	#content h4 { display: block; line-height: 1.2; margin-bottom: 20px; }
	#content p,
	#content ul,
	#content ol { margin-bottom: 20px; }
	
	#content ul li,
	#content ol li { font-size: 1.2em; line-height: 1.4em; padding: 0 0 4px; }
	#content ul li { list-style-type: disc; margin-left: 30px; }
	#content ol li { list-style-type: decimal; margin-left: 30px; }
	#content ul li ul,
	#content ul li ol,
	#content ol li ol,
	#content ol li ul { margin: 5px 0 0; font-size: 0.8333em; }
	#content ul li p,
	#content ol li p { font-size: 1em; }
	
	#content p a { text-decoration: underline; }
	#content p a:hover { text-decoration: none; }
	
	#content h3 a { text-decoration: underline; }
	#content h3 a:hover { text-decoration: none; }
	
	#content .parent-title { width: 375px; height: 60px; position: absolute; top: 175px; right: 0; }
	#content .parent-title h2 { font: 3.6em Georgia, serif; padding-left: 35px; }
	#content .parent-title h2.length1 { font-size: 2.8em; padding: 2px 36px 0 0; text-align: right; }
	#content .parent-title h2.length2 { font-size: 2.8em; padding: 2px 36px 0 0; text-align: right; }
	#content .parent-title h2.length3 { font-size: 2.8em; padding: 2px 36px 0 0; text-align: right; }
	#content .parent-title h2.length4 { font-size: 2.8em; padding: 2px 36px 0 0; text-align: right; }
	
	
	#content .post { padding-bottom: 15px; height: auto; min-height: 300px; _height: 300px; }
	#content .post h2.post-title { color: #3a3a3a; font: 2em Georgia, serif; margin-bottom: 20px; }
	#content .post h2.post-title a { color: #3a3a3a; }
	#content .post h2.post-title a:hover { text-decoration: underline; }
	
	#content .navigation span { width: 49%; float: left; display: block; font: italic 1.4em Georgia, serif; }
	#content .navigation span.next-etnries { float: right; }
	#content .navigation a { display: block; padding: 0 0 30px; }
	
	#content .extras { border-top: 1px solid #ddded6; width: 100%; overflow: hidden; padding-top: 30px; }
	#content .extras h3 { font: 1.8em Georgia, serif; color: #959670; }
	#content .extras .join { width: 225px; float: left; }
	#content .extras .subscribe { width: 300px; float: right; }
	#content .extras .subscribe p { margin-bottom: 10px; }
	#content .extras .subscribe form #signup-submit { margin-bottom: -3px; }
	
        div.leadin {
                padding-bottom: 24px;
                font-size: 14px; line-height: 24px;
                }

                div.leadin a {
                        display: block;
                }

/*============================================
	7: Sidebars
==============================================*/

	#sidebar .homepage-sidebar { padding: 15px 0 0 6px; }
	#sidebar .homepage-sidebar .latest-news ul,
	#sidebar .homepage-sidebar .featured-sponsor { padding-left: 4px; }
	#sidebar .homepage-sidebar a { color: #cb7f13; }
	#sidebar .homepage-sidebar a:hover { text-decoration: underline; }
	
	#sidebar .homepage-sidebar .latest-news { margin: 24px 0 15px; }
	#sidebar .homepage-sidebar .latest-news h3 { font-size: 1.3em; color: #fff; padding: 5px; background: #22495E; display: block; margin: 0 0 15px; }
	#sidebar .homepage-sidebar .latest-news ul li { font-size: 1.1em; line-height: 1.2; padding: 0 0 15px; }
	
	#sidebar .featured-sponsor { width: 100%; overflow: hidden; }
	#sidebar .featured-sponsor h3 { font-size: 1em; font-weight: bold; text-transform: uppercase; display: block; padding: 12px 0 15px; color: #5791BD; }
	#sidebar .featured-sponsor img { float: left; margin: 0 15px 10px 0; }
	#sidebar .featured-sponsor p { font-size: 1.1em; }
	
	#sidebar .sidebar-content { padding-top: 0px; }
	#sidebar .sidebar-content img { margin-bottom: 10px; }
	#sidebar .sidebar-content p { margin-bottom: 18px; line-height: 1.6; color: #666; }
	
	#sidebar #subnav { position: relative; top: -2px; margin-bottom: 32px; padding-top: 24px; }
	#sidebar #subnav li { display: inline; }
	#sidebar #subnav li.page-item-25 ul { display: none; }
	#sidebar #subnav li a { display: block; border-bottom: 1px solid #c4c4c4; padding: 10px 0 10px 25px; background: url(images/icon_arrow.gif) 7px center no-repeat; font: 1.2em verdana, Arial, Helvetia, sans-serif; }
	#sidebar #subnav li.current_page_item a,
	#sidebar #subnav li.current-cat a { color: #cb7f13; }
	#sidebar #subnav li ul { border: 1px solid #fff; border-bottom: 1px solid #c4c4c4; padding: 15px 0 20px; margin: 0; }
	#sidebar #subnav li ul li a { border: 0; background: none; padding: 4px 0 4px 25px; font-size: 1.1em; letter-spacing: -0.25px; }
        
        #sidebar #subnav li.current_page_item ul, #sidebar #subnav li ul { position: relative; top: -12px; background: #fff; }	
        #sidebar #subnav li.current_page_item ul li a { color: #3a3a3a; }
	#sidebar #subnav li.current_page_item ul li a:hover,
	#sidebar #subnav li.current_page_item ul li.current_page_item { color: #cb7f13; }

/*============================================
	8: Footer
==============================================*/

	#footer p { padding: 18px 0 0 25px; font-size: 1.1em; }
	#footer p img { margin-bottom: -2px; }

	#site-by p { width: 900px; margin: 0 auto; text-align: left; }
	#site-by p a { width: 160px; height: 50px; }
	#site-by p a span {  background: url(images/site_by_genius.gif) top left no-repeat; }

/*============================================
	9: Miscellaneous
==============================================*/

	img.aligncenter, img[align="center"] {display: block; margin-left: auto; margin-right: auto; }
	img.alignleft, img[align="left"] { float: left; margin: 2px 15px 8px 0px; }
	img.alignright, img[align="right"] { float: right; margin: 2px 0px 8px 15px; }

        .kjo-link p {
                display: none; visibility: hidden;
        }

table h3 {
padding: 18px 0 0 0;
}

table td {
padding: 4px 8px 4px 0;
}