/*  

Theme Name: Byron

Theme URI: http://www.byronbuildingsupplies.com

Description: Theme for Byron Building Supplies
Version: 1.0

Author: James Beardmore

Author URI: http://www.pointydesign.com

TABLE OF CONTENTS

Inherited Styles

HTML Tags

Structure

Headers

 Content Styles

 Form Elements

 Footer



/* ---------- @ Inherited Styles -----------*/

@import url('css/nav.css');

@import url('css/posts.css');

/* ---------- @ HTML Tags -----------*/

* {

	margin:0;

	padding:0;

	outline:none;

	}















body,html {







	min-height:101%; /*Firefox scrollbar fix*/







	}



img { border-style: none; border-width: 0; }



dl { line-height: 170%; width: 300px; float: left; margin-bottom: 24px; }



dt { font-weight: bold; }



dd { padding-left: 30px; }



.clear { height: 0; clear: both; }







body { color: #2a2a2a; background-color: #fff; border-top: 4px solid #192d38; }















body, select, input, textarea { font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal;f;line-height: normal; ont-variant: normal; }







	







p {	







	margin: 15px 0;







	line-height:160%;







	}















a { color: #1063af; text-decoration: none; }















a:hover, a:active { color:#0f3c66; text-decoration: underline; }







	







hr {







	display: block;







	height:1px;







	background:#CCC;







	border:0;







	color:#CCC;







	}















table {







	border-collapse:collapse;







	width:100%;







	margin:15px 0;







	}















td {







	padding:4px 6px;







	border-top:1px solid #CCC;







	}















tr {







	background:#e3e3e3;







	}







	







table caption {







	background:#FFF;







	padding:2px 0;







	}	







	







blockquote { font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:0.03em; }







blockquote p { margin-top: 0; }







/* ---------- @ Structure -----------*/







.container_12







{ margin-left: auto; margin-right: auto; width: 984px; padding-bottom: 42px; }







.main { margin-top: 42px; }



.nopad { padding: 0; }



.topmargin { margin-top: 36px; }



.lowpad { padding-bottom: 30px; }



.lowmargin { margin-bottom: 48px; }



.toppad { padding-top: 36px; }



.grey { background-color: #cfe4f7;  }

.grey p, .grey h4 { text-shadow: 0px 1px 0px #eff7ff; }

.grid_4.vertborder { width: 302px !important; margin-right: 0; margin-left: 0; padding-right: 12px; padding-left: 12px; border-right: 1px solid #c5d2d9; border-left: 1px solid #c5d2d9; }



.pad { padding-right: 6px; padding-left: 6px; display: block; }



.grid_1, .grid_5th, .grid_2, .grid_3, .grid_4, .grid_45, .grid_5, .grid_6, .grid_65, .grid_7, .grid_75, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {







	display: inline;







	float: left;







	position:relative;







	margin-left: 12px;







	margin-right: 12px;







}







.container_12 .grid_1 {width: 58px;}



.container_12 .grid_5th { width: 172px; height: 172px; }



.container_12 .grid_2 {width: 140px;}







.container_12 .grid_3 {width: 222px;}







.container_12 .grid_4 {width: 304px;}







.container_12 .grid_45 { width: 356px; }







.container_12 .grid_5 { width: 386px; }







.container_12 .grid_6 { width: 468px; }







.container_12 .grid_65 { width: 512px; }







.container_12 .grid_7 {width: 550px;}



.container_12 .grid_75 { width: 580px; }



.container_12 .grid_8 {width: 632px;}







.container_12 .grid_9 {width: 714px;}







.container_12 .grid_10 {width: 796px;}







.container_12 .grid_11 {width: 878px;}







.container_12 .grid_12 { width: 960px; }







#masthead { background-image: none; background-attachment: scroll; background-position: 0 0; position: relative; width: 984px; height: 136px; z-index: 1; overflow:hidden; margin-right: auto; margin-left: auto; }







.headright { background-image: url(images/formaddress.jpg); background-repeat: no-repeat; background-position: left 60px; width: 470px; float: right; padding-bottom: 20px; }







.rightmenu { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; float: left; }







.rightmenu li { float: left; margin-left: 6px; display: block; }







.rightmenu li a { color: #323232; font-size: 13px; text-decoration: none; padding: 10px; display: block; }
.rightmenu li.member { font-size: 11px; background-image: url(images/ocpgroup2.gif); background-repeat: no-repeat; background-position: left center; text-indent: -9999px; width: 340px; height: 36px; }







.rightmenu li a:hover { text-decoration: underline; }







.rightmenu li.current a { background-color: #fff;}







#logo { font-weight: bold; font-style: normal; font-variant: normal; line-height: normal; text-indent: -9999px; position: relative; width: 184px; height: 107px; z-index: 100; float: left; margin-top: 16px; display: block; }







#logo a { background-image: url(images/logo.jpg); background-repeat: no-repeat; height: 107px; display: block; }







#branding { background-image: url(images/tagline.jpg); background-repeat: no-repeat; background-position: right bottom; float:left; width:508px; height: 106px; }







	







#content {







	width:565px;







	float:left







	}















#sidebar { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }















.left {







	float:left







	}















.right {







	float:right







	}







	







	







	







	







/* ---------- @ Headers -----------*/















h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; }



h1, h2 { color: #1c3d50; text-transform: uppercase; }

h2 { text-transform: uppercase; margin: 0 0 18px; }

.entry h2 { font-size: 24px; margin-top: 30px; margin-bottom: 0; }

.home h2 { color: #336988; }

span h2 { margin-bottom: 18px; }

h2.signuphead { color: #00517b; line-height: 160%; width: 714px; float: left; }

h2.posttitle, h1.posttitle { margin:0; font-size: 32px; text-transform: none; }
h2.posttitle a:hover { text-decoration: none; }
h2.pagetitle { color: #5b5b5b; text-transform: capitalize; border-bottom:1px solid #d7d7d7; padding-bottom: 12px; margin-bottom:20px; }

h3 { font-size: 22px; font-weight: bold; }



h3.fac, .entry h3.fac { font-size: 26px; font-weight: normal; line-height: 150%; }

h3.prod, .entry h3.prod { font-size: 24px; font-weight: normal; line-height: 140%; }

.center { text-align: center; }

h3.call { width: 330px; float: left; }



h3.ssm { font-size: 18px; }

.entry h3 {







	font:bold 1.6em Georgia, "Times New Roman", Times, serif;







	}

#sidebar h3 { border-bottom:1px solid #ccc; padding-bottom:5px; color:#5b5b5b; font: bold 22px Arial, Helvetica, sans-serif; letter-spacing:1px  ; margin: 0; }

h3#comments {







	margin:32px 0 12px;







	}

#respond h3, h3#comments, h3#trackbacks {







	margin:45px 0 20px;







	font-weight:bold;







	}

#sidebar h4 { font: bold 20px Georgia, "Times New Roman", Times, serif; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

h4 { font-size:1.3em; line-height: 150%; margin-bottom: 24px; }







	








h5 {







	font-weight: bold;








	font-size: 1.2em







	}















h6 {







	font-weight: bold;







	font-size: 1em;







	}































	







/* ---------- @ Content Styles -----------*/



.environment { width: 960px; margin: 30px auto -12px; }

.facility { margin: 30px auto -12px; width: 960px; }

.enviro { background-image: url(images/environmentlogo.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 140px; }



.entry .contact li { font-size: 16px; background-image: none; width: 550px; margin-bottom: 24px; padding: 0; display: inline-block; }



.entry .contact li span { width: 260px; height: 200px; float: right; }



.contact p { margin: 0; }



.contact li address { width: 260px; float: left; margin-left: 20px; }

.entry .productshowcase li { font-size: 17px; background-image: none; padding-top: 24px; padding-bottom: 24px; padding-left: 0; display:inline-block; border-bottom: 1px solid #e1e1e1; list-style-type: none; }

.entry .productshowcase { margin-top: 0; }

.entry .productshowcase li img { float: left; padding: 0; border: solid 4px #c6def4; }

.entry .productshowcase li p, .productshowcase h3 { width: 398px; float: left; margin-left: 12px; }

.productshowcase h3 { color: #1e4e70; font-size: 19px; }

/*--------------HOMEPAGE----------------*/

.askus { background-image: url(images/askus.jpg); background-repeat: no-repeat; background-position: left 0; text-indent: -9999px; width: 250px; height: 188px; display: block; }

.askus:hover { background-position: 0 -188px; }

.homewidget li { display: block; }



.locations { background-image: url(images/locations.gif); background-repeat: no-repeat; background-position: 0 20px; }



.home p, p.home { font-size: 18px; }



.homewidget li a { color: #2a2a2a; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; padding: 14px 28px 14px 8px; border-bottom: 1px solid #c4c4c4; display: block; }







.homewidget li a:hover { opacity:0.7; }



/*Misc*/







#description {







	font: italic 1.2em Georgia, "Times New Roman", Times, serif;







	color:#939393;







	margin:0;







	}







	







.commentcount {







	padding-left: 17px;







	background:url(images/bubble.gif) no-repeat;







	margin-left:14px;







	}















.more-link {







	display:block;







	margin-top:12px;







	clear:both







	}































/* Author Page*/















#writer {







	overflow:hidden;







	background:#f2f2f2;







	margin-bottom:20px;







	padding:16px;







	}















#writer p {







	margin-top:0;







	}







		







#writer .avatar {







	margin:4px 17px 7px 0







	}































/* Search and Archives*/















.search-highlight {







	background:#FFFF00	







	}















#comment_pagination {







	margin-top:22px;







	overflow:hidden;







	}















#archive_pagination {











	overflow: hidden;







	padding: 20px;







	text-align: center







	}







	







.current-numeric-page {







	padding: 5px 8px;







	}







	







#archive_pagination a, #archive_pagination a:visited {







	border:1px solid #CCC;







	padding: 5px 8px;







	text-decoration: none;







	}







	







#archive_pagination a:hover {







	background: #f5f5f5;







	}















#archive_pagination a:active {







	background:#e6e6e6;







	border-color:#bebebe;







	}







		







#comment_pagination div {







	float:left;







	margin-right:10px;







	}















a #icon-rss {







	border:none







	}















.archive #icon-rss {







	vertical-align: middle;







	margin-left:3px;







	}		







		







	















/*Sidebar and Widgets*/















.widget {







	margin-bottom:36px;







	overflow:hidden







	}







	







.widget li {







	list-style:none;







	border-bottom:1px solid #CCC;







	padding:6px 0;







	line-height:140%;







	}

.widget .productlist li { border-bottom-style: none; border-bottom-width: 0; }

.widget li a, .widget li a:visited { color:#111; text-decoration:none







	; padding-left: 24px; }















.widget li a:hover, .widget li a:active {







	color:#6d6d6d;







	}















.widget li.current_page_item a, .widget li.current_page_item a:visited, 







.widget li.current-cat a, .widget.current-cat a:visited { font-weight:bold







	; background-image: url(images/square.gif); background-repeat: no-repeat; background-position: 7px center; }















.widget li.current_page_item li a, .widget li.current_page_item li a:visited, 







.widget li.current-cat li a, .widget li-current-cat li a:visited {







	font-weight:normal;







	}







			







.widget li li {







	margin-left:34px;







	border:0;







	list-style:disc;







	}















#wp-calendar tr {







	background:#f2f2f2;







	}







	







#wp-calendar td {







	text-align:center;







	padding:3px;







	}	







	







#recentcomments {







	color: #787878;







	}















#recentcomments a, #recentcomments a:visited {







	font-style:italic







	}















#recentcomments a.url, #recentcomments a.url:visited {







	font-weight:bold;







	font-style:normal;







	}















a.rsswidget, a.rsswidget:visited {







	font-weight: bold







	}















.rssSummary {







	line-height:160%;







	}







	







#wp125adwrap_2c {







	overflow:hidden







	}















#wp125adwrap_2c .wp125ad {







	float:left;







	margin-right: 8px;







	}	















.wp125ad a img {







	border:none;







	}















#wp125adwrap_2c div+div {







	margin:0 !important;







	}







	







	







		







	







	







/* ---------- @ Form Elements -----------*/















.button 







{ -moz-border-radius:8px;



 -webkit-border-radius:8px;



  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);



   -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); 



   color:#675a11; font-size: 16px; 



   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 



   cursor:pointer; display:inline-block; 



   font-weight:bold; 



   line-height:1; 



   background: #e6c82a url(images/blend.png) repeat-x; 



   padding:12px 20px;



    position:relative;



    text-decoration:none; 



    text-transform: uppercase; 



    margin-bottom: 12px; 



    border: solid 1px #a79016; 



    text-shadow:0 1px 0 #faeea3











             }







.small{ font-size:16px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; }







.large{ font-size:20px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin-bottom: 18px; padding: 12px 18px; }







.huge { -moz-border-radius:12px 12px 12px 12px; -webkit-border-radius:5px 5px 5px 5px; font-size: 34px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 12px 22px; }







.center {  }







.button:hover { color: #675a11; background-color: #f7dd57; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration: none; }















.button:active { background-color: #e6c82a; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; }























#author, #email, #comment, #url, #searchfield {







	background:#FFF !important;







	padding:5px;







	border-width:1px;







	border-style:solid;







	border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d;







	}















#author, #email, #url {







	width:220px;







	}







#masthead .button { font-size: 16px; letter-spacing: 0; margin: 0; padding: 5px 12px; }







#commentform textarea {







	width: 98%;







	height:250px;







	}















#masthead #searchform { 



 -moz-box-shadow: inset 0 2px 4px #cacaca;



   -webkit-box-shadow: inset 0 2px 4px #cacaca; 



   float:right; text-align:right; margin-top: 72px; padding-top: 2px; padding-right: 8px; border: solid 1px #bebebe; }















#searchfield { background-color: transparent !important; width:220px; border: 0 transparent; }







	







#searchsubmit {







	vertical-align:top







	}		







	































/* ---------- @ Footer -----------*/



#footcon { background-image: url(images/foot.jpg); background-repeat: repeat-x; height: 244px; padding-top: 30px; }



.footernav { width: 960px; height: 40px; display: block; }



.footernav li {display:block; float:left; }



.footernav li.first a { border-left-style: none; border-left-width: 0; }



.footernav li a { color: #000; font-size: 17px; text-decoration: none; padding: 3px 10px; border-left: 1px solid #1b1b1b; display: block; }



#footer {

 text-shadow: 0px 1px 0px #576770;





	overflow:hidden;







	width:960px;







	margin:0 auto;







	color:#000;}



#footer a:hover, #footer a:active {







	color:#2a2a2a;







	}















#footer .left { background-image: url(images/footlogo.jpg); background-repeat: no-repeat; background-position: 0 0; float:left; width:600px; margin-top: 20px; padding-top: 120px; }















#footer .right { background-image: url(images/since74.jpg); background-repeat: no-repeat; background-position: right 20px; float:left; width:360px; text-align: right







	  ; height: 140px; padding: 0; display: block; }







	







#footer #icon-rss {







	vertical-align: middle;







	margin-right:5px;







	}



/*LOgin panel*/



#slide-panel{ background-color:#192d38; display:none; height:100px; margin:auto; }



.slide {width:950px; margin:auto;}



.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:normal;height:26px; padding:6px 0 4px;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#192d38; font-family:Arial;}



.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}



.formdetails { color:#fff; font-size:12px; width: 400px; float: left; margin-right: 36px; padding:5px; }



.formdetails input{ border:none; padding:2px 5px; background-color:#efefef; cursor: pointer; }



.loginregister {color:#999; padding:5px;}



.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}



.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}



.loginform ul li {display:inline;}



.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}







span.label { display:block; float:left; font-size:16px; margin-right:12px; text-align:right; width:74px !important; }



form.wpcf7-form {



margin-top:48px;



}



.txt {



border:solid 1px #85a2b8;



margin-bottom:8px;



padding:5px;



width:320px;

 -moz-box-shadow: inset 0 2px 4px #cacaca;



   -webkit-box-shadow: inset 0 2px 4px #cacaca; 



}



.txt:focus {



border:1px solid #9CD4FF;



}



.wpcf7 input.button { margin-top: 0; margin-left:86px; padding:7px 24px; }



input.button {



margin-top:8px;



padding:7px 24px;



}