/*

Theme Name: clotamin

Theme URI: 

Description: Theme for new sites

Version: 1

Author: Andrew Vines

*/



/* body

--------------------------------------------------*/


body {

  margin:0;

  padding:10px 0;

  font-family: Verdana, Arial, sans-serif;

  font-size:85%;

  color:#000;

  background:#999 url(http://clotamin.com/sitefiles/wp-content/uploads/2009/08/bodyBGlogo.jpg) top left repeat;

}





body#commentspopup {padding:0;}



* html body {

	font-size:x-small; /* for IE5/Win */

	f\ont-size:small; /* for other IE versions */
	
}



/* wrap

--------------------------------------------------*/



#wrapper { 

	width:784px; 

	margin:0 auto;

	padding:0;

	text-align:left;

	border:1px solid #ccc;
	
	color:Black;

	background:#fff;

	}

	
/* text styles

--------------------------------------------------*/



h1, .h1{ font-size:22px; color:#000; line-height:30px; margin:0; margin-bottom:10px; padding:0; }

h2, .h2{ font-size:16px; color:#8b1818; line-height:22px; margin:25px 0 8px 0; padding:0; }

h3, .h3{ font-size:14px; color:#333; line-height:16px; margin:15px 0 10px 0; padding:0; }



p, ul, ol { font-size:100%; line-height:1.8em; }



a:link { color:#990000; background:transparent; }

a:visited { color:#990000; background:transparent; }

a:hover { color:#999; background:transparent; }

a:active { color:#990000; background:transparent; }


img.alignright { float:right; margin:10px 10px 10px 15px; border:3px double #999; }
img.alignleft { float:left; margin:10px 15px 10px 10px; border:3px double #999; }


div .hr {
  height: 15px;
  clear:both;
  margin:20px 0;
  background: #fff  url(http://clotamin.com/sitefiles/wp-content/uploads/2009/08/hpHR.jpg) no-repeat scroll center;
}
div .hr hr {
  display: none;
}



.date { font-size:10px; color:#666; background:transparent; }



/* layout

--------------------------------------------------*/



#header, #banner, #bannerInt, #content, #footer { float:left; width:100%; border:0px solid red; padding:0; margin:0; }



#content { padding-bottom:25px; }



.clearFooter { clear:both; margin:0; padding:0; border-bottom:0px solid #000;}





#logo { float:left; padding:0px 0; padding-left:15px; padding-top:15px; margin:0px; width:29.9%;  }



#utilities { float:right; width:60%; margin:0; padding:0; border-bottom:0px solid #e8e8e8; text-align:right; }

#utilities p { font-size:14px; font-weight:bold; margin:0; padding:6px 10px 0 0; }
#utilities p.small { font-size:11px; line-height:14px; font-weight:normal; margin:0; padding:3px 15px 0 0; }





/* nav

--------------------------------------------------*/



#nav { float:right; width:60%; margin:0; padding:0; margin-top:20px; border:0px solid yellow; }

#nav  li { float:left; list-style:none; width:auto; }



#nav li a { display:block; font-size:13px; font-weight:bold; margin:0 4px; color:#881d18; background:transparent; padding:6px 5px; }

#nav li a:visited { color:#881d18; background:transparent; }

#nav li a:hover { color:#999; text-decoration:none; background:transparent;  }

#nav li a:active { color:#881d18; background:transparent; }









.subNav, .subNav ul { padding:0; margin:15px 0 25px 0; list-style:none; }

.subNav li { font-size:85%; margin-bottom:1px; }



.subNav li a { width:96%; display:block; margin:0; padding:4px 2%; color:#881d18; background:#e7e7e7; text-decoration:none; }

.subNav li a:visited { color:#881d18; background:#e7e7e7; }

.subNav li a:hover { color:#fff; background:#999; text-decoration:none;  }

.subNav li a:active { color:#881d18; background:#e7e7e7; }



li h2.widgettitle a { background:#666;  }









/* banner

--------------------------------------------------*/



#banner { height:288px; background:#6f1e1b url(http://clotamin.com/sitefiles/wp-content/uploads/2009/08/bannerBG.jpg) top left no-repeat; }

#banner h2, #banner h3, #banner p { padding:5px 0px 5px 25px; margin:0; }

#banner h2 { font-size:22px; line-height:26px; color:White; margin-top:40px; }

#banner h3 { font-size:14px; line-height:19px; color:#ededed; text-transform:none; font-weight:normal;  }

#banner h3 a { color:#fff; background:transparent;}

#banner h3 a:visited { color:#fff; background:transparent;}

#banner h3 a:hover { color:#ccc; background:transparent;}

#banner h3 a:active { color:#fff; background:transparent; }


#banner p { font-size:16px; color:#ccc; margin-top:0px; margin-bottom:3px; padding:0; background:transparent;  }

#banner p a { color:white; background:transparent; }


a.bannerBuy { font-size:12px; font-weight:bold; background:#990000; padding:7px 8px; border:3px double #fff; text-decoration:none; }

a:hover.bannerBuy { font-size:14px; font-weight:bold; background:#999; color:#ccc; padding:7px 8px; border:3px double #fff; text-decoration:none; }



#bannerInt { height:187px; background:#6f1e1b url(http://clotamin.com/sitefiles/wp-content/uploads/2009/08/bannerInt.jpg) top left no-repeat; }

#bannerInt h2, #bannerInt p { padding:3px 0px 3px 25px; margin:0; background:none; }

#bannerInt h2 { font-size:18px; line-height:24px; color:White; margin-top:38px; }

#bannerInt p { font-size:12px; color:#ccc;  }

#bannerInt p a { color:white; }


/* footer

--------------------------------------------------*/



#footer { background:#cecdcd; color:#6e6d6d; text-align:center; font-size:10px; padding:8px 0; }

#footer a { color:#666; background:transparent; }

#footer a:visited { color:#666; background:transparent;  } 

#footer a:hover { color:#999; background:transparent;  } 

#footer a:active { color:#666; background:transparent;  }  



#footerLeft { float:left; width:30%; text-align:left; padding-left:10px; }

#footerRight { float:right; width:59%; text-align:right; padding-right:10px; }





/* content

--------------------------------------------------*/



.contentLeft { float:left; width:70%; }

.padding { padding:10px 20px; }



.contentBuy { float:left; width:100%; }

.contentBuy .padding { padding:10px 20px; }



.contentRight { float:right; width:29%; }

.contentRight .padding { padding:20px 10px 10px 5px; }



.sideBar { color:#000; background:#ccc url(../img/sbBG.gif) bottom right no-repeat; padding-bottom:15px; margin-bottom:15px; }

.sideBar h2 { font-size:11px; background:#a02525; color:White; padding:5px 8px; margin:0; margin-bottom:8px; border:0px solid #ccc; border-bottom:3px solid #ccc;  }

.sideBar h3 { font-size:11px; background:none; color:black; padding:5px 8px; margin:0; margin-bottom:8px; border:0px solid #ccc; border-bottom:3px solid #ccc;  }

.sideBar p { font-size:11px; padding:5px 10px; margin:0;  }



/* home

--------------------------------------------------*/



#contentHome { float:left; width:100%; }






/* homepage features

--------------------------------------------------*/

.homepageContent h2 { color:#981817; font-size:16px; font-weight:bold; margin:0; padding:0; }

.featureImage { width:200px; float:right; margin:0 0 15px 20px;  }
.featureImage img { border:3px double #666;} 

.featureImageAlt { width:200px; float:left; margin:0 20px 15px 0; }
.featureImageAlt img { border:3px double #666;  } 

.featureCaption { font-size:10px; color:#666; padding:0px 10px; margin:0; text-align:center;  }






/* questions

--------------------------------------------------*/



.question { font-family:"Times New Roman", Georgia, Serif; font-weight:bold; font-size:14px; font-style:normal; }

.answer { background:#e0e0e0; margin-bottom:45px; }

.answer p { padding:8px 15px; margin:0; font-size:80%; }





/* formula

--------------------------------------------------*/



.formula { width:80%; background:#ccc; }

.formula th { padding:5px 8px; font-size:12px; background:#911b18; color:White; }

.formula td { padding:3px 8px; font-size:11px; background:#ccc; border-bottom:1px dotted #fff; }







/* products

--------------------------------------------------*/



.products { width:100%; padding:8px; padding-bottom:15px; margin:0 auto; }

.products img { border:3px double #ccc; margin:5px 5px 15px 15px; float:right; }

.products h2, .products h3 { margin:0; padding:0; }



input.buy { background:#931a17; color:white; padding:5px 8px; text-decoration:none; border:3px double #fff; cursor:pointer; }





.button a { font-size:10px; background:#999; color:white; padding:5px 8px; text-decoration:none; border:3px double #fff; }

.button a:visited { background:#999; color:white; }

.button a:hover { background:#931a17; color:white; }

.button a:active { background:#999; color:white; }



.offer a { font-size:10px; background:#931a17; color:white; padding:5px 8px; text-decoration:none; border:3px double #fff; }

.offer a:visited { background:#931a17; color:white; }

.offer a:hover { background:#999; color:white; }

.offer a:active { background:#931a17; color:white; }







.center{text-align:center;}



.sidebar_nav li{list-style-type:none;}

.sideBar_body{padding:5px 0 1px;}

.sideBar h2{margin:0px;}

.superscript{font-size:xx-small; vertical-align:top;}


.call2action 
{
    background:#801918 url(../img/call2actionBG.gif) top left repeat-x; 
    color:#fff; 
    padding:12px 10px; 
    border:3px double #c24747; 
    font-size:14px;
    
    line-height:20px;
    margin-top:35px;
    }
.call2action a { color:#f3f3f3; font-weight:bold; }
.call2action a:visited { color:#f3f3f3; }
.call2action a:hover { color:#ccc; }
.call2action a:active { color:#f3f3f3; }


span.pdf a { background:url(../img/iconPDF.gif) top right no-repeat; padding-right:15px; }