/*
Theme Name: Ward Chemical Inc. - Calcium Chloride
Theme URI: http://www.wardchem.com/
Description: Calcium Chloride Article <a href="http://www.wardchem.com/calciumchloridearticle/">Calcium Chloride</a>.
Version: 1.6
Author: Ward Chemical Inc.
Author URI: http://www.wardchem.com/
*/
	
	
	    *
		{
		border:none;
		margin:0;
		padding:0;
		}
		body
		{
		padding-bottom:1em;
		font:12px Trebuchet MS, Helvetica, Arial;
		background:url(http://www.wardchem.com/img/bodyBg.gif) repeat-x;
		}
		h1
		{
		font:bold 1.5em Georgia, "Times New Roman", Times, serif;		
		margin: 194px 0px 0 5px;
		padding:0 0 0 29px;
		background-color:#fff;
		color:#660000;
		border-bottom:1px solid #eaeaea;
		width: 772px;
		}
		h2
		{
        font:bold 1.2em Georgia, "Times New Roman", Times, serif;
		color:#660000;
		}
		p, h2
		{
        margin:1em 0 1em 0;
		}
		#footer
		{
		clear:both;
		
		font-size:.8em;
		background:url(http://www.wardchem.com/img/footerBg.gif) no-repeat;
		}
		#footer a
		{
		text-decoration:none;
		}
		#footer a:hover
		{
		text-decoration:underline;
		}
		#footer ul
		{
		margin-bottom:.25em;
		}
		#footer ul li
		{
		display:inline;
		padding:0 .5em 0 .5em;
		color:#665;
		}
		#footer ul#affils li, #footer ul#validation li
		{
		display:inline;
		padding:0;
		border-right:none;
		}
		#footer ul li a
		{
        color:#665;
		border-right:1px solid #fff;;
		}
		#footer ul li.lli a
		{
        border-right:none;
		}
		#footer ul#footerNav li
		{
		padding:0;
		line-height:24px;
		}
		#footer ul#footerNav li a
		{
		padding:0 4px 0 4px;
		font-weight:bold;
		color:#fff;
		}
		#footerNav
		{
        text-align:center;
		}
		#header
		{
		background:url(http://www.wardchem.com/img/headerBg.jpg) no-repeat;
		border-top:1px solid #717171;
		}
		#logo
		{
		float:left;
		margin-left:35px;
		}
		#main
		{
        width:530px;
		padding:0 8px 0 34px;
		overflow:hidden;
		}
		#main a
		{
		color:#9b6489;
		text-decoration:none;
		}
		#mainNav
		{
		display:inline;
		float:right;
		margin:4px 20px; 0 0;
		}
		#mainNav li
		{
		display:inline;
		}
		#mainNav li a
		{
		padding:0 6px 0 6px;
		font-weight:bold;
		text-decoration:none;
		color:#626262;
		border-right:1px solid #626262;
		}
		#mainNav li.lli a
		{
        border-right:none;
		}
	    #pageWrap
		{
		position:relative;
		width:811px;
        margin:auto;
		background:url(http://www.wardchem.com/img/contentBg.gif) no-repeat 0 195px;
		overflow:hidden;
		}
		#primary
		{
		float:left;
        width:49%;
		}
		#secondary
		{
		float:right;
        width:49%;
		}
		#sidebar
		{
		display:inline;
		float:right;
		width:209px;
		margin-right:22px;
		background-color:#eaeaea;
		overflow:hidden;
		}
		#sidebar ul
		{
		width:213px;
		padding:34px 0 15px 0;
		background-color:#eaeaea;
		}
		#sidebar ul#whatWeDo li.lli, #sidebar ul#whereAreWeLocated li.lli, #sidebar ul.howIsItUsed li.lli
		{
		background:none;
		}
		#sidebar ul li 
		{
        list-style:none;
		margin-left: 1.2em;
		}
		#sidebar ul li h2
		{
        margin-left: 18px;
		}		
		#sidebar ul li a
		{
        display:block;
        width:187px;
		padding:0 0 3px 26px;
        text-decoration:none;
		font-weight:bold;
		}
		#sidebar ul li ul
		{
		padding-top:0;
		}
		#sidebar ul li ul li
		{
		padding-top:0;
		/*border: 1px solid red;*/
		width: 170px;
		}
		#sidebar ul li ul li a
		{
		padding-top:0;
		/*border: 1px solid green;*/
		width: 140px;
		}
		
		#sidebar ul#whatWeDo
		{
		background:#eaeaea url(http://www.wardchem.com/img/menuTitle_do.gif) no-repeat;
		}
		#sidebar ul#whatWeDo li
		{
        background:url(http://www.wardchem.com/img/prodBg.gif) no-repeat left bottom;
		}
		#sidebar ul#whatWeDo li a
		{		
		color:#6e7f4a;		
		background:url(http://www.wardchem.com/img/prodBullet.jpg) no-repeat 0 50%;
		}
		#sidebar ul#whatWeDo li a:hover
		{
        color:#93a274;
		}
		#sidebar ul#whereAreWeLocated
		{
		background:#eaeaea url(http://www.wardchem.com/img/menuTitle_local.gif) no-repeat;
		}
		#sidebar ul#whereAreWeLocated li
		{
        background:url(http://www.wardchem.com/img/locBg.gif) no-repeat left bottom;
		}
		#sidebar ul#whereAreWeLocated li a
		{		
		color:#4a5e7f;		
		background:url(http://www.wardchem.com/img/locBullet.jpg) no-repeat 0 50%;
		}
		#sidebar ul#whereAreWeLocated li a:hover
		{
        color:#7e8ca2;
		}
		#sidebar ul.howIsItUsed
		{
		background:#eaeaea url(http://www.wardchem.com/img/menuTitle_used.gif) no-repeat;
		}
		#sidebar ul.howIsItUsed li span.descrip
		{
		display:block;
		margin:2px 12px 0 12px;
		padding:3px 0 3px 3px;
		font:bold 1em Trebuchet MS, Helvetica, Arial;
		color:#eaeaea;
        background-color:#683858;
		}
		#sidebar ul.howIsItUsed li ul li
		{
        background:url(http://www.wardchem.com/img/usedBg.gif) no-repeat left bottom;
		}
		#sidebar ul.howIsItUsed li a
		{		
		color:#7f4a6e;		
		background:url(http://www.wardchem.com/img/itemBullet.gif) no-repeat 0 50%;
		}
		#sidebar ul.howIsItUsed li a:hover, #sidebar ul.howIsItUsed li ul li a:hover
		{
        color:#a17292;
		}
		ul#solutions
		{
        width:782px;
		padding-top:70px;
		background:url(http://www.wardchem.com/img/labImg_1.jpg) no-repeat;
		overflow:hidden;
		}
		ul#solutions li
		{
		display:inline;
        float:left;
		margin-right:8px;
		font-size:1em;
		}
		ul#solutions li.sol_lli
		{
        margin-right:0;
		}
		ul#solutions li a
		{
		display:block;
		height:130px;
		width:168px;
		color:#fff;
		text-decoration:none;
		border:1px solid #fff;
		background-repeat:no-repeat;
		}
		ul#solutions li a:hover
		{ 
		color:#ccc;
		}
		ul#solutions li a strong
		{
		display:block;
		margin-top:108px;
		padding:3px 28px 3px 0;
		text-align:right;
		}
		ul#solutions li#production a
		{
        background-image:url(http://www.wardchem.com/img/homeBtn_prod.jpg);
		}
		ul#solutions li#location a
		{
        background-image:url(http://www.wardchem.com/img/homeBtn_local.jpg);
		}
		ul#solutions li#application a
		{
        background-image:url(http://www.wardchem.com/img/homeBtn_app.jpg);
		}
		#validation
		{
		margin-top:12px;
		text-align:center;
		}
		.nestedUl
		{
		margin:1em 0 1em 2em;
		}
		.nestedUl li
		{
		font-weight:bold;
		}
		.nestedUl li li
		{
		font-weight:normal;
		}
		
/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
	
	
/*	Begin Headers */

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */	
	
	

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/


