/*
Theme Name: Puro Clean San Diego
Theme URI: http://binarym.com/
Description: The SanDiegoPuroClean.com Wordpress theme!
Version: 1.0a
Author: Sarah Fulka/Matt McInvale
Author URI: http://binarym.com/
*/

/* GLOBAL WIDTHS AND STYLES: Body, main width definitions, sidebar widths */

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;
	color: #333333; }
	
.content, .main, .content_bottom { 
	width: 945px; }

.content {
	margin: 10px auto 0 auto;
	padding: 0; }
	
.content_bottom {
	clear: both;
	height: 1px; 	}
	

/*typography*/

	
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #99003E; }
	
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #820033;}
	
a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #C3004D;}
	
h1 {
	font-size: 2.5em;
	margin: 1.0em 0em .2em 0em;
	padding: 0;
        height:20px;
        font-smooth:always;
	line-height: 1.2em;
	color: #A20033;
	letter-spacing: -.04em;
	font-weight: bold; }
	
h2 { /* posts */
	font-size: 20px;
	margin: 1.0em 0em .2em 0em;
	padding: 0;
        height:20px;
        font-smooth:always;
	line-height: 1.2em;
	color: #A20033;
	letter-spacing: -.04em;
	font-weight: bold; }

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;	}
	
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;	}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;	}
	
img {
	border: 0;	}
	
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em; 	}
	
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;	}
	
strong, b {
	font-weight: bold;	}
	
.smalltext {
	font-size: .8em;
	color: #666; }
	
	
/* MAIN ELEMENTS */

.header { 
	position: relative; }

.logo {
	position: relative;
	float: left;
	width: 441px;
	height: 128px;
	background: url(images/logo.gif) no-repeat;
	z-index:		-1; }

.logo h1 {
	text-indent: -1000em; overflow:hidden; }
	
.contact {
	position: relative;
	float:right;
	background: url(images/header.gif);
	height: 128px;
	width: 504px;
	z-index:		-1;	 }

.contact p {
	position: absolute;
	top: 50px;
	left: 243px;
	width: 250px;
	line-height: 1.4em;
	color: #fff; 	 }
	
.main {
	position: relative;
	padding: 0 15px;
	margin: 0; }
	
.blog {
	float: left;
	width: 620px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0 0 0; }
	
.blog img {
	padding: 3px;
	border: 1px solid #ccc;
}
	
img.alignleft {
	  float:left;
		margin: 5px 10px 10px 0; 
}
img.alignright {
	  float:right;
		margin: 5px 0 10px 10px; 	
}	
	
.blog h2 {
	background: url(images/article_title.jpg) no-repeat bottom;
	padding: 0px 0px 0px 0px; }
	
	
/* SIDEBAR ITEMS */
	
.sidebar {
	position: relative;	
	width: 260px;
	float: left;
	margin: 40px 0 0 35px;
	padding: 0 0px 0 0px; }
	
.sidebar .background {
      position:relative;
      left:-35px;
	
        height: 108px;
	width: 295px;
	padding: 20px 0 0 0;
}

.sidebar .background p {
	margin: 0 0 0 112px;
	padding: 0 10px 0 0; }
	
.sidebar .background h3 {
	margin: 0 0 0 110px;
	padding: 0 0 5px 0;
	background: none; }
	
.sidebar .background.quote {
	background: url(images/sidebar1.jpg) no-repeat; }

.searchbox {
	padding: 0 0 2px 3px; }

.searchbox input, .searchbox button {
	background-color: #FFF;
	color: #A9536C;
	padding: 3px;
	margin: 1px;
	border: 1px solid #ccc; }

.sidebar h3 {
	background: url(images/arrow.gif) no-repeat left top;
	height: 19px;
	padding: 0px 0 0 22px;
	margin: 5px 0px 10px 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #A20033; }

.sidebar p {
	margin: 0;
	padding: 0 15px 15px 0;
	color: #666;
	line-height: 1.4em; }

.sidebar ul {
	padding: 0px 0px;
	margin: 5px 15px;  }

.sidebar ul li  a:link {
	font-size: 1em;
	color: #BA064D; }

.sidebar ul li  a:visited {
	color: #645033; }

p#testimonial {
  font-size:110%;
}
p#testimonial strong {
  display:block;
  text-align:right;
}
	

/* NAV */

.navContainer {
	position: relative;
	width: 945px;
	background: url(images/nav.jpg);
	height: 83px;
	padding: 0;
	margin: 0; }

.nav {
	position: relative;
	padding: 15px 0px 0px 0px;
	margin: 0;
	line-height: normal;
}
	
 
	
/* FOOTER */

.footer {
	position: relative;
	color: #666;
	margin: 0 auto;
	width: 945px;
	height: 50px;
	padding: 10px 0 0 0;
	background: url(images/footer.jpg) no-repeat; }
	
.footer a:link, .footer a:visited {
	color: #666; }
	
.footer p {
	font-size: .9em;
	padding: 10px 0 0 20px;
	margin: 0; }

.pointer {
    cursor:pointer;
  }


p.binarym {
  padding:10px 10px 0 0;
  font-size:80%;
  float:right;
}
p.binarym a, p.binarym a:visited {
  color:#eee;
  text-decoration:none;
}
p.binarym a strong {
  color:#ccc;
}
p.binarym a strong span {
  color:#966;
}
p.binarym a:hover {
  color:#333;
}
p.binarym a:hover strong {
  color:#000;
}
p.binarym a:hover strong span {
  color:#c00;
}