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

	Theme Name: Responser
	Theme URI: http://www.70kilo.com
	Description: A clean and minimal theme that is completely compatible with WordPress 3.0
	Author: 70KILO
	Author URI: http://www.70kilo.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1.1


----------------------------------------------------------------------------------- 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. 
You can copy a style from this file and paste it in /layout/skins/default.css and 
it will override the style in this file. You have been warned! :)

*/

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

TABLE OF CONTENTS:
	
	0.  Resets & Clears
	1.  Defaults
	2.  Setup & Structure
	3.  Header
	4.  Navigation
	5.  Posts
	6.  Widgets
	7.  Comments
	8.  Footer
	9.  Page Templates
	10. Homepage
	11. Plugin Styles
	
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	0  Resets & Clears
----------------------------------------------------------------------------------*/

/*Let's all thank E. Meyers*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0;}

.clearfix:before,
.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.clear{clear: both;}


/*----------------------------------------------------------------------------------
	1  Defaults
----------------------------------------------------------------------------------*/

img {
	max-width: 100%;
	height: auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: bold;
	margin-top: 1em;
}

a{text-decoration: none;}

a img { border: none; }

p a, a {
	color: inherit;
	-webkit-transition: color 0.3s ease-in;  
	-moz-transition: color 0.3s ease-in;  
	-o-transition: color 0.3s ease-in;  
	transition: color 0.3s ease-in; 
}

p{margin-bottom: 1.5em;}

strong{font-weight: bold;}

em{font-style: oblique;}

h2{
	font-size: 24px;
	margin-bottom: 1em;
}

small{font-size: 11px;}

blockquote{padding: 20px;}




/*----------------------------------------------------------------------------------
	2  Setup & Structure
----------------------------------------------------------------------------------*/

body{
	font-size: 13px;
	line-height: 1.6em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-smooth: always; 
}

/*	Classes	*/

.show{visibility: visible;}

.hide{visibility: hidden;}

.left,
.alignleft
{float: left;}

.right,
.alignright{float: right;}

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

/*	Structure	*/

#wrapper{
	margin: 0 auto;
	position: relative;
}

#main_content{
	clear: both;
	min-height: 500px;
	padding-bottom: 80px;
}

#super_footer{
	min-height: 330px;
	padding: 55px auto 100px auto !important;
}

#footer{padding: 35px 0 15px 0;}



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

#super_header{
	margin-bottom: 30px;
	background: #000;
}

#topbar{height: 7px;}

#header{text-align: center;}

#header h1{margin: 40px auto 30px auto;}


/*----------------------------------------------------------------------------------
	4  Navigation
----------------------------------------------------------------------------------*/

.nav select {display: none; /*hide mobile nav*/}

/* "dynamically" center nav */
.nav {
    position: relative;
    float: left;
    width: 100%;
    font-size: 13px;
	font-weight: bold;
}
.nav  ul {
    clear: left;
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
}
.nav ul li {
    float: left;
    position: relative;
    right: 50%;
    margin-right: 1px;
}

/* Reset all the lower levels */
.nav  ul ul {
    clear: none;
    float: none;
    position: absolute;
    left: auto;
    text-align: center;
}

.nav ul li ul li {
    float: none;
    position: relative;
    right: auto;
}


/* Transitions and other */
.nav li a{
	-webkit-transition: all 0.3s ease-in;  
	-moz-transition: all 0.3s ease-in;  
	-o-transition: all 0.3s ease-in;  
	transition: all 0.3s ease-in; 
}

.nav .sf-menu ul{border: none;}

.nav .sf-menu li{
	background: none;
	margin-left: 0;
}
.nav .sf-menu a{
	border-bottom: none;
	padding: 15px 25px 17px;
}

.nav ul ul{
	font-size: 12px;
	font-weight: 600;
    text-align: left;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		99;
}

a > .sf-sub-indicator{
	top: 1.4em;
}


/*----------------------------------------------------------------------------------
	5  Posts
----------------------------------------------------------------------------------*/

.post{
	clear: both;
	padding: 50px 0 38px 0;
}

body.single-post .post,
#comments_wrapper
{padding-right: 30px;}

:first-child .post,
.single-post .post
{padding-top: 25px;}

.post_excerpt{
	float: right;
	width: 490px;
	padding-right:30px;
}

.post_details{
	font-size: 12px;
	line-height: 1.5em;
}

.post em{font-style: oblique;}

.post h2{
	margin-top: 0;
	line-height: 1.3em;
}

.post h2 a {text-decoration: none;}

.more-link{
	display: block;
	font-size: 12px;
	margin-top: 1em;
}

#sidebar h3:first-child{margin-top: 0;}

.post-details{
	font-size: 12px;
	margin-top: 1em;
}

.post-details span{margin: 0 1em;}

#posts_nav_link{
	text-align:center;
	margin-top: 2em;
}

.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 {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.sticky{}

.gallery-caption{}

.bypostauthor{}


/*----------------------------------------------------------------------------------
	6  Widgets
----------------------------------------------------------------------------------*/

#sidebar{padding-top: 20px;}

#sidebar .widget{padding-bottom: 20px;}

#sidebar form,
#sidebar .button{margin-bottom: 0;}


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

#comments_wrapper h4{margin-bottom: 1em;}

.comment{
	padding: 25px 25px 15px 25px;
	margin-bottom: 20px;
}

.avatar{float: left;}

.comment-right{margin-left: 60px;}

.comment-author,
.comment-meta{display: inline;}

.comment-author cite{
	font-size: 14px;
	font-weight: bold;
}

.comment-body{margin-bottom: 1em;}

.comment-author{margin-right: 3px;}

.comment-author img{margin: 0 20px 20px 0;}

.comment-meta{font-size: 12px;}

.reply{padding-left: 52px;}



#commentform label{display: block;}

.form-allowed-tags{
	clear: both;
	padding-top: 1em;
}

#respond h3{margin-bottom: 1em;}

#fields_left{ float: left;margin-right: 50px;}

#fields_left input{width: 250px;}

#fields_right{}

#fields_right textarea{width: 250px;}


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

#footer h4,
#footer .widget{font-size: 13px;}

.footerclear{
	clear:both;
	margin: 30px auto;
	border-bottom: solid 1px #4b4b4b;
}

#connect_txt{
	text-align: center;
	font: 11px Georgia, Times, sans-serif;
}

#footer_text{
	text-align: center;
	font-size: 11px;
	padding-top: .4em;
}

#social_links{
  padding:0; 
  margin:0 auto 1.5em; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
}

#social_links li{
	float: left;
	position:relative;
	right:50%;
}

#social_links a{
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	text-indent: -900em;
	opacity: 0.3;
	-webkit-transition: all 0.2s ease-in;  
	-moz-transition: all 0.2s ease-in;  
	-o-transition: all 0.2s ease-in;  
	transition: all 0.2s ease-in; 
}

#social_links a:hover{opacity: 1;}

#social_links #social_twitter a{ background: url(layout/images/global/social_twitter.png) no-repeat;}
#social_links #social_behance a{ background: url(layout/images/global/social_behance.png) no-repeat;}
#social_links #social_dribbble a{ background: url(layout/images/global/social_dribbble.png) no-repeat;}
#social_links #social_facebook a{ background: url(layout/images/global/social_facebook.png) no-repeat;}
#social_links #social_flickr a{ background: url(layout/images/global/social_flickr.png) no-repeat;}
#social_links #social_google a{ background: url(layout/images/global/social_google.png) no-repeat;}
#social_links #social_linkedin a{ background: url(layout/images/global/social_linkedin.png) no-repeat;}
#social_links #social_vimeo a{ background: url(layout/images/global/social_vimeo.png) no-repeat;}
#social_links #social_youtube a{ background: url(layout/images/global/social_youtube.png) no-repeat;}


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

/*	Portfolio template	*/

#portfolio_items{margin-left:0;}

.portfolio_preview{
	position: relative;
	float: left;
	width: 233px;
	min-height: 250px;
	text-align: center;
	line-height: 1.2em;
}

.portfolio_preview img{
	max-width: 200px;
	margin: 0 auto;
}

.portfolio_preview h3{font-size: 13px;}

.portfolio_preview em{
	text-transform: lowercase;
	font-size: 12px;
	font-style: oblique;
}

.portfolio_content{text-align: center;}

.portfolio_content img{margin-bottom: 6em;}

a span.overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	display: block;
	text-align: center;
	z-index: 5;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;  
	-moz-transition: all 0.2s ease-in;  
	-o-transition: all 0.2s ease-in;  
	transition: all 0.2s ease-in; 
}

a:hover span.overlay{
	filter: alpha(opacity=1);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.portfolio_preview a span.overlay {
	left: 27px;
	width: 180px;
	height: 80px;
	padding-top: 55px;
}

body.home a span.overlay {
	width: 292px;
	height: 90px;
	padding-top: 74px;
}

#portfolio-filter .filter_divider{display: none;}


/*----------------------------------------------------------------------------------
	10  Homepage
----------------------------------------------------------------------------------*/

body.home h2{
	text-align: center;
	margin: 50px auto 40px;
	line-height: 1.2em;
}



/*----------------------------------------------------------------------------------
	11  Plugin Styles
----------------------------------------------------------------------------------*/

/*	FlexSlider	*/

ul:hover.slides .flex-direction-nav{display: none;}


/*	Tooltipsy	*/

.tooltipsy{
	font-size: 10px;
    padding: 2px 6px;
    max-width: 200px;
    color: #efefef;
    background-color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}


/*	Isotope	*/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}


/*	FlexSlider	*/

.flex-direction-nav li a.next,
.flex-direction-nav li a.prev{ 
			  -moz-opacity:0.0; 
     filter: alpha(opacity=00);
     			   opacity:0.0;     	  
	   -moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
.flexslider:hover li a.next,
.flexslider:hover li a.prev{  
			   -moz-opacity:0.7 !important;	    		  
      filter: alpha(opacity=70) !important;
     			    opacity:0.7 !important;
}
.flex-direction-nav li a.next:hover,
.flex-direction-nav li a.prev:hover{ 
			   -moz-opacity:1.0 !important;	    		  
     filter: alpha(opacity=100) !important;
     			    opacity:1.0 !important;
}


/*	Superfish	*/

.sf-menu {
	float: none;
	margin-bottom: 0;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: 0 -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: 0 0; /* arrow hovers for modern browsers*/
}