/*
Theme Name: Handmakery
Theme URL: http://www.handmakery.com
Description: Custom theme for Handmakery.
Author: Purr Design
Author URI: http://www.purrdesign.com
Version: 2.0
*/

/*---------CSS RESET---------*/

body {
	height: 100%; }
html, body, div, h1, h2, h3, p, ul, ol, li, form, fieldset, input, textarea, p, blockquote  {
	font-size: 100%;
	margin: 0;
	padding: 0 }  
ul {list-style: none;}  
img, fieldset, a  {
	border: 0;
	outline-style: none }  
h1, h2, h3, h4, h5  {
	font-weight: normal;
	margin: 0;
	padding: 0 }  
em {font-style: italic;}  
strong {font-weight: bold;}


/*---------STRUCTURE---------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body                      {
	color: #6f6868;
	font-size: 14px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	line-height: 22px;
	background-color: #ffffff;
	margin: 0;
	padding: 0; }
a  {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-decoration: none }
a:link, a:visited, a:active          {
	color: #65c3b4;
	text-decoration: none }
a:hover            {
	color: #e65157;
	text-decoration: none }
p    {
	margin-top: 5px;
	margin-bottom: 15px }
h1, h2, h3, h4, h5                 {
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px; }
h1                  {
	color: #65c3b4;
	font-size: 42px;
	line-height: 47px }
h2  {
	color: #65c3b4;
	font-size: 42px;
	line-height: 47px }
h3                        {
	color: #6f6868;
	font-size: 24px;
	line-height: 28px }
h4    {
	color: #e65157;
	font-size: 15px;
	line-height: 18px }
h5                        {
	color: #6f6868;
	font-size: 15px;
	line-height: 18px }
.clear {
	width: 1px;
	height: 1px;
	clear: both }
#wrapper                                   {
	width: 980px;
	margin: 0 auto 30px;
	overflow: hidden; }
.clear {
	clear: both }

/*---------HEADER---------*/
#topbar {
	color: #c1e7e1;
	background-color: #65c3b4;
	text-align: center;
	padding: 1px 0;
	font-size: 12px;
}
#topbar p {
	margin: 0;
}
#topbar a {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-weight: bold;
	font-size: 11px;
	margin-left:6px;
}
#topbar a:hover {
	color: #6f6868;
}
#header {
	text-align: center;
	margin: 0px 0 20px; }
h1.logo {
	margin: 28px 0;
}

/*---------DROPDOWN MENU---------*/

/* Main menu settings */
#centeredmenu {
   clear: both;
   float: left;
   margin: 0 0 30px 0;
   padding: 0;
   width: 100%;
   text-transform: uppercase;
   z-index: 1000;
   position: relative;
   font: 15px/39px "Raleway", Arial, Helvetica, sans-serif;
   font-weight: 700;
   letter-spacing: .1em;
   border-top: 1px solid #6f6868;
   border-bottom: 1px solid #6f6868;
   height: 39px;
}

/* Top menu items */
#centeredmenu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
   position: relative;
   right: 50%;
}
#centeredmenu ul li {
   margin: 0;
   padding: 0;
   float: left;
   position: relative;
   left: 50%;
   top: 1px;
}
#centeredmenu ul li a {
   display: block;
   margin: 0 15px;
   padding: 0 2px;
   height: 33px;
   text-decoration: none;
   color: #65c3b4;
   border-bottom: 5px solid #ffffff;
}
#centeredmenu ul li.active a {
   color: #9f9fa0;
}
#centeredmenu ul li a:hover {
   background: #ffffff; /* Top menu items background colour */
   color: #65c3b4;
   border-bottom: none;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background: transparent; /* Top menu items background colour */
   color: #65c3b4;
   border-bottom: 5px solid #65c3b4;
}

/* Submenu items */
#centeredmenu ul ul {
   display: none; /* Sub menus are hiden by default */
   position: absolute;
   top: 37px;
   left: 15px;
   right: auto; /*resets the right:50% on the parent ul */
   width: 150px; /* width of the drop-down menus */
   text-align: left;
   
}
#centeredmenu ul ul li {
   left: auto;  /*resets the left:50% on the parent li */
   margin: 0; /* Reset the 1px margin from the top menu */
   clear: left;
   width: 100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-weight: normal; /* resets the bold set for the top level menu items */
   background-color: #65c3b4;
   text-transform: lowercase;
   letter-spacing: normal;
   margin: 0;
   padding: 0 10px;
   color: #ffffff;
   font-size: 13px;
   border-bottom: 1px solid #78cbbd; /* sub menu item horizontal lines */
   line-height: 32px;
}
#centeredmenu ul ul li:last-child a,
#centeredmenu ul li.active li:last-child a,
#centeredmenu ul li:hover ul li:last-child a,
#centeredmenu ul li.hover ul li:last-child a  {
	border-bottom: none;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background: #e0717c; /* Sub menu items background colour */
   color: #ffffff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

	
/*---------CONTENT---------*/
.sep {
	background-image: url("images/sep.png");
	background-repeat: no-repeat;
	height: 5px;
	display: block;
	clear: both;
}
#content {
	min-height: 500px;
	 }
.blogcontent, .eventcontent {
	width: 620px;
	float: left;
}
.pagecontent ul  {
	margin-top: 0;
	margin-bottom: 15px }
.pagecontent ul li  {
	list-style-type: disc;
	margin-bottom: 5px;
	margin-left: 30px }
	
/*---------HOMEPAGE---------*/
#rotator {
	width: 980px;
	height: 450px;
}
.homepagecontent {
	margin: 25px 0 0;
	width: 620px;
	float: left;
}
.homepagecontent p {
}
.homepagecontent h2 {
	margin: 0;
}
.homepagecontent h3 {
	margin-top: 0;
}
.recentnews {
	margin: 15px 0 0;
	width: 300px;
	float: right;
}
.recentnews h3.recently {
	
}
.excerpt {
	margin-bottom: 25px;
}
.excerpt:last-of-type {
	margin-bottom: 0px;
}
.excerpt .postdate {
	color: #a9a4a4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .03em;
	}
.excerpt h4 {
	margin: 2px 0 3px;
	font-size: 15px;
	line-height: 16px;
}
.excerpt p {
	margin: 0;
	font-size: 12px;
	line-height: 17px;
}
.excerpt:nth-child(2) h4 a {
	color: #e65157;
}
.excerpt:nth-child(3) h4 a {
	color: #f8c14a;
}
.excerpt:nth-child(4) h4 a {
	color: #afd21d;
}
.excerpt h4 a:hover {
	color: #6f6868;
}

.upcomingevents {
	clear: both;
	overflow: hidden;
	margin: 25px 0 0;
	background-color: #faf1cc;
	padding: 25px 20px;
	border-top: 3px double #f9ebb6;
	border-bottom: 3px double #f9ebb6;
}
.upcomingevents h3.events {
	width: 130px;
	margin: 0;
	float: left;
	color: #65c3b4;
}
.upcomingevents h3.events a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #6f6868;
}
.upcomingevents h3.events a:hover {
	color: #65c3b4;
}
.teaser-event {
	width: 240px;
	margin-left: 30px;
	margin-top: 8px;
	float: left;
}
.teaser-event .event-date {
	width: 50px;
	float: left;
	text-align: center;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 32px;
	font-weight: bold;
	letter-spacing: -.05em;
	margin-right: 8px;
	margin-bottom: 20px;
}
.teaser-event .event-date .month {
	color: #6f6868;
	font-size: 14px;
	display: block;
	letter-spacing: normal;
	font-weight: bold;
	line-height: 13px;
	margin: 0;
}
.teaser-event .event-date .time {
	color: #a9a4a4;
	font-size: 10px;
	line-height: 20px;
	display: block;
	letter-spacing: normal;
	font-weight: bold;
	margin: 0;
}
.teaser-event h4 {
	margin: 0px 0 2px;
	font-size: 18px;
	line-height: 17px;
}
.teaser-event p {
	margin: 0;
	font-size: 12px;
	line-height: 17px;
}
.teaser-event:nth-child(2) .day, .teaser-event:nth-child(2) h4 a {
	color: #e65157;
}
.teaser-event:nth-child(3) .day, .teaser-event:nth-child(3) h4 a {
	color: #f8c14a;
}
.teaser-event:nth-child(4) .day, .teaser-event:nth-child(4) h4 a {
	color: #afd21d;
}
/*---------FOOTER---------*/


#footer      {
	width: 980px;
	margin: 0 auto 15px;
	overflow: hidden;
}
.social {
	text-align: center;
	margin-bottom: 29px;
}
.social a {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: url(images/icons.png) no-repeat;
	background-size: 96px 48px;
	margin: 2px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;	
}
.social a:hover {
	opacity: .7;
}
.subfooter      {
	color: #65c3b4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
	border-top: 1px solid #6f6868;
	padding: 9px 0;
}
#footer a:link, #footer a:visited, #footer a:active  {
	color: #65c3b4 }
#footer a:hover  {
	color: #e65157 }
.contactinfo {
	color: #a9a4a4;
	width: 50%;
	float: left;
	margin-bottom: 15px;
}
.footerpages {
	margin: 0;
	padding: 0;
	width: 50%;
	float: right;
	text-align: right;
	text-transform: lowercase; }
.footerpages li {
	margin: 0 0 0 15px;
	padding: 0;
	display: inline-block; }
.copyright     {
	clear: both;
	color: #a9a4a4;
	font-size: 11px;
}
.copyright strong {
	color: #65c3b4;
	text-transform: uppercase;
	font-weight: normal;
}

/*---------POST STYLES---------*/

.post                {
	margin-top: 10px;
	margin-bottom: 60px;
	padding-bottom: 90px;
	background: url(images/postsep.png) no-repeat center bottom;
}
.post h2.posttitle   {
	margin: 0 0 15px;
	padding: 0;
	font-size: 30px;
	line-height: 30px }
.posttitle a {
	color: #e65157;
}
.posttitle a:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.postmeta        {	
	color: #a9a4a4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: .03em;
	text-transform: uppercase;
	 }
.postmeta, .postmeta a, .metabottom, .metabottom a        {
	color: #a9a4a4;
	text-decoration: none }
.postmeta .postdate {
	color: #65c3b4;
	width: 50px;
	float: left;
	text-align: center;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 32px;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 3px 15px 15px 0;
}
.postmeta .postdate .month {
	color: #6f6868;
	font-size: 14px;
	display: block;
	letter-spacing: normal;
	font-weight: bold;
	line-height: 13px;
	margin: 0;
}

.postmeta a:hover, .edit a:hover          {
	color: #e65157;
	text-decoration: none }
.postmeta p {
	margin: 0;
	padding: 0 }
.postmeta .left      {
	width: 60%;
	float: left }
.postmeta .right       {
	text-align: right;
	width: 40%;
	float: right }
.metabottom {
	margin-top: 20px;
	background: url(images/sep.png) no-repeat;
	padding-top: 16px;
}
.metabottom .avatar {
	width: 32px;
	height: 32px;
	float: left;
	margin-top: -2px;
	margin-right: 6px;
	
}
.post ul {
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 17px;
	margin-left: 15px }
.post ol {
	list-style-type: decimal;
	margin-top: 0;
	margin-bottom: 17px;
	margin-left: 20px }
.post li {
	margin-bottom: 5px }
.post img    {
	width: 620px;
	width: auto !important;
	height: auto;
	max-width: 620px }
.alignleft {
	margin-right: 10px;
	float: left }
.alignright {
	margin-left: 10px;
	float: right }
.aligncenter {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto }
.post blockquote        {
	color: #a9a4a4;
	font-style: italic;
	padding-right: 20px;
	padding-left: 20px;
	border-left: 4px solid #c4c3c1 }
.wp-caption {
	text-align: left }
.wp-caption p    {
	color: #a9a4a4;
	font-size: 10px;
	text-align: center;
	margin-top: 2px;
	padding-right: 10px }
.addthis_toolbox {
	margin-top: 15px }
a.post-edit-link   {
	color: #fff;
	font-size: 9px;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	background-color: #a9a4a4;
	text-transform: uppercase;
	margin-left: 10px;
	padding: 1px 5px }
a.post-edit-link:hover {
	color: #fff;
	background-color: #e65157 }

.postnavigation {
	color: #a9a4a4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .03em;
	text-transform: uppercase;
	overflow: hidden;
	margin: -10px 0 15px;
}
.postnavigation .left      {
	width: 50%;
	float: left }
.postnavigation .right       {
	text-align: right;
	width: 50%;
	float: right }
.more {
	clear: both;
	margin-top: 15px;
}
a.more-link     {
	color: #ffffff;
	background-color: #65c3b4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	padding: 6px 15px;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	  }
a.more-link:hover  {
	background-color: #afd21d;
	 }

/*---------SIDEBAR---------*/

#sidebar             {
	display: inline-block;
	width: 280px;
	float: right }
h3.widgettitle     {
	margin: 10px 0 10px;
	font-size: 18px;
	line-height: 17px;
 }

.widget ul     {
	margin: 2px 0 0;
	padding: 0;
	overflow: hidden }
.widget ul li {
	margin: 0;
	padding-left: 10px;
	padding-bottom: 6px;
	background: url(images/bullet.png) no-repeat 0 7px;
}
.widget ul li:nth-child(2n) {
	background: url(images/bullet2.png) no-repeat 0 7px;
}
.widget ul li:nth-child(3n) {
	background: url(images/bullet3.png) no-repeat 0 7px;
}

.widget    {
	margin-bottom: 30px; }
.widget a:link       {
	color: #6f6868;
	text-decoration: none }
.widget a:visited    {
	color: #6f6868;
	text-decoration: none }
.widget a:hover       {
	color: #e65157;
	text-decoration: none }
.widget a:active   {
	color: #6f6868;
	text-decoration: none }

.widget p  {
	margin-top: 0;
	margin-bottom: 12px }
.widget ul li em {
	color: #a9a4a4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-style: normal;
}
.widget select  {
	 }
.widget .postnavigation {
	margin: 10px 0 0;
}
.authorbox .photo {
	float: right;
	margin: 0 0 10px 10px;
}
/*---------COMMENTS---------*/

#comments         {
	color: #e82c00 }
#respond         {
	color: #e82c00;
	margin-top: 40px }
#commentlist           {
	font-size: 13px;
	line-height: 18px;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 30px;
	border-top: 1px solid #f3f3f3 }
#commentlist li            {
	margin: 0;
	padding: 13px 0 11px 75px;
	border-bottom: 1px solid #f3f3f3;
	overflow: hidden; }
#commentlist li.bypostauthor       {
	background-color: #fbfbfb;
	background-image: url("images/bg.png") }
#commentlist li p    {
	margin: 2px 40px 6px 0;
	padding: 0 }
p.commentmeta, .commentmeta a         {
	color: #9e9d9d;
	font-size: 12px;
	margin: 0 0 4px;
	padding: 0 }
.commentmeta strong        {
	color: #e82c00 }
.commentmeta strong a         {
	color: #e82c00;
	font-weight: bold;
	text-decoration: underline }
.commentmeta a:hover        {
	color: #afd21d;
	text-decoration: underline }
.commentnumber       {
	color: #f7f7f6;
	font: bold 30px Arial, sans-serif, Helvetica;
	margin-right: 10px;
	float: right }
.bypostauthor .commentnumber     {
	color: #f1f1f1;
	font: bold 30px Arial, sans-serif, Helvetica;
	float: right }
#commentlist .avatar  {
	display: inline;
	margin-top: 4px;
	margin-bottom: 7px;
	margin-left: -60px;
	float: left }
#commentform   {
	margin-bottom: 30px;
	width: 500px }
#commentform label  { }
#commentform p {
	margin-bottom: 5px }
.wp-smiley {
	vertical-align: middle }
.cancel-comment-reply {
	margin-bottom: 10px }
.commentmeta a.comment-reply-link, .commentmeta a.comment-edit-link, .cancel-comment-reply a  {
	color: #fff;
	font-size: 9px;
	font-family: Arial, sans-serif, Helvetica;
	font-weight: bold;
	background-color: #9e9d9d;
	text-transform: uppercase;
	margin-left: 4px;
	padding: 1px 3px }
.cancel-comment-reply a {
	color: #fff;
	font-size: 9px;
	background-color: #9e9d9d;
	text-transform: uppercase;
	margin-left: 0;
	padding: 1px 5px }
.commentmeta a.comment-reply-link:hover, .commentmeta a.comment-edit-link:hover, .cancel-comment-reply a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #afd21d }
/*threaded comments*/
#commentlist li ul {
	margin: 0;
	padding: 0 }
#commentlist li ul li      {
	background-color: #f7f7f6;
	background-image: none;
	margin: 10px 0 0;
	padding: 13px 10px 13px 60px;
	border-bottom: medium none }
#cancel_reply, #cancel_reply a      {
	color: #e65157;
	font-size: 11px;
	font-weight: bold }
.thdrpy, .thdrpy a      {
	color: #e65157;
	font-size: 11px;
	text-decoration: none }
.thdrpy a:hover  {
	color: #afd21d;
	text-decoration: underline }

/*---------FORMS---------*/

#submit, .submitbutton, a.button, .gform_button     {
	color: #ffffff;
	background-color: #65c3b4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	padding: 6px 15px;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	  }
#submit:hover, .submitbutton:hover, a.button:hover, .gform_button:hover  {
	background-color: #afd21d;
	 }
.commentinput, .styledinput, .captchainput, .searchinput, .ginput_container input, .ginput_container textarea    {
	color: #a9a4a4;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #f0efef;
	margin: 0;
	padding: 6px 8px !important;
	width: 500px;
	 }
.commentinput:focus, .styledinput:focus, .captchainput:focus, .searchinput:focus, .ginput_container input:focus, .ginput_container textarea:focus   {
	color: #6f6868;
	 }
.commentinput {
	}
textarea.commentinput, textarea.styledinput {
	 }
.searchinput {
	width: 200px;
}
.searchsubmit {
	color: #65c3b4;
	font-weight: bold;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	border: none;
	cursor: pointer;
	background-color: transparent;
}
.searchsubmit:hover  {
	color: #afd21d; }
	 
.wpcf7-form .styledinput  {
	margin-bottom: 9px;
	width: 450px }
.wpcf7 p {
	margin: 0;
	padding: 0 }
.gform_wrapper .contactform {
	width: 450px;
	float: left;
}
.contactform .ginput_container input, .contactform .ginput_container textarea  {
	width: 440px !important;
}
ul.gform_fields, ul.gform_fields li {
	margin: 0;
	padding: 0;
}

.gform_wrapper .gfield {
	margin-bottom: 13px;
}
.gform_wrapper .validation_message {
	color: #e65157;
	font-weight: bold;
}
.gform_wrapper .gfield_required
{
  color: #e65157 !important;
  margin-left: 4px;
}
.gform_wrapper h2.section_title {
	
}
/*---------EVENTS---------*/
.eventcontent {
}
.registration {
	margin: 30px 0 20px;
	clear: both;
	display: block;
	color: #a9a4a4;
}
.registration a.button {
	float: left;
	margin-right: 10px;
}
.registration a.soldout {
	background-color: #e65157;
}
.registration p {
	display: inline;
	font-size: 13px;
	line-height: 15px;
}
.tribe_events .back {
	float: right;
	margin-top: -40px;
}
h2.entry-title {
	font-size: 30px;
	line-height: 30px;
	margin: 5px 0 10px;
}
h2.entry-title a {
	color: #e65157;
}
h2.entry-title a:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
h4.event-day {
	color: #6f6868;
	margin: 0;
}
.post-list .tribe-events-event {
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f0efef;
}
.catdescription {
	margin: -15px 0 35px;
}
/*PHOTO GALLERY*/

.photospace .thumnail_col {
float:right !important;
}
.photospace .gal_content {
float:left !important;
}
.photospace ul.thumbs {
}
.photospace ul.thumbs li {
margin-left:10px !important;
margin-right:0 !important;
}
.photospace .thumnail_col a.pageLink {
margin-left:10px;
margin-right:0;
}
.photospace .caption
{
text-align: center !important;
padding: 0;
font-size: 12px;
line-height: 14px;
}