/*
Theme Name: Wormabit
Description: Wormabit website theme.
Version: 1.0
Author: Coded Design
Author URI: http://www.coded-design.com.au/
Tags: fixed width, right sidebar, two columns
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Arial, Helvetica, sans-serif; background: #e2e2e2; color: #353535; }

p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }
table { empty-cells:show; }
blockquote { padding: 10px; background: #f9f9f9; border: 1px solid #e6e6e6; font-size: .9em; text-align: center; margin-bottom: 15px; }
blockquote p { margin: 0;  }

/* END RESET*/

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.bold { font-weight: bold; }
/* END TOOLBOX */

/* WORDPRESS IMAGES */

img.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* STRUCTURE */
#page-wrap {
  width: 948px;
  margin: 0 auto;
  background: url(images/content_bg.gif) repeat-y;
}
/* END STRUCTURE */

#header {
	width: 948px;
	height: 80px;
}

#logo {
	width: 252px;
	position: relative;
	left: 43px;
	top: 14px;
	float: left;
}

#menu {
	width: 471px;
	float: right;
	list-style: none;
	position: relative;
	right: 48px;
	top: 36px;
}

#menu ul li {
	display: inline;	
}

#menu ul li a {
	height: 44px;
	display: inline-block;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
}

#menu ul li.home a {
	width: 91px;
	height: 44px;
	background: url(images/menu_home.gif) no-repeat;
}

#menu ul li.about a {
	width: 90px;
	height: 44px;
	background: url(images/menu_about.gif) no-repeat;
}

#menu ul li.gallery a {
	width: 94px;
	height: 44px;
	background: url(images/menu_gallery.gif) no-repeat;
}

#menu ul li.order a {
	width: 88px;
	height: 44px;
	background: url(images/menu_order.gif) no-repeat;
}

#menu ul li.contact a {
	width: 108px;
	height: 44px;
	background: url(images/menu_contact.gif) no-repeat;
}

#menu ul li a:hover {
	background-position: 0 -44px;
}

#banner {
	width: 948px;
	height: 341px;
}

#banner-top {
	width: 948px;
	height: 171px;
	background: url(images/banner_top.jpg) no-repeat;
}

#banner-top h1 {
	display: none;	
}

#banner-list {
	width: 350px;
	position: relative;
	left: 65px;
	top: 78px;
	font-size: 2em;
	font-style: italic;
	color: #6f6f6f;
	float: left;
	line-height: 1.5em;
}

#banner-buttons {
	width: 247px;
	float: right;
	position: relative;
	right: 275px;
	top: 95px;
}

#button1 {
	width: 247px;
	height: 32px;
	background: url(images/see_it_in_action.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

#button2 {
	width: 247px;
	height: 32px;
	background: url(images/order_online_now.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	position: relative;
	top: 5px;
}

#button1:hover, #button2:hover {
	width: 247px;
	height: 32px;
	background-position: 0 -32px;
}

#banner-bottom {
	width: 948px;
	height: 170px;
	background: url(images/banner_bottom.jpg) no-repeat;
}

#banner-paragraph {
	width: 595px;
	color: #FFF;
	position: relative;
	left: 63px;
	top: 18px;
	font-weight: bold;
	font-size: 1.1em;
}

#banner-paragraph p {
	margin-bottom: .8em;
}

#page-banner {
	width: 948px;
	height: 357px;
	background: url(images/page_banner.jpg) no-repeat;
}

#banner-shadow {
	width: 948px;
	height: 16px;
	background: url(images/banner_shadow.gif) no-repeat;	
}

/* Begin Content */

#content {
	width: 948px;
	padding-bottom: 20px;
}

h1 { color: #4f4f4f; font-size: 3.3em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h2 { color: #46166b; font-size: 2.5em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h3 { color: #313131; font-size: 2.3em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h4 { color: #313131; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h5 { color: #313131; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }
h6 { color: #313131; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; }

/* Begin Post */

#post {
	width: 640px;
	position: relative;
	left: 65px;
	margin-top: -305px;
	float: left;
	min-height: 310px;
	height: auto !important;
	height: 310px;
}

#home-post {
	width: 860px;
	position: relative;
	left: 45px;
}

#post p, #home-post p {
	font-size: 1.3em;	
}

#post h2 a:link, #post h2 a:visited, #post h2 a:hover {
	color: #46166b;
	text-decoration: none;
	font-weight: bold;
}

#post a:link, #post a:visited {
	color: #4b779c;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
}

#post a:hover {
	color: #4b779c;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}

#post img {
	padding: 4px;
	border: 1px solid #dddddd;
}

#post ul {
	margin-bottom: 20px;
	color: #353535;
	font-size: 1.3em;
}

#post ul li {
	margin: 5px 0 5px 40px;
	line-height: 1.5em;
}

/* Begin Sidebar */

#sidebar {
	width: 185px;
	float: right;
	position: relative;
	right: 20px;
	top: 10px;
	
}

#sidebar h2 {
	font-size: 1.3em;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
}

#sidebar ul {
	list-style: none;
	margin-bottom: 20px;
	line-height: 1.5em;
}

#sidebar a {
	color: #4b779c;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: normal;
}

#sidebar a:hover {
	color: #4b779c;
	text-decoration: underline;
}

#sidebar p {
	text-align: justify;	
}

#horseland-logo {
	margin: 10px 0;
}

/* Begin footer */

#footer {
	width: 940px;
	background: #4f4f4f;
	color: #FFF;
	padding: 20px 0 10px 0;
	position: relative;
	left: 4px;
	border-top: 2px solid #303030;
}

#footer-menu {
	margin-left: -5px;
}

#footer p {
	line-height: 1.2em;	
}

#footer-left {
	position: relative;
	left: 40px;
	float: left;
}

#footer-right {
	position: relative;
	right: 40px;
	float: right;
}

#footer-right p {
	text-align: right;
	position: relative;
	top: 10px;
}

#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0 5px;
}

#footer a:hover {
	text-decoration: underline;	
}

#footer-email {
	position: relative;
	top: 2px;
}

#backlink {
	font-size: 1em;
	margin-left: -5px;
}

/* Home page */

#step-by-step {
	width: 860px;
	margin-top: 20px;
}

#step-by-step .step {
	width: 200px;
	vertical-align: top;
	margin-left: 17px;
	display: inline-block;
	float: left;
}

#step-by-step .step1 {
	margin-left: 0;	
}

#step-by-step .step p {
	margin-top: 10px;
	text-align: justify;
}

/* Contact Page */

#contact {
	width: 640px;
}

#contact-details {
	width: 230px;
	float: left;
}

#contact-details img {
	position: relative;
	top: 3px;
}

#contact-form {
	width: 292px;
	float: right;
	position: relative;
	right: 30px;
}

#contact-form label {
	font-size: 1.2em;
	color: #353535;
	font-weight: bold;
}

#contact-form input {
	width: 280px;
	padding: 5px;
	border: 1px solid #a2a2a2;
	background: #FFF;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact-form input:focus {
	border: 1px solid #353535;
}

#contact-form textarea {
	width: 280px;
	padding: 5px;
	border: 1px solid #a2a2a2;
	background: #FFF;
	margin-bottom: 10px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact-form textarea:focus {
	border: 1px solid #353535;
}

#contact-form .verify {
	width: 140px;	
}

#captcha { 
	width: 128px;
	float: right;
}

#contact-form form .submit-button {
	width: 91px;
	height: 30px;
	border: none;
	cursor: pointer;	
	float: right;
}

/* Contact Form Submission Messages */

#contact-form span.error {
        width: 280px;
        font-family: Arial, Helevetica, sans-serif;
        font-size: 1.1em;
        display: block;
	color: #ff0000;
	font-weight: bold;
}

#contact-form span.success {
        width: 280px;
        font-family: Arial, Helevetica, sans-serif;
        font-size: 1.1em;
        display: block;
	color: #353535;
	font-weight: bold;
	margin-bottom: 20px;
}

/* Gallery Page */

#gallery-thumbs {
	width: 470px;
	position: relative;
	left: 90px;
}

#gallery-thumbs .thumbnail {
	margin-right: 5px;
	margin-top: 5px;
	border: 1px solid #a2a2a2;
	padding: 3px;
}

#gallery-thumbs .thumbnail:hover {
	border: 1px solid #444444;
}

#video {
	width: 445px;
	height: 273px;
	display: block;
	position: relative;
	left: 90px;
	margin-top: 30px;
}

/* Order Page */

.order-box {
	width: 220px;
	float: right;
	margin-top: 20px;
	position: relative;
	right: 0px;
	top: 50px;
}

h4.product-name {
	margin: 0;
	font-size: 2.2em;
}

.order-box label {
	font-size: 1.2em;
	color: #353535;
	font-weight: bold;	
}

.order-box select {
	width: 134px;	
	padding: 5px;
	border: 1px solid #a2a2a2;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}

.purchase-button {
	width: 134px;
	height: 30px;
	border: none;
	cursor: pointer;
}

#product-shots {
	width: 405px
	height: 600px;
	float: left;
}

#thumbnails {
	width: 405px;
	margin-top: 10px;
}

#thumbnails .product-thumbnail {
	width: 70px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 2px solid #f5f5f5;
}

#thumbnails .product-thumbnail:hover {
	border: 2px solid #a2a2a2;
}

/* BLOG PAGE */

.post-preview {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}

	.post-preview h4 a {
		color: #313131 !important;
		text-decoration: none !important;
	}
		
	.preview-meta {
		color: #707070;
	}
	
	.read-more {
		color: #fff !important;
		text-decoration: none !important;
		font-size: 11px !important;
		background: #46166b;
		padding: 5px 20px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
	}
	
	.read-more:hover {
		background: #60387f;
	}
	
.listing-nav {
	overflow: hidden;
}	

/* BLOG POST */

#post-meta {
	border-bottom: 1px solid #dddddd;
	color: #707070;
	padding-bottom: 10px;
}

#share {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 1.1em;
	overflow: hidden;
	margin: 20px 0 10px 0;
	text-align: right;
	color: #707070;
}

	.addthis_button {
		display: block;
		margin-bottom: 10px;
		margin-left: 10px;
		float: right;
	}

/* BLOG - COMMENTS */

#comments-title {
	font-size: 1.4em;
	background: #f8f8f8;
	padding: 10px;
	margin-top: 30px;
	border: 1px solid #dddddd;
}

.commentlist {
	list-style: none;
}

	.commentlist li {
		border: 1px solid #dddddd;
		padding: 20px 20px 10px;
		margin-bottom: 10px;
		overflow: hidden;
		line-height: normal !important;
	}
	
		.comment-author {
			overflow: hidden;
			margin-bottom: 15px;
			border-bottom: 1px dotted #a2a2a2;
			position: relative;
		}
	
			.commentlist li .avatar {
				border: 2px solid #909090;
				float: left;
				margin: 0 10px 10px 0;
			}
			
			.commentlist li cite {
				font-size: 15px !important;
				font-style: normal;
				font-weight: bold !important;
				display: inline-block;
				margin-top: 8px;
			}
			
				.commentlist li cite a {
					color: #4F4F4F !important;
					text-decoration: none !important;
					font-weight: bold !important;
				}
			
			.comment-meta {
				width: auto;
				display: inline;
			}
			
				.comment-meta a {
					font-size: 11px !important;
					color: #a2a2a2 !important;
					text-decoration: none !important;
				}
		
		.moderation {
			font-size: 12px;
			display: block;
			margin-bottom: 10px;
		}
		
		.comment-body {
			clear: both;
			font-size: 10px;
		}
		
		.comment-reply-link {
			color: #fff !important;
			text-decoration: none !important;
			position: absolute;
			top: 0;
			right: 0;
			font-size: 11px !important;
			background: #46166b;
			padding: 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-webkit-border-bottom-right-radius: 3px;
		}
		
		.comment-reply-link:hover {
			background: #60387f;
		}

#respond {
	background: #f8f8f8;
	padding: 20px;
	border: 1px solid #dddddd;
}
	
	#reply-title {
		border-bottom: 1px solid #DDDDDD;
		font-size: 1.6em;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	
	#commentform {
	
	}
	
		#commentform p {
			overflow: hidden;
		}
		
			#commentform p label {
				width: 100px;
				float: left;
				font-weight: bold;
			}
			
			#commentform p .required {
				padding-left: 5px;
			}
			
			.comment-notes {
				font-size: 1.1em !important;
			}
	
			#author, #email, #url, textarea {
				width: 300px;
				float: left;
				border: 1px solid #DDDDDD;
				padding: 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
			}
			
			.form-allowed-tags {
				display: none;
			}
			
			#commentform #submit {
				width: 120px;
				background: #46166b;
				border: none;
				color: #FFF;
				padding: 5px 0;
				margin-left: 290px;
				cursor: pointer;
				border-radius: 3px;
				-moz-border-radius: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
			}
			
			#commentform #submit:hover {
				background: #60387f;
			}