/*   
Theme Name: MuddAndWater
Theme URI: http://www.muddandwater.com/
Description: Mudd And Water - Ethical, Organic Clothing
Author: Matt Walker
Author URI: http://www.zammer.co.uk
Version: 1.0
.
General comments/License Statement if any.
.
*/

* {
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 100%;
}

body {
  background-color: #FFFFFF;
  background-image: url(images/bg.jpg);
  background-position: top left;
  background-repeat: repeat;
  color: #000;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: .8em;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  text-align: center;
}

h2 {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom:10px;
}

p {
	margin-bottom:10px;
	}

#outerOuterWrapper {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 820px;
  background:url(images/shadow_02.png) top left repeat-y;
}

#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 800px;
}

#outerWrapper #header {
	background:url(images/mudd_&_water_logo.png) no-repeat;
	left:20px;
  	height: 50px;
 	padding: 10px;
}

#outerWrapper #header h1{
 text-indent:-10000px;
}

#outerWrapper #topNavigation {
  height: 25px;
  padding: 0 10px 0 35px;
}

#home #outerWrapper #topNavigation {
  height: 25px;
  padding: 0 10px 10px 35px;
}

#outerWrapper #topNavigation ul{
	list-style:none;
}

#outerWrapper #topNavigation li{
	float:left;
}

#outerWrapper #topNavigation li a{
	padding:0 10px;
	font-size:1.2em;
	color:#000000;
	text-decoration:none;
}

#outerWrapper #topNavigation li a:hover{
	color:#a8005b;
	text-decoration:underline;
}

#outerWrapper #contentWrapper {
  padding: 20px 0 0 0;

}

#outerWrapper #contentWrapper #content {
  margin: 0 0 0 0;
  padding: 0 10px 0 45px;
	width:470px;
	float:left;
}

#outerWrapper #contentWrapper #content a{
  color:#000000;
  text-decoration:none;
}

#outerWrapper #contentWrapper #content a:hover{
  color:#a8005b;
  text-decoration:underline;
}

#outerWrapper #contentWrapper #content #flashDiv{
  margin: 0 0 15px 0;
}

#outerWrapper #contentWrapper #content .posted{
	background-color:#EFEFEF;
	padding:7px 0 1px 5px;
	margin-bottom:20px;
}

#outerWrapper #contentWrapper #sidebar{
  margin: 0 0 0 0;
  padding: 0 45px 0 5px;
	width:220px;
	float:right;
}

#outerWrapper #contentWrapper #sidebar h2{
  display:block;
	background: url(images/headbg.jpg) top left repeat;
	padding:5px 10px;
	margin:0;
	border-bottom: #999 1px solid;
}

#outerWrapper #sidebar ul{
	list-style:none;
	margin-bottom:20px;	
	color:#333;
	}

#outerWrapper #sidebar li a{
	padding:0 10px;
	font-size:.8em;
	color:#333;
	text-decoration:none;
	display:block;
	padding:5px 10px;
	background:#EFEFEF ;
	border-bottom: #CCC 1px solid;
	border-top:#fff 1px solid;
}

#outerWrapper #sidebar li a:hover{
	background-color:#E9E8E4;

}

#outerWrapper #respond textarea{
	width:350px;

}



#outerWrapper #footer {
	clear:both;
  padding: 0 45px 10px;
  font-size:.8em;
  margin-top:20px;
}

#outerWrapper #footer p.top{
  border-top: #171314 1px solid;
  padding-top:10px;
  margin-bottom:5px;
}


#home .homepg {
	color:#a8005b;
	text-decoration: underline;
	}
	
#about .aboutpg {
	color:#a8005b;
	text-decoration:underline;
	}

.leftImg {
	margin-right:10px;
	margin-bottom:10px;
	}
	
.rightImg {
	margin-bottom:10px;
	}
	
.livepg {
	color:#a8005b;
	text-decoration:underline;
	}
	
.pagination {
	float:right;
	margin-top:-30px;
	}
	
.products {
	float:left;
	width:141px;
	height:190px;
	margin-top:30px;
	}
	
.products p{
	text-align:center;
	margin-top:5px;
	font-size:0.9em;
	}
	
.products a img{
	border:none;
	}
	
.indProducts {
	width:100%;
	margin-top:30px;
	}
	
.indProductImg {
	float:left;
	width:200px;
	height:250px;
	}
	
.indProducts p{
	text-align:center;
	font-size:.8em;
	margin-top:5px;
	}
	
.indProducts a img{
	border:none;
	}
	
.indProductText {
		margin-top:20px;
		text-align: left;
		float:right;
		width:510px;
	}

.indProductText p{	
	text-align:left;
	margin-left:20px;
	}
	
#gallery {
	visibility:hidden;
	}
	
#sizingTable {
	width:265px;
	height:280px;
	background-color: #ffffff;
	padding:10px;
	float:right;
	margin-top:160px;
	margin-right:20px;
	}
	
#sizingTable h3{
	color:#a8005b;
	margin-bottom:5px;
	}
	
#sizingTable p{
	font-size:.7em;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#sizingTable table{
	font-size:10px;
	margin:10px 0 15px 10px;
	width:240px;
	text-align:center;
	border:#999999 1px solid;
	border-collapse:collapse;
	}
	
#sizingTable table th{
	background-color:#b0a392;
	color:#FFFFFF;
	padding:2px;
	}
	
#sizingTable table tr{
	height:20px;
	border-bottom:1px #999999 solid;
	}

#sizing{
	background-image:url(../images/sizing_pg_img.jpg);
	width:713px;
	height:479px;
	margin-top:20px;
	}
	
#contactLeft {
	margin-top:10px;
	width:360px;
	height:480px;
	float:left;
	}
	
#contactRight {
	margin-top:10px;
	width:320px;
	height:440px;
	float:right;
	background-color:#f2f2f2;
	padding:20px 10px 20px 20px;
	}
	
input, textarea {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#contactRight p{
	font-size:.8em;
	}
	
#contactRight p.add{
	font-size:.8em;
	margin-bottom:2px;
	}
	
#contactRight h3{
	margin-bottom:5px;
	margin-top:10px;
	border-bottom: #999999 1px solid;
	padding:5px 0;
	}
	
#contactRight p label{
	display:block;
	float:left;
	width:80px;
	}
	
.white {
	background-color:#FFFFFF !important;
	}
	
h1 {
	letter-spacing:-2px;
	}
	

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/


.detailname {
	visibility:hidden;
	}
	
.detaildescription{
	margin-bottom:10px;
	font-size:.9em;
	padding-right:30px;
	}
	
.detailprice {
	margin-bottom:10px;
	}
	
.checkoutbutton {
	margin-right:30px;
	}
	
.prodoption{
	margin-bottom:5px;
	}
	
hr {
	margin:10px 0;
	}
	
.buybutton {
	font-size:.9em;
	}