/*   
Theme Name: Hanger Bay
Theme URI: http://hangerbay.fxrdesign.com
Description: The CSS for Hanger Bay
Author: Francisco Ruiz
Author URI: http://www.fxrdesign.com
Version: 1.0
.
This theme is only for use by hangerbay.fxrdesign.com.
.
*/

/* Reset Styles */
html, body, div, p, h1, h2, h3, h4, h5, h6, img, ul, ol, li, table, tr, td{border: 0; font-weight: normal; margin: 0; padding: 0;}

/*Common Selectors*/
html, body{background-color: #fff; font-family: Tahoma, sans-serif; height: 100%; width: 100%;}
html{font-size: 100%}
body{font-size: .8em;}

header, nav, article, section, footer{display: block; overflow: hidden;}

/*Common Classes*/
.floatL{clear: none; float: left;}
.floatR{clear: none; float: right;}

/*Primary Styles*/
body{}
p{padding: .75em 0;}
#wrapper-header{background: url(images/bg/bg-body-top.jpg) top left repeat-x;}
#hd-page{background: #fff url(images/bg/bg-header-center.jpg) top center no-repeat; margin: 0 auto; padding: 0 10px 25px 0; width: 940px;}
	#hd-page hgroup{color: #fff; margin-top: 10px;}
	#hd-page h1{font-size: 2.6em; line-height: 1.2em; }
	#hd-page h2{font-size: 1.2em; margin-bottom: 4px;}
	
#nav-page{height: 31px; line-height: 25px; margin: 3px auto; padding: 0 10px; width: 940px;}
	#nav-page ul{list-style-type: none;}
		#nav-page ul li{display:inline-block; height: 31px; margin-right: 10px;}
		#nav-page a{color: #c00; font-size: 1.1em; display:inline-block; font-weight: bold; height: 31px; text-decoration: none; text-transform:uppercase;}
		
		#home #home-link, #nav-page li.current-cat{background: url(images/bg/bg-tab-right.jpg) top right no-repeat; font-weight: normal; margin-top: 1px; padding-right: 20px;}
		#home #home-link a, #nav-page li.current-cat a{background: url(images/bg/bg-tab-left.jpg) top left no-repeat; color: #333 !important; padding: 5px 10px 0 30px;}
		
#searchform{margin: 10px 30px 0 0;}
		#searchform input{border: 1px solid #c99; margin: 0; padding: 0px;}
		#s{background-color: #c33; border-right: none; color: #fff; font-size: 1.1em; height: 16px; width: 177px;}
		#searchsubmit{background: url(images/bg/bg-search-button.gif) top center no-repeat; height: 18px; width: 19px;}

#push-footer-down{background: #fff url(images/bg/bg-wrapper.jpg) top center repeat-y; min-height: 100%; position: relative;}
#wrapper{overflow:hidden; margin: 0 auto; padding-bottom: 115px; width: 938px;}
		
#sec-content{background: url(images/bg/bg-section.jpg) top right no-repeat, url(images/bg/bg-article.jpg) center right repeat-y; width: 660px;}
	.artl-post{margin: 10px 0;}
	.artl-post h1{font-size: 2em; margin-top: -.2em;}
	.artl-post h2{font-size: 1.1em;}
	.artl-post h3{color: #555; font: bold italic 1.2em "Georgia", serif;}
	.artl-post ul{list-style-type: disc; margin-left: 2em;}
	.artl-post ul li{padding: .3em 0;}
	#sec-content a{color: #c00; text-decoration: none;}
	.artl-post .post-banner, .artl-post .post-banner-feature{border:10px solid #000; height: 126px; margin: 0 1em .5em 0; overflow: hidden; text-align:center; width: 140px;}
	.artl-post .post-content, .artl-post .post-content-feature{margin: 10px 0; width: 460px;}
	.artl-post .post-banner-feature{width: 620px;}
	.artl-post .post-content-feature{margin: 10px 0; width: 640px;}
	.artl-post footer{color: #555; font-size: .85em;}
	
	#sec-content .post-divider{border-top: 1px solid #777; border-bottom: 1px solid #ccc; height: 0; margin: 12px 0; width: 660px;}

#sec-sidebar{/*background: #f6f6f6 url(images/bg/bg-sidebar.gif) top left repeat-x;*/ border-top: 1px solid #444; width: 278px;}
	#sec-sidebar ul{list-style-type: none; margin: 10px auto 0 auto; width: 244px;}
	#sec-sidebar ul li{padding: 5px 0; text-align: center;}
	#sec-sidebar h4{background: #000 url(images/bg/bg-sidebar-h4.jpg) top center no-repeat; color: #fff; font-size: 1.2em; height: 27px; line-height: 27px; width: 244px;}
	#sec-sidebar p{margin-bottom: .6em; text-align: left;}
	#sec-sidebar a{color: #c00; text-decoration: none;}

footer#page-footer{background: #000 url(images/bg/bg-footer.jpg) top center repeat-x; color: #fff; height: 120px; position: absolute; bottom: 0px; width: 100%}
	#sec-footer{background: url(images/bg/bg-footer-rhc.jpg) top right no-repeat; margin: 0 auto; width: 940px}
		.footer-link-group{padding: 12px 24px 12px 0;}
		.footer-link-group li{display: inline-block; margin: 2px 5px 0 0;}
		.footer-link-group a{color: #c00;}