/*

Theme Name: Blue Ribbon Disposal

Description: A theme created for Blue Ribbon Disposal, CO

Author: Justin Kirscht with Just Incredible Design, LLC

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

version: 1.0

*/

/* basics */

body {

	height: 100%;

	background: #1d4986 url(images/clouds3_bg.png) top center no-repeat;

	background-attachment: fixed;

	font-family: Trebuchet MS;

	font-size: 13px;

	margin: 0;

	padding: 0;

}

#h1 {

	font-family: Times New Roman;

	font-weight: bold;

	font-size: 24px;

	}

img{ border: none; padding:0;

}

img a{border:none;}

img.left{ float: left; border: none; padding: 0 0 0 0;

}

img.right{ float: right; border: none; padding: 0 0 0 0;

}

blockquote{

	border-left:1px solid #A5ABAB;

	margin: 15px;

	padding:0 12px 0 12px;

}

code{

	font-family:"Courier New", Courier, monospace;

}

/* links */

a{

	color:#820303;

	text-decoration:none;

}

a:hover{text-decoration: underline;}

/* container */

#container {

	min-height: 100%;

	width: 960px;

	margin: 0 auto 0;

	padding: 0;

	overflow: hidden;

	border: 0px solid #cccccc;

	background: #c1ccdc;

}

#wrap {

        overflow:auto;

	overflow-x:hidden;

    	padding-bottom: 286px;

}  /* must be same height as the footer */

/* header */

#header {

	background: url(images/hdr_bg303.png);

	position: fixed !important;

	background-position: top center;

	width: 960px;

	margin-left: auto;

	margin-right: auto;

  	height: 129px;

	color: #000000;

	z-index: 4000;

}

#innerhdr {

	background: none;

	background-position: top center;

	width: 960px;

	margin-left: auto;

	margin-right: auto;

  	height: 129px;

	color: #000000;

}



#header a {

	color: #000000;

        

        

}

#header h1{

	font: Arial;

	font-weight: bold;

	font-size: 18pt; 

	align: center;

	color: #ffffff;

	padding: 0;

	margin: 0;

}

#header h1 a{color: #404040; font-family:Trebuchet MS; text-decoration: none;}

#header h1 a:hover{color: #666; text-decoration: none;}

#header h2{

	font:bold 18pt Trebuchet MS;

	color:#000066;

	padding: 0 30px 0 0;

	margin:0;

}

#logo {

	float:left;

	width: 300px;

	height: 110px;

        margin: 8px 0 0 2px;

	padding: 0 0 0 0;

}

#headercenter {

	float: left;

	width: 300px;

	height: 50px;

	margin-top: 5px;

	background: none;

}

#headerRight {

	float: right;

	width: 320px;

	height: 50px;

	background: none;

	font-family: Arial;

	font-size: 12pt;

	color: #ffffff;

	text-align: right;

	padding: 18px 10px 0 0;

}

/* main menu */

/* The container wrapping ul.dropdown */

#navwrap {

float:left;

position:fixed !important;

width:960px;

height: 20px;

margin: -91px -5px 0 284px;

text-transform: uppercase;

font-family: Trebuchet MS;

font-size: 1.125em;

color: #000000;

}

/* Top level Unordered list */

ul.dropdown {

list-style:none;

float:left;

width:960px;

margin: 0 0 6px 0;

padding: 0;

}

ul.dropdown  li{

float:left; /* makes horiz list */

margin: 0;

position:relative; /* hey Submenu ULs, appear below! */

}

ul.dropdown a {

padding: 13px 16px; /*space the items, occupy entire height too.*/

color: #000000;

text-decoration:none;

text-shadow:0 1px 0 #000;

line-height: 100%;

}

/* Style the link hover */

ul.dropdown li:hover a {

background: url(images/activemenbg.png) repeat-x;

}

 

/* Displays the link as blocks. */

ul.dropdown li ul a {

display:block;

}

 

/* sub menus!!  */

 

ul.dropdown ul {

list-style: none;

margin:0; /* Appear just below the hovering list */

padding:0;

width:200px; /* specify the width. */

position:absolute; /* needed */

z-index:5000; /* specify the order */

}

 

ul.dropdown li ul {

top:27px; /* Positioning:Calc with top level horz list height */

-moz-box-shadow:0 2px 10px #000; /* CSS 3 */

}

 

ul.dropdown ul ul {

top:0;

left:100%; /* Position the sub menus to right. */

}

 

ul.dropdown ul li {

float:none; /* umm.. Appear below the previous one. mmkay? */

}

 

/* Drop Down! */

 

/* Hide all the dropdowns (submenus) */

ul.dropdown ul,

ul.dropdown li:hover ul ul,

ul.dropdown ul li:hover ul ul

{ display: none; }

 

/* Display the submenus only when li are hovered */

ul.dropdown li:hover ul,

ul.dropdown ul li:hover ul ,

ul.dropdown ul li ul li:hover ul

{ display: block;}

 

ul.dropdown li * a:hover {

/* Change color of links when hovered */

background: #600;

background: -moz-linear-gradient( top, #200, #400); /* CSS 3 */

border-bottom:1px solid #900;

border-top:1px solid #222;

}

/* content */

#content {

	margin-left: auto;

	margin-right: auto;

	margin-top: 129px;

	width:720px;
        float: right;

	overflow: hidden;

	padding: 0;

        background: #ffffff;

}

#contentcentered {

	margin-left:auto;

	margin-right:auto;

	overflow: hidden;

	padding: 0;

}	

#slideshow {

	margin: 0;

	padding: 0;

}

.post {

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	line-height: 16pt;

}

.post h1 {

	font-family: Trebuchet MS;

	font-weight: bold;

	font-size: 26pt;

	text-align: left;

	line-height: 26pt;

	color: #333333;

	margin:0;

	padding: 0 20px 0 30px;

}

.post h2{

	font:normal 20pt Trebuchet MS;

        font-weight: bold;

	text-align: left;

	color: #002a69; 

	margin:0 0 0 10px;

	padding: 0 0 3px 2px;

}

.post h2 a{

	color: #000;

	text-decoration: none;

}

.post h2 a:hover{

	color: #777;

	text-decoration: none;

}

.post h3{

	font:normal 16pt Trebuchet MS;

        font-weight: bold;

        line-height: 115%;

	color: #cc0000;

	margin:0;

	padding: 0 40px 0 40px;

}

.post h3 a{

	color: #000;

	text-decoration: none;

	margin:0;

	padding: 0 0 0 20px;

}

.post h3 a:hover{

	color: #777;

	text-decoration: none;

}

.post h4{

	font:normal 14pt Trebuchet MS;

        font-weight: bold;

	padding: 0 40px 0 40px;

	color: #8c4003;

        line-height: 100%;

}

.post h5{

	font:normal 26pt Trebuchet MS;

        font-weight: bold;

        color: #680200;

        line-height: 100%;

}

.post ul {

	margin: 0px 0;

	font-family: Arial;

	font-size: 14pt;

	line-height: 110%; 

}

.post li {

	margin: 0px 30px;

	font-family: Arial;

	font-size: 12pt;

	line-height: 110%; 

}

.entry {

	margin-left:auto;

	margin-right:auto;

	padding: 0;

}

.entry p{

	margin-left:auto;

	margin-right:auto;

	font-family: Arial;

	font-size: 13pt;

	line-height: 112%;

	padding-left: 10px;

	padding-right: 10px;

}

.postmetadata{

	clear: both;

	background:none;

	padding:6px;

	margin: 20px 40px;

	font-size: 12px;

}

.navigation {

	font-size:13px;

	width:100%;

	float:left;

	margin:0 0 0 30px;

	padding:0;

	overflow:hidden;

}

.alignleft a{float:left; margin:0;}

.alignright a{float:right; margin:0;}

/* sidebar */

#sidebar {

	font-family: Arial;

	color: #000000;

	font-size:13px;

	width:240px;

	float:left;

	height: 100%;

	margin-left: auto;

	margin-right: auto;
        margin-top: 129px;

	padding: 0;
        background-color: #c1ccdc;

}

#sidebar h2{

	font-family: Trebuchet MS;

	font-size:22px;

	text-align: left;

	color: #ffffff;	

	margin: 10px 0px 5px 6px;

	padding: 0;

}

#sidebar h3{

	font-family: Trebuchet MS;

	font-size:22px;

	text-align: left;

	color: #550602;	

	margin: 10px 0px 5px 3px;

	padding: 0;

}

#sidebar h2 a{color: #550602; text-decoration: none; text-align: center;}

#sidebar h2 a:hover{color: #771611; text-decoration: none;}

#sidebar h3 a{color: #550602; text-decoration: none;}

#sidebar h3 a:hover{color: #771611; text-decoration: none;}

#sidebar h4{

	color: #550602;

	font-family: Trebuchet MS;

	font-size: 14pt; 

	text-decoration: underline; 

	text-align: left;

}

#sidebar h4 a {

	color: #000000;

	font-family: Arial;

	font-size: 12pt; 

	text-decoration: none; 

	text-align: left;

}

#sidebar label{

	font:normal 11pt arial, georgia, times;

	color: #000;	

	margin: 0;

	padding: 10px 0 10px 7px;

}

#sidebar p {

	font:normal 11pt arial;

	color: #000000;

	margin:0; 

	padding:0 0 0 2px;
}

#sidebar a {

	font:normal 12pt Arial;

	color: #550602;

	margin:0; 

	padding:0 0 0 20px;}

#sidebar img {

	padding: 4px 0 10px 0; 
	height: auto;
	image-align: left;

}
#sidebar img a {

	padding: 4px 0 10px 0; 

	image-align: left;
}

#sidebar ul {

	padding:5px 5px 5px 20px;

}

#sidebar ul li {

	font:normal 14pt Trebuchet;

	color: #000000;

	margin: 0px 10px 10px 2px;

	padding: 5px 5px 5px 10px;

	line-height: 14pt;

	list-style-type: none;

}

#sidebar ul li a {

	font:normal 12pt Arial;

	color: #550602;

	margin: 0;

	padding: 5px 5px 5px 2px;

	line-height: 12pt;

	list-style-type: none;

}

#sidebar ul ul {

	margin:5px 10px;

	padding: 0;

}

#sidebar ul ul li {

	list-style-type: none;

	margin: 0 6px; 

	padding: 0;

}

#sidebar ul ul ul{

	margin: 30px 0px 50px 0px;

	padding: 20;

}

#sidebar ul ul ul li{

	margin: 30px 0px 50px 0px;

	padding: 0;

	list-style-type: square;

	color: #898989;

}

/* comments */

#commentform{

	background:none;

	margin:0 40px;

	padding:0;

}

	

#commentform p{

	color: #000;

	margin: 0 35px;

}

	

#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}

	

#commentform h3{

	font-family: georgia, times, verdana;

	font-size: 10pt;

	font-weight: 300;

	color: #000;

	margin:0 35px;

	padding:0;

}

	

#comment{

	width:80%;

	margin: 0 0 0 35px;

}

#author, #email, #url, #comment, #submit{

	background: none;

	font-family: verdana, arial, times;

	font-size: 12px;

	margin:5px 0 0 35px;

	padding:0;

	border: 1px solid #000;

}

	

#submit{margin:5px 5px 0 30px;}

#comments{margin:30px 0 0 30px; padding:0}

	

ol.commentlist {list-style-type: none; margin:0 0 0 35px; padding:0;}

.avatar{float:left; margin:0 12px 0 35px;}

ol.commentlist li {

	background: none;

	margin:10px 40px;

	padding:5px 0 5px 10px;

	list-style-type:none;

}

ol.commentlist li.alt {background: none;}

ol.commentlist li p {margin: 6px 0 6px 35px; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	margin: 0 0 0 30px;

}

#nocomments {

	margin:  0 0 0 30px;

}

	

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* search */

#searchform{

	padding:0;

	margin:14px 0;

}

#searchform input#s{

	margin:0;

	padding:2px;

	border:1px solid #000;

}

	

	

/* misc */

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	padding: 0;

	margin: 0 0 2px 0;

	display: inline;

}

img.alignleft {

	padding: 0;

	margin: 0 0 2px 0;

	display: inline;

}

.alignright {

	float: right;

}

.alignleft {

	float: left

}

	

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background: none;

   padding-top: 4px;

   margin: 10px 0 0 30px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0 0 0 30px;

}

/* footer */

#footer {

	position: relative;

    margin-top: -286px; /* negative value of footer height */

    height: 286px;

    clear:all;

	font-family: Trebuchet MS;

	background: #333333 url(images/newftrbg.jpg);

	background-repeat: repeat-x;

	background-position: bottom left;

	width: 100%;

	

	color: #ffffff;

	overflow: hidden;

}

#footerinner {

width: 70%;

margin: 0 auto;

}

#footer a{color: #ffffff;text-decoration: underline;}

#footer a:hover{color: #cccccc;text-decoration: underline;}

#footerLeft {

	float: left;

	width: 30%;

        height:286px;

	margin: 0;

	padding: 20px 0 0 0;

}

#footerCenter {

	float: left;

	width: 40%;

	height:286px;

	margin: 0px 0 0 0;

	padding: 70px 0 10px 0;

}

#footerRight {

	float: right;

	width: 30%;

	text-align: right;

	margin: 0;

	padding: 20px 0 0 0;

}

#belowfooter {

width:960px;

text-align: center;

margin: 0 auto;

padding: 0 0 20px 0;

}

#bloghdrpic {

	margin: 0;

	padding: 0;

}

#tophomeimg {

	margin: 0;

	padding: 0;

}

#bttmhomeleft {

	float: left;

}

#bttmhomeright {

	float: right;

	padding: 0 25px 0 0;

}

#smftrtext {

font-family: Arial;

font-size: 10px;

color: #cccccc;

}

#smftrtext2 {

font-family: Arial;

font-size: 10px;

color: #999999;

}

#smftrtext2 a {

font-family: Arial;

font-size: 10px;

color: #999999;

}

#lefttextblock { 

   float: left;

   width: 410px;

}

#righttextblock {

    float: right;

    width: 400px;

}

#gmap {

margin: 0;

padding: 0 0 0 20px;

}

#fbftr_bttn {







  display: block;







  width: 73px;







  height: 73px;







  background: url(images/fb_sp.png) no-repeat 0 0;             







}











#fbftr_bttn:hover { 







  background-position: 0 -73px;



}











#fbftr_bttn span {







position: absolute;







  top: -999em;



}















#twftr_bttn {







  display: block;







  width: 73px;







  height: 73px;







  background: url(images/tw_sp.png) no-repeat 0 0;             







}











#twftr_bttn:hover { 







  background-position: 0 -73px;



}











#twftr_bttn span {







  position: absolute;







  top: -999em;

}



#postpiclg {

width: 100%;

}



#ImageBorder {

border-width: 1px;

    border-color: Black;

}
#signupform {
padding: 0 0 0 30px;
}

.pay-now-button {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 10px #7cacde;
}
.pay-now-button:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
}
.pay-now-button:active {
	position:relative;
	top:1px;
}