/*
Theme Name: TH_Twin
Theme URI: tomhermans.com
Description: TH_Twin is a WordPress theme designed for Creatives and Photographers. The theme is exclusively crafted to showcase your artwork, photography and personal projects. Supported with decent blogging features and post formats, the theme is envisioned to provide you a unique and multi-purpose portfolio base.
Author: Tom Hermans
Author URI: tomhermans.com
Version: 1.1
License: GNU General Public License
License URI: License/README_License.txt
Tags: white, left-sidebar, custom-background, custom-menu, editor-style, theme-options, translation-ready
*/


/* -- TABLE OF CONTENTS ---------

	1. RESET BROWSER DEFAULTS
	2. TYPOGRAPHY
	3. STRUCTURE
	4. HEADER
	5. SIDEBAR
	6. MASONRY PAGES
	7. BLOG ELEMENTS
	8. BLOG PAGES
	9. SECONDARY AREA
	10. FORMS
	11. FOOTER
	12. MISCELLANEOUS

-------------------------------*/


/* -- 1. RESET BROWSER DEFAULTS -- */

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
i,
font,
img,
small,
strike,
strong,
ol,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}

:focus {
	outline: 0
}

a {
	border: none;
	outline: none
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none
}


/* -- 2. TYPOGRAPHY -- */

body {
	margin: 0px auto;
	font: 12px/18px Arial, Helvetica, sans-serif;
	/*text-align:center;*/
	color: #77797b;
	/* background:#f5f5f5;*/
	border-top: 5px solid #e5e5e5;
	border-color: rgba(0, 0, 0, 0.1);
}

p,
ul,
ol {
	margin-bottom: 18px
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-bottom: 0px
}

ul {
	list-style-type: disc;
	margin-left: 18px
}

ul ul {
	list-style: square
}

ul ul ul {
	list-style: circle
}

ol {
	list-style: decimal;
	margin-left: 18px
}

ol ol {
	list-style: lower-alpha
}

ol ol ol {
	list-style: lower-roman
}

abbr,
acronym {
	cursor: help
}

hr {
	background-color: #e5e5e5;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px
}

dl {
	margin: 0px 0px 18px 0px
}

dt {
	font-weight: bold
}

dd {
	margin: 0px 0px 9px 18px
}

ins {
	border: none;
	color: #333
}

del {
	text-decoration: line-through;
	color: #999b9d
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica, Geneva, sans-serif;
	color: #333537
}

h1 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 9px
}

h2 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 6px
}

h3 {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 9px
}

h4 {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 15px
}

h5 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 9px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: #333537
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #000
}

a {
	color: #6699cc;
	text-decoration: none
}

a:hover {
	color: #ff6633;
	text-decoration: none
}

b,
strong {
	font-weight: bold;
	color: #444648
}

em,
i {
	font-style: italic;
}

pre,
code {
	font: 11px/18px "Consolas", Courier New, Courier, monospace;
	color: #333;
	padding: 4px 6px;
	background: #f7f7f7;
	margin: 0px 0px 18px;
	border: 1px solid #e7e7e7
}

code {
	padding: 0px;
	background-image: none;
	border: none
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-break: break-all;
	word-wrap: break-word
}

blockquote,
.pqleft,
.pqright {
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px 15px;
	margin-bottom: 12px;
	background: #fff;
	color: #333;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	border-left: 1px solid #e5e5e5
}

blockquote p {
	margin-bottom: 0px
}

.pqleft {
	float: left;
	margin: 9px 15px 0px 0px;
	width: 40%;
	display: inline-block
}

.pqright {
	float: right;
	margin: 9px 0px 0px 15px;
	width: 40%;
	display: inline-block
}

.dropcap {
	display: inline-block;
	font-size: 36px;
	float: left;
	line-height: 36px;
	margin-right: 6px;
	color: #333
}

.inverted {
	background: #333;
	color: #fff;
	padding: 0px 2px
}

small,
.small {
	font-size: 11px;
	color: #999b9d;
	line-height: 16px
}

.big,
big {
	font-size: 14px;
	line-height: 21px
}

.quote {
	position: relative;
	overflow: hidden;
	padding: 12px 12px 12px 15px;
	margin-bottom: 12px;
	background: #f7f7f7;
	color: #222;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	border-left: 1px solid #e5e5e5
}

.underline {
	border-bottom: 1px solid #efefef
}

.serif {
	font-family: Georgia, "Times New Roman", Times, serif
}

ul.logo_grid {
	margin: 0px 0px 10px 0px;
	position: relative;
	overflow: hidden;
	padding: 0px;
	list-style: none
}

ul.logo_grid li {
	float: left;
	margin: 0px 10px 10px 0px;
	line-height: 0px
}

ul.logo_grid li:last-child {
	margin-right: 0px
}

.uppercase {
	text-transform: uppercase
}


/* -- 3. STRUCTURE -- */

.container {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 5px auto 0;
	/*text-align:center;*/
}

/*  TH-EDIT
.side_panel { position:relative; margin-left:20px; text-align:right; width:165px; float:left }
.content { position:relative; margin:0px 0px 0px 205px; margin:0; width:auto }
.content.classic {  margin:0px 0px 20px 215px */
}

/* .side_panel {
	display: block;
	width: 100%;
	margin: 4vh 0;
} */

.content {
	position: relative;
	margin: 0;
	width: auto
}

.content.classic {}


.page_medium {
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 20px 20px 5px;
	margin: 0px 10px 20px;
	width: 600px
}

.page_large {
	width: 740px
}

.sidebar {
	position: relative;
	color: #77797b;
	margin: 0px
}

.secondary {
	position: fixed;
	margin: 0px;
	padding: 0px;
	left: 0px;
	bottom: 0px;
	text-align: left;
	width: 100%;
	background: #222426 url(images/sc_border.png) 0px 0px repeat-x;
	z-index: 9999;
	display: none
}

.secondary_wrap {
	position: relative;
	overflow: hidden;
	padding: 20px 20px 10px
}

.toggle_panel {
	position: absolute;
	width: 31px;
	height: 31px;
	left: 0px;
	top: -31px;
	font-size: 11px;
	color: #fff
}

a.toggle_sc {
	color: #fff;
	width: 31px;
	height: 31px;
	display: block;
	background: #222528 url(images/panel_tog.png) 10px 10px no-repeat
}

a.toggle_sc:hover {
	background-color: #ff6633
}

a.opened {
	background-position: 10px -26px
}

.footer {
	position: relative;
	overflow: hidden;
	margin: 20px auto;
	width: 100%;
	max-width: 1120px;
	color: #919395;
	text-align: left;
	font-size: 11px
}

/* Grid Columns */

.full,
.three_fourth,
.half,
.one_third,
.two_third,
.one_fourth,
.first_col {
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	margin-right: 20px
}

.full {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0px
}

.three_fourth {
	width: 445px
}

.half {
	width: 290px
}

.one_third {
	width: 186px
}

.two_third {
	width: 394px
}

.one_fourth {
	width: 135px
}

.page_large .full {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0px
}

.page_large .three_fourth {
	width: 550px
}

.page_large .half {
	width: 360px
}

.page_large .one_third {
	width: 233px
}

.page_large .two_third {
	width: 487px
}

.page_large .one_fourth {
	width: 170px
}

.page_large .first_col {
	width: 160px;
	margin-right: 30px
}

.secondary .one_fourth {
	width: 220px
}

.first_col {
	width: 175px;
	margin-right: 20px
}


/* -- 4. HEADER -- */
.side_panel {
	margin: 5vh 0;
}

.header {
	display: flex;
	justify-content: space-between;
}

/* .brand { position:relative; overflow:hidden; margin:0px 0px 14px; padding:0px; width: 66%; float: left; } */
.brand h1 {
	margin-bottom: 8px
}

img.logo {
	display: block;
	margin: 0;
}

h1.blogname {
	font-size: 30px;
	margin-bottom: 4px;
	width: 50%;
}

h1.blogname a {
	color: #333
}

h1.blogname a:hover {
	text-decoration: none
}

.tagline {
	font-size: 12px;
	line-height: 18px;
	color: #77797b;
	display: block;
	padding: 0px 0px 9px;
	border-bottom: 1px solid #e0e0e0
}

.breadcrumbs {
	position: relative;
	overflow: hidden;
	font-size: 11px;
	color: #888;
	margin: 0px 10px 20px
}

.crumbs_inner {
	float: left;
	width: auto;
	padding: 11px 20px;
	line-height: 14px;
	background: #e5e5e5;
	color: #777;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
	border-bottom: 1px solid #fafafa;
	border-top: 1px solid #e0e0e0
}

.crumbs_inner a {
	color: #444
}

.crumbs_inner a:hover {
	color: #777
}

/* .contactnav {
	width: 33%;
	float: left;
	position:relative;
	overflow:hidden;
	margin:0px 0px 14px;
	padding:0px;
} */
.contactbut {
	text-indent: -999em;
	display: block;
	float: right;
	/*width: 87px;
	height: 36px;
	background: url(images/contact_but.jpg) no-repeat 0 0;
	*/
	padding-right: 8px;
	/* margin-top: 91px; */
	z-index: 999;
}

/* Primary Navigation Menu */

.utility {
	position: relative;
	margin-bottom: 22px;
	text-align: center;
}

.nav1 {
	position: relative;
	list-style: none;
	margin: 0px -10px 0px 0px;
	padding: 0px;
	z-index: 999
}

.nav1 li {
	position: relative;
	display: inline;
}

.nav1 a {
	color: #919395;
	text-decoration: none;
	line-height: 18px;
	padding: 4px 10px 5px 0px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif
}

.nav1 a:hover {
	color: #333537
}

.nav1 li.current-menu-item>a,
.nav1 li.current-menu-ancestor>a {
	color: #333537
}

.nav1 ul {
	list-style: none;
	position: absolute;
	display: none;
	top: -7px;
	margin: 0px;
	width: 170px;
	z-index: 999;
	left: 175px;
	text-align: left
}

.nav1 ul li {
	min-width: 170px;
	height: auto
}

.nav1 ul li:last-child>a {
	border: none
}

.nav1 ul.sub-menu {
	background: #fff;
	border: 1px solid #e5e5e5;
	margin: 0px;
	padding: 4px 15px 5px;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07);
}

.nav1 ul.sub-menu ul {}

.nav1 ul.sub-menu a {
	display: block;
	margin: 0px;
	padding: 6px 0px;
	color: #77797b;
	border-bottom: 1px solid #efefef;
	border-left: none;
	border-right: none;
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal
}

.nav1 li:hover>a {
	color: #333537
}

.nav1 li.current-menu-item:hover>a {
	color: #333537
}

.nav1 ul ul {
	left: 170px;
	top: -1px
}

.nav1 ul li:hover>a,
.nav1 ul li.current-menu-item:hover>a,
.nav1 ul li.current-menu-ancestor:hover>a {
	color: #333537
}

.nav1 li:hover ul ul,
.nav1 li:hover ul ul ul,
.nav1 li:hover ul ul ul ul {
	display: none
}

.nav1 li:hover ul,
.nav1 li li:hover ul,
.nav1 li li li:hover ul,
.nav1 li li li li:hover ul {
	display: block
}


/* -- 5. SIDEBAR -- */

.widgetwrap {
	position: relative;
	padding-bottom: 12px
}

h4.sb_title {
	font-size: 13px;
	color: #77797b;
	line-height: 21px;
	margin-bottom: 6px;
	text-transform: uppercase
}

.sidebar ul {
	margin: 0px 0px 18px;
	padding: 0px;
	list-style: none
}

.sidebar ul li {
	padding: 6px 0px 7px;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	line-height: 18px
}

.sidebar ul ul {
	margin: 6px 0px 0px;
	border-top: 1px solid #e5e5e5
}

.sidebar ul ul li {
	padding-right: 15px;
	background: url(images/list_arrow.gif) right 15px no-repeat
}

.sidebar ul ul li:last-child {
	border-bottom: none;
	padding-bottom: 0px
}

.sidebar ul a {
	color: #666;
	text-decoration: none
}

.sidebar ul a:hover {
	color: #333;
	text-decoration: none
}


/* -- 6. MASONRY PAGES -- */

/* Classic Masonry Template */

.cl_grid3,
.cl_grid4,
.cl_grid7,
.cl_grid10,
.grid3,
.grid4,
.grid7 {
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	float: left
}

.cl_content {
	position: absolute;
	left: 10px;
	top: 10px;
	color: #fff;
	display: none
}

.cl_content h3 {
	color: #fff;
	font-size: 14px;
	margin: 10px 0 0;
	line-height: 20px;
	text-transform: uppercase
}

.cl_content h3 a {
	color: #fff;
	display: block;
	padding: 8px 10px;
	background: #111315
}

.cl_content h3 a:hover {
	color: #fff;
	background: #ff6633
}

.cl_item {
	background: #fff;
	padding: 10px;
	overflow: hidden;
	/* TH EDIT */
	/*
	-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);
	*/
}

.cl_grid3 {
	width: 180px
}

.cl_grid4 {
	width: 380px
}

.cl_grid7 {
	/*width:580px*/
	width: 380px
}

/*
.cl_grid3 > .grid_thumb { height: 262px !important; }
.mason_item { border: 1px solid green; border-right: none; border-left:none;}
*/
/* Blog Masonry Template */

.grid3,
.grid4,
.grid7 {
	margin: 0px 10px 20px;
	background: #fff
}

.grid iframe {
	display: block
}

.grid3 {
	width: 220px
}

.grid4 {
	width: 300px
}

.grid7 {
	width: 540px
}

.grid,
.entry,
.author-box,
.related-posts,
#comments,
.ss_sharing_container,
.page_medium,
.page_large {
	border-bottom: 1px solid #e5e5e5;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}

.mason_item {
	position: relative;
	float: left
}

.zoom {
	position: absolute;
	background: #fff
}

.zoom2 {
	position: absolute;
	background: #fff
}

.zoom_ico {
	position: absolute;
	background: transparent url(images/zoom.png) 50% 50% no-repeat
}


/* -- 8. BLOG ELEMENTS -- */

.entry {
	position: relative;
	margin: 0px 10px 20px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	width: 640px
}

h1.entry_title {
	font-size: 22px;
	line-height: 30px;
	margin: -4px 0px 10px
}

.entry-content {
	position: relative;
	overflow: hidden;
	padding: 20px 20px 5px
}

.b_content {
	padding: 13px 15px 6px
}

.b_content h2.entry-title {
	font-size: 18px;
	line-height: 24px;
	margin: 0px 0px 6px
}

.b_content p {
	margin-bottom: 10px
}

/* Post Formats */

.b_aside,
.format-aside .entry-content {
	font-style: italic
}

.b_link {
	position: relative;
	background: #333537 url(images/link.png) 15px 19px no-repeat;
	padding: 15px 15px 15px 50px
}

.single .b_link {
	padding: 15px 20px 15px 55px;
	background-position: 20px 19px
}

.b_link h2 {
	margin: 0px;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif
}

.b_link h2 a {
	color: #e5e5e5
}

.b_link h2 a:hover {
	color: #fff
}

.b_quote {
	position: relative;
	overflow: hidden;
	background: #fff url(images/quote.png) 15px 18px no-repeat;
	border-top: 2px solid #ff6633;
	margin-bottom: 0px
}

.single .b_quote {
	background-position: 20px 18px;
	border-top: 2px solid #ff6633;
	margin-bottom: 0px
}

.inner_lines {
	position: relative;
	background: transparent url(images/quote_lines.png);
	padding: 18px 15px 2px 50px
}

.single .inner_lines {
	padding: 18px 20px 2px 55px
}

.inner_lines p {
	margin-bottom: 20px;
	line-height: 20px
}

.b_status {
	position: relative;
	overflow: hidden;
	padding: 15px
}

.single .b_status {
	padding: 20px
}

.status_avatar {
	position: relative;
	float: left;
	width: 48px;
	border: 1px solid #efefef
}

.status_content {
	position: relative;
	margin-left: 64px
}

.single .status_content {
	margin-left: 70px
}

.format-status .tag_list {
	padding: 0px 20px 10px
}

.b_status h2 {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	color: #666768
}

.b_status h2 a {
	color: #666768
}

.b_status h2 a:hover {
	color: #333537
}

.single .b_status h2 {
	margin-bottom: 9px
}

span.no_video {
	display: block;
	padding: 15px 15px 0px
}

.single span.no_video {
	padding: 20px 20px 0px
}

/* Gallery Slider */

.slider {
	position: relative;
	overflow: hidden
}

ul.cycle_slider {
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none
}

ul.cycle_slider li {}

ul.cycle_slider li img {
	display: block
}

.cycle_nav {
	position: absolute;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
	top: 8px;
	right: 8px;
	z-index: 999;
	display: none;
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.cycle_nav li {
	float: left
}

.cycle_nav a {
	display: block;
	width: 10px;
	height: 5px;
	background: #fff;
	text-indent: -9999px;
	border: 0;
	margin-right: 0px;
	float: left;
	border-right: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.85);
	border-right-color: rgba(0, 0, 0, 0.3)
}

.cycle_nav a:hover {
	background-color: #fff
}

.cycle_nav a.activeSlide {
	background: #333537;
	border-right-color: #333537
}

.cycle_nav li:last-child a {
	border-right: none
}

#respond {
	margin-top: 0px
}

#comments {
	position: relative;
	background: #fff;
	padding: 20px 20px 10px
}

.single_post_image,
.grid_thumb {
	position: relative;
	margin: 0px
}

.meta_row {
	position: relative;
	overflow: hidden;
	font-size: 10px;
	color: #9a9c9e;
	margin: -8px 0px 10px;
	font-style: normal !important;
}

.format-aside .meta_row {
	margin-top: 0px
}

.grid .meta_row {
	margin: 0px 0px 7px
}

.single .b_status .meta_row {
	margin: 0px
}

.meta_row a,
.meta_row span {
	text-transform: uppercase
}

.meta_row a {
	color: #9a9c9e
}

.b_content .meta_row a {
	color: #9a9c9e;
	font-size: 11px;
	text-transform: none
}

.meta_row a:hover {
	color: #444648
}

.author-box,
.related-posts {
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	padding: 20px 20px 10px
}

.related-posts {
	padding-bottom: 20px
}

ul.related_posts,
ul.related_posts_big {
	position: relative;
	list-style: none;
	margin: 0px
}

ul.related_posts li,
ul.related_posts_big li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none
}

ul.related_posts li img,
ul.related_posts_big li img {
	display: block;
	background: #fff;
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3)
}

ul.related_list {}

#author-avatar {
	position: relative;
	float: left;
	margin: 0px
}

#author-avatar img,
.author-card img {
	display: block;
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

#author-description {
	position: relative;
	margin-left: 100px
}

.commentlist {
	list-style: none;
	margin: 0px 0px 20px 0px
}

.commentlist li {
	margin-bottom: 18px;
	border-bottom: 1px solid #efefef
}

.commentlist li li {
	padding: 18px 0px 0px 0px;
	margin-bottom: 0px;
	border-bottom: none;
	border-top: 1px solid #efefef
}

.commentwrapper {
	position: relative
}

.author-card {
	float: left;
	width: 64px;
	height: 64px;
	margin-bottom: 18px
}

.commentlist li li .author-card,
.commentlist li li .author-card img {
	width: 48px;
	height: 48px
}

.comment_data {
	margin-left: 79px
}

.comment_data h5 {
	margin-bottom: 12px
}

.commentlist ul.children {
	margin: 0px 0px 0px 16px
}

.commentlist ul,
.commentlist ul ul {
	list-style: none
}

.commentlist ul .comment_data {
	margin-left: 63px
}

.comment_meta {
	margin-bottom: 9px
}

.comment_author_link {
	font-size: 12px;
	font-weight: bold;
	margin-right: 6px
}

.comment-date,
.edit_comment,
.comment-reply {
	font-size: 10px;
	color: #9a9c9e;
	padding: 0px 6px;
	border-left: 1px solid #efefef;
	text-transform: uppercase
}

.edit_comment a,
.comment-reply a {
	color: #77797b;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase
}

.edit_comment a:hover,
.comment-reply a:hover {
	color: #333537;
	border-bottom-color: #999b9d;
	text-decoration: none
}

.author_comment {
	font-size: 10px;
	background: #333537;
	color: #f0f2f4;
	margin: 0px;
	text-transform: uppercase;
	padding: 2px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.cancel-comment-reply {
	font-size: 11px;
	margin: 0px
}

a#cancel-comment-reply-link {
	color: #999b9d;
	font-family: Arial, Helvetica, sans-serif
}

a#cancel-comment-reply-link:hover {
	color: #333
}

p.logged-in-as {
	font-size: 11px
}

.pagination {
	position: relative;
	overflow: hidden;
	margin: 0px 10px 0px;
	padding: 10px 0px 20px
}

.content.classic .pagination {
	margin-left: 0px;
	padding: 30px 0px 0px
}

.pagination a,
.pagination a:visited {
	font-size: 10px;
	text-transform: uppercase;
	color: #999b9d
}

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

.prev_posts,
.next_posts {
	float: left;
	position: relative;
	overflow: hidden;
	width: auto;
	padding: 0px;
	margin-right: 15px
}

.next_posts {
	border-left: 1px solid #e5e5e5;
	padding-left: 15px;
	margin-right: 0px
}

.show_more {
	display: none
}

.page-link {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	font-size: 11px
}

.tag_list {
	position: relative;
	overflow: hidden;
	font-size: 11px;
	color: #a0a2a4;
	font-style: normal !important;
	margin-bottom: 11px;
	padding-bottom: 2px
}

.tag_list span {
	display: inline-block;
	float: left;
	margin-right: 8px;
	padding: 2px 0px
}

.tag_list a {
	display: inline-block;
	float: left;
	padding: 2px 8px;
	background: #f0f0f0;
	color: #909294;
	margin: 0px 4px 4px 0px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.tag_list a:hover {
	background: #333537;
	color: #fff;
	text-shadow: none
}

.tag_list a:active {
	color: #999b9d
}

.ss_sharing_container {
	position: relative;
	background: #fff;
	margin: 0px 0px 20px;
	padding: 20px
}

.fb-like,
.ss_sharing_btn {
	position: relative;
	float: left;
	width: 16%;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #efefef
}

.ss_sharing_container div.ss_sharing_btn:last-child {
	border: none;
	margin-right: 0px
}

.author-box,
.related-posts,
#comments,
.ss_sharing_container {
	width: 600px;
	margin: 0px 10px 20px
}


/* -- 9. SECONDARY AREA -- */

.secondary {
	color: #999b9d
}

h4.sc_title {
	font-size: 13px;
	line-height: 21px;
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase
}

.secondary ul {
	margin: 0px 0px 18px;
	padding: 0px;
	list-style: none
}

.secondary ul li {
	padding: 6px 0px 7px;
	border-bottom: 1px solid #3a3c3e;
	display: block
}

.secondary ul ul {
	margin: 6px 0px 0px;
	border-top: 1px solid #3a3c3e
}

.secondary ul ul li {
	padding-left: 15px;
	background: url(images/list_arrow.gif) 4px 14px no-repeat
}

.secondary ul ul li:last-child {
	border-bottom: none;
	padding-bottom: 0px
}

/* Widgets */

ul.thumb_list {
	position: relative;
	overflow: hidden;
	list-style: none
}

ul.thumb_list li {
	padding: 10px 0px;
	position: relative;
	overflow: hidden
}

.secondary ul.thumb_list li {
	padding: 7px 0px
}

ul.thumb_list li:first-child {
	padding-top: 0px
}

ul.thumb_list a {
	font-size: 12px;
	color: #777;
	text-decoration: none
}

ul.thumb_list a:hover {
	color: #333
}

.secondary ul.thumb_list a {
	color: #ccc
}

.secondary ul.thumb_list a:hover {
	color: #fff
}

.cp_thumb {
	float: left;
	width: 54px
}

.cp_thumb img {
	display: block;
	width: 54px;
	height: 54px;
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.cp_title {
	margin-left: 64px
}

.sidebar .cp_thumb {
	float: right
}

.sidebar .cp_title {
	margin: 0px 64px 0px 0px
}

ul.normal_list {
	margin-top: -10px
}

ul.normal_list li {
	position: relative;
	overflow: hidden;
	padding: 10px 0px
}

ul.normal_list a {
	font-size: 12px
}

ul.normal_list a:hover {
	color: #333
}

ul.normal_list li .cp_title {
	float: none;
	width: 100%;
	margin-left: 0px
}

.list_meta {
	font-size: 10px;
	line-height: 18px;
	margin-bottom: -1px;
	color: #77797b;
	text-transform: uppercase;
	display: block
}

ul.post_list {
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none
}

ul.post_list li {
	position: relative;
	overflow: hidden;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
	border-bottom: 1px solid #efefef;
	line-height: 16px
}

ul.post_list li:last-child {
	border: none;
	margin-bottom: 0px
}

div.pl_title {
	margin-left: 64px
}

ul.post_list li div.pl_title a {
	font-size: 12px;
	color: #666
}

ul.post_list li div.pl_title a:hover {
	color: #333
}

ul.post_list li a.pl_thumb {
	float: left;
	display: block;
	width: 54px
}

ul.post_list li a.pl_thumb img {
	display: block;
	width: 54px;
	height: 54px;
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

ul.post_list li span {
	color: #999b9d;
	font-size: 10px
}

ul.plain_list {
	margin: -6px 0px 0px;
	padding: 0px;
	list-style: none
}

ul.plain_list li {
	line-height: 16px;
	padding: 6px 0px 7px 18px;
	border-bottom: 1px solid #efefef;
	background: url(images/list_icons/file.png) 0px 8px no-repeat
}

ul.plain_list li:hover {
	background-color: #f7f7f7
}

ul.plain_list li a {
	color: #777;
	text-decoration: none
}

ul.plain_list li a:hover {
	color: #444
}

#twitter_wrapper {
	position: relative;
	overflow: hidden
}

ul#twitter_update_list {
	list-style: none;
	margin: 0px 0px 18px;
	padding: 0px
}

ul#twitter_update_list span a {
	color: #6699cc
}

ul#twitter_update_list span a:hover {
	color: #ff6633
}

ul#twitter_update_list li:last-child {
	margin-bottom: 0px
}

#flickr_badge_wrapper {
	position: relative;
	padding: 0px 0px 18px
}

.flickr_badge_image {
	position: relative;
	float: left;
	margin: 0px;
	width: 55px;
	height: 55px
}

.sidebar .flickr_badge_image {
	float: right
}

.flickr_badge_image img {
	display: block;
	width: 55px;
	height: 55px;
	background: #fff
}

ul.minifolio {
	position: relative;
	list-style: none;
	padding: 0px 0px 18px;
	margin: 0px
}

ul.minifolio li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;
	border: none
}

ul.minifolio li img,
.flickr_badge_image img {
	display: block;
	background: #fff;
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

ul.minifolio li img.size_n,
ul.minifolio li img.size_m {
	width: 55px
}

ul.minifolio li img.size_l {
	width: 110px
}

ul.ss_social {
	position: relative;
	overflow: hidden;
	width: auto;
	margin: 0px 0px 14px;
	padding: 0px;
	list-style: none
}

ul.ss_social li {
	float: left;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	display: block;
	border: none;
	width: 30px;
	height: 30px
}

.sidebar ul.ss_social li {
	float: right;
	margin: 0px 0px 3px 3px
}

ul.ss_social li:last-child {
	margin-right: 0px
}

ul.ss_social li a {
	width: 30px;
	height: 30px;
	display: block;
	padding: 0px;
	background: url(images/ss_social_sprite.png) 0px 0px no-repeat
}

ul.ss_social li a.twitter {
	background-position: 0px 0px
}

ul.ss_social li a.facebook {
	background-position: -40px 0px
}

ul.ss_social li a.in {
	background-position: -80px 0px
}

ul.ss_social li a.gplus {
	background-position: -120px 0px
}

ul.ss_social li a.dribble {
	background-position: -160px 0px
}

ul.ss_social li a.forrst {
	background-position: -200px 0px
}

ul.ss_social li a.flickr {
	background-position: -240px 0px
}

ul.ss_social li a.deviant {
	background-position: -280px 0px
}

ul.ss_social li a.vimeo {
	background-position: -320px 0px
}

ul.ss_social li a.utube {
	background-position: -360px 0px
}

ul.ss_social li a.pint {
	background-position: -400px 0px
}

ul.ss_social li a.rss {
	background-position: -440px 0px
}

ul.ss_social li a.twitter:hover {
	background-position: 0px -40px
}

ul.ss_social li a.facebook:hover {
	background-position: -40px -40px
}

ul.ss_social li a.in:hover {
	background-position: -80px -40px
}

ul.ss_social li a.gplus:hover {
	background-position: -120px -40px
}

ul.ss_social li a.dribble:hover {
	background-position: -160px -40px
}

ul.ss_social li a.forrst:hover {
	background-position: -200px -40px
}

ul.ss_social li a.flickr:hover {
	background-position: -240px -40px
}

ul.ss_social li a.deviant:hover {
	background-position: -280px -40px
}

ul.ss_social li a.vimeo:hover {
	background-position: -320px -40px
}

ul.ss_social li a.utube:hover {
	background-position: -360px -40px
}

ul.ss_social li a.pint:hover {
	background-position: -400px -40px
}

ul.ss_social li a.rss:hover {
	background-position: -440px -40px
}

.secondary ul a {
	color: #caccce;
	text-decoration: none
}

.secondary ul a:hover {
	color: #fff;
	text-decoration: none
}


/* -- 10. FORMS -- */

#commentform label,
.commentform label,
.wpcf7-form label {
	margin-left: 12px;
	color: #9a9c9e;
}

#commentform input[type="text"],
#commentform textarea,
.commentform input[type="text"],
.commentform textarea,
.wpcf7-form input[type="text"],
.wpcf7-form textarea {
	color: #66686a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #eaeaea;
	background: #fafafa;
	width: 100%;
	max-width: 290px;
	padding: 8px 5px
}

#commentform textarea,
.commentform textarea,
.wpcf7-form textarea {
	max-width: 340px
}

#commentform input[type="text"]:focus,
#commentform textarea:focus,
.commentform input[type="text"]:focus,
.commentform textarea:focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form textarea:focus {
	border: 1px solid #dadada
}

#commentform input#submit,
.commentform input.submit,
.wpcf7-form input.wpcf7-submit {
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 8px;
	font-size: 12px;
	line-height: 18px;
	color: #444;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	vertical-align: middle;
	background: #fafafa url(images/btn.png) 0px 10px repeat-x;
	border: 1px solid #dadada;
	border-bottom-color: #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-moz-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.03);
}

#commentform input#submit:hover,
.commentform input.submit:hover,
.wpcf7-form input.wpcf7-submit:hover {
	color: #333333;
	text-decoration: none;
	background-position: 0px 5px;
	border-color: #bbb;
}

#commentform input#submit:active,
.commentform input.submit:active,
.wpcf7-form input.wpcf7-submit:active {
	color: #666;
	border-color: #bbb #ccc #ccc;
	background: #e5e5e5;
	-moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
}

input.error,
textarea.error {
	border: 1px solid #ff3647 !important;
}

#mail_success,
#mail_success_no_JS {
	margin: 20px 0px 20px
}

#mail_success {
	display: none
}

.wpcf7-form-control-wrap br {
	display: none
}

/* Get rid of unwanted <br> tags with CF7 */
.sidebar .wpcf7 p,
.secondary .wpcf7 p {
	margin-bottom: 10px !important;
}

.ajax-loader {
	position: absolute;
	right: 0px;
	bottom: 10px
}

.secondary .wpcf7-form input[type="text"],
.secondary .wpcf7-form textarea {
	max-width: 210px
}

.sidebar .wpcf7-form textarea,
.secondary .wpcf7-form textarea {
	height: 120px
}

.sidebar input[type="text"],
.sidebar textarea {
	width: 153px
}

.one_third input[type="text"],
.one_third textarea {
	width: 220px
}

.one_fourth input[type="text"],
.one_fourth textarea {
	width: 158px
}

.searchbox {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 18px;
	width: 298px;
	height: 32px;
	border: 1px solid #e5e5e5;
	border-bottom-color: #e0e0e0;
	background: #fff;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
}

.page_medium .searchbox {
	margin-bottom: 20px
}

.sidebar .searchbox {
	width: 163px
}

.secondary .searchbox {
	width: 218px;
	border-color: #323538
}

.first_col .searchbox {
	width: 173px
}

#searchform input[type="text"] {
	width: 263px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 9px 34px 8px 5px;
	margin: 0px;
	border: none;
	outline: none;
	background: none
}

.sidebar #searchform input[type="text"] {
	width: 123px
}

.secondary #searchform input[type="text"] {
	width: 183px
}

.first_col #searchform input[type="text"] {
	width: 140px
}

#searchform input#searchsubmit {
	position: absolute;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	background: url(images/search_ico.png) 0px 0px no-repeat;
	border: none;
	outline: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#searchform input#searchsubmit:hover {
	background-position: 0px -42px
}

.one_fourth #searchform input[type="text"] {
	max-width: 180px
}

div.wpcf7 {
	margin-bottom: 10px !important;
}


/* -- 11. FOOTER -- */
.footer .copyright,
.footer .webdesign {
	width: 50%;
	float: left;
}

.footer .webdesign {
	text-align: right;
}

.footer a {
	color: #919395;
	text-decoration: underline;
}

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

.top_btn {
	position: fixed;
	right: 0px;
	bottom: 0px
}

.top_btn a {
	display: block;
	width: 31px;
	height: 31px;
	background: transparent url(images/top.png) 0px 0px no-repeat
}

.top_btn a:hover {
	background-position: 0px -41px
}


/* -- 12. MISCELLANEOUS -- */

/* Horizontal Tabs */
ul.tabs {
	margin: 0px 0px -1px;
	padding: 0px;
	list-style: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 10;
	border-left: 1px solid #e5e5e5
}

ul.tabs li {
	float: left
}

ul.tabs li a {
	display: inline-block;
	font-size: 13px;
	color: #666;
	font-weight: bold;
	padding: 7px 10px;
	border: 1px solid #e5e5e5;
	background: #f8f8f8;
	border-left-color: #fff
}

ul.tabs li a:hover {
	color: #333;
	text-decoration: none
}

ul.tabs li.ui-tabs-selected a {
	background: #fff;
	color: #333;
	border-bottom-color: #fff
}

.tabbed {
	position: relative;
	overflow: hidden;
	padding: 12px 0px 0px;
	border-top: 1px solid #e5e5e5
}

/* Accordion and Toggle */
.accordion {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 18px;
	padding: 0px
}

h5.handle,
h5.toggle {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #777;
	cursor: pointer;
	padding: 7px 2px 8px;
	margin-bottom: 0px;
	background: #fff;
	border-bottom: 1px solid #efefef
}

h5.handle:hover {
	color: #333
}

h5.ui-state-active {
	color: #333;
	border-bottom: 1px solid #e0e0e0
}

h5.handle span {
	position: absolute;
	width: 7px;
	height: 7px;
	top: 13px;
	right: 5px;
	display: block;
	background: transparent url(images/tog.png) 0px 0px no-repeat
}

h5.ui-state-active span {
	background-position: 0px -27px
}

.acc_inner {
	position: relative;
	overflow: hidden;
	padding: 12px 0px 0px
}

h5.toggle {
	padding: 6px 4px;
	margin-bottom: 12px;
	display: inline-block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

h5.toggle:hover {
	color: #333
}

h5.activetoggle {
	background: #f7f7f7;
	color: #333;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef
}

h5.toggle span {
	width: 7px;
	height: 7px;
	margin: 6px 8px 0px 0px;
	display: block;
	background: transparent url(images/tog.png) 0px 0px no-repeat;
	float: left
}

h5.activetoggle span {
	background-position: 0px -27px
}

.toggle_content,
.acc_content {
	margin-bottom: 0px
}

.ui-tabs .ui-tabs-hide {
	display: none
}

/* Horizontal Rules */
.hr {
	border-bottom: 1px solid #efefef;
	margin-bottom: 20px
}

.double_hr {
	background: url(images/double_hr.png) bottom repeat-x;
	height: 3px;
	margin-bottom: 20px
}

.hr_dotted {
	background: url(images/dashed.gif) bottom repeat-x;
	height: 1px;
	margin-bottom: 20px
}

.hr_3d {
	background: url(images/hr_3d.jpg) bottom repeat-x;
	height: 3px;
	margin-bottom: 20px
}

.hr_strip {
	background: url(images/strips_hr.png) bottom repeat-x;
	height: 7px;
	margin-bottom: 20px
}

/* WP Page Navi */
.wp-pagenavi {
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 10px 0px 20px 10px
}

.content.classic .wp-pagenavi {
	padding: 30px 0px 4px 0px;
	margin-bottom: 0px
}

.wp-pagenavi a,
.wp-pagenavi span.current {
	font-size: 11px;
	padding: 5px 10px;
	margin-right: 5px;
	color: #77797b;
	background: #e5e5e5;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
	border: 1px solid #e0e0e0;
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.wp-pagenavi a:hover {
	text-decoration: none;
	text-shadow: none;
	color: #fff;
	background: #444648;
	border-color: #444648
}

.wp-pagenavi span.pages {
	font-size: 11px;
	margin-right: 10px;
	color: #77797b
}

.wp-pagenavi a:active,
.wp-pagenavi span.current {
	text-decoration: none;
	color: #fff;
	background: #444648
}

.wp-pagenavi span.current {
	border-color: #444648
}

.wp-pagenavi a:active {
	color: #999b9d
}

/* Boxes */
.box {
	position: relative;
	overflow: hidden;
	margin: 0px 0px 18px;
	padding: 12px 12px 8px;
	border: 1px solid #efefef;
	border-left: none;
	border-right: none
}

.box * {
	margin-bottom: 4px;
	color: #666
}

.box0 {
	background: #f7f7f7;
	border-color: #eaeaea
}

.box1 {
	background: #fff7e1;
	border-color: #f2e5c5
}

.box1 * {
	color: #aa7f2b
}

.box2 {
	background: #e1f0d9;
	border-color: #c6e2b9
}

.box2 * {
	color: #336600
}

.box3 {
	background: #f7d9d9;
	border-color: #f2c3c3
}

.box3 * {
	color: #ac2b2b
}

.box4 {
	background: #d9edf7;
	border-color: #c1e0f1
}

.box4 * {
	color: #336699
}

.hide_box {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: transparent url(images/hide_box.png) 0px 0px no-repeat
}

.hide_box:hover {
	background-position: 0px -24px
}

/* Lists */
ul.list {
	margin: 0px 0px 14px;
	padding: 0px;
	list-style: none
}

ul.list li {
	padding: 0px 0px 3px 15px
}

ul.list0 li {
	background: url(images/list_icons/check.png) 0px 5px no-repeat;
	padding-left: 20px
}

ul.list1 li {
	background: url(images/list_icons/check_dark.png) 0px 5px no-repeat;
	padding-left: 20px
}

ul.list2 li {
	background: url(images/list_icons/disc.png) 0px 5px no-repeat
}

ul.list3 li {
	background: url(images/list_icons/disc_dark.png) 0px 5px no-repeat
}

ul.list4 li {
	background: url(images/list_icons/square.png) 0px 5px no-repeat
}

ul.list5 li {
	background: url(images/list_icons/square_dark.png) 0px 5px no-repeat
}

ul.list6 li {
	background: url(images/list_icons/star.png) 0px 2px no-repeat;
	padding-left: 20px
}

ul.list7 li {
	background: url(images/list_icons/star_dark.png) 0px 2px no-repeat;
	padding-left: 20px
}

ul.list8 li {
	background: url(images/list_icons/arrow.png) 0px 5px no-repeat
}

ul.list9 li {
	background: url(images/list_icons/arrow_dark.png) 0px 5px no-repeat
}

ul.list10 li {
	background: url(images/list_icons/plus.png) 0px 4px no-repeat;
	padding-left: 17px
}

ul.list11 li {
	background: url(images/list_icons/plus_dark.png) 0px 4px no-repeat;
	padding-left: 17px
}

/* CSS3 Buttons */
.btn,
.btn:visited,
.more-link,
.more-link:visited {
	display: inline-block;
	padding: 4px 10px 4px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 18px;
	color: #444;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	vertical-align: middle;
	background: #fafafa url(images/btn.png) 0px 5px repeat-x;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	-moz-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.03);
}

.btn:hover,
.more-link:hover {
	color: #333;
	text-decoration: none;
	background-position: 0px 5px;
	border-color: #bbb;
}

.btn.active,
.btn:active,
.more-link:active {
	color: #666;
	border-color: #bbb #ccc #ccc;
	background: #e5e5e5;
	-moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.btn2,
.btn2:visited {
	font-family: Arial, Helvetica, sans-serif;
	background: #f7f7f7;
	display: inline-block;
	padding: 4px 10px;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(0, 0, 0, 0.1);
	background-image: url(images/btn.png);
	background-position: 0px 15px;
	background-repeat: repeat-x;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
}

.btn2:hover {
	color: #fff;
	background-position: 0px -20px;
	border-color: rgba(0, 0, 0, 0.4);
}

.btn2:active {
	background-position: 0px -30px;
	-moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.aqua,
.aqua:visited {
	background-color: #33cc99;
	color: #fff;
	border-color: #2bae82 #2bae82 #289e77
}

.aqua:hover,
.aqua:active {
	border-color: #1d7458
}

.red,
.red:visited {
	background-color: #cc3333;
	color: #fff;
	border-color: #ae2b2b #ae2b2b #9e2828
}

.red:hover,
.red:active {
	border-color: #741d1d
}

.grey,
.grey:visited {
	background-color: #666;
	color: #fff;
	border-color: #575757 #575757 #4f4f4f
}

.grey:hover,
.grey:active {
	border-color: #3a3a3a
}

.pink,
.pink:visited {
	background-color: #e45c99;
	color: #fff;
	border-color: #c24e82 #c24e82 #b24777
}

.pink:hover,
.pink:active {
	border-color: #823558
}

.brown,
.brown:visited {
	background-color: #996600;
	color: #fff;
	border-color: #825700 #825700 #774f00
}

.brown:hover,
.brown:active {
	border-color: #583a00
}

.skyBlue,
.skyBlue:visited {
	background-color: #6699cc;
	color: #fff;
	border-color: #5782ae #5782ae #4f779e
}

.skyBlue:hover,
.skyBlue:active {
	border-color: #3a5874
}

.rosyBrown,
.rosyBrown:visited {
	background-color: #cc9999;
	color: #fff;
	border-color: #ae8282 #ae8282 #9e7777
}

.rosyBrown:hover,
.rosyBrown:active {
	border-color: #745858
}

.royalBlue,
.royalBlue:visited {
	background-color: #0066cc;
	color: #fff;
	border-color: #0057ae #0057ae #004f9e
}

.royalBlue:hover,
.royalBlue:active {
	border-color: #003a74
}

.orange,
.orange:visited {
	background-color: #ff9900;
	color: #fff;
	border-color: #d98200 #d98200 #c67700
}

.orange:hover,
.orange:active {
	border-color: #925800
}

.forestGreen,
.forestGreen:visited {
	background-color: #339933;
	color: #fff;
	border-color: #2b822b #2b822b #287728
}

.forestGreen:hover,
.forestGreen:active {
	border-color: #1d581d
}

.crimson,
.crimson:visited {
	background-color: #cc3366;
	color: #fff;
	border-color: #ae2b57 #ae2b57 #9e284f
}

.crimson:hover,
.crimson:active {
	border-color: #741d3a
}

.yellowGreen,
.yellowGreen:visited {
	background-color: #99cc66;
	color: #fff;
	border-color: #82ae57 #82ae57 #779e4f
}

.yellowGreen:hover,
.yellowGreen:active {
	border-color: #58743a
}

.size-m,
.size-m:visited {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 10px 7px
}

.size-l,
.size-l:visited {
	font-size: 16px;
	line-height: 21px;
	padding: 8px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Inline Labels */
.label {
	padding: 2px 4px;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05);
	background-color: #999b9d;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.label-red {
	background-color: #cc3333
}

.label-orange {
	background-color: #ff9900
}

.label-green {
	background-color: #669933
}

.label-blue {
	background-color: #6699cc
}

.label-black {
	background-color: #333
}


/* Tables */
table {
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	margin: 0px 0px 18px;
	width: 100%
}

td,
th {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 10px
}

th {
	background-color: #f7f7f7;
	font-weight: bold;
	color: #444648;
	text-align: left
}

thead th {
	vertical-align: bottom
}

/* Level Indicators */
.p_bar,
.p_label,
.p_indicator,
.p_active,
.p_value {
	position: relative;
	overflow: hidden
}

.p_bar {
	width: 100%;
	margin-bottom: 18px
}

.p_label {
	float: left;
	width: 20%;
	padding-right: 3%;
	font-size: 12px
}

.p_indicator {
	float: left;
	width: 50%;
	background: #e5e5e5;
	height: 6px;
	margin: 7px 0px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.p_active {
	float: left;
	width: auto;
	height: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.07);
}

.p_value {
	float: left;
	width: 20%;
	padding-left: 3%;
	font-size: 11px;
	color: #999b9d
}


/* Other miscellaneous classes */
.preload {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(images/loading.gif) 50% 50% no-repeat
}

.imgleft {
	float: left;
	margin: 0px 18px 18px 0px
}

.imgright {
	float: right;
	margin: 0px 0px 18px 18px
}

.noalign {
	float: none;
	margin: 0px 0px 14px 0px
}

.nomargin {
	margin-bottom: 0px
}

a.imgleft,
a.imgright,
a.noalign {
	display: block
}

img.imgleft,
img.imgright,
img.noalign,
img {
	display: block
}

/* TH EDIT */
/* Auto Height for Images for Responsive Design */
img,
object,
embed {
	max-width: 100%;
	height: auto;
}

img {
	height: auto;
}

/* end TH EDIT */

.imgcenter {
	display: block;
	margin: 0px auto
}

.center {
	text-align: center
}

.last {
	margin-right: 0px
}

.clear {
	clear: both
}

.clearfix {
	display: block
}

.clearfix:after,
.clearf {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	margin: 0px;
	padding: 0px
}

.border-1 {
	background: #f0f0f0;
	padding: 3px
}

.border-2 {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 2px;
	border-bottom-color: #e0e0e0;
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
}

.shadow {
	border-bottom: 1px solid #e0e0e0;
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
}

.pp_inline {
	line-height: 18px;
	padding: 10px
}

.hide,
.pp_description {
	display: none !important;
}

span.menu_notifier {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	display: block;
	color: #77797b
}

.ico_left {
	float: left;
	margin-right: 12px;
	position: relative;
	overflow: hidden
}

.ico_left,
.ico_left img {
	width: 24px;
	height: 24px;
	display: block
}

p.img {
	margin-bottom: 12px
}

.h_icon {
	float: left;
	margin-right: 10px
}

#recaptcha_widget_div,
#recaptcha-submit-btn-area {
	margin-bottom: 20px
}

p.recaptcha-error {
	font-size: 14px;
	padding-bottom: 0px
}

/* WordPress Default Styles */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft,
.left {
	float: left;
}

.alignright,
.right {
	float: right;
}

.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

.gallery-caption {}

/* Gallery listing */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}

.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}

.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}

/* Attachment pages */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}

/* Images */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%;
	height: auto;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin: 0px 18px 18px 0px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin: 0px 0px 18px 18px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 18px;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 590px !important;
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery img {
	border: none !important;
}

.gallery-columns-2 .attachment-medium {
	max-width: 85%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 82%;
	height: auto;
}

.gallery-columns-5 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery-columns-6 .attachment-thumbnail {
	max-width: 82%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery br+br {
	display: none;
}

#content .attachment img {
	display: block;
	margin: 0 auto;
}

/* TH extra */
.page-template-contact_page-php .page_large {
	width: 450px;
	margin: 0 auto;
}