@font-face {
	font-family: 'Genericons';
	src: url('fonts/genericons/genericons-regular-webfont.eot');
	src: url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/genericons/genericons-regular-webfont.woff') format('woff'),
	     url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
	     url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**
 * Defaults
 *
 *	Font sizes are calculated based on a 62.5% base.
 *	16px = 1.6rem
 *
 * --------------------------------------------------------------------------- */


html { font-size: 62.5%; } 


/* === Body === */



body {
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Cutive', serif;
	background: url(images/bkgdtexture.png) repeat;
} 


p {
	font-size: 12px;
	font-size: 1.2rem;
	}

	a:hover{}
/**
 * Layout
 *
 * See the Media Queries section for more specific layout rules.
 * --------------------------------------------------------------------------- */

#container {
	background: #FFF;
	width:   100%;
	margin:  0 auto;
	padding: 25px 0 0;
}

	#header,
	#main,
	#footer {
	margin: 0 auto 25px;
	padding: 0 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	#menu-primary,
	#menu-subsidiary {
		margin: 0 auto 25px;
	}

	#main {
		padding: 25px 25px 0;
	}

		.layout-1c #sidebar-primary,
		{
			display: none !important; /* This is only needed for the 'Customize' screen. */
		}

	#footer {
		overflow: hidden;   /* Figure out why clearfix isn't working for this. */
		position: relative;
		margin: 0;
	}


/**
 * Elements
 * --------------------------------------------------------------------------- */

/* === Links === */

a {
	color:           #333;
	text-decoration: none;
}

a:hover {
	color: #ee2a7b;
}

/* === Headers === */

h1{
	font-size:24px;
	font-size:2.4rem;
	color: #ee2a7b;
} 
h2{
	font-size:22px;
	font-size:2.2rem;
	color: #ee2a7b;
	}
	 
h3{
	font-size:20px;
	font-size:2.0rem;
	color: #ee2a7b;
	}
	 
h4{
	font-size:18px;
	font-size:1.8rem;
	color: #ee2a7b;
	}
	 
h5{
	font-size:16px;
	font-size:1.6rem;
	color: #ee2a7b;
	} 

h6 {
	font-size:14px;
	font-size:1.4rem;
	color: #ee2a7b;
}

/* === Acronyms and abbreviations === */

acronym {
	font-variant: small-caps;
}

acronym,
abbr {
	border-bottom: 1px dotted #ddd;
}

/* === Blockquotes === */

blockquote {
	margin:     0;
	padding:    8px 25px 0 50px;
	color:      #888;
	background: url(images/quotes.png) no-repeat 0 0;
}

	blockquote blockquote {
		padding:    3px 25px 0 40px;
		background: url(images/quotes-alt.png) no-repeat 0 0;
	}

	blockquote.alignleft,
	blockquote.alignright {
		padding:    3px 25px 0 40px;
		background: url(images/quotes-alt.png) no-repeat 0 0;
		width:      33%;
		font-size:  1rem;
		font-style: italic;
	}

	blockquote.alignleft {
		float:        left;
		margin-right: 25px;
	}

	blockquote.alignright {
		float:       right;
		margin-left: 25px;
	}

	.twitter-tweet {
		width: 100%;
	}

	q {
		quotes: '\201C' '\201D';
	}

		q::before {
			content: open-quote;
		}

		q::after { 
			content: close-quote; 
		}

/* === Lists === */

.comment-text ul,
.comment-text ol {
	margin-bottom: 25px;
}

	.comment-text ul ul,
	.comment-text ol ol,
	.comment-text ul ol,
	.comment-text ol ul {
		margin-bottom: 0;
	}

/* === Code === */

code {
	padding:    1px 3px;
	color:      #111;
	background: #eee;
}

pre {
	padding:    25px;
	color:      #111;
	background: #f3f3f3 url(images/utility-bg.png);
	border:     1px solid #ddd;
}

	pre code {
		padding:    0;
		background: transparent;
	}

	li.comment pre {
		background-color: #f9f9f9;
	}


/* === Tables === */

table {
	margin:       0 0 25px;
	width:        100%;
	border-left:  1px solid #ddd;
	border-right: 1px solid #ddd;
}

	caption {
		font-style: italic;
		color:      #888;
	}

	th,
	td {
		padding:     4px 2%;
		border:      1px solid #ddd;
		border-left: none;
	}

	th {
		font-weight: bold;
		text-align:  left;
	}

	td {
		color:      #666;
		border-top: none;
	}

	/* wp-calendar */

	#wp-calendar th,
	#wp-calendar td {
		text-align: center;
	}

	#wp-calendar tbody a {
		display:         block;
		font-weight:     bold;
		text-decoration: none;
	}
		#wp-calendar tbody a:hover {
			text-decoration: underline;
		}

	#wp-calendar, 
	#wp-calendar tfoot tr,
	#wp-calendar tfoot td {
		border: none;
	}

	#wp-calendar thead,
	#wp-calendar tbody {
		border-left: 1px solid #ddd;
	}

	#wp-calendar thead th {
		background: #f3f3f3;
		color:      #d8f1fc;
		background: #538eab;
	}

	#wp-calendar tbody td.pad {
		background: #f9f9f9;
	}

/* === Embeds === */

.wp-audio-shortcode,
.wp-video-shortcode,
audio,
video,
object,
embed,
iframe {
	max-width: 100%;
	margin-bottom: 25px;
}

.wp-audio-shortcode,
.wp-video-shortcode,
audio,
video {
	display: block;
	max-width: 100%;
}

	.embed-wrap {
		position:       relative;
		margin-bottom:  25px;
		padding-bottom: 56.25%;
		padding-top:    30px;
		height:         0;
		overflow:       hidden;
	}

	.embed-wrap iframe,
	.embed-wrap object,
	.embed-wrap embed {
		position: absolute;
		top:      0;
		left:     0;
		width:    100%;
		max-width: 100%;
		height:   100%;
	}


/* === Images === */

img {
	max-width:  100%;
	height:     auto;

		-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	a img {
	
		border:none;
	}

	

/* === Thumbnails === */

.thumbnail {
	display:    block;
	max-width:  160px;
	max-height: 160px;
	margin:     0 auto 25px;
}

/* === Captions === */

.wp-caption {
	position:   relative;
	height:     auto;
}

	.wp-caption img {
		padding:    9px;
		background: #f3f3f3 url(images/utility-bg.png);
		border:     1px solid #ddd;
	}

	.wp-caption-text {
		text-align:  center;
		font-size:   0.8125rem;
		color:       #999;
	}

	.hentry .wp-caption-text {
		width:       85%;
		position:    absolute;
		bottom:      25px;
		left:        -2px;
		z-index:     99;
		margin:      0 5% 0 0;
		padding:     12px 5% 12px 5%;
		opacity:     0.85;
		color:       #ccc;
		background:  #000;
		text-align:  left;
	}

		.hentry .wp-caption-text a {
			color: #fff;
		}

/* === Galleries === */

.gallery {
	margin: 0 0 15px;
}

	.gallery .gallery-item {
		margin-bottom: 10px;
	}

		.gallery .gallery-item .gallery-icon img {
			width:     auto;
			max-width: 89% !important;
		}

		.gallery .thumbnail {
			float: none;
		}

		.gallery-caption {
			font-size:   0.8125rem;
			color:       #999;
		}

/* === Alignment === */

.alignleft {
	float: left;
	margin: 0 25px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 25px;
}

.aligncenter {
	float: none;
	margin: 0 auto 25px;
}

/**
 * Header
 * --------------------------------------------------------------------------- */

/* === Header image === */
#header {
	background: #FFF;	
}

/* === Branding === */

#site-title {
	display: block;
	width:   100%;
	height:  141px;
	margin:  0 auto 5px;
	text-align: center;
}


#site-description {
	display:none;
}


/**
 * Menus
 *
 * Most of the menu code is defined in Media Queries section.
 * --------------------------------------------------------------------------- */

.menu-toggle {
	display: none;
}

/* === Subsidiary menu === */

#menu-subsidiary {
	clear:         both;
	margin-bottom: 13px;
	text-align:    center;
}

	#menu-subsidiary ul {
		list-style: none;
		margin:     0;
	}

		#menu-subsidiary li {
			display: inline-block;
		}

		#menu-subsidiary li a {
			display:         inline-block;
			margin:          0 12px 12px 0;
			padding:         12px 25px;
			text-transform:  uppercase;
			text-decoration: none;
			color:           #d8f1fc;
			background:      #538eab;
			border-right:    1px solid #4b85a1;
		}

			#menu-subsidiary li a:hover {
				text-decoration: underline;
			}

			#menu-subsidiary li a:hover,
			#menu-subsidiary li.current-menu-item a {
				background: #215167;
			}

/**
 * Main
 * --------------------------------------------------------------------------- */

#main {
	color:      #333;
	background: #fefefe;
	
	}

	/* === Breadcrumb trail === */

	.breadcrumb-trail {
		margin:    0 0 50px;
		
		color:     #888;
	}

		.breadcrumbs .trail-browse {
			margin-right: 7px;
		}

		.breadcrumbs .sep {
			display:     inline-block;
			width:       3px;
			height:      25px;
			margin:      0 7px;
			text-indent: -9999em;
			background:  url(images/sprite.png) no-repeat 0 -313px;
		}

		.breadcrumb-trail .trail-end {
			font-style: italic;
			color:      #aaa;
		}


/**
 * Content
 * --------------------------------------------------------------------------- */

/* === Posts === */

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-footer {
		word-wrap: break-word; 
		word-break: normal;

			-webkit-hyphens: none;
			-moz-hyphens: none;
			-ms-hyphens: none;
		hyphens: none;
	}

.hentry {
	margin: 0 0 25px;
}

.hentry li {
	font-size: 1.2rem;
	font-size: 12px;
	list-style: none;
	background:url(images/heart-bullet.png) no-repeat left 2px;
	padding-left: 20px;
	margin-left: 0px;
}

.hentry ul {
	margin: 0px;
	
} 	

.sticky {}

	/* Post Titles */

	
	.singular .
	 a{
	line-height: 36px;
	vertical-align: middle;
	font-size: 18px;
	padding-left: 5px;		
	}

	.singular .entry-title,
	.format-video .entry-title,
	.format-audio .entry-title,
	.format-image .entry-title {
	line-height: 36px;
	vertical-align: middle;
	font-size: 16px;
	padding-left: 5px;
	background: url(images/stripe-tile.png) repeat;
	height: 34px;
	max-width: 100%;
	}

		.entry-title a {
			text-decoration: none;
			color: #ee2a7b;
		}
		.entry-title a:hover {
			text-decoration: underline;
		}

	/* === Post byline and entry meta === */

	.entry-byline, 
	.entry-meta {
		font-size: 10px;
		
	}

	.entry-byline {
	margin-bottom: 10px;
	
	}

	.singular .entry-byline {
		margin-bottom: 25px;
	}
	
	.byline 	{
	border-top: 2px solid #F6C;
	border-bottom: 2px solid #F6C;
	font-size: 10px;
	}

	.entry-meta {
		margin-bottom: 25px;
		
	}

	.singular .entry-meta {
		clear: both;
	}

		.entry-meta .category,
		.entry-meta .post_tag {
			display: block;
		}

	/* === Post content and excerpt === */

	.entry-summary p {
		margin-bottom: 10px;
	}

	/* === More links === */

	.more-link {
		font-style: italic;
		}
	.moretag{
	font-size: 1.2rem;
	font-size: 12px;
	color: #ee2a7b;
	background:url(images/heart-bullet.png) no-repeat left center;
	padding-left: 18px;
	clear: both;
	width: 100px;
	height: 25px;
}	
		

	/* === Post format icons === */

	a.post-format-link {
		padding-left: 21px;
		background:   url(images/sprite.png) no-repeat;
	}
	.format-aside a.post-format-link {
		padding-left:        19px;
		background-position: 0 0;
	}
	.format-audio a.post-format-link {
		background-position: 0 -23px;
	}
	.format-chat a.post-format-link {
		background-position: 0 -48px;
	}
	.format-gallery a.post-format-link {
		background-position: 0 -75px;
	}
	.format-image a.post-format-link {
		background-position: 0 -98px;
	}
	.format-link a.post-format-link {
		background-position: 0 -123px;
	}
	.format-quote a.post-format-link {
		background-position: 0 -146px;
	}
	.format-status a.post-format-link {
		background-position: 0 -174px;
	}
	.format-video a.post-format-link {
		background-position: 0 -197px;
	}

	/* === Gallery post format === */

	.format-gallery .image-count {
		font-style: italic;
		font-size:  0.9375rem;
		color:      #888;
	}

	.format-gallery .thumbnail {
		width:      150px; /* width and height must be exact for bg to work. */
		height:     150px;
		padding:    18px 18px 10px 10px;
		background: url(images/format-gallery-thumb.png) no-repeat 0 0;
		border:     none;

			-moz-box-sizing: border-box;
		box-sizing: content-box;
	}

	/* === Status post format === */

	.format-status .avatar {
		float:  left;
		width:  65px;
		height: 65px;
		margin: 0 25px 25px 0;
	}

	.format-status .mood {
		margin-top: -15px;
		font-style: italic;
		font-size:  0.8125rem;
		color:      #888;
	}

	.format-status .mood-before {
		display:        inline-block;
		margin-right:   5px;
		font-size:      0.875rem;
		font-style:     normal;
		font-weight:    bold;
		text-transform: uppercase;
		color:          #666;
	}

	/* === Video and audio post format === */

	.format-audio .entry-summary,
	.format-video .entry-summary,
	.format-image .entry-summary { /* Image post format */
		text-align: center;
		font-style: italic;
		font-size:  0.9375rem;
		color:      #888;
	}

		.format-audio .entry-summary p,
		.format-video .entry-summary p {
			margin: 0 0 25px 0;
		}

	.format-audio .entry-meta,
	.format-video .entry-meta {
		clear: both;
	}

	.taxonomy-post_format-video .hfeed .gallery-icon :first-child {
		width:     auto;
		max-width: 275px;
		height:    auto;
		padding:   1%;
		margin:    0 auto;
	}

	.layout-3c-l.taxonomy-post_format-video .hfeed .gallery-icon :first-child,
	.layout-3c-r.taxonomy-post_format-video .hfeed .gallery-icon :first-child,
	.layout-3c-c.taxonomy-post_format-video .hfeed .gallery-icon :first-child {
		max-width: 225px;
	}

	/* === Chat post format === */

	.post-format-chat .entry-summary {
		margin-bottom: 25px;
		color:         #888;
	}

		.post-format-chat .entry-summary p {
			margin-bottom: 25px;
		}

	.format-chat .chat-author cite {
		font-size:      0.75rem;
		font-weight:    bold;
		font-style:     normal;
		text-transform: uppercase;
		border-bottom:  1px dotted #ccc;
	}

		.format-chat .chat-speaker-1 .chat-author { color: #538eab; }
		.format-chat .chat-speaker-2 .chat-author { color: #b86c74; }
		.format-chat .chat-speaker-3 .chat-author { color: #244b5e; }
		.format-chat .chat-speaker-4 .chat-author { color: #78752e; }
		.format-chat .chat-speaker-5 .chat-author { color: #5e401b; }
		.format-chat .chat-speaker-6 .chat-author { color: #de7956; }
		.format-chat .chat-speaker-7 .chat-author { color: #5669de; }

	.format-chat .chat-text {
		margin-left: 25px;
		color:       #666;
	}

/* === Loop meta === */

.loop-meta {
	margin: 0 0 25px;
	background: url(images/stripe-tile.png) repeat;
	height: 34px;
}

.loop-meta h1 {
	line-height: 36px;
	vertical-align: middle;
	font-size: 18px;
	padding-left: 5px;
}

	.loop-description {
		color: #888;
	}

/* === Author box === */

.author-profile {
	position:      relative;
	margin:        0 0 50px;
	padding:       25px 25px 0;
	color:         #777;
	background:    #f3f3f3 url(images/utility-bg.png);
	border-bottom: 1px solid #ddd;
}

	.author-profile .author-name {
		margin: 0 0 10px;
	}

	.author-profile .avatar {
		float:   left;
		width:   70px;
		height:  70px;
		margin:  0 25px 25px 0;
		padding: 0;
		border:  5px solid #ddd;
	}

	.author-profile .social {
		position: absolute;
		top:      25px;
		right:    25px;
		z-index:  99;
	}

		.author-profile .social a {
			display:     inline-block;
			width:       15px;
			height:      15px;
			margin-left: 5px;
			text-indent: -9999em;
			background:  url(images/sprite.png) no-repeat;
		}

			.author-profile .social .google-plus {
				background-position: 0 -275px;
			}
			.author-profile .social .twitter {
				width: 22px;
				background-position: 0 -300px;
			}
			.author-profile .social .facebook {
				width: 10px;
				background-position: 0 -250px;
			}
			.author-profile .social .feed {
				width: 14px;
				height: 14px;
				background-position: 0 -225px;
			}

/* === Image attachment pages === */

		.attachment-image .entry-byline .image-size-link,
		.attachment-image .entry-byline .sep {
			margin-left: 5px;
		}

	.attachment-image .entry-content {
		clear:      both;
		font-style: italic;
		color:      #999;
	}

	.attachment-image.layout-1c .entry-content {
		
	}

	.attachment-meta {
		margin: 0 0 25px;
	}

			.attachment-meta ul {
				list-style:  inside;
				margin-left: 0;
				font-style:  italic;
				color:       #888;
			}

				.attachment-meta li {
					padding-bottom: 5px;
					margin-bottom:  5px;
					border-bottom:  1px dotted #ddd;
				}

					.attachment-meta .image-data {
						float:      right;
						text-align: right;
					}

					.attachment-meta .image-info .prep {
						font-weight:    bold;
						font-style:     normal;
						text-transform: uppercase;
						color:          #444;
					}

			.singular-attachment .image-gallery .gallery-caption {
				display: none;
			}

/**
 * Pagination
 * --------------------------------------------------------------------------- */

.loop-pagination,
.loop-nav,
.page-links {
	clear:  both;
	margin: 0 0 25px;
}

.page-links {
	padding: 12px 0 0;
}

.singular .loop-nav {
	padding-top: 25px;
	font-size: 12px;
}

	.page-numbers,
	.page-links a,
	.loop-nav a {
		margin:          0 12px 0 0;
		padding:         10px 15px;
		font-weight:     bold;
		color:          #ee2a7b;
		text-decoration: none;
	}

	.page-numbers.current,
	a.page-numbers:hover,
	.page-links a:hover,
	.loop-nav a:hover {
		color:           #ee2a7b;
		text-decoration: underline;
	}

	.page-links a {
		margin:  0 3px;
		padding: 6px 10px;
	}

	.loop-pagination .meta-nav,
	.loop-nav .meta-nav {
		font-size: 0.8125rem;
	}

	.loop-nav a[rel="prev"] {
		float: left;
	}

	.loop-nav a[rel="next"] {
		float:        right;
		text-align:   right;
		margin-right: 0;
	}

/* Comment pagination */
.comments-nav {
	float:    right;
	position: relative;
	margin:   -52px 0 0;
}

	.comments-nav .page-numbers {
		margin:         0 15px;
		padding:        0;
		text-transform: uppercase;
		color:          #858585;
		background:     transparent;
	}

	.comments-nav .prev, 
	.comments-nav .next {
		font-style: italic;
		font-size:  0.9375rem;
	}


/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* === General widgets === */

.widget {
	font-size: 14px;
	font-size: 1.4rem;
	border: 2px solid #FEF0F0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

	.widget-title {
	color:         #ee2a7b;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	}
	
	
	.widget li {
	list-style: none;	
	background: url(images/flower-bullet.png) no-repeat;
	margin-left: 25px;
	padding-left: 25px;	
	}
.featured{
	clear: both;	
}

.flickr_badge_image{
	height: 70px;
	width: 70px;
	float: left;
	padding: 4px;
}

#text-5 .widget-title {
	background: url(images/like.png) no-repeat 20px center;
}

#hybrid-archives-2 .widget-title{
	
}

/* === Subsidiary sidebar === */

#sidebar-subsidiary {
	clear:      both;
	margin:     -76px auto 25px;
	padding:    50px 25px 25px;
	background: #fefefe;
	border: 2px solid #FEF0F0;
	border-top-width: 0;
}

/* === Specific widgets === */

	/* === Widget search and newsletter === */

	.widget-search input[type="text"],
	.widget-newsletter input[type="text"] {
		float:         left;
		width:         87.5%;
		margin:        0 0 25px;
		padding:       10px 15px;
		color:         #666;
		background:    #f3f3f3;
		border:        1px solid #ddd;
		border-right:  none;
		border-radius: 5px 0 0 5px;

			-moz-box-sizing: border-box;
		box-sizing:    border-box;
	}

		.widget-search input[type="text"]:focus,
		.widget-newsletter input[type="text"]:focus {
			color:      #444;
			background: #fff;
		}

	.widget-search input[type="submit"],
	.widget-newsletter input[type="submit"] {
		float:         left;
		display:       block;
		width:         12.5%;
		height:        39px;
		margin:        0;
		padding:       0;
		background:    #538eab url(images/sprite.png) no-repeat center 100%;
		border:        none;
		border-radius: 0 5px 5px 0;
		text-indent:   -9999em;
		box-shadow:    none;

			-moz-box-sizing: border-box;
		box-sizing:    border-box;
	}

		.widget-search input[type="submit"]:hover,
		.widget-newsletter input[type="submit"]:hover {
			cursor:            pointer;
			background-color: #215167;
		}

	.widget-search label { 
		display: none; 
	}


	/* === Other widgets === */

	.comments-number,
	.views-number,
	.post-count {
		font-size:  0.8125rem;
		font-style: italic;
		color:      #888;
	}

	.widget-user-profile .avatar {
		padding: 4px;
	}


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

.comments-closed {
	font-style: italic;
	color:      #888;
}

/* === Comment list === */

ol.comment-list,
ol.comment-list ol.children {
	list-style: none;
	margin:     0 0 50px;
}

	ol.comment-list ol.children {
		padding: 0;
		margin:  0 -25px 0 0;
	}

	li.comment,
	li.ping {
		margin:        0 0 25px;
		padding:       25px 25px 0;
		background:    #f3f3f3 url(images/utility-bg.png);
		border-bottom: 1px solid #ddd;
	}

	li.bypostauthor {}

	li li.comment, 
	li li li li.comment,
	li li li li li li.comment,
	li li li li li li li li.comment,
	li li li li li li li li li li.comment { 
		background: #e9e9e9; 
	}

	li li li.comment, 
	li li li li li.comment,
	li li li li li li li.comment,
	li li li li li li li li li.comment { 
		background: #f3f3f3 url(images/utility-bg.png); 
	}

		.comment-meta {
			margin:      0 0 25px;
			font-size:   0.75rem;
			color:       #888;
		}

			.comment-author {
				display: block;
				color: #333;
			}

				.comment-author cite {
					font-size:   1.125rem;
					font-style:  normal;
				}

		li.comment .avatar {
			float:   left;
			width:   50px;
			height:  50px;
			margin:  0 25px 0 0;
			padding: 0;
			border:  5px solid #ddd;
		}

			li li.comment .avatar {
				border-color: #ccc;
			}

/**
 * Comment Form (Respond)
 * --------------------------------------------------------------------------- */

#respond {
	margin: 0 0 25px;
}

	#respond label {
	
		font-weight: bold;
	}

		#respond label .required {
			font-family: Georgia, serif;
			
			color: #c00;
		}

	#respond input[type="text"],
	#respond input[type="url"],
	#respond input[type="email"],
	#respond textarea {
		display:     block;
		width:       100%;
		padding:     5px 10px;		
		color:       #666;
		background:  #f3f3f3;
		border:      1px solid #ddd;

			-moz-box-sizing:    border-box;
		box-sizing: border-box;
	}

	#respond textarea {
		height:  200px;
		padding: 10px;
	}

	#respond input[type="text"]:focus,
	#respond input[type="url"]:focus,
	#respond input[type="email"]:focus,
	#respond textarea:focus {
		color:        #444;
		background:   #fff;
		border-color: #ccc;
	}

	#respond #submit {
		padding:       15px 20px;
		font-weight:   bold;
		color:         #666;
		background:    #f3f3f3;
		border:        none;
		border-radius: 5px;
	}

		#respond #submit:hover {
			background: #eee;
		}

		li #respond #submit {
			border: 1px solid #ddd;
		}

	li #respond textarea,
	li #respond input[type="text"],
	li #respond input[type="url"],
	li #respond input[type="email"] {
		max-width: 95%;
	}

	li #respond textarea,
	li #respond input[type="text"],
	li #respond input[type="url"],
	li #respond input[type="email"],
	li #respond #submit {
		background: #f9f9f9;
	}

/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
	
	text-align: center;
}



/**
 * Page Templates
 * --------------------------------------------------------------------------- */

	/* === Front Page template === */

	.page-template-front .breadcrumb-trail {
		display: none;
		
	}

	
	.page-template-front  .hentry {
		margin-bottom: 0px;
		}
		
	.content-secondary .hentry {
	margin-bottom: 50px;
	font-size: 12px;
	font-size: 1.2rem;
	}

		
.content-secondary .entry-title, .content-secondary .entry-title a  {
	background: url(none);
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 16px;
		}
		

		 .content-secondary .hentry a img{
	height: 240px;
	overflow: hidden;
		
		}

		

	.blog .hentry a img{
		height: 240px;
		overflow: hidden;
			
			}

/**
 * Media Queries
 * --------------------------------------------------------------------------- */

/* === MAX-WIDTH 480px === */

@media only screen and (max-width: 480px) {

	
}


/* === MIN-WIDTH 480px === */

@media only screen and (min-width: 480px) {

	.thumbnail {
		float:      right;
		margin:     0 0 5px 25px;
	}

	#site-description {
		margin:         0 0 0 15px;
	}

			.content-secondary .hentry {
				clear:        both;
				float:        left;
				width:        47%;
				
			}

			.content-secondary .hentry:nth-child(even) {
				clear:        none;
				float:        right;
				margin-right: 0;
			}

		
			#footer {
				text-align: left;
			}
		
			#footer .copyright {
				float: left;
				width: 80%;
				color: #ee2a7b;
			}
		
			#footer .credit {
				float: right;
				width: 20%;
				color: #ee2a7b;
			}
}
/* === MAX-WIDTH 760PX === */

@media only screen and (max-width: 799px) {

		.menu-toggle {
	position:     relative;
	display:      inline-block;
	cursor:       pointer;
	padding-left: 30px;
	margin:       0 auto;
	line-height:  21px;
	color:        #ee2a7b;
	background:   url(images/mobile-menu-icon.png) no-repeat 0 0;
	text-transform: lowercase;
		}
		.menu-toggle:hover,
		.menu-toggle.active {
			text-decoration:     underline;
			background-position: 0 -21px;
		}
	
		#menu-primary{
			padding-left: 25px;
		}

		#menu-primary .wrap {
			text-align: left;
			position:   relative;
			clear:      both;
			margin:     25px 25px 0 0;
			padding:    25px 25px 0 0;
			z-index:    999;
			background: #fff;
			border:     solid 1px #d5d5d5;
			display:    none; /* visibility will be toggled with jquery */
		}

		.menu .search-form {
			display: none;
		}

	.loop-pagination,
	.loop-nav {
		margin-bottom: 50px;
	}
}

/* === MIN-WIDTH 800PX === */

@media only screen and (min-width: 800px) {

	#container {
		max-width: 1080px;
		width:     98.5%;
	}

	#header,
	#footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main {
	padding: 50px 10px 25px;
	}

	/* 2c-l */
	.layout-2c-l #content {
		float: left;
		width: 63.265%;
	}
	.layout-2c-l #sidebar-primary{
										
		float: right;
		width: 32.63%;
	}
	

	/* 2c-r */
	.layout-2c-r #content {
		float: right;
		width: 63.265%;
	}
	.layout-2c-r #sidebar-primary {
		float: left;
		width: 32.63%;
	}
	


	/* Primary menu */

	#menu-primary {
	max-width: 100%;
	margin:     0 auto 0px;
	background: url(images/stripe-tile.png) repeat;
	height: 34px;
	}

	#menu-primary .menu-toggle {
		display: none;
	}

	#menu-primary .wrap {
		display: block !important; /* Need !important to overwrite jQuery. */
	}

		#menu-primary ul {
			list-style: none;
			margin:     0;
			text-align: center;
		}

		#menu-primary .menu-items {
			zoom: 1;
		}

		#menu-primary .menu-items::before,
		#menu-primary .menu-items::after {
			content: "";
			display: table;
		}

		#menu-primary .menu-items::after {
			clear: both;
		}

			#menu-primary .menu-items > ul {
				width:  100%;
				margin: 60px auto;
			}

		#menu-primary ul ul {
	margin:         25px 0 0;
	opacity:        0;
	visibility:     hidden;
	position:       absolute;
	top:            37px;
	z-index:        99;
	text-align:     left;
	padding-bottom: 15px;
	background: #FFF;
	background: url(images/stripe-tile.png) repeat;	
		}


		#menu-primary li:hover > ul {
			opacity:    1;
			visibility: visible;
			margin:     0;

				-webkit-transition: all 0.35s ease-in;
				-moz-transition:    all 0.35s ease-in;
				-o-transition:       all 0.35s ease-in;
			transition:  all 0.35s ease-in-out;
		}

			#menu-primary ul ul ul {
				top:    0;
				left:   230px;
				margin: 0 0 0 20px;
			}

		#menu-primary li {
			display:  inline-block;
			position: relative;
		}

			#menu-primary li li {
				border: none;
			}

			#menu-primary li a {
	float:left;
	padding:12px 10px 10px;
	text-transform:lowercase;
	text-decoration: none;
	color:#333;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 14px;
			}

			#menu-primary li a:hover {
				text-decoration: underline;
			}

			#menu-primary li a:hover,
			#menu-primary li:hover > a,
			#menu-primary li.current-menu-item > a {
			text-decoration: underline;
			}

			#menu-primary li li.current-menu-item > a {
				
			}

			#menu-primary li li a {
				margin:          0 7px;
				padding:         15px 18px;
				font-size: 12px; font-size: 1.2rem;
				font-weight:     normal;
				text-transform:  none;
				text-decoration: none;
				border:          none;
				
			}

			#menu-primary li li a:hover,
			#menu-primary li li:hover > a {
				
			}

			#menu-primary ul ul li {
				float:   none;
				display: block;
			}

				#menu-primary ul ul li a {
					width:   180px;
					display: block;
					float:   none;
				}

			/* Drop-down arrows. */
			#menu-primary li > a::after {
				content:     ' \2193';
				display:     inline-block;
				position:    relative;
				float:       right;
				top:         5px;
				width:       5px;
				height:      3px;
				margin:      0 0 0 10px;
				text-indent: -9999em;
				background:  url(images/menu-arrows.png) no-repeat 0 -3px;
			}

			#menu-primary li:hover > a::after {
				background-position: 0 -3px;
			}

			#menu-primary li li > a::after,
			#menu-primary li li:hover > a::after {
				content: ' \2192';
				float:   right;
				top:     5px;
				width:   3px;
				height:  5px;
				background-position: 0 -11px;
			}

			#menu-primary li > a:only-child::after {
				content: '';
				display: none;
			}

		
.blog-new {
	max-width: 100%;
	background: url(images/stripe-tile.png) repeat;
	height: 34px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.blog-new h1, h2{
	line-height: 36px;
	vertical-align: middle;
	font-size: 18px;
}

.archive-new .loop-title {display:none;}


	/* Subsidiary Menu */
	#menu-subsidiary {
		background:      #538eab;
		border-radius: 0 0 5px 5px;
		text-align:    left;
	}
		#menu-subsidiary li {
			float: left;
		}

		#menu-subsidiary li a {
			margin: 0;
		}

		#menu-subsidiary .menu-items > li:first-child a {
			border-radius: 0 0 0 5px;
		}


	/* Floated elements */
	.attachment-image .entry-title {
		float: left;
		width: 50%;
	}

	.attachment-image .entry-byline {
		float:      right;
		width:      50%;
		text-align: right;
	}

		.attachment-meta .image-info {
			float:         left;
			width:         45%;
			padding-right: 50px;

				-moz-box-sizing: border-box;
			box-sizing:    border-box;
		}

		.attachment-meta .image-gallery {
			float:      right;
			width:      55%;

				-moz-box-sizing: border-box;
			box-sizing: border-box;
		}


	/* Subsidiary widget. */
	#sidebar-subsidiary {
	margin-top: 0;
	padding:    50px 50px 25px;
	border-top-width: 1px;
	clear: both;
	}

	#sidebar-subsidiary .widget {
	float:  left;
	width:  28%;
	margin: 0 4.99% 0 0;
	font-size: 12px;
	padding: 0px;
	border-style: none;
	}

	#sidebar-subsidiary .widget:nth-child(3n) {
		float:        right;
		margin-right: 0;
	}

	#sidebar-subsidiary .widget:nth-child(3n+1) {
		clear: both;
	}
	
	.widget_reallysimpletwitterwidget{
	height: 200px;
	overflow: scroll;	
}

#cff {
	height: 200px;
	overflow: scroll;	
}
}



/* === MIN-WIDTH 900PX === */

@media only screen and (min-width: 900px) {

	/* 3c-l */
	.layout-3c-l #content {
		float: left;
		width: 51.02%;
	}
	.layout-3c-l #sidebar-primary {
		float: left;
		width: 20.408%;
		margin-left: 3.979%;
	}
	

	/* 3c-r */
	.layout-3c-r #content {
		float: right;
		width: 51.02%;
	}
	.layout-3c-r #sidebar-primary {
		float: left;
		width: 20.408%;
		margin-right: 3.979%;
	}
	

	/* 3c-c */
	.layout-3c-c #content {
		float: left;
		margin-left: 24.3877%;
		width: 51.02%;
	}
	.layout-3c-c #sidebar-primary {
		float: left;
		margin-left: -75.9183%;
		width: 20.408%;
	}
	
}


/* Clearfix */
.clearfix::after,
#main::after,
#header::after,
#footer::after,
#branding::after,
#menu-primary::after,
#menu-subsidiary::after,
#sidebar-subsidiary::after,
.content-secondary::after,
.widget::after,
.hentry::after,
.author-profile::after,
.entry-content::after,
.attachment-meta::after,
.loop-meta::after,
.loop-nav::after,
li.comment::after, li.ping::after,
.content-secondary::after,
.gallery::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	/*Social Menu*/
	
	.screen-reader-text {
	position: absolute;
	top:      -9999em;
	left:     -9999em;
}

#menu-social {
	clear: both;
	height: 25px;
	width: 100%;
}

	#menu-social ul {
	list-style: none;
	margin:     0 0 25px;
	text-align: center;
	float: right;
	}

		#menu-social ul li {
			display:  inline-block;
			position: relative;
		}

			#menu-social li a::before {
				content:        '\f408';
				display:        inline-block;
				padding:        0 5px;
				font-family:    'Genericons';
				font-size:      16px;
				vertical-align: top;

				-webkit-font-smoothing: antialiased;
			}

			#menu-social li a[href*="wordpress.org"]::before,
			#menu-social li a[href*="wordpress.com"]::before {
				content: '\f205';
				color:   #21759b;
			}
			#menu-social li a[href*="facebook.com"]::before {
				content: '\f203';
				color: #ee2a7b;
				font-size: 30px;
			}
			#menu-social li a[href*="twitter.com"]::before {
				content: '\f202';
				color: #ee2a7b;
				font-size: 30px;
			}
			#menu-social li a[href*="dribbble.com"]::before {
				content: '\f201';
				color:   #ea4c89;
			}
			#menu-social li a[href*="plus.google.com"]::before {
				content: '\f206';
				color: #dd4b39;
			}
			#menu-social li a[href*="pinterest.com"]::before {
				content: '\f210';
				color: #ee2a7b;
				font-size: 30px;
			}
			#menu-social li a[href*="github.com"]::before {
				content: '\f200';
				color:   #171515;
			}
			#menu-social li a[href*="tumblr.com"]::before {
				content: '\f214';
				color:   #34526f;
			}
			#menu-social li a[href*="youtube.com"]::before {
				content: '\f213';
				color:   #c4302b;
			}
			#menu-social li a[href*="flickr.com"]::before {
				content: '\f211';
				color:   #ff0084;
			}
			#menu-social li a[href*="vimeo.com"]::before {
				content: '\f212';
				color:   #1AB7EA;
			}
			#menu-social li a[href*="instagram.com"]::before {
				content: '\f215';
				color: #ee2a7b;
				font-size: 30px;
			}
			#menu-social li a[href*="codepen.io"]::before {
				content: '\f216';
				color:   #000;
			}
			#menu-social li a[href*="linkedin.com"]::before {
				content: '\f208';
				color:   #0e76a8;
			}
/*Constant Contact*/

			.subscribe {
	margin:    20px 0;
	height: auto;
	width: 80%;
	text-align: center;
	background: url(images/stripe-tile.png) repeat;
	clear: both;
	padding: 20px 10%;
		}
		
			.subscribe .submit {
	display: block;
	text-indent: -9999px;
	height: 40px;
	width: 149px;
	margin-right: auto;
	margin-left: auto;
	border:none;
	background: url(images/submit-button.png) no-repeat;
		}
		
		.subscribe h1{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
		}
		
		.subscribe p {
	font-size: 1.2rem;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
		}
		
		
		input.wpcf7-form-control.wpcf7-submit {
	display: block;
	text-indent: -9999px;
	height: 40px;
	width: 149px;
	margin-right: auto;
	margin-left: auto;
	border:none;
	background: url(images/send-button.png) no-repeat;
		}