/*
Theme Name: Pure Water 2 Go
Author: Dreamco Design

*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */

/* - BASIC STUFF - */
body {
font:14px Helvetica, Tahoma, Arial, sans-serif;
color:#2A6CA7;
margin:0 auto;
line-height: 20px;
background:url(images/water.png) no-repeat  top center fixed;
}
a {text-decoration:none; color:#ed871c;}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}
img {
	border: none;
}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {
	margin-left:5px;
	padding:0; 
	list-style-type: none;
	}

li.cat-item {
	list-style-type: none !important;
}


#branding-sidebar ul li {
	margin-left: 15px;
	padding-left: 10px;
	list-style-type: disc;
}


.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

.widget ul {
	font-size: 18px;
	margin-top: 20px;
}

.widget {
	margin-top: 20px;
}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-weight: normal;
color: #FB9325;
}

h2 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #a5c7e3;
}

h2.entry-title {font-size:180%;}

h2.home-title {
	color: #FB9325;
	font-size: 32px;
	border-bottom: none;
	padding-bottom: none;
}

h2.products-title {
	height: 175px;
	background: url(images/our-products-banner.jpg) no-repeat;
	background-position: bottom;
	color: #FB9325;
	font-size: 45px;
	line-height: 175px;
	padding-bottom: 0px;
	border: none;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 20px;
}

h2.retailer-title {
	height: 175px;
	background: url(images/retailer-title.jpg) no-repeat;
	background-position: bottom;
	color: #FB9325;
	font-size: 45px;
	line-height: 250px;
	padding-bottom: 0px;
	border: none;
	margin-left: 10px;
	padding-top: 20px;
}


h2.page-title{
	height: 95px;
	background: url(images/about-us-banner.jpg) no-repeat;
	color: #FB9325;
	font-size: 38px;
	line-height: 145px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #a5c7e3;
}

h2#search {
	margin-top: 20px;
}

h3.widgettitle {
	font-size: 32px;
	text-align: center;
	border-bottom: 1px dotted #a5c7e3;
	padding-bottom: 10px;
}



h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */

#short, #short2, .posts-wrap, .sidebar-wrap {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}


#short {
	width: 220px;
}

#short2 {
	width: 300px;
}

#product, #wide {
	width: 940px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #a5c7e3;
	font-size: 18px;
	line-height: 24px;
}

#product {
	padding-top: 20px;
	display: block;
}

.sidebar-wrap {
	width: 300px;
	margin-top: 35px;
}

.sidebar-wrap h2 {
	font-size: 24px;
	line-height: 32px;
}

#branding-sidebar {
	font-size: 18px;
	line-height: 32px;
}

.posts-wrap {
	width: 620px;
	}


a.icons-left {
	float:left; 
	margin-right:10px;
	display: block;
	padding-top: 135px;
	*padding-top: 114px;
	padding-left: 220px;
	
}

a.icons-right {
	float:right; 
	margin-left:10px;
	display: block;
	padding-top: 135px;
	*padding-top: 114px;
	padding-left: 220px;
	
}

a.icons, a.icons-left, a.icons-right {
	background: url(images/icons.png) no-repeat;
	text-indent:-9999px;
	display: block;
	position: relative;
}

a.icons {
	padding-top: 135px;
	padding-left: 220px;
}


a#bottles:hover {
	background-position: 0px -135px;
}


a#filters {
	background-position: -220px 0px;
}

a#filters:hover {
	background-position: -220px -135px;
}

a#biologicals {
	background-position: -440px 0px;
}

a#biologicals:hover {
	background-position: -440px -135px;
}

a#showfilters {
	background-position: -660px 0px;
}

a#showfilters:hover {
	background-position: -660px -135px;
}


#logo {
	margin-left:auto;
	margin-right:auto;
	background:url(images/logo.png) no-repeat;
	height:165px;
	width:350px;	
}

#nav {
	height:50px;
	background:url(images/navback.png) no-repeat;
}

#nav li {
	float:left;
}

#nav li a{
	padding:15px 31px;
	line-height:50px;
	font-size:16px;
	color:#ffffff;
	font-weight:300;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Calibri,Verdana,sans-serif;
}

#nav li a:hover {
	background: #3777b0;
	text-decoration:none;
}

#wrapper {
	background:url(images/body.png) repeat-x;
}
#content {
float:none;
clear:both;
margin:0 auto;
padding:0;
width:960px; 
background:#ffffff;
border-left: 1px solid #a5c7e3;
border-right: 1px solid #a5c7e3;
}

#homebottom {
	width: 700px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 30px;
	font-size: 18px;
	color: #2a6ca7;
	line-height: 30px;
}



#header {
width: 960px;
height:50px;
margin:0 auto;
text-align:center;
}

#main {
	background: url(images/homebottom_back.jpg) no-repeat bottom;
	*background-position: bottom;
	padding-bottom: 100px;
}

#footer {
height:70px;
overflow:hidden;
margin:20px auto 0;
clear:both;float:none;
padding: 20px 0;
background: #5796CE;
color: #ffffff;
font-size: 11px;
}

#footer a {
	color: #ffffff;
}

#footerleft {
	float: left;
	margin-left: 10px;
	
}

#footerright {
	float: right;
	margin-right: 10px;
	text-align: right;
}



/* -- POSTS -- */
.post-index {margin:20px 10px;}
#post-single {margin:0 0 20px;}


/* -- SIDEBARS --*/
.sidebar {width:99%;clear:none;}
.block-1 {float:left;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}