/* Menu */
html, body {
	font-family: 'Colaborate-Regular' Tahoma, sans-serif !important;
	color: #454543;
	height: 100%;
}

a {
	text-decoration: none;
}

#menu {
	background: white url('../images/theme/menu_bg.gif') no-repeat top left;
	margin-top: 12px;
	border: 1px solid #DEDDDD;
	height: 40px; 
	border-bottom: 4px solid #DEDDDD;
}

#menu hr {
	display: none;
}

/* Topmenu */
#topMenu {
	letter-spacing: 0.25px; 
	padding: 12px 0 48px 0;
}

#topMenu ul {
	float: right;
	width: 330px;
}

#topMenu li {
	padding-left: 15%;
	display: inline;
}

#topMenu li a {
	text-transform: uppercase;
	color: #A5A5A5;
}

#topMenu li a:hover {
	border-bottom: 1px dotted black;
	color: black;
}

#topMenu li:first-child {
	padding-left: 0;
}

/* Submenus */
.sub-menu {
	border: 4px solid #DEDDDD;
	border-top: none;
	-webkit-border-bottom-right-radius: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-moz-border-radius-bottomright: 24px;
	-moz-border-radius-bottomleft: 24px;
	border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
}

.sub-menu, #responsive-nav select option, .chzn-container .chzn-results li, .commentmetadata a {
	text-align: center;
	background: white; 
	font-family: 'Colaborate-Thin', Tahoma, sans-serif;
	font-size: 16px;
}

.commentmetadata a {
	color: #797979;	
}

.sub-menu li{
	margin: 2px 0;
}

.sub-menu a, .commentlist {
	color: #797979;
	text-transform: capitalize;
	border-bottom: 1px solid transparent;
	margin: 4px;

}

 .commentlist {
text-transform: none;
}


 #responsive-nav select option:first-child {
      display: none;
}

 #responsive-nav select option {
 	text-align: left;
 }

.sub-menu a:hover {
	background-color: #FFF035 !important;
	border-bottom: 1px dotted black; 
	-moz-transition: none;
	color: #231F20;
}

.list_carousel li {
	width: 100%;
}


/* Featured Space (for downloads and stuff) */
.feature, .postContainer, .searchResult, .commentlist .comment-body {
	display: block;
	padding: 24px 20px 1px;
	margin-bottom: 16px; 
	background: white; 
	/*-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;*/
}	

#respond {
	padding: 6px;
}

.feature .button{
	float: right;
}

/* POST */
.date, h1.title {
	display: inline-block;
}

h1.title span a {
     font-family: 'Otama',Georgia,serif !important;
}

h1.title span a:hover {
     border-bottom: 1px dotted black;
}

/* date */
.date, h2.title, h1.title, .commentContainer a { 
	color: #231F20;
	font-family: 'Otama', Georgia, serif;
}

.date, .commentContainer a {
	background: transparent url(../images/theme/date_bg.gif) no-repeat top left;
	width: 50px;
	font-size: 22px;
	text-align: center;
	padding: 3px 10px 10px 6px;
}

.date p {
 	display: block;
    line-height: 21px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.5px;
}

.date p:first-child {
	font-size: 18px;
}

/* title */
h1.title {
	font-size: 24px;
	line-height: 30px;
    margin-top: -6px;
   	max-width: 358px; 
   	padding-left: 10px;
}

h1.title, .commentContainer {
	 vertical-align: top;
}

/* comments */
.commentContainer {
	float: right;
}

.commentContainer a {
	background: transparent url(../images/theme/comments_bg.gif) no-repeat top left;
    text-align: center;
    -moz-transition: none;
    display: block;
    height: 42px;
    text-align: center;
    width: 62px;
    text-decoration: none;
}

.commentContainer a:hover {
	background-position: -78px 0;
}

.commentContainer span {
	font-family: 'Colaborate-Light', Tahoma, sans-serif !important;
    color: black;
    display: block;
    font-size: 13px;
    position: relative;
    text-align: center;
    top: -8px;
}

/* link */
.postContainer p a {
	border-bottom: 1px dotted black;
}

.tags a {
	background-color: #DDDCDC;
}

.postContainer a {
	color: black;
}

.postContainer p a:hover {
	background-color: #FFF035;
	border-bottom: 1px dotted black;
}

/* em/questions */
.postContainer p em {
	/*background: url(../images/theme/question_marker.gif) no-repeat 0 3px;
    padding: 0 0 0 28px;*/
}

.postContainer p em, .postContainer p strong em, .postContainer p em strong, .postContainer p strong, .vcard a, #commentform label small {
    color: black;
    display: block;
    font-family: 'Colaborate-Medium',Tahoma,sans-serif;
    font-style: normal;
    line-height: 26px;
    font-weight: normal;
    display: inline;
}

.comment-subscription-form label, #commentform label small {
font-size: 16px; 
padding: 6px 12px 0;
}

#commentform label small {
    display: block;
    padding: 6px 12px 18px;
}

/* blockquote */
blockquote { 
	color: #797979;
	font-style: normal; 
	text-align: center;
}

/* img */
.postContainer img { 
	/*-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;*/
}

/* tags */
.tags a {
	color: #797979;
    display: block;
    float: left;
    margin: 4px 6px 4px 0;
    padding: 0 6px;
    text-decoration: none;
}

.tags a:hover {
	color: black;
}

/* SIDEBAR */
.sidebar, .content {
	float: left;
}

.sidebar {
	margin-top: 20px;
	margin-left: 18px;
}

.sidebar hr {
	display: none;
}

/* FORMS */
form, ul.social {  
	margin-bottom: 24px; 
	background: white; 
	/*-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;*/
	padding: 18px 14px;
}

form p {
	margin: 0;
}

input[type="submit"] {
	cursor: pointer; 
	cursor: hand;
}

input[type="text"], textarea {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	color: #231F20;
	text-transform: uppercase;
    font-size: 15px !important;
    padding: 6px 12px !important;
    border: 1px solid #DEDDDD;
    min-width: 145px;
    width: 92%;
}


#commentform input[type="text"], #commentform textarea {
text-transform: none;
font: 16px/26px Colaborate-Regular,Tahoma,sans-serif;
}

textarea {
 	width: 94%;
 	margin-left: 6px;
}

/* Search */
form#searchform input#searchsubmit {
	background: transparent;
    border: none;
    float: right;
    width: 72px;
	font-size: 14px; 
	text-transform: uppercase;
	top: -26px;
	z-index: 1000;
	position: relative;
	cursor: pointer; 
	cursor: hand;
	background: white;
	border-left: 1px solid rgb(200, 200, 200);
	color: #7F7F7F;
	margin-right: 2px;
}

form#searchform input#searchsubmit:hover {
	color: black;
}


.widget_search .widget-title, #searchform label {
	display: none;
}

/* Newsletter */
#subscribe-blog {
	padding: 12px 14px 60px;
	margin-bottom: 12px;
}

#subscribe-blog p:first-child {
	font-size: 24px; 
	text-align: center;
	margin-bottom: 12px;
	font-family: 'Colaborate-Thin',Tahoma,sans-serif;
}

#subscribe-blog input[type="submit"] {
	float: right; 
	border: none; 
	background: #FFF035;
	font-size: 14px; 
	color: black; 
	font-family: Colaborate-Regular,Tahoma,sans-serif;
	text-transform: uppercase;
	padding: 8px 10px; 
	margin: 12px 0px 12px 12px; 
	border-radius: 18px;
}

#subscribe-blog input[type="text"] {
	font-size: 12px !important;
	width: 228px !important;
}

.success {
	background: none repeat scroll 0 0 white;
    border-radius: 24px 24px 24px 24px;
    margin-bottom: 12px;
    padding: 12px 14px 1px;
}

.jetpack_subscription_widget h3 {
	display: none;
}

/* Social */
ul.social {
	padding: 10px 14px 4px 14px;
}	
	
ul.social li{
	display: inline-block; 
	margin: 0 4px;
}

.social a {
	background: white url('../images/theme/social.gif') no-repeat top left;
	display: inline-block;
    height: 52px;
    width: 52px;
}

#pinterest:hover {
	background-position: 0px -51px;
}

#twitter {
	background-position: -52px 0px;	
}

#twitter:hover {
	background-position: -52px -51px;	
}

#facebook {
	background-position: -104px 0px;	
}

#facebook:hover {
	background-position: -104px -51px;	
}

#instagram {
	background-position: -156px 0px;	
}

#instagram:hover {
	background-position: -156px -51px;	
}

/* pagination */
.article_nav a, .comment-reply-link, #respond input[type="submit"]{
	font-family: 'Colaborate-Medium', Tahoma, sans-serif;
	color: black; 
	font-size: 13px; 
	text-transform: uppercase;
	text-decoration: none;
	background: url('../images/theme/pagination.gif') no-repeat top left;
	padding: 9px 24px 9px 40px;	
	margin: 0 12px;
}

.comment-reply-link, #respond input[type="submit"] {
    background: none repeat scroll 0 0 #FFF035;
    font-size: 14px !important;
    -webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-bottom-radius: 24px;
	float: right;
	padding: 0px 16px;
	border: none;
}

#respond input[type="submit"] {
	padding-top: 4px; 
	padding-bottom: 4px;
	margin: 12px 0;
}

.comment-author.vcard {
	display: block;
}

.article_nav .prev {
	float: left;
}

.article_nav .next {
	float: right;
}

.article_nav .next a {
	padding: 9px 31px 9px 14px;
	background-position: -125px 0;
}

.article_nav .next a:hover {
	background-position: -125px -34px;
}

.article_nav .prev a:hover {
	background-position: 0 -34px;
}

/* subpage heading */
h2.title, h3#comments, #respond h3, .sharing_label {
    font-family: 'Colaborate-Thin',Tahoma,sans-serif !important;
    background: transparent !important;
}

.columns.content h1.title:first-child {
	display: none;
}

h2.title span {
	display: inline-block;
	height: 36px;
    padding: 0 30px 12px;
    text-transform: capitalize;
}

/* ABOUT */
.about h2.title {
	text-align: center;
	font-size: 32px; 
	color: #7F7F7F;
	clear: both;
	padding-bottom: 18px;
} 
.about h2.title.first {
	padding-bottom: 0 !important;
}

.about h2.title span {
	padding: 0;
	color: black;
}

.about div {
	clear: both; 
}

.about ul.paragraphs li {
	display: inline; 
	float: left;
	width: 43%;
	padding: 12px 0px 12px 24px;
}

.about ul.paragraphs li:first-child {
	border-right: 1px dotted black; 
	padding: 12px;
}

.about .orderedList li {
	padding-bottom: 18px;
}

.about .orderedList li span {
	background: url('../images/theme/li_bg.gif') no-repeat top left;
	font-family: 'Otama',Georgia,serif;
	padding: 0px 24px 2px 12px;
	font-size: 18px; 
	text-align: center;
	float: left;
}

.separate {
	border-bottom: 1px dotted black;
	border-top: 1px dotted black;
	padding-top: 24px; 
	margin-bottom: 24px;
}

/* SEARCH RESULTS*/
.searchResult {
	float: left; 
	width: 256px;
	margin-left: 24px;
	padding: 12px;
	height: 256px;
}

.searchResult .date, .searchResult .title a {
	float: left;
}

.searchResult .title {
	margin-top: 0;
}

.searchResult .title a {
	font-family: 'Colaborate-Thin', Tahoma, sans-serif !important;
	font-size: 26px; 
	color: #7F7F7F;
	width: 180px;
	text-transform: lowercase;
	line-height: 26px;
}

.searchResult .title a:hover {
	color: black;
}

.searchResult .excerpt {
    clear: both;
    height: 180px;
    overflow: hidden;
}

.searchResult p {
	margin: 0; 
}

.searchResult .excerpt p strong {
	background: #FCF49B;
	padding: 2px 4px;
	color: black;
} 

/* RESPONSIVE */
/* Resonsive Nav */
  #responsive-nav { 
  	display: inline-block;
  	width: 100% !important; 
  	margin: 0px;
  	float: none;
  	padding: 0;
  	background: none;
  	border: none;
}

  #responsive-nav .chzn-container{width: 100% !important;}
  #responsive-nav .chzn-container-single .chzn-single, #responsive-nav .chzn-container-single .chzn-single div {padding: 4px 9px;}

	/* Large devices only */
	@media only screen and (min-width: 959px) {
		#responsive-nav {display: none;}
		.twelve.columns.content { padding-left: 10px; margin-right: 0px; padding-top: 20px;}
		#section-tophat .container, #section-footer .container, #section-sub-footer .container{border: 0px;}
		#section-content {min-height: 700px;}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		a.sidebar-advert img { width: 43%; }
		#responsive-nav {display: none;}
		
		#subscribe-blog p:first-child {
			font-size: 19px;
		}	
		
		#subscribe-blog input[type="text"] {
			width: 166px !important;
			font-size: 12px;
		}
		
		.searchResult { width: 205px; height: 236px;}
		.searchResult .title a {width: 124px; font-size: 21px}
		
		
		h1.title {
			max-width: 305px;
			font-size: 21px;
		}
		
		.container .twelve.columns {
			width: 508px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.content {
			padding: 0;
		}
		
		.sidebar {
			border: 1px solid red;
		}
		
		.home .postContainer {
			margin-top: 24px;
		}
		
		.container {
			border: none;
		}

		#topMenu ul {
			width: 100%;
		}
		
		#topMenu li {
			display: inline-block;
			padding: 0 18px; 
		}
		 

		#menu {
			background-color: white;
			background-position: -180px 0;
		}
		
		/* Search Results */
		.searchResult { width: 386px; margin: 12px; height: 236px;}
		.searchResult .title a {width: 310px;}
		h2.title span {padding: 12px 12px 0 12px;}
		
  		.commentlist .comment-body {padding: 30px !important;}  		  
  		h1.title span:after{  
			content: "";
			background: transparent;
			}		
		h1.title span, h1.title{background: none transparent !important; line-height: 125% !important;}
		
		#section-tophat{text-align: center;}
		.tagline{float: none !important;} 
			
		.aside{ 
		  	padding: 0;
		  	border-right: 0px solid rgba(155, 155, 155, 0.2); 
		 	}
		  
		ul.social{clear: both;}
		ul.social li{height: 22px; width: 22px;}
		 
		.sixteen.navigation {
			margin-top: 0px;
			border: none;
		}
		  
		.sixteen.navigation form select {
		    background: none repeat scroll 0 0 transparent;
		    padding-top: 4px;
		    width: 100%;
		}
		
		#section-tophat {
		    padding: 10px 0 26px;
		}
		
		.nav-hr{top: -20px;}
								
		.twelve.content{
			padding: 0 10px 0 20px !important
			width: 99% !important;
		}
		
		.post-thumbnail .aside, .post-excerpt{
		    width: 99% !important;
		}
		.tw-status{clear: both;}
		
		.single .my-avatar {padding: 20px 14px 5px 0;}
		
		#section-tophat .container, #section-footer .container, #section-sub-footer .container{border: 0px;}
		
			.about h2.title {font-size: 28px; !important;}
	}
	


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 767px) {
		.sidebar {
			display: none;
		}
		
		h1.title {
			max-width: 178px !important; 
			font-size:  18px !important;
			padding: 0 !important;
			padding-top: 6px !important;
		}
	}

	/* SMALL Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		html {
			margin-top: 0 !important;
		}
		
		#menu {
			background-position: -174px 0 !important;
		}
		
		.comment-body .avatar {
			display: none;
		}
		
		
		
		h1.title {
			max-width: 178px !important; 
			font-size:  18px !important;
			padding: 0 !important;
			padding-top: 6px !important;
		}
		
		/*About*/
		.about ul.paragraphs li:first-child {
			border: none;
		}
		
		.about ul.paragraphs li {
			float: none; 
			width: 100%;
			padding: 12px;
		}
		
		.about h2.title.first {
			text-align: center;
		}
		
		.about h2.title {
			text-align: left;
		}
		
		.about .orderedList li {
			padding-bottom: 0px;
		}
		
		/* Search Results */
		.searchResult { width: 250px; margin: 12px; height: 236px;}
		.searchResult .title a {width: 198px; font-size: 21px; padding-left: 12px; line-height: 20px;}
		h2.title span {padding: 12px 12px 0 12px;}
		
		.postContainer {
			padding: 18px 18px 12px !important;
		}
		
		.commentContainer {
			float: none !important;
			margin-left: 64px !important;
		}
				
		.commentContainer span, .commentContainer a {
			display: inline !important;
			font-size: 16px;
			font-family: 'Colaborate-Thin',Tahoma,sans-serif !important;
		}
		
		.commentContainer a {
			background: none !important;
			color: black;
		}

		.commentContainer span {
			top: 0;	
		}
		
	
		#gallery-1 .gallery-item{width: 90%;}		
		.gallery-columns-2 .gallery-item {
			width:45% !important;
			padding-right:4% !important;
		}
		.gallery-columns-2 .gallery-item img {
			width:100% !important;
			height:auto !important;
		}
				
	}


div.pin-it-btn-wrapper {
    display: inline-block;
    left: 216px;
    position: relative;
    top: 52px;
}

.pin-it-btn-wrapper img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
} 


.meta-space {
	clear: both;
}

.connect_widget_text, .connect_widget_summary {
        display: none !important;
}

.widget_sp_image {
background-color: #fff;
padding: 1px 0;
margin-top: 25px;
}