/*
Theme Name: Circles Responsive Theme
Theme URI: http://www.dessign.net/circlesthemeresponsive
Description: Circles Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative, illustrator or graphic designer.
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 3 column theme, clean, portfolio

=WordPress Core
--------------------------------------------------------------*/
.alignnone
{
	margin: 5px 20px 20px 0;
}
.aligncenter, DIV.aligncenter
{
	display: block;
	margin: 5px auto;
}
.alignright
{
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft
{
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter
{
	display: block;
	margin: 5px auto;
}
A IMG.alignright
{
	float: right;
	margin: 5px 0 20px 20px;
}
A IMG.alignnone
{
	margin: 5px 20px 20px 0;
}
A IMG.alignleft
{
	float: left;
	margin: 5px 20px 20px 0;
}
A IMG.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption
{
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
/*Image does not overflow the content area*/
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone
{
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft
{
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright
{
	margin: 5px 0 20px 20px;
}
.wp-caption IMG
{
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption P.wp-caption-text
{
	margin: 0;
	padding: 0 4px 5px;
}
/*Global*/
BODY, DIV
{
	margin: 0;
	padding: 0;
}
BODY
{
	font-size: 14px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #313131;
	background-color: #FFF;
	line-height: 18px;
}
H1, H2, H3, H4, H5, P
{
	margin: 10px 0;
}
A
{
	color: #808080;
	text-decoration: none;
	transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
A:hover
{
	color: #888;
}
.no_margin_top
{
	margin-top: 0 !important;
}
.margin_top_25
{
	margin-top: 25px;
}
.margin_vert_20
{
	margin: 20px 0;
}
.margin_vert_25
{
	margin: 25px 0;
}
.padding_bottom_10
{
	padding-bottom: 10px !important;
}
.text_center
{
	text-align: center;
}
IMG
{
	border: none;
}
/*p { line-height: 22px; }*/
.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}
SUP
{
	font-size: 11px;
}
.line_height_22
{
	line-height: 22px !important;
}
.font_10
{
	font-size: 10px !important;
}
.font_11
{
	font-size: 11px;
}
.font_14
{
	font-size: 14px;
}
.font_17
{
	font-size: 17px;
}
.font_18
{
	font-size: 18px;
}
.font_28
{
	font-size: 28px;
	line-height: 30px;
}
.font_42
{
	font-size: 42px;
}
.font_normal
{
	font-weight: normal;
}
.float_none
{
	float: none !important;
}
::selection
{
	background: #CCC;
}
::-moz-selection
{
	background: #CCC;
}
#main_container
{
	width: 1100px;
	margin: 0 auto;
}
.container
{
	width: 1100px;
	margin: 0 auto;
}
#infscr-loading
{
	display: none !important;
	visibility: hidden !important;
}
/*hide infinite scroll loading image
HTML5 tags*/
HEADER, SECTION, FOOTER, ASIDE, NAV, ARTICLE, FIGURE
{
	display: block;
}
/*Header*/
HEADER
{
	width: 1100px;
	margin: 0 auto;
	padding: 0px 0 10px;
	position: relative;
}
.header_top_cont
{
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: #FFF;
}
.header_top_cont .container
{
	padding-top: 10px;
	padding-bottom: 8px;
}
.header_top_cont_spacer
{
	min-height: 45px;
}
.logo_cont
{
	text-align: center;
}
.logo
{
/*float: left;*/
	margin-top: 18px;
}
.header_social
{
	float: right;
}
.header_social IMG
{
	float: left;
	margin-left: 8px;
}
.header_menu
{
	float: right;
/*margin-top: 10px;*/
	margin-top: 0;
}
.header_menu UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.header_menu UL LI
{
	float: left;
	margin-left: 10px;
	font-size: 14px;
	position: relative;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
}
.header_menu UL LI A
{
	color: #999;
	text-decoration: none;
	padding: 4px 15px;
	display: block;
}
.header_menu UL LI.current-menu-item A, .header_menu UL LI.current_page_item A, .header_menu UL LI A:hover
{
	background-color: #FFF;
	color: #333;
}
.header_menu UL LI UL
{
	position: absolute;
	top: 26px;
	left: 0;
	border: 1px solid #DFDFDF;
	background-color: #FFF;
	padding: 5px;
	display: none;
	z-index: 25;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.header_menu UL LI UL LI
{
	width: 155px;
	font-size: 11px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
	margin: 0;
	padding: 3px 0;
	border-top: 1px solid #EFEFEF;
}
.header_menu UL LI UL LI:first-child
{
	border-top: none;
}
.header_menu UL LI UL LI.current-menu-item A, .header_menu UL LI UL LI.current_page_item A, .header_menu UL LI UL LI A
{
	color: #B2B2B6;
	background: none;
}
.header_menu UL LI UL LI.current-menu-item A:hover, .header_menu UL LI UL LI.current_page_item A:hover, .header_menu UL LI UL LI A:hover
{
	background: none;
	color: #000;
}
/*Content*/
#slideshow_cont
{
	width: 1100px;
	height: 400px;
	position: relative;
}
/*#slideshow img { width:1100px; height: 400px; display: none; position: absolute; top: 0; left: 0px; border-radius: 2px; }
#slideshow img.first_slide_img { display: block; }*/
#slideshow .slide_box
{
	width: 1100px;
	height: 400px;
	display: none;
	position: absolute;
	top: 0;
	left: 0px;
	border-radius: 2px;
}
#slideshow .slide_box IMG, #slideshow .slide_box IFRAME
{
	width: 1100px;
	height: 400px;
}
#slideshow .slide_box_first
{
	display: block;
}
.slide_next
{
	position: absolute;
	bottom: 8px;
	right: 10px;
	cursor: pointer;
}
.slide_prev
{
	position: absolute;
	bottom: 8px;
	right: 50px;
	cursor: pointer;
}
.single_inside_content IMG
{
	max-width: 100%;
	height: inherit;
}
#content
{
	width: 100%;
	margin: 0 auto;
	padding: 24px 0 0;
}
.none_home_cont
{
	border-top: 0px solid #FFF;
}
.home_wide_box
{
	width: 340px;
	font-size: 13px;
	margin-bottom: 26px;
	float: left;
	text-align: center;
}
.home_wide_box_last
{
	float: right;
}
.home_wide_box H3
{
	text-align: center;
}
.home_tall_box H3, .home_wide_box H3, .home_post_box H3
{
	margin: 0px 0;
	font-size: 18px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
/*	text-transform: uppercase; */
	text-align: center;
	color: #666;
	padding: 10px;
}
.home_wide_box P, .home_tall_box P, .home_post_box P
{
	line-height: 20px;
	color: #777;
}
.home_wide_box IMG
{
	margin-top: 15px;
	width: 340px;
	height: 250px;
	border-radius: 3px;
}
.home_wide_box IMG:hover, .home_tall_box IMG:hover, .home_post_box IMG:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.home_tall_box
{
	width: 340px;
	float: left;
	font-size: 13px;
	margin-bottom: 30px;
	margin-right: 40px;
}
.home_tall_box_last
{
	margin-right: 0;
}
.home_tall_box IMG
{
	width: 340px;
	height: 340px;
	border-radius: 300px;
}
.home_tall_box IFRAME
{
	width: 340px;
	height: 340px;
	border-radius: 300px;
}
.home_tall_center
{
	float: left;
	width: 290px;
	margin-right: 10px;
}
.home_featured_text_cont
{
	height: 220px;
	overflow: hidden;
}
.home_featured_text
{
	text-align: center;
	font-size: 20px;
	color: #999;
	border-top: 2px solid #ECECEC;
	border-bottom: 2px solid #ECECEC;
	padding: 20px 0;
	line-height: 30px;
	font-family: Oswald, sans-serif;
}
.home_tall_center .home_post_box
{
	margin-bottom: 0;
}
.home_post_box
{
	float: left;
	margin-right: 10px;
	width: 290px;
	font-size: 13px;
	margin-bottom: 10px;
}
.home_post_box IMG
{
	width: 290px;
	height: 180px;
}
.home_post_box_last
{
	float: left;
	margin-right: 0;
}
H3.top_title, H1.top_title
{
	padding: 5px;
	margin: 2px 1px;
	font-size: 14px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align: center;
}
.cat_nav_cont
{
	padding: 15px 0;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
}
#content_left
{
	float: left;
	width: 100%;
}
.blog_box
{
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
}
.blog_box H3
{
	margin: 0 0 15px;
	font-size: 22px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align: center;
}
.blog_box IMG
{
	width: 450px;
	height: 450px;
	border-radius: 400px;
	text-align: center;
}
.blog_box IFRAME
{
	width: 450px;
	height: 450px;
}
.blog_box IMG:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.blog_box P
{
	line-height: 19px;
	text-align: center;
}
H1.single_title
{
	font-size: 16px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 3px;
/*	text-transform: lowercase; */
	margin: 0 0 15px;
}
#commentform INPUT[type=submit]
{
	background-color: #161616;
	color: #FFF;
	border: 1px solid #6E6E6E;
	padding: 3px 5px;
}
/*Sidebar*/
#sidebar
{
	float: right;
	width: 210px;
}
.side_box
{
	margin-bottom: 25px;
}
.side_box H3
{
	margin: 0 0 10px;
	padding: 3px 0;
	font-size: 12px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: lowercase;
	color: #333;
}
.side_box UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.side_box UL LI
{
	margin-bottom: 10px;
}
.t1_search_cont
{
	position: relative;
	width: 200px;
}
.t1_search_cont INPUT[type=text]
{
	width: 180px;
	height: 17px;
	border: 1px solid #E5E5E5;
	padding: 3px 15px 3px 5px;
}
.t1_search_icon
{
	position: absolute;
	top: 6px;
	right: 3px;
}
.next_prev_cont
{
	padding: 15px 0;
}
.next_prev_cont .left
{
	float: left;
	width: 45%;
}
.next_prev_cont .left A
{
	display: block;
	background: url('images/post_prev.png') no-repeat;
	background-position: top left;
	padding-left: 25px;
	min-height: 30px;
}
.next_prev_cont .right
{
	float: right;
	width: 45%;
	text-align: right;
}
.next_prev_cont .right A
{
	display: block;
	background: url('images/post_next.png') no-repeat;
	background-position: top right;
	padding-right: 25px;
	min-height: 30px;
}
/*Footer*/
FOOTER
{
	background-color: #FFF;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 10px;
	font-family: "century gothic", STHeitiTC-Light, Muli, Lato, Futura, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
}
/*for tablet landscape*/
@media only screen and (max-width: 1280px)
{
	#main_container
	{
		width: 90%;
	}
	.container
	{
		width: 100%;
	}
	HEADER
	{
		width: 960px;
		margin: 0 auto;
		padding: 10px 5px 25px;
	}
	.header_social
	{
		margin-right: 5px;
	}
	.header_menu UL LI
	{
		font-size: 13px;
	}
	#slideshow_cont
	{
		width: 920px;
		height: 410px;
		margin-left: 27px;
	}
/*#slideshow img { width: 920px; height: 410px; left: 25px;}*/
	#slideshow .slide_box
	{
		width: 920px;
		height: 410px;
	}
	#slideshow .slide_box IMG, #slideshow .slide_box IFRAME
	{
		width: 920px;
		height: 410px;
	}
	#slideshow .slide_box_first
	{
		display: block;
	}
	.slide_next
	{
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.slide_prev
	{
		position: absolute;
		bottom: 10px;
		right: 60px;
		cursor: pointer;
	}
	#content
	{
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}
	.home_wide_box
	{
		width: 435px;
	}
	.home_wide_box IMG
	{
		width: 435px;
		height: 290px;
	}
	.home_tall_box
	{
		width: 294px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.home_tall_box IMG, .home_tall_box IFRAME
	{
		width: 294px;
		height: 294px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.home_tall_box_last
	{
		margin-right: 0;
	}
	.blog_box
	{
		padding-bottom: 5px;
		margin-bottom: 20px;
		border-bottom: 1px solid #CCC;
	}
	.blog_box IMG
	{
		width: 450px;
		height: 450px;
		border-radius: 400px;
	}
	.blog_box IFRAME
	{
		width: 450px;
		height: 450px;
	}
	.home_post_box
	{
		margin-right: 1px;
		width: 225px;
	}
	.home_post_box IMG
	{
		width: 225px;
		height: 145px;
	}
	.home_post_box_last
	{
		margin-right: 0;
	}
	#content_left
	{
		float: left;
		width: 100%;
		/*[disabled]padding-left:5px;*/
	}
	.single_inside_content IMG
	{
		max-width: 730px;
		height: inherit;
	}
	.single_inside_content IFRAME
	{
		width: 730px;
		height: 410px;
	}
	.blog_box IMG, .blog_box IFRAME
	{
		width: 450px;
		height: 450px;
	}
	#sidebar
	{
		float: right;
		width: 145px;
		padding-right: 5px;
	}
	.t1_search_cont
	{
		width: 140px;
	}
	.t1_search_cont INPUT[type=text]
	{
		width: 120px;
	}
/*for tablet Portrait*/
}
IMG.attachment-thumbnail
{
	width: 90%;
}
@media only screen and (max-width: 1023px)
{
	#main_container
	{
		/*[id]0*/width: 90%;
	}
	.container
	{
		width: 100%;
	}
	HEADER
	{
		width: 728px;
		margin: 0 auto;
		padding: 10px 5px 25px;
	}
	.header_social
	{
		margin-right: 5px;
	}
	.header_menu UL LI
	{
		font-size: 13px;
	}
	#content
	{
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}
	.home_wide_box
	{
		width: 340px;
	}
	.home_wide_box IMG
	{
		width: 340px;
		height: 340px;
	}
	.home_tall_box
	{
		width: 220px;
	}
	.home_tall_box IMG, .home_tall_box IFRAME
	{
		width: 220px;
		height: 220px;
	}
	.home_tall_box_last
	{
		margin-right: 0;
	}
	.home_tall_center
	{
		width: 225px;
		margin-right: 0px;
	}
	.home_featured_text_cont
	{
		height: 182px;
	}
	.home_featured_text
	{
		font-size: 16px;
		padding: 10px 0;
	}
	.home_post_box
	{
		margin-right: 16px;
		width: 225px;
	}
	.home_post_box IMG
	{
		width: 225px;
		height: 225px;
	}
	.home_post_box_last
	{
		margin-right: 0;
	}
	#content_left
	{
		float: left;
		width: 100%;
		padding-left: 5px;
	}
	.single_inside_content IMG
	{
		max-width: 530px;
		height: inherit;
	}
	.single_inside_content IFRAME
	{
		width: 500px;
		height: 500px;
	}
	.blog_box IMG, .blog_box IFRAME
	{
		width: 500px;
		height: 500px;
	}
	#sidebar
	{
		float: right;
		width: 145px;
		padding-right: 5px;
	}
	.t1_search_cont
	{
		width: 140px;
	}
	.t1_search_cont INPUT[type=text]
	{
		width: 120px;
	}
/*for mobile landscape*/
}
IMG.attachment-thumbnail
{
	width: 90%;
}
@media screen and (max-width: 766px)
{
	#main_container
	{
		width: 90%;
		padding: 8px;
	}
	.container
	{
		width: 100%;
	}
	HEADER
	{
		width: 295px;
		padding: 8px;
	}
	.header_top_cont
	{
		position: static;
	}
	.header_top_cont .container
	{
		padding-top: 2px;
		padding-bottom: 8px;
	}
	.header_top_cont_spacer
	{
		min-height: 5px;
	}
	.logo
	{
		margin-top: 8px;
		margin-bottom: 8px;
		max-width: 290px;
		height: inherit;
	}
	.header_social
	{
		float: none;
		text-align: center;
		padding: 15px;
		margin-right: 40px;
	}
	.header_social IMG
	{
		float: none;
	}
	.header_menu UL LI
	{
		font-size: 13px;
		margin-left: 2px;
	}
	.header_menu UL LI UL LI
	{
		width: 160px;
		font-size: 12px;
		margin: 0;
		padding: 3px 0;
		border-top: 1px solid #EFEFEF;
	}
	#content
	{
		width: 100%;
	}
	.home_wide_box
	{
		width: 290px;
		float: none;
	}
	.home_wide_box IMG
	{
		width: 290px;
		height: 290px;
		border-radius: 400px;
		text-align: center;
	}
	.home_tall_box
	{
		width: 290px;
		float: none;
		margin-right: 0;
	}
	.home_tall_box IMG, .home_tall_box IFRAME
	{
		width: 290px;
		height: 290px;
		border-radius: 400px;
		text-align: center;
	}
	.home_tall_box_last
	{
		margin-right: 0;
	}
	.home_post_box
	{
		margin-right: 0px;
		float: none;
		width: 290px;
	}
	.home_post_box IMG
	{
		width: 290px;
		height: 290px;
	}
	.home_post_box_last
	{
		margin-right: 0;
	}
	#content_left
	{
		float: none;
		width: 100%;
		padding-left: 0px;
	}
}
.single_inside_content IMG
{
	/*[ph]0*/
	border-radius: 10px;
	/*[ph]1*/
}
@media screen and (max-width: 766px)
{
	.single_inside_content IMG
	{
		/*[id]0*/max-width: 290px;
		/*[id]1*/height: inherit;
	}
	.single_inside_content IFRAME
	{
		width: 290px;
		height: 162px;
	}
	.blog_box IMG, .blog_box IFRAME
	{
		width: 290px;
		height: 290px;
		border-radius: 400px;
		text-align: center;
	}
	#commentform TEXTAREA
	{
		max-width: 280px;
	}
	#sidebar
	{
		display: none;
	}
}