/** style.css
 * 
 * Theme Name:	Z33 Blog
 * Theme URI:	http://kenwuytack.be/
 * Description:	A custom wordpress theme
 * Author:		Ken Wuytack
 * Author URI:	http://kenwuytack.be/
 * Version:		0.1
 * Tags:		bootstrap, wordpress, responsive
 * Text Domain:	z33-blog
 *
 * License:		GNU General Public License v3.0
 * License URI:	http://www.gnu.org/licenses/gpl-3.0.html
 *
 *
 *	Copyright (C) 2012 Konstantin Obenland <konstantin@obenland.it>
 *
 *	This program is free software: you can redistribute it and/or modify
 *	it under the terms of the GNU General Public License as published by
 *	the Free Software Foundation, either version 3 of the License, or
 *	(at your option) any later version.
 *
 *	This program is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *	GNU General Public License for more details.
 *
 *	You should have received a copy of the GNU General Public License
 *	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@font-face {
    font-family: 'RectaRegular';
    src: url('fonts/Recta-Regular-webfont.eot');
    src: url('fonts/Recta-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Recta-Regular-webfont.woff') format('woff'),
         url('fonts/Recta-Regular-webfont.ttf') format('truetype'),
         url('fonts/Recta-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RectaItalic';
    src: url('fonts/Recta-Italic-webfont.eot');
    src: url('fonts/Recta-Italic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Recta-Italic-webfont.woff') format('woff'),
         url('fonts/Recta-Italic-webfont.ttf') format('truetype'),
         url('fonts/Recta-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RectaMediumRegular';
    src: url('fonts/Recta-Medium-webfont.eot');
    src: url('fonts/Recta-Medium-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Recta-Medium-webfont.woff') format('woff'),
         url('fonts/Recta-Medium-webfont.ttf') format('truetype'),
         url('fonts/Recta-Medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RectaBold';
    src: url('fonts/Recta-Bold-webfont.eot');
    src: url('fonts/Recta-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Recta-Bold-webfont.woff') format('woff'),
         url('fonts/Recta-Bold-webfont.ttf') format('truetype'),
         url('fonts/Recta-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RectaBoldItalic';
    src: url('fonts/Recta-BoldItalic-webfont.eot');
    src: url('fonts/Recta-BoldItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Recta-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Recta-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Recta-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RectaCondensedRegular';
    src: url('fonts/Recta-BoldCondensed-webfont.eot');
    src: url('fonts/Recta-BoldCondensed-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/Recta-BoldCondensed-webfont.woff') format('woff'),
         url('fonts/Recta-BoldCondensed-webfont.ttf') format('truetype'),
         url('fonts/Recta-BoldCondensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	color: #222;
	font: normal normal normal 14px/18px 'RectaRegular';
}
a {
	color: #222;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}

.topbar {
	background-color: #fff;
	color: #000;
	padding-top: 17px;
	padding-bottom: 13px;
	border-bottom: 1px solid #cccccc;
}
.topbar input {
	background-color: #fff;
	border: none;
	color: #999;
	font-style: italic;
	margin-left: 20px;
	outline: none;
	width: 80%;
	float: left;
}
.topbar .z33search {
	float: left;
}
.topbar img {
	margin-top: -3px;
}
.topbar img:hover {
	opacity: 0.5;
}
.linklist {
	margin: 0;
	padding: 0;
}
.linklist li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}
.linklist a {
	color: #000;
	text-decoration: none;
}
.linklist a:hover {
	color: #999;
}
.navtop {
	margin-top: 60px;
	margin-bottom: 60px;
}
.logo {
	margin-top: 30px;
	margin-bottom: 30px;
	background: url('img/Z33_research.jpg') left center no-repeat;
	background-size: 134px 70px;
	min-height: 100px;
}


.znav {
	font: normal normal normal 14px/25px 'RectaBold';
	text-transform: uppercase;
}
/*.znav span {
	margin-top: 7px;
	margin-right: 10px;
	background-color: aqua;
	border-radius: 20px;
	display: block;
	float: left;
	height: 10px;
	width: 10px;
}*/
.znav a {
	text-decoration: none;
}
.znav a:hover {
	color: #444;
}
.znav-all {
	text-transform: none;
	font-weight: normal;
	margin-left: 20px;
}



.content {
	/*background-color: #f6f6f6;*/
	padding-top: 30px;
	padding-bottom: 60px;
}

.line {
	border-bottom: #dedede 1px solid;
	margin-bottom: 30px;
}
.noline {
	border-bottom: none;
	margin-bottom: 30px;
}
.detailline {
	border-bottom: #dedede 1px solid;
	margin-bottom: 30px;
	margin-top: 10px;
}

.post {
	background-color: #fff;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
.post img {
	margin-bottom: 15px;
}
.post .date {
	font: normal normal normal 10px/11px 'RectaBold';
	text-transform: uppercase;
	margin-top: 4px;
	float: left;
}
.metapost{display: block;
	padding: 5px 15px 0;
	width: 100%
}
a.category1 {
	font: normal normal normal 10px/11px 'RectaBold';
	text-transform: uppercase;
	text-align: right;
	margin-left: 15px;
	color: #ccc;
	text-decoration: none;
}
a.category2 {
	font: normal normal normal 10px/11px 'RectaBold';
	text-transform: uppercase;
	text-align: right;
margin-left: 15px;
	color: #ccc;
	text-decoration: none;
}

.post  a.category1 {
	text-decoration: none;
	/*border-radius: 20px;
	background-color: aqua;*/
	color: #ccc;


}
.post  a.category2 {
	
	/*border-radius: 20px;
	background-color: aqua;*/
	


	
}
.post .category1 a:hover {
	/*background-color: blue;*/
	text-decoration: none;
}
.post .category2 a:hover {
	/*background-color: blue;*/
	text-decoration: none;
}
.post h3 {
	font: normal normal normal 20px/25px 'RectaBold';
	margin: 0;
	padding: 10px 15px 0;
}
.post h3 a {
	text-decoration: none;
}
.post .author {
	font: normal normal normal 13px/18px 'RectaItalic';
	color: #444;
	padding: 3px 15px 15px;
	display: block;
}
.post p {
	font: normal normal normal 16px/23px 'RectaRegular';
	margin: 0;
	padding: 0 15px 10px;
}
.tags {
	font: normal normal normal 13px/18px Arial;
	color: #999;
}
.tags a {
	color: #999;
	text-decoration: underline;
}
.tags a:hover {
	color: #777;
	text-decoration: none;
}


h2 {
	margin: 0;
	padding-bottom: 10px;
	font: normal normal normal 20px/25px 'RectaCondensedRegular';
	text-transform: uppercase;
}
.aboutweb, .aboutz33 {
	padding-bottom: 20px;
}


.theme {
	margin-bottom: 25px;
}
.theme h2 {
	font: normal normal normal 30px/30px 'RectaBold';
	text-transform: inherit;
	margin: 0;
	padding: 25px 0 10px 0;
}
.theme p {
	font: normal normal normal 16px/23px 'RectaRegular';
}


.detail {
	padding-top: 60px;
}
.detail h2 {
	font: normal normal normal 30px/30px 'RectaBold';
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: none;
}
.meta {
	margin-bottom: 30px;
	display: block;
}
.detail .date {
	font: normal normal normal 13px/18px 'RectaBold';
	text-transform: uppercase;
	color: #444;
}
.detail .author {
	font: normal normal normal 13px/18px 'RectaItalic';
	color: #444;
}
.detail p {
	font: normal normal normal 16px/23px 'RectaRegular';
	color: #222;
	margin-bottom: 25px;
}
.detail img {
	margin: 25px 0 10px;
}
.detail .alt-txt {
	margin-bottom: 25px;
	display: block;
	font: normal normal normal 13px/18px 'RectaItalic';
	color: #999;
}
.extrameta ul, .tags, p {
	font: normal normal normal 16px/23px 'RectaRegular';
}
.link ul, .link ol {
	margin: 0 0 30px 17px;
	padding: 0;	
}
.alignbtns1 { vertical-align: top; display: inline-block; }
.alignbtns2 { vertical-align: top; display: inline-block; margin-left: 10px;}
.alignbtns3 { vertical-align: top; display: inline-block; margin-left: 10px;}



.footer {
	padding-bottom: 120px;
	padding-top: 30px;
	color: #999;
}
.footer a {
	color: #999;
}
.footer a:hover {
	color: #777;
}

.prettylabel {
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	font: normal normal normal 16px/23px 'RectaBold';
}
.prettyfield {
	width: 100%;
	padding: 10px;
	margin: 0 0 20px 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #fff;
	border: 1px #ccc solid;
	font: normal normal normal 16px/23px 'RectaRegular';
}
.prettybutton {
	background-color: #222;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	padding: 10px;
	margin: 10px 0 0 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font: normal normal normal 16px/20px 'RectaCondensedRegular';
}
.newsletterform, .newsletterintro {
	margin-top: 20px;	
}
.newsletterform {
	margin-bottom: 80px;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 
 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.logo {
		background: url('img/Z33_research.jpg') center center no-repeat;
		background-size: 134px 70px;
		min-height: 100px;
	}

}

 .wp-caption {
    /* Force the box to be 100% */
    width: 100% !important;
  }
 p.wp-caption-text {
font-style: italic;
  }

.categories ul {
	 list-style-type: none;
    margin: 0;
    padding: 0;
	display: inline-block;}

.detail .metapost  {
 margin-bottom: 10px;
	padding: 0px;
}

.detail .metapost .categories ul li  {
  display: inline-block;
}

.detail .metapost .categories ul li a {
    font: normal normal normal 13px/18px 'RectaBold';
    text-transform: uppercase;
    text-align: right;
    margin-left: 20px;
    color: #ccc;
    text-decoration: none;
}

/* End of file style.css */
/* Location: ./wp-content/themes/the-bootstrap/style.css */