/*
Theme Name: Zinpho
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

 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, 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;
 }
 /* HTML5 display-role reset for older browsers */
 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;
 }
 
 
a:focus {
outline: none;
}

html { 
height:100%;
}


body{
font-family: 'Arvo', serif;
font-family: 'PT Serif', serif;
font-family: 'Droid Serif', serif;
font-family: 'Playfair Display', serif;
font-family: 'Merriweather', serif;
font-family: 'Poiret One', cursive;
font-weight:400;
font-size: 15px;

font-weight:400;
font-size: 19px;
margin:0px;
padding:0px;
color:#bbbbbb;
line-height:20px;
background-color:#000000;
 

}

body#about{
background-color:#252525;
}

  
  
a{ color:#17adbd; text-decoration:none; }
a:link{ color:#17adbd;  }
a:visited{ color:#17adbd;  }
a:active{ color:#17adbd;  }
a:hover{ color:#666666; text-decoration:none; }

 

  
  
p a{ color:#17adbd; text-decoration:none; border-bottom:0px solid #3574bb;}
p a:link{ color:#17adbd;  }
p a:visited{ color:#17adbd;  }
p a:active{ color:#17adbd;  }
p a:hover{ color:#666666; text-decoration:none; border-bottom:0px solid #666666;}






 

hr {
    border: 0;
    height: 1px;
    background: #dedede;
margin:30px 0px 30px 0px;
}


hr.style1 {
    height: 6px;
    background: url(../images/bg/hr-1.png) repeat-x center center;
    border: 0;
    padding: 20px 0px 20px 0px;
}

 






 

h1{

color:#17adbd;
color:#ffffff;
margin:40px 0px 30px 0px;
padding:0px 0px 0px 0px;
line-height:64px;
font-weight:300;
font-size:34px;
}





.h1-sub{
font-size:20px;
margin:0px auto 50px auto;
padding:0px 0px 0px 0px;
line-height:36px;
width:100%;
}



 
h2{
color:#3574bb;
margin:20px 0px 15px 0px;
padding:0px 0px 0px 0px;
line-height:45px;
font-weight:400;
font-size:28px;
text-align:center;
}

 



h3{
color:#ffffff;
font-weight:400;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:35px;
font-size:20px;
}



h4{
color:#17adbd;
font-weight:400;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
line-height:35px;
font-size:18px;
}




ul.bullet{
margin:0px 0px 0px 20px;
}

ul.bullet li { list-style-type: square; padding:3px 0px;}


.italics{
font-style:italic;
}




.gray{
color:#a1a1a1;
}

p{
margin:0px;
padding:7px 0px 7px 0px;
line-height:30px;
}




img{
border:0px;
margin:0px;
padding:0px;
}

.clear {clear:both;}

header{
width:100%;
background-color:#000000;
border-bottom: 1px solid #343434;
margin:0px;
position:fixed;
top:0px;
left:0px;
z-index:9999;

/*
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
*/

}



header .content{
max-width:1024px;
width:100%;
margin:0px auto;
}








header .content #logo-wrapper-wrapper{
padding: 8px 20px 0px 20px ;
width:165px;
height:40px;
float:left;
border-right: 0px solid #dddddd;
}


header .content #logo-wrapper{
margin: 0px 0px 0px 0px ;
width:165px;
height:40px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}





header .content #logo-wrapper a#logo{
display: block;
background: url(../images/logo.png) no-repeat top left;
width:165px;
height:40px;
    text-indent: -9999px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}






header .content #logo-wrapper-small{
margin: 13px auto 13px auto;
width:124px;
height:30px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


header .content #logo-wrapper-small a{
border-bottom:0px solid #969696;
}

header .content #logo-wrapper-small img#logo-small{
width:124px;
height:30px;
}

 




#small-menu-button{
position:absolute;
top:14px;
right:15px;
}







header .content nav{
font-size:17px;
letter-spacing:0px;
color: #ffffff;
text-align:right;
}


 

nav.large{
z-index:1000;
width:700px;
float:right;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}



nav.large ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
float:right;
}

nav.large a
{ 
border-bottom:0px solid #969696; 
display: block;
padding: 20px 30px 8px 10px;
width: 100%;
}

nav.large ul a#current{
background-color: #ffffff;
color: #a9a9a9;
}


nav.large ul li{
    border-top:0px solid #ffffff;
    margin-right: 0px;
    display:inline;
height: 60px;
	position:relative;
	float:left;
	margin:0;
	padding:0
}





nav.large a:link, nav.large a:visited
{
text-decoration: none;
}

 

nav.large a.item {
display: inline-block;
line-height: 41px;
height: 60px;
position: relative;
text-decoration: none;
box-sizing: border-box;
margin:0px 0px 0px 00px;
padding:9px 20px 0px 20px;
width:auto;
color: #bbbbbb;
}


nav.large a.item:hover
{
color: #ffffff;

}
  

.css3Animate{
-webkit-transition:all .3s ease-in-out .001s;
transition:all .3s ease-in-out .001s;
-moz-transform:all .3s ease-in-out .001s;
}

 
 
.css5Animate{
-webkit-transition:all 0.5s ease-in-out .001s;
transition:all 0.5s ease-in-out .001s;
-moz-transform:all 0.5s ease-in-out .001s;
}
 
 
 
 
 
 
 
 


 
 
 
  

 













header .content nav.small { 
width: 100%; 
z-index:1002;
display:none;
text-align:center;
}

nav.small ul
{
font-size:17px;
margin-top: 11px;
padding-left: 0;
list-style-type: none;
line-height:17px;
}

nav.small li a
{ 

display: block;
padding: 12px 10px 11px 10px;
width: 50%;
background-color: #ffffff;
color:#333333;
float:left;
text-align:center;
}

nav.small ul a#current{
background-color: #ffffff;
color: #a9a9a9;
}


nav.small ul li a{
border-top:1px solid #dddddd; 
border-right:1px solid #dddddd;     
}

nav.small ul li:nth-child(even) a{
border-right:0px solid #dddddd;     

}


nav.small a:link, nav.small a:visited
{
text-decoration: none;
}

nav.small a:hover
{
color: #ffffff;
background-color:#333333;
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  



.main-wrapper{
width:100%;
margin:70px auto;
padding:30px 0px;
}





.main{
max-width:1024px;
width:100%;
margin:0px auto;
}

.main .content {
  padding:0px 20px;
  position:relative;
}

.main .content .centered{
  text-align:center;
}




.main .content  ul {
    list-style-type: circle;
    margin: 20px 0px 20px 40px;
}

.main .content  ul li {
    padding: 5px 0px 5px 0px;
}

body.subpage .main{
margin-top:150px;
}

	
	

footer{
width:100%;
background-color:#000000;
margin:60px 0px 0px 0px;
padding:30px 30px 30px 30px;
text-align:center;
font-size:13px;
 border-top:1px solid #343434;
}




footer a.social 
{
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
border-bottom:none;
text-decoration:none;
 
}






#home-main{
width:672px;
padding:25px;
background-color:#000000;
margin: 200px auto 200px auto;

}
  


#home-logo{
	float:left;
	width:320px;
}
  
#home-contact{
	float:left;
	width:280px;
	margin-left:20px
}

  

  


 
.bio{
text-align:left;
width:45%;
margin-right:5%;
float:left;
}

 
.bio-last{
margin-right:0%;
}


 
.bio img{
width:200px;
margin-bottom:10px;
}

.bio p{
text-align:left;
}










 
 
 
/**********************  LARGE STYLES **********************/

@media all and (min-width: 981px) {

	.small{display:none; } 
	.large{display:block; } 
 

}



/**********************  MEDIUM STYLES **********************/
@media all  and (max-width: 980px) {




	.small{display:block; } 
	.large{display:none; } 
	
 
	.main{
	padding: 0px 30px 0px 30px;
	}    

	.main .content {
	    padding: 0px 0px;
	}
	
	body.subpage .main{
	margin-top:100px;
	}

 
 
		 
		.bio{
text-align:left;
		width:100%;
		margin-right:0%;
		float:none;
		margin-bottom:50px;
		}
		
		
	
	 
	.bio img{
	width:200px;

	}	
	
	
	
	
}


/**********************  SMALL STYLES **********************/
@media all and (max-width: 600px) {




	.main .content {
	    padding: 0px 0px;
	}
	
	
	a.link{
	position:relative;
	width:100%;
	float:left;
	text-align:center;
	padding:30px;
	display:block;
	border-bottom: 1px solid #555555;
	}
	
	
	.main-wrapper {
	    margin: 20px auto;
	    padding: 20px 0px;
	}

	#home-main{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	background-color:#000000;
	border:0px solid #565656;

	}

	#home-logo{
		float:left;
	width:100%;
	}

	#home-contact{
		float:left;
	width:100%;
		margin-top:20px;
		margin-left: 0px;
	}	 
	

 
	
	 
	.bio{
text-align:left;
	width:100%;
	margin-right:0%;
	float:none;
	margin-bottom:50px;
	}
	
	

 
.bio img{
width:200px;
}	
	


}