/*
Css file: stylesheet.css
Version: 1.0
Description: Stylesheet for Pussydrinks.co.za website.
Author: Cuie&Co - Andy Walton - andy (at) cuieandco (dot) com
Author URI: http://cuieandco.com */

/* Created: 8 November 2009 (Last updated - 20 November 2009)
Designed for screen */

/* Global reset (clear it all)
----------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, img { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, abbr {
	border: 0;
}
address, caption, cite, code, dfn, h1, h2, h3, h4, h5, h6, th, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}
q:before, q:after { 
	content:'';
}
a {
	text-decoration: none;
}
a, a:link, a:visited, a:active, a:hover {
	outline: none;
}
* {
	margin: 0;
	padding: 0;
}

/* Typography
---------------------------------------------------------- */

blockquote {
	font: italic 16px/22px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
	padding: 0 0;
}
cite {
	font: normal 14px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	padding: 0;
}
h1 {
	color: #030303;	
	font: normal 14px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h2 {
	color: #030303;	
	font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h3 {
	color: #ec008c;
	font: normal 13px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h4 {
  	font: normal 12px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
h5 {
	font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 18px;
}
p {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
acronym {
	border-bottom: 1px dotted #a4a2a2;
	cursor: help;
}

/* Links
---------------------------------------------------------- */
a, a:link, a:visited {
	color: #858484;
	text-decoration: none;
}
a:active, a:hover {
	color: #ec008c;
	text-decoration: underline;
}
a.selected:link,
a.selected:visited {
	color:#001322;
	text-decoration:none;
	font-weight:bold;
}

/* Horizontal rules
---------------------------------------------------------- */
hr {
	border: 0;
	border-bottom: 1px dashed #d2d2d0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
	width: 100%;
}
hr.solid {
	border-bottom: 1px solid #d2d2d0;
}
hr.dotted {
	border-bottom: 1px dotted #d2d2d0;
}
hr.thick {
	border-bottom: 3px solid #d2d2d0;
}

/* Site
---------------------------------------------------------- */

/* General layout */
html {
	height: auto;
	min-height: 100%;
	overflow: -moz-scrollbars-vertical; /* Remove if you're worried about validation */
}
body {
	background-color: #030303;
	border: 0; /* Removes the border around the viewport in old versions of IE */
	color: #353434;
	font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin: 0;
	min-width: 960px;
	padding: 0;
	width: 100%;
}
#wrapper {
	background-color: #fff;
	border-top: 4px solid #ec008c;
	width: 100%;
}
.inner {
	clear: both;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	width: 960px;
}

/* Header */
#header {
	clear: both;
	height: 60px;
	padding: 10px 30px;
	margin: 0;
	width: 900px;
}

/* Navigation */
.navigation {
	clear: both;
	background: #fff;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 900px;
}
.navigation a.selected, .navigation a:hover {
	background: transparent none repeat scroll 0 0;
	color: #000;
}
.navigation dt em {
	float: left;
	display: block;
	height: 60px;
	margin-left: -3000px;
}
.navigation dt a, .navigation dt span {
	background: transparent url(../images/bg_navigation.png) no-repeat scroll 0 0;
	display: block;
	float: left;
	height: 60px;
}
/* Navigation - Home */
.navigation dt a.home, .navigation dt span.home {
	background-position: 0 0;
	width: 129px;
}
.navigation dt a:hover span.home, .navigation dt.selected a:hover span.home {
	background-position: 0 -60px; 
	width: 129px;
}
.navigation dt.selected a span.home {
	background-position: 0 -120px;
	width: 129px;
}
/* Navigation - About us */
.navigation dt a.about, .navigation dt span.about {
	background-position: -129px 0;
	width: 150px;
}
.navigation dt a:hover span.about, .navigation dt.selected a:hover span.about {
	background-position: -129px -60px;
	width: 150px;
}
.navigation dt.selected a span.about {
	background-position: -129px -120px;
	width: 150px;
}
/* Navigation - The Product */
.navigation dt a.the-product, .navigation dt span.the-product {
	background-position: -279px 0;
	width: 186px; 
}
.navigation dt a:hover span.the-product, .navigation dt.selected a:hover span.the-product {
	background-position: -279px -60px;
	width: 186px;
}
.navigation dt.selected a span.the-product {
	background-position: -279px -120px;
	width: 186px;
}
/* Navigation - Pussy Presents */
.navigation dt a.pussy-presents, .navigation dt span.pussy-presents {
	background-position: -465px 0;
	width: 200px; 
}
.navigation dt a:hover span.pussy-presents, .navigation dt.selected a:hover span.pussy-presents {
	background-position: -465px -60px;
	width: 200px;
}
.navigation dt.selected a span.pussy-presents {
	background-position: -465px -120px;
	width: 200px;
}
/* Navigation - Blog */
.navigation dt a.blog, .navigation dt span.blog {
	background-position: -665px 0;
	width: 105px; 
}
.navigation dt a:hover span.blog, .navigation dt.selected a:hover span.blog {
	background-position: -665px -60px;
	width: 105px;
}
.navigation dt.selected a span.blog {
	background-position: -665px -120px;
	width: 105px;
}
/* Navigation - Contact us */
.navigation dt a.contact, .navigation dt span.contact {
	background-position: -770px 0;
	width: 130px; 
}
.navigation dt a:hover span.contact, .navigation dt.selected a:hover span.contact {
	background-position: -770px -60px;
	width: 130px;
}
.navigation dt.selected a span.contact {
	background-position: -770px -120px;
	width: 130px;
}

#logo {
	background: transparent url(../images/logo_pussy_natural_energy_drink.png) top left no-repeat;
	display: block;
	float: left;
	height: 190px;
	margin: 0;
	width: 276px;

}
#logo a {
	display: block;
	height: 135px;
	margin: 0;
	width: 276px;
}
#logo h1 em {
	display: block;
	margin-left: -3000px;
}
#content.pages #logo, #content.blog #logo, #content.presents #logo {
	float: none;
}
/* Page Container */
#container {
	background-color: #fff;
	overflow: auto;
	margin: 0;
	padding: 0;
	width: 100%;	
}

/* Content */
#content {
	float: left;
	margin: 0;
	margin: 0;
	overflow: auto;
	padding: 0 0 0 30px;
	width: 588px;
}
#content.homepage {
	width: 276px;
	padding: 0 36px 0 30px;
}
#content.wide {
	float: none;
	width: 900px;
}
#content.pages {
	background: #fff url(../images/bg_pages.jpg) top right no-repeat;
	float: none;
	width: 900px;
}
#content.presents {
	background: #fff url(../images/sidebar_pack_shot.jpg) top right no-repeat;
	float: none;
	width: 900px;
	margin-bottom: 18px;
	overflow: hidden;
}
#content ul {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 18px 18px;
	text-indent: 0;
}
#content ol {
	list-style-type: decimal;
	list-style-position: outside;
	text-indent: 0;
	padding: 0 0 18px 18px;
}
#content li {
	padding-bottom: 0;
}
#content .tabs ul {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 18px 0;
	text-align: right;
	text-indent: 0;
}
.column {
	float: left;
}
.column.one { 
	width: 900px;
	min-height: 340px;
}
.column.two { 
	width: 432px;
	margin-right: 36px;
}
.column.three { 
	width: 276px;
	margin-right: 36px;
	min-height: 340px;
}
#footer .column.three {
	min-height: 180px;
}
.column.product-intro { 
	float: left;
	width: 164px;
	margin-right: 0;
}
.column.product-ingredients { 
	float: left;
	width: 496px;
}
.column.last {
	margin-right: 0;
}
.tabNavigation {
	width: 120px;
	float: left;
	margin-right: 18px;
}
.tabs strong {
	width: 150px;
	float: left;
	margin-right: 12px;
}
.tabs.img {
	float: right;
}

#showcase {
	float: left;
	height: 510px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 618px;
}
h2.headline {
	display: block;
	width: 250px;
	height: 45px;
	margin-bottom: 0;
}
h2.headline em {
	margin-left: -3000px;
}
h2.headline.blog {
	background: #fff url(../images/headline_blog.png) top left no-repeat;
}
h2.headline.about-us {
	background: #fff url(../images/headline_about_us.png) top left no-repeat;
}
h2.headline.the-product {
	background: #fff url(../images/headline_the_product.png) top left no-repeat;
}
h2.headline.pussy-presents {
	background: #fff url(../images/headline_pussy_presents.png) top left no-repeat;
}
h2.headline.contact {
	background: #fff url(../images/headline_contact.png) top left no-repeat;
}

/* Gallery */
.gallery-thumbnail {
	width: 172px;
	height: 128px;
	padding: 0 10px 10px 0;
	float: left;
}
.gallery-thumbnail a img {
	border: 1px solid #d2d2d0;
	padding: 2px;
}
.gallery-thumbnail a:hover img {
	border: 1px solid #ec008c;
}
.gallery-thumbnail.end {
	padding: 0 0 10px 0;
}
.gallery-thumbnail.albums {
	height: 144px;
	padding-bottom: 27px;	
}

/* Blog */
.post {
	width: 588px;
	overflow: auto;
}
.post-content h2 {
	font-size: 18px;
	line-height: 22px;
	color: #030303;
	text-transform: none;
	margin-bottom: 0;
}
.post-content h2 a, .post-content h2 a:link, .post-content h2 a:visited, .post-content h2 a:hover {
	color: #030303;
}
.post-date {
	background-color: #ec008c;
	color: #fff;
	display: block;
	clear: both;
	font: normal 12px/22px Verdana, Helvetica, Arial, sans-serif, serif;
	margin-bottom: 6px;
	padding: 4px 4px 4px 4px;	
	text-align: center;
	text-transform: none;
	width: 140px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}
.post-content {
	overflow: hidden;
	padding: 0;	
	width: 588px;
}
.post-content img {
	margin: 0;
	max-width: 586px;
}
.post-content.thumbnail img {
	max-width: 586px;
}
.column.three img.thumbnail, #sidebar img.thumbnail {
	height: auto;
	width: 276px;
}
.post-meta {
	color: #353434;
	font-size: 11px;
	font-style: italic;
}
.post-meta p {
	margin-bottom: 0;
}
.comments {
	float: left;
	width: 100%;	
}
.comment {
	border-top: 1px solid #a4a2a2; /* border colour */
	padding: 12px;
}
.comment h5 {
	color: #1196d7;
}
.alt {
	background-color: #fde7f4;
	padding: 12px;
}
.comment.last {
	margin-bottom: 18px;
}
.comment-meta {
	margin-top: 10px;
	text-align: right;
}

/* Sidebar */
#sidebar {
	float: left;
	margin: 0;
	overflow: auto;
	padding: 0 30px 18px 36px;
	width: 276px;
}
#sidebar ul li a, p.categories a {
	color: #030303;	
}
p.categories {
	padding-bottom: 6px;
	border-bottom: 1px dashed #d2d2d0;
}
#sidebar h3 {
	margin-bottom: 6px;
	text-transform: uppercase;
}
#sidebar ul {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0;
	padding: 0 0 18px 0;
}
#sidebar ol {
	list-style-type: decimal;
	list-style-position: outside;
	text-indent: 0;
	padding: 0 0 18px 18px;
}
#sidebar ul li {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #d2d2d0;	
}
#sidebar ol li {
	padding-bottom: 0;
}

/* Footer */
#footer {
	clear: both;
	color: #a0a0a0;
	font-size: 11px;
	margin: 0 auto;
	overflow: auto;
	padding: 18px 0 9px 0;
	width: 900px;
}
#footer a, #footer a:link, #footer a:visited {
	color: #a0a0a0;
	text-decoration: none;
}
#footer a:hover {
	color: #a0a0a0;
	text-decoration: underline;
}
#footer h3 {
	padding-top: 3px;
	margin-bottom: 12px;
}
#footer h3 a, #footer h3 a:link, #footer h3 a:visited {
	color: #ec008c;	
	text-decoration: none;
}
#footer h3 a:hover {
	color: #ec008c;
	text-decoration: underline;
}
#footer p {
	margin-bottom: 12px;
}
#footer ul li {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #a0a0a0;	
}
#footer-meta {
	clear: both;
	padding: 18px 0 9px 0;
}
#footer-meta, #footer-meta a, #footer-meta a:link, #footer-meta a:visited, #footer-meta a:hover {
	color: #484747;	
}
#copyright {
	float: left;
	text-align: left;
	width: 700px;
}
#by-cuie {
	float: right;
	text-align: right;
	width: 200px;
}

/* Styling classes */
.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}
.clearfix {
	clear: both;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.float-left {
	float: left;
	margin: 0 18px 0 0;	
}
.float-right {
	float: right;
	margin: 0 0 0 18px;	
}
.pic-no-float {
	border: 1px solid #d2d2d0;
	text-align: center;
	margin: 0 auto;
}
.pic-left {
	border: 1px solid #d2d2d0;
	float: left;
	margin: 0 18px 18px 0;
}
.pic-right {
	border: 1px solid #d2d2d0;
	float: right;
	margin: 0 0 18px 18px;
}
.pink, a.pink {
	color: #ec008c;
}

/* Forms */
#subscribe {
	background: #302f2e url(../images/bg_subscribe.png) top right no-repeat scroll;
	padding: 12px 18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}
#subscribe input {
	background-color: #fff;
	border: 1px solid #fff;
	color: #a4a2a2;
	font: normal 12px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin: 0 9px 9px 0;
	padding: 6px 4px;
	width: 158px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;		
}
#subscribe p {
	margin-bottom: 9px;
}
#subscribe span {
	padding: 0 12px 0 24px;
}
#subscribe span a, #subscribe span a:link, #subscribe span a:visited, #subscribe span a:hover {
	color: #a0a0a0;
}
#subscribe span.facebook {
	background: #302f2e url(../images/icon_facebook.png) top left no-repeat scroll;
}
#subscribe span.twitter {
	background: #302f2e url(../images/icon_twitter.png) top left no-repeat scroll;
}
button {
	background-color: #ec008c;
	border: none;
	color: #fff;
	font-size: 12px;
	margin: 0 0 9px 0;
	padding: 6px 4px;
	width: 90px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
button:hover {
	background-color: #fff;
	color: #ec008c;
}
#subscribe button {
	width: 60px;
}

input, select, textarea {
	background-color: #fff;
	border: 1px solid #d2d2d0;
	color: #363434;
	font: normal 12px/18px Verdana, Helvetica, Arial, sans-serif, serif;
	margin: 0;
	padding: 6px;
	width: 364px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
}
select {
	text-align: left;
	width: auto;
}
option {
	padding: 0 6px;
}
textarea {
	height: 200px;
	width: 538px;	
}
label {
	font-weight: normal;
}
.error {
	color: #ec008c;
	font-style: italic;	
}
fieldset {
	margin-bottom: 18px;
}
fieldset button {
	margin-bottom: 0;
}
#contact-form, #comment-form {
	border: 1px solid #d2d2d0;
	margin-bottom: 36px;
	padding: 18px 18px 0 18px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: auto;
}
#contact-form h3, #comment-form h3 {
	margin-bottom: 6px;
}
#contact-form button, #comment-form button {
	border: 1px solid #ec008c;
}
#contact-form button:hover, #comment-form button:hover {
	background-color: #fff;
	border: 1px solid #d2d2d0;
}
fieldset.recaptcha {
	margin-bottom: 0;
}
#recaptcha_area {
	margin-bottom: 0;
	width: 348px;
}
#recaptcha_area, #recaptcha_table {
	width: auto !important;
}
#recaptcha_image img {
	width: auto;
	height: inherit;
	border: none;
	margin-bottom: 27px;
}
#comment-form p {
	margin-bottom: 12px;	
}