/*
Theme Name: Individual Ink Responsive
Theme URI: http://www.individualink.com
Author: Teemu Jylhänmaa
Author URI: http://www.twitter.com/TeemuJylhanmaa
Description: Responsive theme build for Individual Ink
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags:Responsive, Clean
*/

html {
	background:#F8F8F8;
}

body {
font-family: 'OpenSansRegular';
  overflow-x:hidden;
	color:#777;
	background:url(img/header_pic.png) no-repeat top center;
}


/* TYPOGRAPHY */

h1,h2,h3,h4 {font-family: 'podkovaregular';color:#222529;font-weight:normal;margin-top:0;}

h1 {
  font-size:40px;
}


h3 {
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 22px;
  text-align: center;
  font-family: 'podkovaregular';
}

h4 {
  font-size: 26px;
  font-weight: 300;
  line-height: 38px;
  margin-bottom:10px;
  font-family: 'podkovaregular';
}

h2 {
  font-size: 35px;
  font-weight: 300;
  line-height: 38px;
  margin-bottom: 22px;
  font-family: 'podkovaregular';
}

a h1, a h2, a h3, a h4 {
	color:#222529
	text-decoration:none;
}

a {
 	color:#298c30;
 	text-decoration:none;
 }


a:hover {
  color:#333;
}

/* OTHER ELEMENTS */

button {
  background:#298c30;
  border:none;
  border-radius:3px;
  color:#FFF;
  width:50%;
  padding:10px 0px;
  font-size:13px;
  cursor:pointer;
}

button:hover {
  background:#4F565E;
}

button a {
  color:#FFF;
}


/* HEADER */

header {
  padding-bottom:60px;
  width:100%;
  display:Block;
  float:left;
  padding-top:20px;
}


  /* NAVIGATION */

  nav {
    display:block;
  }

  nav ul {
    float:left;
    margin-top:40px;
  }

  nav a {
    color:#4f565e;
    text-decoration:none;
    font-size:16px;
  }

  nav a:hover {
    color:#298c30;
  }

  nav ul li {
    list-style-type:none;
    display: inline-block;
    padding:10px;
  }

  nav.main-menu ul {
    float:right;
    margin-left:0;
    text-align:right;
    padding-left:0;
    width:100%;

  }

  nav.secondary-menu ul {
    float:left !important;
    padding-left:0;
    width:100%;
    margin-left:0;
  }

  nav.secondary-menu ul li {
    display: inline-block;
  }

   header .row [class*="column"] + [class*="column"]:last-child {
    float:left;
   }


  /* LOGO */

  .logo {
    text-align:center;
  }


/* SERVICES */

.services div {
  text-align:center;
  font-family: 'OpenSansRegular';
  padding-bottom:20px;
  padding-top:20px;
}

.services div img {
  margin-bottom:20px;
}

.services div p {
  color:#666;
  font-size:16px;
  line-height:24px;
}


/* FRONTPAGE CONTENT */

.frontpage-content  {
  padding-top:60px;
  padding-bottom:120px;

}

.frontpage-content .small-10 {
  text-align:center;
  padding-bottom:80px;
}

.frontpage-content .small-3 {
  text-align:center;
}


.frontpage-content  p {
  color:#666;
  font-size:16px;
  line-height:25px;
}

.frontpage-content ul {
  margin:20px 0;
  padding:0;
}

.frontpage-content ul li {
  list-style-type:none;
  display:block;
  padding:10px 0;
  margin:0;
  border-bottom:1px solid #E0E0E0;
  text-align:center;
}


.frontpage-content ul li:last-child {
  border:none;
}


/* PAGE CONTENT */

.page-title {
  text-align:center;
  padding-bottom:20px;

}

.page-content div hr {
border:none;
  background:#c9c9c9;
  height:1px;
  margin:20px 0;
}

.page-content li {
  list-style-type:none;
  margin-bottom:30px;
}

.page-title h1 {

  padding:20px 0 0;
}

.page-content {
  padding:20px 0 20px 0;
}

.page-content p {
  font-size:15px;
  color:#333;
  line-height:23px;
}


  /* POSTS */


  .post-entry {
    border-bottom:1px solid #e0e0e0;
    padding:0 0 20px;
    margin-bottom:20px;
    width:100%;
    text-align:left;

  }

  .post-entry:last-child {
    border:none;

  }

  .post-single {
    text-align:center;
  }




/* FOOTER */

footer {
  text-align:center;
  padding-bottom:20px;
}


footer p {
  font-size:13px;
  line-height:18px;
}

 /* FONT FACE */

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'podkovabold';
    src: url('fonts/podkova-bold.eot');
    src: url('fonts/podkova-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/podkova-bold.woff') format('woff'),
         url('fonts/podkova-bold.ttf') format('truetype'),
         url('fonts/podkova-bold.svg#podkovabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'podkovaregular';
    src: url('fonts/podkova-regular.eot');
    src: url('fonts/podkova-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/podkova-regular.woff') format('woff'),
         url('fonts/podkova-regular.ttf') format('truetype'),
         url('fonts/podkova-regular.svg#podkovaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

  body {
    overflow-x:hidden;
    padding-top:0;
  }

  header {
    padding-top:0;
  }

  .news-list,.conventions-list,.guest-list,.twitter-feed,.facebook-feed,.services,#sidebar { display:none;}

  .page-content,
  .page-content p,
  .page-content h2{
    text-align:center !important;
  }

  .column.small-offset-11,
  .li-offset-1,
  .li-offset-2{
    margin-left:0;
    margin-right:0;
  }

  .column { width:100%;}

  .frontpage-content {
    padding:20px 0;
    margin-bottom:0;
  }

  .frontpage-content .small-10 {
    padding-bottom:20px;
  }

  .logo {
    margin-top:40px;
    text-align:center;
  }

  .logo img {
    width:50%;
    height:auto;
  }

	nav {
		position: relative;
		min-height: 40px;
    margin-top:0;
    z-index:100;
    padding-top:0;
	}
	nav ul {
		width: 100%;
		padding: 5px 0;
    margin-top:0;
    margin-bottom:20px;
		position: fixed;
    text-align:center;
		top: 0;
		left: 0;
		background: #000 url(img/icon-menu.png) no-repeat 10px 21px;
	}
	nav.main-menu li {
		display: none; /* hide all <li> items */
		margin: 0;
    text-align:center;
	}
	nav.main-menu .current_page_item,nav.main-menu .current-menu-item {
		display: block; /* show only current <li> item */
	}
	nav a {
		display: block;
		padding: 5px 5px 5px 52px;
		text-align: left;
    color:#FFF;
	}
	nav .current_page_item a {
		background: none;
		color: #fff;
	}

	/* on nav hover */
	nav ul:hover {
		background-image: none;
	}
	nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	nav ul:hover .current_page_item,.nav ul:hover .current-menu-itemm {
		background: url(img/menu-check.png) no-repeat 10px 16px;
	}

	/* right nav */
	nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	nav.center ul {
		left: 50%;
		margin-left: -90px;
	}

  nav.secondary-menu {
    display:none;
  }

}

/* IE IMG FIX */

a img {
	text-decoration:none;
	border:none;
	outline:none;
}