/*
Theme Name: Clothesline Cleaners
Author: Dave Quintana / Defiantinteractive
http://www.defiantinteractive.org/

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html {overflow-y: scroll;}

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	border:0;

	font-size: 12px;
	background: #e9e9e9 url(/wp-content/themes/starkers/style/images/bg.jpg) repeat-x top left;

}


a, a:link, a:visited {
	color:#000;
        text-decoration:underline;
}
<!--
#nav a {
	text-decoration:none;
	color:#FFF;
        font-size:1.4ems;
        text-decoration:none;
        font-weight:bold;
}






#nav a:hover {
	color:#999;
}
-->

.twoColFixRtHdr #container {
	width: 918px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header {
	background: #fff;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 106px;
} 
#footer a {
	color: #333;
}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.clclogo {
	float: left;
}

.twoColFixRtHdr #mainContent {
	 margin: 0 365px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much  content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */


 
} 

.twoColFixRtHdr #mainContent2 {
	 margin: 0 270px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much  content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 
} 

#mainContent2 p {
          line-height:165%;
}

.twoColFixRtHdr #mainContent3 {
	 margin: 0 80px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much  content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

} 

#mainContent3 p {
        line-height:180%;
}

.twoColFixRtHdr #mainContent-ecobag {
	 margin: 0 20px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much  content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 




.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0px 10px 0px;
        margin-right:15px;
        height:315px;
  
        
}

.twoColFixRtHdr #about-sb {
	float: right; 
	width: 250px; 
        
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0px 10px 0px;

        height:360px;
  
        
}
.twoColFixRtHdr #about-sb li {
        margin:0px 10px 10px 30px;
width:250px;
}


.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	height: 270px;
} 
#footer p a {
	color: #333;
	text-decoration: underline;
}
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearleft {clear:left;}

#nav  {
	height: 72px;
	background-image: url(style/images/coolNav.jpg);
	width: 960px;
	margin-left: -20px;
}


/* Nav */

/* main navigation flyout menu */

.coolnav {
	height: 72px;
	background: url(style/images/coolNav.jpg);
	width: 960px;   
       z-index:100;
     margin:0;
padding:0;
       position:relative;
 
}

.coolnav ul {
       list-style:none;
       margin:0;
       font-weight:bold;    
}


.coolnav li   {
	color: #FFF;
	list-style-type: none;
	float: left;
        margin:0px 0px 16px 30px;
        font-size:1.4ems;
        font-weight:bold;
}

.coolnav a {
        display:block;
        color:#ffffff;
        margin:0;
        text-decoration:none;
        padding: 15px 28px 16px;
width:60px;
margin-left:10px;
margin-right: 10px;
 
}
li.current_page_item, li.test {
   background: #f00 url(/wp-content/themes/starkers/style/images/navCut.jpg) no-repeat top center;
}
li.current_page_item ul.children li a {background: none;background-color: #000;color: #fff;}
/*.coolnav a:active {
   background: #f00 url(/wp-content/themes/starkers/style/images/navCut.jpg) no-repeat top center;  
}*/

.coolnav a:hover {
        color:#fff;



}



.coolnav li {
        position:relative;
        float:left;
margin:0;
text-align: center !important;
}

.coolnav li a {
        font-size:14px;
        font-weight: bold;
        font-family:Georgia, Times New Roman;

}

.coolnav ul ul  {
        position:absolute;
        color:#999999;
 margin:0 0 0 -35px;
padding:0;
}

.coolnav li li a {
width:160px;
margin:0px;
padding: -15px;
}


.coolnav ul ul ul {
        position:absolute;
        color:#999999;
    
        top:0px;
   
}

div.coolnav ul ul ul, div.coolnav ul ul li:hover ul ul {
        display: none;
}

div.coolnav ul ul, div.coolnav ul li:hover ul ul, div.coolnav ul ul li:hover ul ul {
        display:none;

}

div.coolnav ul li:hover ul, div.coolnav ul ul li:hover ul, div.coolnav ul ul ul li:hover ul {
        display:block;
        background:#000;

        
}

div.coolnav ul ul li:hover ul, div.coolnav ul ul ul li:hover ul {
         display:block;
         background:#000; 

}




.sbSearch {
        border: solid 1px #000;
        margin-left:10px;
}


.cnleft {
	position: relative;
	right: 20px;
}
.cnright {
	position: relative;
	margin-left: 22px;
}
.connect-share  {
	float: right;
	list-style-type: none;
	text-align: center;
	margin-bottom: 0px;
}

.connect-share h2 {
        margin: 30px 20px 0px 0px;
}

.connect-share li {
        margin:-3px;
}

.supportIF {
	float: left;
	position: relative;
	width: 80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
}
.supportIF ul li { 
	list-style-type: none;
}
.servicesIF ul li {
}
.searchBox submit {
	background-color: #F00;
	border: medium solid #FFF;
	background-image: url(style/images/submitButton.jpg);
}
.aboutIF {
	float: left;
	width: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
}
.servicesIF {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 130px;
	float: left;
	font-size: 12px;
}
.associationsIF {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	width: 100px;
	font-size: 12px;
}
.redBowtie {
	float: left;
	margin: 20px 0px 0px -80px;
}
.contactFooter {
        margin-right:20px;
	text-align: right;
	font-size: 12px;
        z-index:50;
}
.aboutIF ul li {
	list-style-type: none;
}
.infoFooter {
	float: left;
	width: 550px;
	margin: 20px 20px 0px 20px;
        z-index:55;
}
.servicesIF ul li {
	list-style-type: none;
}
.newsSelector {
	list-style-type: none;
}
.newsSelector li {
	float: left;
	list-style-type: none;
	margin-right: 20px;
}
.connect-share li {
	list-style-type: none;
	float: left;
	margin-right: 5px;
}
.sbAds {
	width: 340px;
	height: 165px;
}

.sbAd1  p {
        color:#f00;
        font-weight:bold;
        font-size:17px;
        line-height:160%;
        margin: 40px 0px 0px 0px;
 }

 .sbAd2 p {
        color:#f00;
        font-weight:bold;
        font-size:17px;
        margin: 40px 0px 0px 0px;
        text-align:center;
        line-height:160%;
 }
.sbAd1 {
	width: 152px;
	background: #f00 url(style/images/bowtie-button.jpg) no-repeat;
	height: 165px;
	float: left;
	list-style-type: none;
	margin: 0px 10px;
        text-align:center;
}

.sbAd2 {
       width: 152px;
       background: #f00 url(style/images/bowtie-button.jpg) no-repeat;
       height: 165px;
       float:right;
       list-style-type: none;
       left:-10px;
  }
.searchBox {
	background-color: #000;
	height: 100px;
	width: 320px;
	margin: -10px 0px 0px 10px;
	color: fff;
	bottom: 15px;
}
.searchBox p {
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 140%;
}
#form1 {
	bottom: 15px;
}
.searchBox input {
	padding-bottom: 0px;
	padding-left: 0px;
}
.pricelistIF {
	float: left;
	width: 100px;
	font-size: 12px;
}

.submitButton {
	background:#f00;
	color:#FFF;
	border:solid 3px #FFF;
	margin-left: 10px;
}
#button {
	background-image: url(style/images/highlight.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: 75px;
	color: #FFF;
	margin-left: 20px;
}
.sbSearch {
	margin: -10px 0px 0px 10px;
        font-size:16px;
}

.hr {
	width: 915px;
        margin-left:-20px;
}


.hrule {
        margin:-90px 5px 15px -10px;
}

#bottom-content [ width:900px; position:relative;height: 5000px;}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}


#newsfeed {

      width: 795px;
/*margin:0px 20px 20px 540px;*/
margin: 0px 40px 20px 40px;

        height: 400px;
        border: solid 1px #666;
}

#quick-info-boxes {
float:left;
  width:625px;
        height:400px;
        margin:0px 12px 20px 12px;
        border: solid 1px #666;
}


/* Contains the entire tabbed section */
.tabbed {
	}

/* List of tabs */.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	margin: 0 2px 0 0;
	padding: 10px 12px;
	}
.tabbed ul.tabs li a:hover {
	}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	}

/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	display: none;
	}

/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}
.tabbed div div {
	}

.slider-wrap {
       background:#000 url(wp-content/themes/starkers/style/images/bg.png) no-repeat top left;
       width:500px;
       height: 340px;
       padding:10px 4px 0px 4px;
       margin:-5px;

       left:-5px;
       bottom:20px;

}

.eco-header {
 text-align:center;
float:left;
margin-top:10px;
width:620px;
}

.eco-header h3 {
      color:#f00;
      margin:20px 0px 20px 30px;
      font-size:16px;
}

.eco-header a {
      font-size:16px;
      font-weight:bold;
}

.eco1 {
     float:left;
}

.eco2 {
     float:right;

}


.eco-points {
float:right;   
  margin:30px 0px 20px 20px;
right:40px;
}

.eco-points h3 {
     font-weight:bold;
     color:#f00;
     font-size: 24px;
     text-align:center;
}

.eco-points ul {
     margin:20px 0px 40px 10px;
}

.eco-points li {
     list-style-type:disc;

     line-height:250%;
}

.about-p {
     margin-top: 20px;
}

.aboutpic1 {
      float:left;
      margin:10px;
}

.aboutpic2 {
      float:left;
      margin:10px;
}

.aboutpic3 {
     float:left;
     margin:10px;
}

.aboutpic4 {
float:left;
margin:10px;
}
.services li {
     float:left;
     text-align:center;
     margin: 10px;
}

.wedding-sb, .alterations-sb, .pickup-sb, .shirts-sb, .household-sb, .leathers-sb {
     width:250;
     float:right;
     height:298;
     margin:10px 0px 20px 30px;
}

.emp-sb {
     width:250;
     float:right;
     height:298;
     margin:60px 30px 20px 30px;
}

.gary, .keh, .keli, .facebook-c, .twitter-c {
         float:left;
          width:150px;
          height:175px;
         margin-right: 193px;

}

.facebook-c, .twitter-c {margin-top:40px;}

.garment-sb {
     width:250;
     float:right;
     height:298;
}

.garment-sb li a {
      background:#f00;
      color:#fff;
     margin:20px 30px 20px 30px;
}


.eco-sb {
     width:230px;
     float:right;
     height:298;
     margin:0px 0px 20px 0px;
right:84px;
 }



.garment img {
      margin:20px 10px;
}

.garment-sb li {
        margin:0px 10px 10px 30px;
}

.buy {
margin:40px 20px 10px 20px;
float:right;
}

.buy-info {
width: 600px;
float:left;
padding:40px 10px 40px 40px;
}

.buy-info p {
 line-height:165%;
margin-top:20px;
}

.about-sb {
	float: right; 
	width: 250px; 
	padding: 20px 20px 10px 0px;
        z-index:40;
}

.about-sb li, .about-sb a {
        background:#000;
        color:#fff;
  width:190px;
        padding: 10px 30px 10px 30px;
}

.about-sb li a {
       text-decoration:none;
}

.about-sb li a:hover {
         color:#f00;
         text-decoration:underline;
         width:250px;
}

.fb-sb {
       float:right;
       width:250px;

}

.fbwidget {
       right:20px;
}

#recommend, #well, #improve, #expectations, #experience {
        border:solid 1px #ccc;
}

#form1 {
  Margin:20px 0px 20px 0px;
  background:#eee;
  border: dashed 1px #ddd;
  padding:40px;
}

#experience-submit {
      float:right;
      background:#f00;
      width:80px;
      font-weight:bold;
      height:30px;
      color:#fff;
      margin:0px 20px 40px 0px;
}

.finisher, .operator, .route-driver, .csr, .inspector {
     float:left;
     width:750px;
     margin:20px;
     line-height:170%;
}

.ruler {
margin-left:-20px;

}

.contact-sb {width:900px;}
.store1 {float:left;margin:10px 40px 10px 20px;}
.store2 {float:left;margin:10px 20px 10px 20px;}
.simplepiesideblog {padding:20px 0px 0 0px;}
#newsfeed {padding:0px 20px 0 20px;}
#newsfeed h3 {padding-bottom:20px;}
#newsfeed li {padding-bottom:20px;}
#mc-embedded-subscribe {background:#f00 url(style/images/highlight.jpg) repeat-x;color:#fff;padding:5px 15px;font-weight:bold;}

#mce-EMAIL {margin-right: 1.0em;padding: .2em .3em;width: 65%;float: left;z-index: 999;}

#twitterfeed
{
	margin: 0 12px 0 689px;
}

a.Coupons:link, a.Coupons:active, a.Coupons:visited
{
	text-indent: -999em;
	background: url(images/coupons.png) no-repeat;
	display: block;
	width: 320px;
	height: 115px;
}
 a.Delivery:link, a.Delivery:visited, a.Delivery:active
{
	text-indent: -999em;
	display: block;
	background: url(images/delivery.png) no-repeat;
	width: 320px;
	height: 115px;
}

a.Coupons:hover, a.Delivery:hover
{
	background-position: -320px 0px;
}
li.page-item-155 a {margin: 0px 28px 0px 0px;position: relative;left: -5px;}