/*
Theme Name: Ear Candy
Description: Custom Theme for Ear Candy Cafe
Version: Version 1
Author: Stranger Studios
*/

/*---------------------------------------
	body/global
----------------------------------------*/
body {background: #FFF; font-family: Arial, Helvetica, sans-serif; margin: 0; text-align: center; font-size: .9em; color: #643707;}
h1, h2, h3, h4, h5, form, p, ul, li {margin: 0; padding: 0;}	/* clear margins/padding */

h2 {color: #36CCDA; font-size: 1.8em; }
h2 a:hover, h2 a:visited, h2 a { color: #643707; }

h3 {color: #643707; font-size: 1.2em; border-top: 1px dotted #EBE5DF; padding: 10px 0 0 0; margin: 10px 0 5px 0; }
h3 a {color: #643707; text-decoration: none; border-bottom: 1px dotted #643707; font-size: 1em;}
h3 a:hover {color: #F4705A; border-bottom: 1px dotted #F4705A; }
h3 .date {font-weight: normal; color: #B19B83; font-size: .7em; } 

img {border-color: #DDD; }
.bordered {padding: 10px; border: 1px solid #CCC; }

a:link, a:visited {color: #643707; text-decoration: underline; }
a:hover {color: #36CCDA; }

a.bg:link {background-color: #F4705A; color: #FFF; display: inline-block; padding: 1px 3px; font-weight: bold; text-decoration: none; }
a.bg:hover {background-color: #FFF; color: #F4705A; display: inline-block; padding: 1px 3px; font-weight: bold; text-decoration: none; }

.message {border: 1px dotted #B19B83; background-color: #EBE5DF; padding: 5px; margin: 5px 0 0 0; font-weight: bold; color: #643707;}
/*---------------------------------------
	Top/Header
-----------------------------------------*/
#top {background: #643707 url(images/bg_top.gif) no-repeat bottom center; height: 100px;}
#header {margin: 0 auto; padding: 0 70px; text-align: left; width: 780px;}
#header h1 {float: left; width: 240px;}
#menu {float: right; list-style-type: none; margin: 29px 5px 0 0; width: 500px;}
#menu li {display: inline; margin: 0; }
#menu li a {display: block; float: left; padding: 0 23px 0 23px; height: 29px; }

#header a, #menu a:link, #menu a:visited {color: #FFF; font-weight: bold; text-decoration: none;}
#header a:hover {text-decoration: underline;}

#menu li a:hover, #menu li a.selected {background: url(images/bg_link-selected.gif) center bottom no-repeat; }

/*---------------------------------------
	Middle/Main
-----------------------------------------*/
#home, #collections {background: #FFF url(images/bg_home.gif) no-repeat bottom center; clear: both;}
#homemain, #collectionsmain {margin: 0 auto; padding: 30px 75px 30px 70px; text-align: left; width: 755px;}


#middle {background: #FFF url(images/bg_middle.gif) repeat-y top center; clear: both;}
#main {margin: 0 auto; padding: 15px 70px 1px 70px; text-align: left; width: 760px;}

#left {float: left; width: 600px; }
#sidebar {float: right; width: 140px; }



/*---------------------------------------
	Products
-----------------------------------------*/
.productlist h3, .productsingle h3 {font-size: 1em; border: none;}
.productlist h3 a, .productsingle h3 a {text-decoration: underline; border: none; }
.productlist span, .productsingle span {color: #F4705A; }
.productsingle h3 {margin-bottom: 20px; }

.productlist ul {list-style-type: none; margin: 0 0 10px 0; }
.productlist ul li {display: inline-block; display: block; float: left; width: 152px; height: 200px; padding: 10px; border: 1px solid #CCC; margin: 10px 16px 8px 0; }
.productlist img {border: 1px solid #CCC; }	
.productlist h4 {margin: 10px 0 0 0; font-size: 1em; }
.productlist h4 a { }
.productlist .details {font-size: 11px; }

.productsingle .images {float: left; width: 325px; }
.titleimage {margin-bottom: 10px; width: 300px; padding: 10px; border: 1px solid #CCC; text-align: center;}

.thumbnails {padding-right: 100px; background: url(images/enlarge.gif) right 10px no-repeat;}
.collectionitems ul, .thumbnails ul {list-style-type: none; margin: 0 0 10px 0;}
.collectionitems ul li, .thumbnails ul li {display: inline; margin: 0; }
.collectionitems ul li a, .thumbnails ul li a {display: block; float: left; width: 60px; height: 45px; padding: 2px; border: 1px solid #CCC; margin-right: 5px; margin-bottom: 5px;}
.collectionitems ul li a:hover, .thumbnails ul li a:hover {border: 1px solid #36CCDA; }

.productsingle .info {float: right; width: 405px; }
.productsingle p {margin: 10px 0 5px 0; }

/*---------------------------------------
	SubMiddle/SubMain
-----------------------------------------*/
#submiddle {background: #FFFFFF url(images/bg_submiddle.gif) no-repeat center 0px; clear: both; height: 180px;}
#submain {margin: 0 auto; padding: .5em 70px 0 70px; text-align: left; width: 760px;}
#submain h3 {margin: 0; padding: 0; border: none !important; }

#mailinglist {background: #FFFFFF url(images/bg_submiddle.gif) no-repeat bottom center; clear: both; height: 45px;}
div.justemails {margin: 0 auto; padding: 1px 70px; text-align: left; width: 760px;}
form.justemails {display: inline; }
form.justemails input {color: #666;}
#mailinglist img {float: left; padding: 1px 5px 0 0;}


.browse {margin: 10px 160px 0 15px; border-top: 1px dotted #EBE5DF; padding: 20px 0 0 0; }

/* -- old browse and blog mini page styles (browse-old.php, blog.php) --------------------------
	.browse label {float: left; width: 140px; padding: 20px 0 0 0; font-size: 10px;}
	.browse ul {float: right; list-style-type: none; margin: 0 0 10px 0; width: 430px; }
	.browse ul li {display: inline; margin: 0; }
	.browse ul li a {display: block; float: left; width: 60px; height: 45px; padding: 2px; border: 1px solid #CCC; margin-right: 5px;}
	.browse ul li a:hover {border: 1px solid #36CCDA; }
	
	.blog ul {margin: 10px 0 15px 0; color: #666; list-style: none;}
	.blog ul li {margin-bottom: 10px; font-size: .9em; }
-----------------------------------------------------------------------*/

/*---------------------------------------
	Bottom/Footer
-----------------------------------------*/
#bottom {background: url(images/bg_bottom.gif) no-repeat top center; clear: both; padding: 1px 70px;}
#footer {color: #B19B83; font-size: .9em; margin: 0 auto; padding: .5em .5em 1em .5em; text-align: left; width: 760px; letter-spacing: normal; }
#footer a, #footer a:link, #footer a:visited  {color: #643707; text-decoration: none; }
#footer a:hover {color: #B19B83; text-decoration: underline;}
#sslink {float: right; width: 200px; padding-right: 50px;}

/*---------------------------------------
	Misc
-----------------------------------------*/
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.right20 {margin-right: 20px;}
.left15 {margin-left: 15px;}
.top20 {padding-top: 20px; }

.brown {color: #643707; }
.pink {color: #F4705A; }
.center {text-align: center; }
.top3em {margin-top: 3em; }
.strong {font-weight: bold; }

.top1em {margin-top: 1em; }
.bottom1em {margin-bottom: 1em; }


/*-------------The Post-------------*/
.post { padding: 0 15px 0 15px; font-size: .9em; }
.single {padding-top: 15px; }
.post p {margin: 5px 0 10px 0; line-height: 1.2em; }
.post h3 a {text-decoration: none;}
.post a {}

.post ul {}

.post li {}

.post .postpic {float: right; margin: 0 0 15px 15px;}

.entry {}

.entrytext {}

.postmetadata {font-size: .8em;  padding-bottom: 15px; }

.alt {padding: 5px; border-top: 1px dotted #B19B83; border-bottom: 1px dotted #B19B83; }

.postmetadata a {}

.navigation {margin: 5px 15px 0 15px; color: #36CCDA; font-size: .8em; }
.navigation a {color: #36CCDA; font-weight: bold; text-decoration: none; }
.alignleft {float: left;}

.alignright {float: right;}

.center {}

.pagetitle {}

blockquote {}

cite {}

a img {}

acronym, abbr {}

#links {}
#links div {display: inline; width: 220px; float: left; margin-bottom: 10px; }

.contactform {float: left; width: 360px; border-right: 1px dotted #EBE5DF; padding: 10px 20px 0 0; }
.contactform div {clear: left; margin-bottom: 10px; font-size: .9em; }
.contactform label {float: left; width: 110px; font-weight: bold; padding-top: 5px;}

.contactentrytext {float: right; padding: 10px 20px 0 20px; width: 290px; font-size: 1em; }
.contactentrytext p {margin-bottom: 10px; }

/*--------------Sidebar------------*/

#sidebar ul {list-style-type: none; }

#sidebar ul h2 {font-size: 1em; margin: 0 0 5px 0; padding: 0;}

#sidebar ul li {margin-top: 10px;}

#sidebar ul ul {list-style-type: disc; margin: 0 0 20px 15px; }

#sidebar ul ul li {margin: 0 0 5px 0; font-size: .6em;}

#sidebar ul ul ul {}

#sidebar p {}

#sidebar a {font-size: 1.5em;}
#sidebar a:hover {}

#sidebar a:visited {}


/*--------------Comments--------------*/

#comments_template {padding: 15px; }

ol.commentlist { list-style: none; margin: 0; padding: 0; }
ol.commentlist li {margin: 0 15px 15px 15px; }
ol.commentlist li p {padding: 0 0 5px 0; }

.commentInfo, .commentInfoAuthor {
	background-repeat: no-repeat; background-position: 119px bottom;
	color: #666;
	font-weight: normal;
	float: left;
	width: 205px;
	margin: 5px 0 0 5px;
	padding: 0 0 10px 10px;
}

.commentInfo {background-image: url(images/comment_msg.gif); }
.commentInfoAuthor {background-image: url(images/comment_msg-author.gif); }

.commentDate {font-size: .7em; padding-top: 10px; padding-right: 35px; float: right; text-align: right; width: 210px; }

.commentText, .commentTextAuthor {
	background-repeat: no-repeat; background-position: 0 0;
	padding: 5px 10px 1px 10px;
	* padding-top: 5px;
	width: 520px;
	_width: 540px;
	font-size: .9em;
}

.commentText {background-image: url(images/comment_top.gif); border-bottom: 1px solid #36CCDA; }
.commentTextAuthor {background-image: url(images/comment_top-author.gif); border-bottom: 1px solid #F4705A; }

#comments_template form {color: #643707; }

/*--------------Search Form-------------*/

#searchform {float: right; width: 400px; margin: 10px; text-align: right;}

#searchform input {}

#searchform #s {width: 250px; padding: 3px;}


/*-------------Calendar-----------------*/

#wp-calendar {}

#wp-calendar th {}

#wp-calendar a {}

#prev a, #next a {}

#wp-calendar caption {}

/*-------------Images------------------*/