/*
Theme Name: Hopetown
Theme URI: http://netthink21.com
Description: Custom theme designed for Hopetown Coffee
Version: 1.0
Author: NetThink 21
Author URI: http://netthink21.com

	This theme was designed and built by NetThink 21.

*/

div.ecwid-results-topPanel-sortByPanel {
     display:none !important;
}

html, body {margin: 0px; padding: 0px; background: #040521; color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#wrapper{width: 940px; margin: 0px auto 0px auto;}
#top {height: 35px;}
#menu {padding: 0px 0px 0px 8px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#menu a {text-decoration: none;}
#navtabs {list-style: none; padding: 0px; margin: 0px; height: 36px; text-transform: uppercase; letter-spacing: 1px;} 
#navtabs li {float: left; padding: 10px 0 10px 15px; margin: 0px 2px 0px 2px;} 
#navtabs li a {padding: 10px 16px 10px 0; color: #cccccc;} 
#navtabs li a:hover {color: #f1f1f1;}
#navtabs li.current_page_item, #navtabs li.current_page_parent {background: #383946 url(tableft-active.jpg) no-repeat left top;} 
#navtabs li.current_page_item a, #navtabs li.current_page_parent a {background: #383946 url(tabright-active.jpg) no-repeat right top; color: #f1f1f1;}

#content {width: 900px; clear: both; padding: 0px 20px 0px 20px; font-size: 13px; background: #383946;}
#contentwide {width: 930px; clear: both; padding: 0px 0px 0px 10px;}
#content ul {margin: 0px; padding: 0px 0px 10px 40px; list-style: disc;}
#content ul li {line-height: 1.4em;}
#contenttop {width: 940px; clear: both; height: 20px; background: url(bg-contenttop.jpg) no-repeat;}
#contentbottom {width: 940px; clear: both; height: 20px; background: url(bg-contentbottom.jpg) no-repeat 0px bottom;}

a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #cfd0d7;}
a:hover, a:active {color: #ffffff;}
p {margin: 0px; padding: 0px 0px 1.1em 0px; line-height: 1.3em;}
#footer {width: 940px; clear: both; margin: 0px auto 0px auto; padding: 10px 0px 150px 0px;	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #677c8b;}
#footer a:link, #footer a:visited {color: #677c8b; text-decoration: none; border-bottom: 1px dotted #677c8b;}
#footer a:hover, #footer a:active {color: #677c8b; text-decoration: none; border-bottom: 1px solid #677c8b;}
#footer ul {margin: 0px; padding: 0px; white-space: nowrap;}
#footer li {display: inline; list-style-type: none; margin: 0px 10px 0px 10px; padding: 0px;}
#footer li a {text-decoration: none;}
#footer li a:link, #footer li a:visited {color: #968370;}
#footer li a:hover, #footer li a:active {color: #ede5db;}
#footer li.current_page_item a, #footer li.current_page_parent a {color: #ede5db;}

#spacer {height: 15px; clear: both;}
#spacertall {height: 20px; clear: both;}
h1 {margin: 0px; padding: 0px 0px 6px 15px; font-size: 26px; font-weight: normal; text-transform: uppercase; color: #cccccc; letter-spacing: 3px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
h2 {margin: 0px; padding: 0px 0px 15px 0px; font-size: 20px; font-weight: bold; color: #b5dbf6; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
h2.news {padding: 0px 0px 8px 0px;}
h1 a, h2 a {text-decoration: none;}
h1 a:link, h1 a:visited {color: #cccccc;}
h1 a:hover, h1 a:active {color: #ffffff;}
h2 a:link, h2 a:visited {color: #b5dbf6; border-bottom: 1px dotted #b5dbf6;}
h2 a:hover, h2 a:active {color: #b5dbf6; border-bottom: 1px solid #b5dbf6;}
h3 {color: #8ea3b2; font-weight: normal; font-size: 18px; margin: 0px; padding: 8px 0px 3px 0px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
h4 {color: #ffffff; font-weight: bold; margin: 0px; padding: 8px 0px 2px 0px; font-size: 13px; text-transform: uppercase;}
h5 {font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 15px; letter-spacing: 3px; text-transform: uppercase;}
#headline {margin: 2px 0px 7px 0px; font-size: 13px; color: #7e7e7e;}
a.heading:link, a.heading:visited {color: #9d8b73; text-decoration: none; font-size: 20px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px dotted #9d8b73;}
a.heading:hover, a.heading:active {color: #9d8b73; text-decoration: none; border-bottom: 1px solid #9d8b73;}
#dateline {font-size: 11px; color: #bcbcbc; padding: 0px 0px 7px 0px;}

#column {float: left; width: 293px; margin: 0px 0px 0px 25px;}
#news li {margin: 0px; padding: 0px; list-style: none;}
a.ticker {font-weight: bold; color: #ababb3;}
a.ticker:link, a.ticker:visited {text-decoration: none;}
a.ticker:hover, a.ticker:active {text-decoration: underline;}
#newsticker {padding: 9px 0px 2px 20px; background: #3f3e4c;}

a.house:link, a.house:visited {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-house.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 53px;}
a.house:hover, a.house:active {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-house.jpg) no-repeat 0px -300px; margin: 0px 0px 0px 53px;}

a.decaf:link, a.decaf:visited {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-decaf.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 53px;}
a.decaf:hover, a.decaf:active {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-decaf.jpg) no-repeat 0px -300px; margin: 0px 0px 0px 53px;}

a.espresso:link, a.espresso:visited {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-espresso.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 53px;}
a.espresso:hover, a.espresso:active {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-espresso.jpg) no-repeat 0px -300px; margin: 0px 0px 0px 53px;}

a.organic:link, a.organic:visited {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-organic.jpg) no-repeat 0px 0px; margin: 0px 0px 0px 53px;}
a.organic:hover, a.organic:active {float: left; width: 158px; height: 300px; text-decoration: none; background: url(bg-organic.jpg) no-repeat 0px -300px; margin: 0px 0px 0px 53px;}

#location {width: 110px; height: 430px; background: url(bg-location.jpg) no-repeat; padding: 20px 545px 0px 20px; line-height: 1.2em; margin: 0px 0px 15px 0px;}
#location p {margin: 0px 0px 20px 0px; padding: 0px; font-size: 12px;}

/*gallery pages */
#item {float: left; width: 260px; height: 400px; padding: 20px; margin: 0px 0px 25px 15px; background: #333333; text-align: center;}
#item p {color: #ffffff; line-height: normal; font-size: 13px;}
.product {border: 1px solid #ffffff;}
#submenu {float: left; width: 180px; padding: 25px 0px 0px 0px; font-size: 14px;}
#submenu h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #cccccc; text-transform: uppercase; font-weight: normal; margin: 0px 0px 3px 0px; padding: 0px 0px 7px 10px; border-bottom: 1px solid #cccccc;}
#submenu ul {margin: 0px; padding: 0px; list-style: none;}
#submenu ul li {font-size: 13px; border-bottom: 1px dotted #585865;}
#submenu ul li a {display: block; width: 160px; padding: 8px 0px 10px 18px; text-decoration: none;}
#submenu ul li a:link, #submenu ul li a:visited {color: #cccccc;}
#submenu ul li a:hover, #submenu ul li a:active, #submenu ul li.current_page_item a {color: #f1f1f1;}
#subpage {float: right; width: 680px;}
.quote {color: #c4925c; font-size: 20px; font-style: italic; text-align: center;}
.buy {margin: 0px; padding: 0px;}
select {margin: 0px; padding: 0px;}

#headline a {text-decoration: none;}
.contact {background-image: url(bg-contact.jpg); background-repeat: no-repeat; background-position: 0px 78px;}
a.more-link:link, a.more-link:visited, a.more-link:active {font-weight: bold; color: #87CEFA; text-decoration: none;}
a.more-link:hover {color: #87CEFA; text-decoration: underline;}
#intro {background: url(bg-intro.jpg) no-repeat; height: 300px; width: 470px; display: block; margin: 0px; padding: 0px 450px 0px 0px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic;}
#intro p {font-size: 16px; color: #ffffff;  line-height: 1.8em; margin: 0px 0px 20px 0px; padding: 0px;}
.signature {padding: 0px 0px 0px 700px; font-size: 16px; font-style: italic; line-height: 1.4em;}
.textstyle, .areastyle {background: #dcdbdb; margin: 0px 0px 10px 0px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #666666;}

.alt {background-color: #262626;}
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em;	line-height: 1.5em;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px;}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {}
code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
/* End Typography & Colors */

/* Begin Structure */
.post {margin: 0px 0px 25px 0px;}
.post hr {display: block;}
.postmetadata {clear: both; font-size: 11px; margin: 2px 0px 4px 0px; padding: 0px;}
.clear {clear: both;}
/* End Structure */

/* Begin Images */
p img {padding: 0; max-width: 100%;}
img.aligncenter {display: block; margin-left: auto;	margin-right: auto;}
img.alignright {padding: 0px; margin: 0px 0px 20px 25px; display: inline;}
img.alignleft {padding: 0px; margin: 0px 25px 20px 0px; display: inline; }
.alignright {float: right;}
.alignleft {float: left}
img.frame {}
/* End Images */

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
/* End Entry Lists */

/* Begin Form Elements */
form {margin: 0px; padding: 0px;}
select {margin: 4px 0px 9px 0px; width: 160px;}
.button {margin: 4px 0px 9px 0px;}

#sidebar #searchsubmit {padding: 1px;}
#commentform input {width: 170px; adding: 2px;	margin: 2px 3px 1px 0;}
#commentform textarea {width: 450px; padding: 2px;}
#commentform #submit {margin: 0;}
/* End Form Elements */

/* Begin Comments*/
.alt {margin: 0; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;	padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */

/* Begin Sidebar */
#sidebar form {margin: 0;}
/* End Sidebar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #000000;	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	color: #000000;
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */