/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/


/* Webinar Registration Page ID */
body.pageid-347 div#footer-container {display: none;}


/* Search Form in Nav Bar */
body.custom div#top-search {background: url(images/search.png) no-repeat 0px 10px; padding-left: 70px; overflow: hidden; width: 200px; display: inline; float: right;}
body.custom form#top-search {display: inline; float: right; }
body.custom form#top-search input {display: inline; width: 200px; margin-right: 20px; margin-top:7px; border: 1px solid #000;}


/* Center Sidebar & Widget Titles */
body.custom ul.sidebar .widget-title, body.custom .leap-top {text-align: center;}
/* Center post entry titles on blog index */
body.custom h1.entry-title {text-align: center;}
body.custom h1.entry-title a {text-align: center;}
/* Center page entry titles */
body.custom h1.page-title {text-align: center;}
body.custom h1.page-title a {text-align: center;}


/* Style thumbnails from 25x25 to 125x125 */
body.custom div.small-post div.post-image {width: 125px; height: 125px;}
body.custom div.small-post div.post-image img {width: 125px; height: 125px;}  


/* Hide redundant thumbnail on the single post */
body.custom div.post div.post-image {display: none;}
body.custom div.small-post div.post-image {display: block;}


/* Hide breadcrumbs on pages */
body.page div#breadcrumbs, body.page div#breadcrumbs-container {display: none;}