/*
Theme Name: The Bizness
Theme URI: http://wpthemes.co.nz/bizness/
Author: WPThemes NZ
Author URI: http://wpthemes.co.nz/
Description: The Bizness is a professional and flexible business oriented WordPress theme. It can be used for a traditional blog style site, but also includes an alternative home page template with an attractive image slider which makes it ideal for small businesses. You can upload your own logo as well as customize the primary theme colors and background to suit your brand.
Text Domain: the-bizness
Version: 1.3
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

*/

/******************************************************************/
@import url(library/css/default.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body {
	background-color: #e4e4e4;
}

#container { 
	width: 98%;
	margin: 2% auto;
	padding: 0%;
	max-width: 1200px; /* remove or edit to adjust width */
	box-shadow: 0 0 5px #cdcdcd;
	-webkit-box-sizing : border-box; 
	-moz-box-sizing : border-box; 
	-o-box-sizing : border-box; 
	box-sizing : border-box; 
}
	
	/* layout options ( all have margins right & left of 1%) */
	
	.col60 { 
		width: 6.333%; 
	} /* width 60px / grid_1 */
	
	.col140 { 
		width: 14.667%; 
	} /* width 140px / grid_2 */
	
	.col220 { 
		width: 23.0%; 
	} /* width 220px / grid_3 */
	
	.col300 { 
		width: 31.333%; 
	} /* width 300px / grid_4 */
	
	.col380 { 
		width: 39.667%; 
	} /* width 380px / grid_5 */
	
	.col480 { 
		width: 48.0%; 
	} /* width 480px / grid_6 */
	
	.col540 { 
		width: 56.333%; 
	} /* width 540px / grid_7 */
	
	.col620 { 
		width: 64.667%; 
	} /* width 620px / grid_8 */
	
	.col700 { 
		width: 73.0%; 
	} /* width 700px / grid_9 */
	
	.col780 { 
		width: 81.333%; 
	} /* width 780px / grid_10 */
	
	.col860 { 
		width: 89.667%; 
	} /* width 860px / grid_11 */
	
	.col940 { 
		width: 98.0%; 
	} /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, 
	.col140, 
	.col220, 
	.col300, 
	.col380, 
	.col480, 
	.col540, 
	.col620, 
	.col700, 
	.col780, 
	.col860, 
	.col940 { 
		display: inline; 
		float: left;
		margin-left: 1%; 
		margin-right: 1%; 
		position: relative;
	}
	
	/* default styles & fixes */
	#main { 
		margin-left: 0; 
	} /* fixes alignment (defaulted at col620) */
	
	#sidebar { 
		margin-right: 0; 
	} /* fixes alignment (defaulted at col300) */
	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { 
	color: #12b0e6;
}
a:hover {}
a:active {} /* on click */
a:link { 
	-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Safari, Chrome, iPhones, iPads */
::-webkit-selection { 
	background: #6fc2f6; 
	color: #fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color: #fff; 
	text-shadow : none; 
}

/* The Rest of em */
::selection { 
	background: #6fc2f6; 
	color: #fff; 
	text-shadow : none; 
}


/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

body.rtl {}
body.home {} /* home page */
body.blog {} 
body.archive {} /* archive page */
body.date {} /* date archive page */
	body.date-paged-1 {} /* replace the number to the corresponding page number */
body.search {} /* search page */
	body.search-results {} /* search result page */
	body.search-no-results {} /* no results search page */
	body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
	body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
	body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
	body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
	body.attachment-mime-type {} /* style mime type pages */
body.author {} /* author page */
	body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
	body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
body.category {} /* category page */
	body.category-1 {} /* individual category page (i.e. body.category-6) */
	body.category-paged-1 {} /* replace the number to the corresponding page number */
body.tag {} /* tag page */
	body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
	body.tag-paged-1 {} /* replace the number to the corresponding page number */
body.page-template {} /* custom page template page */
	body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
	body.page-paged-1 {} /* replace the number to the corresponding page number */
	body.page-parent {}
	body.page-child {}
	body.parent-pageid-1 {} /* replace the number to the corresponding page number */
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
	body.paged-1 {} /* individual paged (i.e. body.paged-3) */
	
/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */

/******************************************************************
SOCIAL MEDIA BUTTONS STYLES
******************************************************************/

#social-media {
	width: 50%;
	text-align: right;
	float: right;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
}
	#social-media a,
	#search-icon,
	header[role=banner] #searchform input[type=submit] {
		background-color: #12b0e6;
		width: 34px;
		height: 33px;
		display: inline-block;
		margin-left: 2px;
		margin-bottom: 8px;
		text-indent: 9999px;
		outline: none;
		box-shadow: 2px 2px #f0f0f0;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: top;
		overflow: hidden;
	}
	
		
	
	#social-media a.social-fb {
		background-image: url(library/images/icon-fb.png);
	}
	
	#social-media a.social-tw {
		background-image: url(library/images/icon-tw.png);
	}
	
	#social-media a.social-gp {
		background-image: url(library/images/icon-gp.png);
	}
	
	#social-media a.social-pi {
		background-image: url(library/images/icon-pi.png);
	}
	
	#social-media a.social-li {
		background-image: url(library/images/icon-li.png);
	}
	
	#social-media a.social-yt {
		background-image: url(library/images/icon-yt.png);
	}
	
	#social-media a.social-tu {
		background-image: url(library/images/icon-tu.png);
	}
	
	#social-media a.social-in {
		background-image: url(library/images/icon-in.png);
	}
	
	#social-media a.social-fl {
		background-image: url(library/images/icon-fl.png);
	}
	
	#social-media a.social-vi {
		background-image: url(library/images/icon-vi.png);
	}
	
	#social-media a.social-rs {
		background-image: url(library/images/icon-rss.png);
	}
	
	#social-media a.social-em {
		background-image: url(library/images/icon-email.png);
	}
	
	header[role=banner] #searchform input[type=submit] {
		border: 0;
		background-image: url(library/images/icon-search-w.png);
		cursor: pointer;
		margin-left: -5px;
	}



/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1 {}
h2, .h2 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {}

/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {
	background-color: #fff;
	position: relative;
}

header[role=banner] div {
	-webkit-box-sizing : border-box; 
	-moz-box-sizing : border-box; 
	-o-box-sizing : border-box; 
	box-sizing : border-box; 	
}

	#site-heading { 
		margin-bottom: 10px;
		width: 50%;
		float: left;
	}
	
	#site-title {
		margin-bottom: .2em;
		font-family: "Open Sans", "Arial Black", Gadget, sans-serif;
		font-size: 42px;
		font-weight: 800;
		line-height: 1.333em;
		text-transform: uppercase;
		padding-left: 30px;
		padding-top: 20px;
		text-shadow: 1px 2px #fff, 2px 5px #e2e2e2;
	}
	
	#site-logo {
		padding-left: 30px;
		padding-top: 20px;
		padding-bottom: 7px;
	}
	
	#site-logo img {
		max-width: 100%;
	}
	
	
	#site-title a { 
		color: #e2e2e2; 
		text-decoration: none;
	}
	
	#site-description {
		font-size: 1.2em;
		margin-right: 300px;
		color: gold;
	}

header[role=banner] #searchform {
		display: inline-block;
	}
	
	header[role=banner] #searchform label {
		display: none;
	}
	
	header[role=banner] #s {
		font-size: 1.3em;
		color: #848484;
		padding: 5px 7px 4px 7px;
		border: 1px solid #e3e3e3;
		box-shadow: 3px 3px 5px #f0f0f0 inset;
		width: 150px;
		outline: none;
	}
	
	#headerimg { 
		width: 100%;
		margin-bottom: 20px; 
	}
	
	#headerimg img {
		width: 100%;
		height: auto;
		border: 10px solid #fff; 
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
.entry-header { 
	margin-bottom: 25px;
}

.entry-title {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff, 2px 3px #e9e9e9;
	margin-bottom: 8px;
}
	.entry-title a {
		color: #12b0e6;
	}
		.entry-title a:hover {}
	body.page .entry-title, 
	body.single .entry-title, 
	.not-found .entry-title {
		font-size: 2.2em
		
	}
	
.page-header { 
	margin-left: 40px; 
	margin-right: 30px; 
	margin-top: 40px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 4px solid #E2E2E2;
	padding: 15px 0;
}

	.page-title {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: 800;
		text-transform: uppercase;
		text-shadow: 1px 1px #fff, 2px 3px #e9e9e9;
	}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {}
	nav[role=navigation] div.menu { 
		background: #f4f4f4;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		box-shadow: 0 0 5px #e9e9e9 inset;
		padding: 10px 20px 10px 30px;
	}
	
	nav[role=navigation] ul.menu { 
		display: block;
	}
		nav[role=navigation] .menu ul li {}
			nav[role=navigation] .menu ul li a, 
			nav[role=navigation] .menu #menu-icon {
				font-family: "Open Sans", Arial, Helvetica, sans-serif;
				font-weight: 700;
				font-size: 13px;
				padding: 3px 12px;
				color: #2c383b;
				text-transform: uppercase;
				margin-right: 5px;
			}
			
			nav[role=navigation] .menu #menu-icon {
				background-color: #f6ad08;
				border-radius: 7px;
				color: #fff;
				cursor: pointer;
				display: none;
			}
			
				nav[role=navigation] .menu ul li a:hover {
					background-color: #f6ad08;
					border-radius: 7px;
					color: #fff;
				}
				
				nav[role=navigation] .menu ul li:first-child a {

				}
				
		nav[role=navigation] .menu ul li.current-menu-item a, 
		.nav ul li.current_page_item a, 
		nav[role=navigation] .menu ul li.current_page_item a {
			background-color: #f6ad08;
			border-radius: 7px;
			color: #fff;
		}
		
			nav[role=navigation] .menu ul.sub-menu li.current-menu-item a, 
			.nav ul.sub-menu li.current_page_item a, 
			nav[role=navigation] .menu ul.sub-menu li.current_page_item a,
			nav[role=navigation] .menu ul  li.current-page-parent ul.sub-menu li a,
			nav[role=navigation] .menu ul  li.current-menu-item ul.sub-menu li a,
			nav[role=navigation] .menu ul  li.current_page_parent ul.children li a,
			nav[role=navigation] .menu ul  li.current_page_item ul.children li a,  
			.nav ul li.current_page_item ul.sub-menu li a, 
			nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a {
				background: none;
				color: #555;
			}
				
				nav[role=navigation] .menu ul.sub-menu li.current-menu-item a:hover, 
				.nav ul.sub-menu li.current_page_item a:hover, 
				nav[role=navigation] .menu ul.sub-menu li.current_page_item a:hover,
				nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a:hover,
				nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a:hover,
				nav[role=navigation] .menu ul li.current_page_parent ul.children li a:hover,
				nav[role=navigation] .menu ul li.current_page_item ul.children li a:hover,  
				.nav ul li.current_page_item ul.sub-menu li a:hover, 
				nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a:hover {
					background: #f5f5f5;
				}
		
		
		nav[role=navigation] .menu ul li ul.sub-menu, 
		nav[role=navigation] .menu ul li ul.children {
			background: #fafafa;
			box-shadow: 1px 1px 3px #aaa;
			
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li, 
		nav[role=navigation] .menu ul li ul.children li {
			border-bottom: 1px solid #f0f0f0;
			width: 200px;
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li a, 
		nav[role=navigation] .menu ul li ul.children li a {
			font-size: 0.85em;
			font-weight: normal;
			padding: 7px 12px;
			display: block;
			min-height: 38px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li:first-child, 
		nav[role=navigation] .menu ul li ul.children li:first-child {
			
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li:first-child a, 
		nav[role=navigation] .menu ul li ul.children li:first-child a {
			
		}
			nav[role=navigation] .menu ul li ul li a { 
				color: #555; 
				text-shadow: 0px 0px; 
			}
				nav[role=navigation] .menu ul li ul li a:hover { 
					background: #f5f5f5; 
					color: #555; 
				}
			nav[role=navigation] .menu ul li ul li:last-child a {}
			nav[role=navigation] .menu ul li:hover ul {}
				nav[role=navigation] .menu ul li ul li ul.sub-menu, 
				nav[role=navigation] .menu ul li ul li ul.children {
					margin-top: -38px;
				}
					nav[role=navigation] .menu ul li ul li:hover ul.sub-menu,
					nav[role=navigation] .menu ul li ul li:hover ul.children {
						
					}
					


/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {
	background: #fff;
	padding-bottom: 1px;
}

#content,
#content div {
	-webkit-box-sizing : border-box; 
	-moz-box-sizing : border-box; 
	-o-box-sizing : border-box; 
	box-sizing : border-box; 	
}
	#main { 
		 /* adds bg to post area */

	}
		#main #searchform {
			margin-bottom: 1.5em;
		}
	
	body.page-template-full-width-php #main,
	body.page-template-full-width-page-php #main {}
	body.attachment #main {}
	
		article[id*=post-] {
			border-bottom: 4px solid #e2e2e2;
			padding-left: 0;
			margin-left: 40px;
		}
			body.attachment article[id*=post-],
			body.page-template-full-width-php article[id*=post-],
			body.page-template-full-width-page-php article[id*=post-] {
				margin-right: 40px;
				padding-right: 0;
			}
		
		article[id=post-not-found] h1 {}
	
		/* want to style individual post classes? Booya! */
		.post-id {} /* post by id (i.e. post-3) */
		.post {} /* general post style */
		.page {} /* general article on a page style */
		.attachment {} /* general style on an attatchment */
		.sticky {} /* sticky post style */
		.hentry {} /* hentry class */
		.category-slug {} /* style by category (i.e. category-videos) */
		.tag-slug {} /* style by tag (i.e. tag-news) */
	
		/* post meta */
		.entry-meta {
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 12px;
			font-style: normal;
			margin: 0 0 1.5em 0;
			text-transform: uppercase;
			color: #2c383b;
			position: relative;
		}	
			.entry-meta a {
				margin: 0 2px;
				font-weight: 800;
				color: #f6ad08;
				text-decoration: none;
			}
			
			.comments-link a {
				background: url(library/images/comment.png) no-repeat 6px 3px;
				position: absolute;
				right: -30px;
				top: -2px;
				display: block;
				background-color: #f6ad08;
				padding: 0 7px 0 28px;
				border-radius: 5px;
				color: #fff;
			}
			
			.meta time {}
			
		/* post content */
		.post_content { overflow: hidden; }
			
			
			.post_content ul, 
			.post_content ol, 
			.post_content table, 
			.post_content dl {}
			
			.post_content ul, 
			.post_content ol {}
			
			.post_content li {}
			.post_content ol {
				list-style: none; /* Remove default numbering */
				*list-style: decimal; /* Keep using default numbering for IE6/7 */
				counter-reset: my-counter;
			}
				.post_content ol li {
					list-style-type: none;
					position: relative;
					padding-left: 15px;
				}
				
				.post_content ol li:before {
					content: counter(my-counter) ")";
					counter-increment: my-counter;
					position: absolute;
					left: 0;
					top: 3px;
					color: #12b0e6;
					font-family: "Open Sans", "Arial Black", Gadget, sans-serif;
					font-weight: 800;
					font-size: 13px;
					text-align: center;
					
				}

			.post_content ul li {
				list-style: none;
				position: relative;
				padding-left: 12px;
			}
				.post_content ul li:before {
					content: "\2022";
					position: absolute;
					left: 0;
					top: 3px;
					color: #12b0e6;
					font-family: "Open Sans", "Arial Black", Gadget, sans-serif;
					font-weight: 800;
					font-size: 13px;
				}
			
			.post_content blockquote {}
			.post_content blockquote:before {
				font-weight: 700;
				font-style: normal;
			} /* this adds the quote before the blockquote */

			
			.post_content dl {}
			.post_content dt {}
			.post_content dd {}
			
			.commentlist li.comment article[id*=comment-] video, .post_content video,
			.commentlist li.comment article[id*=comment-] object, .post_content object,
			.commentlist li.comment article[id*=comment-] embed, .post_content embed,
			.commentlist li.comment article[id*=comment-] iframe, .post_content iframe { 
				display: block; 
				margin: 1.5rem 0; 
				max-width: 100%;
				min-width: 100%;
				height: auto;
				min-height: 340px;
			}
				.full-width-content .commentlist li.comment article[id*=comment-] video, .full-width-content .post_content video,
				.full-width-content .commentlist li.comment article[id*=comment-] object, .full-width-content .post_content object,
				.full-width-content .commentlist li.comment article[id*=comment-] embed, .full-width-content .post_content embed,
				.full-width-content .commentlist li.comment article[id*=comment-] iframe, .full-width-content .post_content iframe { 
					min-height: 580px;
				}
			
			.post_content pre { 
				overflow: auto;
				background: #f5f5f5;
				border: 0;
				border-left: 4px solid #13b0e6;
				padding-left: 20px;
				box-shadow: 1px 2px #fff, 2px 5px #e2e2e2;
			}
			
			.wp-caption {}
			.wp-caption img {}
			.wp-caption p.wp-caption-text {}

			
		article[id*=post-] footer {}
		
		article[id*=post-] footer a {}
		
		.more-link {
			
		}
		
		.edit-link { 

		}
		
/******************************************************************
GALLERY STYLES
******************************************************************/
body.single-format-gallery .commentlist li.comment article[id*="comment-"] dt, 
body.single-format-gallery .post_content dt {
	margin-top: 0;
}

body.single-format-gallery .commentlist li.comment article[id*="comment-"] dl, 
body.single-format-gallery .post_content dl {
	margin: 0 0 10px;
}

.commentlist li.comment article[id*="comment-"] img, 
.post_content img {
	margin-bottom: 5px;
}

.commentlist li.comment article[id*="comment-"] dd, 
.post_content dd {
	margin-top: 1px;
}

.gallery dl {}
.gallery dt { 
	border-bottom: 0;
}
.gallery dd {}
.gallery dl a {}
.gallery dl img { 
	max-width: 85%; 
	padding: 2px; 
}
	img.attachment-thumbnail { 
		border: 0 
	}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/******************************************************************
POST FORMAT STYLES
******************************************************************/
	/* Aside Posts */
	.format-aside .entry-header {
		display: none;
	}
	.single .format-aside .entry-header {
		display: block;
	}
	.format-aside .entry-content,
	.format-aside .entry-summary {
		padding-top: 0;
		font-style: italic; 
		line-height: 1.6em;
		margin: 1.5em 2.2em 2.5em 0;
		padding-left: 2.2em;
		padding-top: 0;
		border-left: 3px solid #f3f3f3;
	}
	.single .format-aside .entry-content,
	.single .format-aside .entry-summary {
		padding-top: 0;
	}
	
	
	/* Image Posts */

	.single .format-image .entry-header {
		display: block;
	}
	.format-image .entry-content,
	.format-image .entry-summary {
		padding-top: 1em;
	}
	.single .format-image .entry-content,
	.single .format-image .entry-summary {
		padding-top: 0;
	}
	
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
	.pagination {
		clear: both;
		padding: 20px 0 30px 0;
		position: relative;
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 11px;
		line-height: 13px;
		margin: auto;
		text-align: center;
	}
		 
	.pagination span, .pagination a {
		display: inline-block;
		margin: 2px 2px 2px 0;
		padding: 6px 9px 5px 9px;
		text-decoration: none;
		width: auto;
		color: #fff;
		background-color: #12b0e6;
		box-shadow: 2px 2px #f0f0f0;
	}
		 
	.pagination a:hover {
		background-color: #f6ad08;
	}
		 
	.pagination .current {
		padding: 6px 9px 5px 9px;
		background-color: #f6ad08;
	}
	
	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link {}
			.wp-prev-next .next-link {}
			
/******************************************************************
PAGE LINK STYLES
******************************************************************/

.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #f2f2f2;
	color: #373737;
	margin: 0;
	padding: 2px 5px;
	text-decoration: none;
}
.page-link a:hover {
	background: #c9c9c9;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}

.wp-prev-next .prev-link, 
.nav-previous, 
.previous-image { 
	float: left; 
	margin: 10px 0; 
}

.wp-prev-next .next-link, 
.nav-next, 
.next-image { 
	float: right; 
	margin: 10px 0; 
}
		
#image-navigation, 
#comment-nav-below, 
#comment-nav-above, 
#nav-above, 
#nav-below { 
	display: block; 
	overflow: hidden; 
	margin: 0 0 0 40px;
	
}
	#image-navigation {
		margin: 0;	
	}

#comment-nav-above a, 
#comment-nav-below a, 
#nav-above a, 
#nav-below a, 
#image-navigation a {
	text-decoration: none;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff, 2px 2px #e2e2e2;
}

	#comment-nav-above a:hover, 
	#comment-nav-below a:hover, 
	#nav-above a:hover, 
	#nav-below a:hover, 
	#image-navigation a:hover {}
			
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments {}
#comments-title {
	font-size: 1.3em;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	margin: 30px 0 30px 40px; 
}/* h3 comment title */
	#comments span {} /* number of comments span */
.comment-nav {}
	.comment-nav ul {}
		.comment-nav ul li {}
		
.commentlist {
	margin: 0 0 0 40px;
	border-bottom: 4px solid #E2E2E2;
}
body.page-template-full-width-php .commentlist {}

	.commentlist li.comment {
	
	}
	
		.commentlist footer.comment-head {
		  
	  	}
	
	.commentlist li.pingback {
		border: 1px solid #e2e2e2;
		padding: 10px 15px;
		border-radius: 6px;
		font-size: 0.95em;
	}
	
	.commentlist li.comment article[id*=comment-] {
		border: 1px solid #e2e2e2;
		padding: 15px 15px 33px 15px;
		border-radius: 6px;
	}
		.commentlist li.bypostauthor article[id*=comment-] {
			background-color: #f7f7f7;
		}
	
	.commentlist #respond {
		margin-left: 0;
		margin-right: 0;
	}
		.commentlist #respond label {
			margin-left: 0;
		}
		
		.commentlist #respond #author, 
		.commentlist #respond #email, 
		.commentlist #respond #url, 
		.commentlist #respond #comment {
			
		}
	
		.commentlist li[class*=depth-] {}
			.commentlist li.depth-1 {}
			.commentlist li.depth-2 {}
			.commentlist li.depth-3 {}
			.commentlist li.depth-4 {}
			.commentlist li.depth-5 {}
				.commentlist li.comment ul.children li {}
				.commentlist li.comment ul.children li.alt {}
				.commentlist li.comment ul.children li.byuser {}
				.commentlist li.comment ul.children li.comment {}
				.commentlist li.comment ul.children li.depth-1 {} /* change number for different depth */
				.commentlist li.comment ul.children li.bypostauthor {}
				.commentlist li.comment ul.children li.comment-author-admin {}
				.commentlist li.comment ul.children .alt {}
				.commentlist li.comment ul.children .odd {}
				.commentlist li.comment ul.children .even {}
			.commentlist .alt {}
			.commentlist .odd {}
			.commentlist .even {}
			.commentlist .parent {}
			.commentlist .comment {}
			.commentlist .children {}
			.commentlist .pingback {}
			.commentlist .bypostauthor {}
			.commentlist .comment-author {}
			.commentlist .comment-author-admin {}
				.commentlist .bypostauthor > article > footer > .vcard cite.fn {
					color: #12b0e6;
				}
				.commentlist .bypostauthor > article > footer > .vcard cite.fn:after { 
					content: " (Author)";
					font-size: 0.75em;
					font-weight: normal;
					font-style: italic;
					text-transform: none;
					color: #12b0e6;
				}
				
			.commentlist .thread-alt {}
			.commentlist .thread-odd {}
			.commentlist .thread-even {}	
			.commentlist .vcard {}
				.commentlist .vcard cite.fn {
					font-family: "Open Sans", Arial, Helvetica, sans-serif;
					font-weight: 800;
					text-transform: uppercase;
					margin-right: 15px;
				}
					.commentlist .vcard cite.fn a {
						color: #f6ad08;
						text-decoration: none;
					}
						.commentlist .vcard cite.fn a:hover {
							text-decoration: underline;
						}
					
				.commentlist .vcard time {}
					.commentlist .vcard time a {}
						.commentlist .vcard time a:hover {}
				.commentlist .vcard img.photo {}
				.commentlist .vcard img.avatar {}
				.commentlist .vcard cite.fn a.url {}
			.commentlist .comment-meta {
				float: none;
				font-style: italic;
				font-size: 0.95em;
			} 
				.commentlist .comment-meta a {
					text-decoration: none;
					color: #2c383b;
				}
				
					.commentlist .comment-meta a:hover {
						text-decoration: underline;
					}
					
			.commentlist .commentmetadata {}
				.commentlist .commentmetadata a {}
			.commentlist li.comment .comment-content {
				font-size: 0.95em;
				margin-bottom: 7px;
			}
				.commentlist li.comment .comment-content p {}
				.commentlist li.comment ul {}
				
				.commentlist .comment-reply-link,
				.commentlist .comment-reply-login {
					padding: 3px 10px;
					background-color: #d0d0d0;
					margin-right: -6px;
					border-radius: 5px;
					color: #fff;
					font-family: "Open Sans", Arial, Helvetica, sans-serif;
					font-weight: 800;
					text-transform: uppercase;
					text-decoration: none;
				}
					.commentlist .comment-reply-link:hover,
					.commentlist .comment-reply-login:hover {
						background-color: #c0c0c0;
					}
				
					.commentlist a.comment-reply-link:hover {}
					
					.nocomments { 
						padding: 15px; 
						text-align: center; 
					}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond-form {}
body.page-template-full-width-php #respond-form {}

#respond {
	margin: 30px 0 0 40px;
}

#reply-title {
	margin-bottom: 5px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}
#respond label {
	display: inline-block;
	font-size: 13px;
	min-width: 90px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
	#respond label[for=author],
	#respond label[for=email] {
		min-width: 86px;
	}
#respond p {
	margin-bottom: 1em;
}
#respond p.form-submit {
	text-align: center;
	margin-bottom: 1.2em;
}
#respond p.form-allowed-tags {
	font-size: 0.8em;
	display: none;
}
#respond .required {
	margin-left: -14px;
	padding-right: 5px;
	color: #f00;
}
#respond .required:first-child {
	margin-left:0;
}

#respond .comment-notes,
#respond .logged-in-as {
	font-size: 11px;
	font-style: italic;
	margin-bottom: 25px;
}
	#respond #comment-form-title {}
		#respond #cancel-comment-reply-link { 
			float: right; 
		}
			#respond #cancel-comment-reply-link a {}
	#respond #commentform {}
		#respond .comments-logged-in-as {}
		#respond #comment-form-elements {}
			#comment-form-elements li {}
				#respond #comment-form-elements label {}
				
				#respond #author, 
				#respond #email, 
				#respond #url, 
				#respond #comment {
					background-color: #fff;
					color: #848484;
					padding: 5px 7px 4px 7px;
					border: 1px solid #e3e3e3;
					box-shadow: 3px 3px 5px #f0f0f0 inset;
					outline: none;
					width: 60%;
				}
					#respond #author:focus, 
					#respond #email:focus, 
					#respond #url:focus, 
					#respond #comment:focus {
						
					}

				
				#respond input[type=text] {
					background-color: #fff;
					color: #848484;
					padding: 5px 7px 4px 7px;
					border: 1px solid #e3e3e3;
					box-shadow: 3px 3px 5px #f0f0f0 inset;
					outline: none;
				}
				
			#respond #allowed_tags {}
				#respond #comment {
					width: 70%;
				}
				#respond #submit {
					background-color: #f6ad08;
					border: 0;
					outline: none;
					box-shadow: 2px 2px #f0f0f0;
					color: #fff;
					font-family: "Open Sans", Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: 800;
					text-transform: uppercase;
					padding: 4px 10px;
				}

/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar {
	margin-top: 2.2em;
}

	.widget {
		font-size: 0.9em;
		background-color: #f4f4f4;
		margin: 0 30px 20px 0;
		padding: 1.8em 2.3em 1.5em 2.8em;
		box-shadow: 2px 2px #fff, 4px 5px #e2e2e2;
	}
		
		#sidebar-home {
			background-color: #f4f4f4;
		}
		
		#sidebar-home .widget {
			width: 25%; 
			display: inline; 
			float: left;
			position: relative;
			border: 0;
			margin: 0;
			box-shadow: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		
		#sidebar .widget a,
		#sidebar-home .widget a {
			color: #2c383b;
			text-decoration: none;
		}
		
		#sidebar-home .widget p {
			margin: 0 0 1.2em 0; 
		}
		
		#sidebar .widget a:hover,
		#sidebar-home .widget a:hover {
			text-decoration: underline;
		}
		
		#sidebar .widget li, 
		#meta.widget aside a {
			
		}
		
			#sidebar .widget ul.sub-menu li:last-child,
			#sidebar .widget ul.children li:last-child {
				
			}
		
		#sidebar .widget li a {}
		
		#sidebar .widget-title,
		#sidebar-home .widget-title {
			font-size: 1.3em;
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			font-weight: 800;
			text-transform: uppercase;
			color: #f6ad08;
			text-shadow: 1px 1px #fff;
			border-bottom: 1px solid #f6ad08;
			padding-bottom: 7px;
		}
		
			.post_content .widget-title {}

	/* links widget */
	.widget_links {}
	.widget_links ul {}
	.widget_links ul li {}
	.widget_links ul li a {}
	
	/* meta widget */
	.widget_meta {}
	.widget_meta ul {}
	.widget_meta ul li {}
	.widget_meta ul li a {}
	
	/* pages widget */
	.widget_pages {}
	.widget_pages ul {}
	.widget_pages ul li {}
	.widget_pages ul li a {}
	
	/* recent-posts widget */
	.widget_recent_entries {}
	.widget_recent_entries ul {}
	.widget_recent_entries ul li {}
	.widget_recent_entries ul li a {}
	
	/* archives widget */
	.widget_archive {}
	.widget_archive ul {}
	.widget_archive ul li {} 
	.widget_archive ul li a {}
	.widget_archive select {}
	.widget_archive option {}
	
	/* tag-cloud widget */
	.widget_links {}
	.widget_links li:after {}
	.widget_links li:before {}
	.widget_tag_cloud {}
	.widget_tag_cloud a { padding: 3px; }
	.widget_tag_cloud a:after { content: ","; }
	.widget_tag_cloud a:before {}
	.tagcloud {}
	
	/* calendar widget */
	.widget_calendar {}
	#wp-calendar {
		text-align: center;
		width: 95%;
		margin: auto;
	}
	#calendar_wrap { padding: 15px 0; }
	#calendar_wrap th {}
	#calendar_wrap td {}
	#wp-calendar tr td {}
	#wp-calendar caption { 
		font-size: 18px; 
		font-weight: bold; 
		margin-bottom: 12px; 
		text-transform: uppercase;
	}
	
	#wp-calendar a {}
	#wp-calendar #today {}
	#wp-calendar #prev {}
	#wp-calendar #next {}
	#wp-calendar #next a {}
	#wp-calendar #prev a {}
	
	/* category widget */
	.widget_categories {}
	.widget_categories ul {}
	.widget_categories ul li {} 
	.widget_categories ul ul.children {}
	.widget_categories a {}
	.widget_categories select{}
	.widget_categories select#cat {}
	.widget_categories select.postform {}
	.widget_categories option {}
	.widget_categories .level-0 {}
	.widget_categories .level-1 {}
	.widget_categories .level-2 {}
	.widget_categories .level-3 {}
	
	/* recent-comments widget */
	.recentcomments {}
	#recentcomments {}
	#recentcomments li {}
	#recentcomments li a {}
	.widget_recent_comments {}
	
	/* search widget */
	#searchform {}
	.widget_search {}
	.widget_search #s { 
		width: 60%; 
	}
	.screen-reader-text {}
	
	/* text widget */
	.textwidget {}
	.widget_text {}
	.textwidget p {}
	
/******************************************************************
IMAGE STYLES
******************************************************************/
.post_content img { margin-top: .75em }

.left img, 
img.left, 
img.alignleft {
	margin-right: 1.5em;
	margin-bottom: 1em;
	margin-top: .75em;
}

.right img, 
img.right, 
img.alignright {
	margin-left: 1.5em;
	margin-bottom: 1em;
	margin-top: .75em;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

/* Notices */
.post .notice {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */



.entry-attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.imgthumb img {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-top: 5px;
	border: 1px solid #999;
}

/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] {
	background-color: #12b0e6;
	padding: 1.2em 0;
}

footer[role=contentinfo] div {
	-webkit-box-sizing : border-box; 
	-moz-box-sizing : border-box; 
	-o-box-sizing : border-box; 
	box-sizing : border-box; 	
}

			
	.attribution {
		float: none;
		text-align: center;
	}
	
	#site-generator {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
	}
	
	#site-generator a {
		text-decoration: none;
		color: #fff!important;
	}
	
	#site-generator a:hover {
		text-decoration: underline;
	}
	
	#site-generator .sep {
		padding: 0 10px;
	}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.color2txt {
	color: #F6AD08;	
}

/******************************************************************
jQuery SLIDER STYLES
******************************************************************/
#load-cycle {
	background: url(library/images/loading.gif) no-repeat center center;
	width: 100%;
	height: auto;
	min-height: 290px;
}

#slide-wrap {
	position: relative;
	overflow: hidden;
}

.cycle-slideshow {
	width: 100%;
	height: 290px;
	overflow: hidden;
	display: none;
}

.slides {
	position: relative;
	background-color: #f0f0f0;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
	.slides .slide-thumb {
		position: relative;	
	}
	
	.slides .slide-thumb img {
		width: auto;
		min-width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	.slides .slide-noimg {
		font-family: "Fjalla One", Verdana, Geneva, sans-serif;
		font-size: 20px;
		font-weight: 400;
		position: absolute;
		left: 30px;
		top: 30px;
		text-transform: uppercase;
		color: #d0d0d0;
	}
	
	.slide-content {
		position: absolute;
		width: 70%;
		left: 30px;
		bottom: 40px;
		background: url(library/images/trans.png);
		padding: 15px 20px;
		color: #fff;
		z-index: 600;
		font-size: 0.9em;
		line-height: 1.5em;
	}
		.slide-content a,
		.slide-content a:visited {
			color: #fff;
			text-decoration: underline;
		}
	
	.slide-title {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-weight: 800;
		color: #fff;
		text-shadow: 1px 1px #000;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
		.slides .slide-title a {
			text-decoration: none;
			color: #fff;
		}
	
#sliderprev,
#slidernext {
	text-align: center;
	position: absolute;
	top: 34%;
	display: none;
	text-decoration: none;
	background-color: #2b2b2b;
	font-size: 20px;
	width: 67px;
	height: 67px;
	line-height: 67px;
	z-index: 100;
}

	#sliderprev {
		left: 0px;
	}
	
	#slidernext {
		right: 0px;
	}

.cycle-paused:after {
	content: 'Paused'; 
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white; 
	background: black; 
	padding: 5px 10px;
	z-index: 500; position: absolute; top: 10px; right: 10px;
	opacity: .75; filter: alpha(opacity=75);
}

/* pager */
.cycle-pager { 
    text-align: center; 
	width: 100%; 
	z-index: 500; 
	position: absolute; 
	bottom: 5px; 
	overflow: hidden;
}

.cycle-pager span { 
    font-family: arial; 
	font-size: 50px; 
	width: 18px; 
	height: 22px; 
    display: inline-block; 
	color: #c0c0c0; 
	cursor: pointer;
	text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 2px 2px 2px #000;
	overflow: hidden;
}

.cycle-pager span.cycle-pager-active { color: #12B0E6;}
.cycle-pager > * { cursor: pointer;}

.no-slide-image {
	position: absolute;
	width: 100%;
	top: 40%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.5em;
}

/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/
@media only screen and (max-width: 1000px) {
	
	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 300px;
	}
}

@media only screen and (max-width: 880px) {
	#site-title {
		margin-right: 0;
	}

	#site-description {
		margin-right: 0;
	}
	
	header[role=banner] #searchform  { 
		top: 6px; 
		right: 10px;
	}
		
	#site-heading { 
		width: 100%;
		float: none;
		text-align: center;
	}
	
	#site-logo {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#social-media {
		padding-top: 0;
		padding-left: 30px;
		float: none;
		width: auto;
		text-align: center;
		margin: auto;
	}
	
	#access, .menu.nav-mobile { 
		position: relative; 
	}
	
	.menu.nav-mobile ul li { 
		list-style-type: none; 
		float: none; 
	}
	
	nav[role=navigation] div.menu > ul {
		background: #f5f5f5;
		box-shadow: 1px 1px 1px #000;
		position: absolute;
		z-index: 9999;
		width: 220px;
		word-wrap: break-word;
		display: none;
		overflow: visible;
	}
		nav[role=navigation] div.menu > ul > li {
			position: relative;
		}
	
	nav[role=navigation] .menu.nav-mobile #menu-icon { 
		display: inline-block;
	}
	
	nav[role=navigation] .menu.nav-mobile ul li,
	nav[role=navigation] .menu.nav-mobile ul.sub-menu li, 
	nav[role=navigation] .menu.nav-mobile ul.children li {
		border-bottom: 1px solid #e3e3e3;
		min-width: 100%;
	}
	
	nav[role=navigation] .menu.nav-mobile ul li a  { 
		display: block;
		min-height: 38px;
		color: #555 !important;
		background: none;
		border-radius: 0;
		box-shadow: none;
		padding: 7px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 0;
	}
	
	nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a, 
	nav[role=navigation] .menu.nav-mobile ul li.current_page_item a {

	}
	
	nav[role=navigation] .menu.nav-mobile ul li a:hover,
	nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a:hover, 
	nav[role=navigation] .menu.nav-mobile ul li.current_page_item a:hover {
		background: #eaeaea;
	}

	nav[role=navigation] .menu.nav-mobile ul li > ul.sub-menu, 
	nav[role=navigation] .menu.nav-mobile ul li > ul.children,
	nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul, 
	nav[role=navigation] .menu.nav-mobile ul li ul.children li ul {
		background: #f5f5f5;
		display: block;
		position: relative;
		z-index: 9999; 
		right: auto;
		top: auto;
		margin-top: 0;
		width: 100%;
		box-shadow: none;
	}
	
		nav[role=navigation] .menu.nav-mobile ul li ul li a {
			
		}
	
		nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li, 
		nav[role=navigation] .menu.nav-mobile ul li ul.children li {
			border: 0;
			border-top: 1px solid #e3e3e3;
			text-indent: 20px;	
		}
		
			nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul li, 
			nav[role=navigation] .menu.nav-mobile ul li ul.children li ul li {
				text-indent: 40px;
			}
			
				nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul li ul li, 
				nav[role=navigation] .menu.nav-mobile ul li ul.children li ul li ul li {
					text-indent: 60px;
				}
	
	#main.col620 {
		width: 100%;
		display: block;
	}
	
	article[id*=post-] {
		margin-right: 40px;
		padding-right: 0;
	}
	 
	#comment-nav-below, 
	#comment-nav-above, 
	#nav-above, 
	#nav-below,
	.commentlist {
		margin: 0 40px;
	}
	
	#respond {
		margin: 30px 40px 0 40px;
	}
	
	#sidebar.col300 {
		float: none;
		display: block;
		width: 100%;
		clear: both;
		margin: 0;
	}
	
	.widget {
		margin: 2.2em 30px;
	}
	
	#sidebar-home .widget {
		display: block;
		float: none;
		margin: 2.2em 30px;
		width: auto;
		box-shadow: 2px 2px #fff, 4px 5px #e2e2e2;
	}
	
	.slide-content {
		width: auto;
		margin-right: 30px;
	}
	
	.comments-link a {
		right: 0;
	}
	
	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 400px;
	}
}

@media only screen and (min-width: 824px) {
	nav[role=navigation] ul.menu, 
	div.menu > ul { 
		display:block !important;
	}
}

@media only screen and (max-width: 728px) {
	
	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 375px;
	}
}

@media only screen and (max-width: 640px) {
	
	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 325px;
	}
}

@media only screen and (max-width: 600px) {
	
	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 300px;
	}
}

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


	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 260px;
	}
}


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

	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 170px;
	}
}

@media only screen and (max-width: 240px) {
	
	.commentlist li.comment article[id*=comment-] video, .post_content video, .full-width-content .post_content video, 
	.commentlist li.comment article[id*=comment-] object, .post_content object, .full-width-content .post_content object,
	.commentlist li.comment article[id*=comment-] embed, .post_content embed, .full-width-content .post_content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post_content iframe, .full-width-content .post_content iframe { 
		min-height: 130px;
	}
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }