/*
Theme Name: Mixfolio
Theme URI: http://graphpaperpress.com/themes/mixfolio/
Author: Graph Paper Press
Author URI: http://graphpaperpress.com
Description: A responsive, semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.0.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats
*/

	
/* =Import Styles
-------------------------------------------------------------- */
@import url(lib/css/globals.css);
@import url(lib/css/forms.css);
@import url(lib/css/reveal.css);
@import url(lib/css/ui.css);

	
/* =Structure
-------------------------------------------------------------- */
#page {
	display:block;
	margin-top:0px;
}

#branding,#colophon {
	clear:both;
	display:block;
}

#main {
margin-top:10px;
}

#primary {
	float:left;
	margin-right:2.5%;
	width:65%;
}

#primary.full-width {
	float:none;
	margin-right:0;
	width:100%;
}

#secondary {
	float:right;
	margin-left:2.5%;
	overflow:hidden;
	width:30%;
}


	
/* Increase the size of the content area for templates without sidebars */
.full-width #content,.image-attachment #content,.error404 #content {
	margin:0;
	margin-top:0px;
}


	
/* Text meant only for screen readers */
.screen-reader-text,.assistive-text {
	position:absolute!important;
	clip:rect(1px1px1px1px);

	
/* IE6, IE7 */
	clip:rect(1px,1px,1px,1px);
}


	
/* Alignment */
.alignleft {
	display:inline;
	float:left;
}

.alignright {
	display:inline;
	float:right;
}

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

figure {
	background-color:#eee;
	margin-bottom:1.5em;
}

figure img {
	display:block;
	margin-bottom:0;
}

figcaption {
	font-size:.75em;
}

a {
	text-decoration:none;
}

a:visited {
	opacity:0.8;
}

a:hover {
	text-decoration:underline;
}

a:active,a:focus {
}

q,i,em,cite,.fancy {
	font-style:italic;
	font-weight:inherit;
}

.fancy {
	font-family:Georgia, Cambria, "Times New Roman", Times, serif;
}

b,strong {
	font-weight:bold;
	font-style:inherit;
}

mark {
	background:#ffc;
}

s,del {
	text-decoration:line-through;
}

.entry-meta {
	color:#999;
	letter-spacing:1px;
	text-transform:uppercase;
}

.entry-meta a {
	color:#999;
}

small,.entry-meta,.wp-caption .wp-caption-text,.gallery-caption {
	font-size:.8em;
}

pre,code {
	font-family:monospace;
	font-size:1em;
}

pre {
	overflow:auto;
	margin-bottom:1.5em;
	line-height:24px;

	
/* Having to define explicit pixel values :( */
}

code {
	line-height:1;
}

.archive .page-title,.search .page-title {
	color:#777;
	font-size:16px;
	margin:0 0 24px;
	font-weight:300;
	letter-spacing:1px;
	text-transform:uppercase;
}

.archive .page-title span {
	color:#222;
	display:block;
	font-size:48px;
	font-style:normal;
	font-weight:bold;
	text-transform:capitalize;
}

hr {
	background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:1px;
	margin:0 0 1.42em;
	border:none;
}

hr.space {
	background:#fff;
	color:#fff;
	visibility:hidden;
}


	
/* Header
-------------------------------------------------------------- */
nav.nav select {
	display:none;
} 
#branding nav.nav span {
	display:none;
}

nav.nav {	position:relative;	top:30;}

#branding {

	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10000;
	overflow:visible;
}

#branding .container {
	margin:0 auto;
	zoom:1;
}

#branding a {
	color:#bfbfbf;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}

#branding h1 a:hover,#branding .brand a:hover,#branding ul .active > a {
	background-color:#333;
	background-color:rgba(255,255,255,0.05);
	color:#ffffff;
	text-decoration:none;
}

#branding h1 {
	position:relative;
}

#branding h1 a,#branding .brand {
	float:left;
	display:block;
	padding:8px 20px 12px;
	margin-left:-20px;
	color:#ffffff;
	font-size:20px;
	font-weight:200;
	line-height:1;
}

#branding #site-description,#branding input#searchsubmit {
	position:absolute!important;
	clip:rect(1px1px1px1px);

	
/* IE6, IE7 */
	clip:rect(1px,1px,1px,1px);
}

#branding p {
	margin:0;
	line-height:40px;
}

#branding p a:hover {
	background-color:transparent;
	color:#ffffff;
}

#branding form {
	float:right;
	margin:5px 30px 0 0;
	position:relative;
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
}

#branding form.pull-right {
	float:right;
}

#branding input {
	background-color:#444;
	background-color:rgba(255,255,255,0.3);
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:normal;
	font-weight:13px;
	line-height:1;
	padding:6px 9px;
	color:#fff;
	color:rgba(255,255,255,0.75);
	border:1px solid #111;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.25);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.25);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.25);
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

#branding input:-moz-placeholder {
	color:#e6e6e6;
}

#branding input::-webkit-input-placeholder {
	color:#e6e6e6;
}

#branding input:hover {
	background-color:#bfbfbf;
	background-color:rgba(255,255,255,0.5);
	color:#ffffff;
}

#branding input:focus,#branding input.focused {
	outline:0;
	background-color:#ffffff;
	color:#404040;
	text-shadow:0 1px 0 #ffffff;
	border:0;
	padding:7px 10px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.15);
	box-shadow:0 0 3px rgba(0,0,0,0.15);
}

#branding-inner,#branding .fill {
	background-color:#222;
	background-color:#222222;
	background-repeat:repeat-x;
	background-image:0 to(#222222));
	background-image:0;
	background-image:0;
	background-image:0 color-stop(100%,#222222));
	background-image:0;
	background-image:0;
	background-image:linear-gradient(top,#333333,#222222);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#222222',GradientType=0);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
	box-shadow:0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
}

#branding div > ul,.menu {
	display:block;
	float:left;
	margin:0 0px 0 50px;
	position:relative;
	left:0;
	max-width:780px;
}

#branding div > ul > li,.menu > li {
	display:block;
	float:left;
}

#branding div > ul a,.menu a {
	display:block;
	float:none;
	padding:10px 10px 0px;
	line-height:12px;
	text-decoration:none;
}

#branding div > ul a:hover,.menu a:hover {
	color:#ffffff;
	text-decoration:none;
}

#branding div > ul .active > a,.menu .active > a {
	background-color:#222;
	background-color:rgba(0,0,0,0.5);
}

#branding div > ul.secondary-nav,.menu.secondary-nav {
	float:right;
	margin-left:10px;
	margin-right:0;
}

#branding div > ul.secondary-nav .menu-dropdown,.menu.secondary-nav .menu-dropdown,#branding div > ul.secondary-nav .dropdown-menu,.menu.secondary-nav .dropdown-menu {
	right:0;
	border:0;
}

#branding div > ul a.menu:hover,.menu a.menu:hover,#branding div > ul li.open .menu,.menu li.open .menu,#branding div > ul .dropdown-toggle:hover,.menu .dropdown-toggle:hover,#branding div > ul .dropdown.open .dropdown-toggle,.menu .dropdown.open .dropdown-toggle {
	background:#444;
	background:rgba(255,255,255,0.05);
}

#branding div > ul .sub-menu,.menu .sub-menu {
	background-color:#333;
	margin-top:0;
}

#branding div > ul .sub-menu a {
	color:#ffffff;
}

#branding div > ul li.dropdown.open,#branding div > ul .sub-menu a.open {
	background:#444;
	background:rgba(255,255,255,0.05);
}

#branding div > ul .sub-menu li a {
	color:#999;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
}

#branding div > ul .sub-menu li a:hover {
	background-color:#191919;
	background-repeat:repeat-x;
	background-image:0 to(#191919));
	background-image:0;
	background-image:0;
	background-image:0 color-stop(100%,#191919));
	background-image:0;
	background-image:0;
	background-image:linear-gradient(top,#292929,#191919);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929',endColorstr='#191919',GradientType=0);
	color:#ffffff;
}

#branding div > ul .sub-menu .active a {
	color:#ffffff;
}

#branding div > ul .sub-menu .divider {
	background-color:#222;
	border-color:#444;
}

#branding ul .sub-menu li a {
	padding:4px 15px;
}

li.menu,.dropdown {
	position:relative;
}

a.menu:after,.dropdown > a:after,.menu ul li:hover > a > ul {
	width:0;
	height:0;
	display:inline-block;
	content:"↓";
	text-indent:-99999px;
	vertical-align:top;
	margin-top:8px;
	margin-left:4px;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #ffffff;
	filter:alpha(opacity=50);
	-khtml-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}

.sub-menu {
	background-color:#ffffff;
	float:left;
	display:none;
	position:absolute;
	top:40px;
	z-index:900;
	min-width:160px;
	max-width:220px;
	_width:160px;
	margin-left:0;
	margin-right:0;
	padding:6px 0;
	zoom:1;
	border-color:#999;
	border-color:rgba(0,0,0,0.2);
	border-style:solid;
	border-width:0 1px 1px 0;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
}

.sub-menu li {
	float:none;
	display:block;
	background-color:none;
	margin-bottom:0;
}

.sub-menu .divider {
	height:1px;
	margin:5px 0;
	overflow:hidden;
	background-color:#eee;
	border-bottom:1px solid #ffffff;
}

#branding .sub-menu a,.sub-menu a {
	display:block;
	padding:4px 15px;
	clear:both;
	font-weight:normal;
	line-height:18px;
	color:#808080;
	text-shadow:0 1px 0 #ffffff;
}

#branding .sub-menu a:hover,.sub-menu a:hover {
	background-color:#dddddd;
	background-repeat:repeat-x;
	background-image:0 to(#dddddd));
	background-image:0;
	background-image:0;
	background-image:0 color-stop(100%,#dddddd));
	background-image:0;
	background-image:0;
	background-image:linear-gradient(top,#eeeeee,#dddddd);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dddddd',GradientType=0);
	color:#404040;
	text-decoration:none;
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.025), inset 0 -1px rgba(0,0,0,0.025);
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.025), inset 0 -1px rgba(0,0,0,0.025);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.025), inset 0 -1px rgba(0,0,0,0.025);
}

.open .menu,.dropdown.open .menu,.dropdown.open > a:after {
	color:#ffffff;
	background:#ccc;
	background:rgba(0,0,0,0.3);
}

.open .sub-menu,.dropdown.open .sub-menu,.open .sub-menu,.dropdown.open .sub-menu,.dropdown > a .sub-menu {
	display:block;
}


	
/* =Content
-------------------------------------------------------------- */
.post {
	margin:0 auto 2em;
}

.entry-content {
	margin-bottom:2em;
}

.sticky {
}

.hide {
	display:none;
}

.entry-header .entry-title {
	font-weight:bold;
	margin-bottom:50px;
}

.entry-meta {
	clear:both;
	display:block;
}

.entry-header .entry-meta {
	margin:0 0 2.5em;
}

.single-author .entry-meta .byline {
	display:none;
}

#content nav {
	display:block;
	overflow:hidden;
	clear:both;
}

#content nav .nav-previous {
	float:left;
	width:50%;
}

#content nav .nav-next {
	float:right;
	text-align:right;
	width:50%;
}

#content #nav-above {
	display:none;
}

.paged #content #nav-above,.single #content #nav-above {
	display:block;
}

#nav-below {
	margin:1em 0 2em;
}

.page-link {
	clear:both;
	margin:0 0 1em;
}

.page .edit-link {
	clear:both;
	display:block;
}

.subpage {
	clear:both;
	display:block;
}

.subpage li {
	display:inline;
	margin:0 20px;
}

.subpage li:first-child {
	margin-left:0;
}


	
/* 404 page */
.error404 .widget {
	float:left;
	width:33%;
}

.error404 .widget .widgettitle,.error404 .widget ul {
	margin-right:1em;
}

.error404 .widget_tag_cloud {
	clear:both;
	float:none;
	width:100%;
}


	
/* Notices */
.post .notice {
	background:#eee;
	display:block;
	padding:1em;
}


	
/* Image Attachments */
#image-navigation {
	margin-bottom:1em;
}

.previous-image {
	float:left;
}

.next-image {
	float:right;
}

.image-attachment div.entry-meta {
	float:left;
}

.image-attachment nav {
	float:right;
	margin:0 0 1em;
}

.image-attachment .entry-content {
	clear:both;
}

.image-attachment .entry-content .entry-attachment {
	background:#eee;
	margin:0 0 1em;
	padding:1em;
	text-align:center;
}

.image-attachment .entry-content .attachment {
	display:block;
	margin:0 auto;
	text-align:center;
}

.attachment {
	text-align:center;
}


	
/* Aside Posts */
.format-aside .entry-header {
	display:none;
}

.single .format-aside .entry-header {
	display:block;
}

.format-aside .entry-content,.format-aside .entry-summary {
	padding-top:1em;
}

.single .format-aside .entry-content,.single .format-aside .entry-summary {
	padding-top:0;
}


	
/* Gallery Posts */
.format-gallery .gallery-thumb {
	float:left;
	margin:0 1em 0 0;
}


	
/* Image Posts */
.format-image .entry-header {
	display:none;
}

.single .format-image .entry-header {
	display:block;
}

.format-image .entry-content,.format-image .entry-summary {
	padding-top:1em;
}

.single .format-image .entry-content,.single .format-image .entry-summary {
	padding-top:0;
}


	
/* =Images
-------------------------------------------------------------- */
a img {
	border:none;
}

p img {
	margin-bottom:.5em;

	
/* a small bottom margin prevents content floating under images */
}


	
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img,.wp-caption, img.attachment-thumbnail {
	max-width:100%;

	
/* When images are too wide for containing element, force them to fit. */
	height:auto;

	
/* Override height to match resized width for correct aspect ratio. */
}

img.attachment-post-thumbnail {float:left !important;}

img.wp-post-image {
	float:left;
	margin:0 1.5em 1em 0;
}

.tabs-content img.wp-post-image {
	float: none;
	margin: 0 auto
}

.grid img.wp-post-image,.grid img {
	margin:0;
	float:none;
} 

.grid img.wp-post-image {
	float:left;
}
.grid2 img.wp-post-image,.grid2 img {
	margin:0;
	float:none;
} 

.grid2 img.wp-post-image {
	float:left;
}
img.alignleft {
	margin-right:1em;
}

img.alignright {
	margin-left:1em;
}

.wp-caption {
	margin-top:.4em;
}

.wp-caption {
	background:#eee;
	margin-bottom:1.625em;
	max-width:96%;
	padding:9px;
}

.wp-caption img {
	display:block;
	margin:0 auto;
	max-width:98%;
}

.wp-caption .wp-caption-text,.gallery-caption {
	color:#666;
	font-family:Georgia, serif;
	font-size:12px;
}

.wp-caption .wp-caption-text {
	margin-bottom:.6em;
	padding:10px 0 5px 40px;
	position:relative;
}

.wp-caption .wp-caption-text:before {
	color:#666;
	content:'\2014';
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	margin-right:5px;
	position:absolute;
	left:10px;
	top:7px;
}

#content .gallery {
	margin:0 auto 1.625em;
}

#content .gallery a img {
	border:none;
}

img[class*=align],img[class*=wp-image-],#content .gallery .gallery-icon img {
	border:1px solid #ddd;
	padding:6px;
}

#content .gallery .gallery-icon {
	margin: 2px 8px;
}
#content #gallery-1 .gallery-item {
	margin-top: 0;
}

.wp-caption img {
	border-color:#eee;
}

a:focus img[class*=align],a:hover img[class*=align],a:active img[class*=align],a:focus img[class*=wp-image-],a:hover img[class*=wp-image-],a:active img[class*=wp-image-],#content .gallery .gallery-icon a:focus img,#content .gallery .gallery-icon a:hover img,#content .gallery .gallery-icon a:active img {
	background:#eee;
	border-color:#bbb;
}

.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {
	background:#fff;
	border-color:#ddd;
}

.wp-caption .wp-caption-text {
	margin:.5em;
}

.wp-smiley {
	margin:0;
}


	
/* =Video
-------------------------------------------------------------- */
object,embed,video {
	max-width:100%;
	/*height:auto;*/
}


	
/* =Forms
-------------------------------------------------------------- */
#searchform  {
	float:left;
	text-align:right;
}
#searchform label {
	display:none;
}

#searchform input#s {
	width:100%;
}

#branding {
	width:120px;
}

input[type=text] {
	margin:0 1em 0 0;
	width:60%;
}

textarea {
	width:80%;
}


	
/* Class for labelling required form items */
.required {
	color:#cc0033;
}


	
/* =Comments
-------------------------------------------------------------- */
article.comment {
	display:block;
}

#respond input[type=text] {
	display:block;
	width:40%;
}

#respond textarea {
	display:block;
	margin:0 0 1em;
	width:60%;
}

#respond .form-allowed-tags {
	clear:both;
	width:60%;
}

#respond .form-allowed-tags {
	display:none;
}

#comments-title {
	font-size:16px;
}

.commentlist {
	margin:40px 35px 60px;
	list-style-type:none;
	text-shadow:0 1px 0 rgba(255,255,255,1);
}

.pinglist {
	margin:20px 0 40px 52px;
	list-style-type:decimal;
}

.comment {
	margin-top:20px;
}

#commentform {
	margin-top:20px;
}

.children {
	list-style-type:none;
	margin-left:55px;
}

.comment .avatar {
	background:#eaeaea;
	border:3px solid #eaeaea;
	float:left;
	margin:0 14px 0 0;
}

.bypostauthor .avatar {
	border-color:#222;
}

.comment-author-admin {
	background:#fbfbfb!important;
	border:#fa6274;
}

.comment-author {
	display:inline;
	margin-right:5px;
}

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

.comment-author .says {
}

.comment-author cite a {
	color:#37393c;
}

.comment-author cite a:hover {
	color:#fa6274;
}

.comment-meta {
	display:inline-block;
	font-size:11px;
}

.comment-meta a {
	color:#9fa2a6;
}

.comment-meta a:hover {
	color:#5e6066;
}

.comment-body {
	margin:0 0 30px 55px;
}

#respond {
	padding-bottom:35px;
	text-shadow:0 1px 0 rgba(255,255,255,1);
}

#respond h3 {
	font-size:14px;
	font-weight:bold;
}

.nocomments {
	text-align:center;
	padding:20px;
}

.comment-body ul {
	list-style-type:disc;
}

.comment-body ol {
	list-style-type:decimal;
}

#commentform label small {
	font-size:12px;
}

#commentform label span {
	color:#fa6274;
}


	
/* =Widgets
-------------------------------------------------------------- */
.widget {
	display:block;
	margin:0 auto 2.5em;
}

.widget-area .widget_search {
	overflow:hidden;
}

.widget-area .widget_search input {
	float:left;
}

.widget-area #searchform input#s {
	padding:6px;
	width:56%;
}


	
/* =Footer
-------------------------------------------------------------- */
#colophon {
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	font-size:.9em;
	margin:1em auto 3em;
	padding:1em 0;
}

.footerstyle {
text-align: justify;
}


	
/* =Misc
-------------------------------------------------------------- */

	
/* Breadcrumbs */
.breadcrumb {
	margin:0 0 40px;
	padding:7px 14px;
	background-color:#f5f5f5;
	background-repeat:repeat-x;
	background-image:0 to(#f5f5f5));
	background-image:0;
	background-image:0;
	background-image:0 color-stop(100%,#f5f5f5));
	background-image:0;
	background-image:0;
	background-image:linear-gradient(top,#ffffff,#f5f5f5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 #ffffff;
	-moz-box-shadow:inset 0 1px 0 #ffffff;
	box-shadow:inset 0 1px 0 #ffffff;
}

.breadcrumb li {
	display:inline;
	text-shadow:0 1px 0 #ffffff;
}

.breadcrumb .divider {
	padding:0 5px;
	color:#bfbfbf;
}

.breadcrumb .active a {
	color:#404040;
}

.breadcrumb .title {
	background:#eee;
	padding:8px;
	border-right:1px solid #dadada;
	margin:1px 20px 0 -14px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
}


	
/* Wraps */
.wrap {
	position:relative;
	width:100%;
	height:auto;
}

.hide {
	background-color:#222;
	background-color:rgba(0,0,0,.9);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}

.fade {
}


	
/* Grids */
.grid .wrap {
	margin-bottom:30px;
}

.grid .entry-link a {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	width:100%;
	height:100%;
}

.grid .entry-title {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	margin:20px;
	padding:0 0 20px;
	border-bottom:1px solid #777;
}

.grid p {
	color:#777;
	margin:20px;
}
	
/* Grids2 */
.grid2 .wrap {
	margin-bottom:30px;
}

.grid2 .entry-link a {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	width:100%;
	height:100%;
}

.grid2 .entry-title {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	margin:20px;
	padding:0 0 20px;
	border-bottom:1px solid #777;
}

.grid2 p {
	color:#777;
	margin:20px;
}
.hero {
	background-color:#F5F5F5;
	margin-bottom:20px;
	padding:30px 60px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.hero .button {
	color: #ddd;
}

.hero .button:hover {
	color: #fff;
	text-decoration: none;
}

.hero h2 {
	font-size:40px;
	text-shadow:1px 1px 2px #ffffff;
	filter:dropshadow(color=#ffffff,offx=1,offy=1);
}

h3.twitter a {
	background:url(images/twitter.png) no-repeat 100% 50%;
	color:#222;
	display:block;
	width:100%;
}

.postdate {
	position:absolute;
	bottom:10px;
	left:20px;
}
.postdescription {
	text-align:justify;
	position:absolute;
	top:60px;
	bottom:30px;
	left:20px;
	right:20px;
}
.format {
	position:absolute;
	bottom:20px;
	right:20px;
	text-indent:-999em;
	display:block;
	background:url(images/formats.png) no-repeat;
	width:24px;
	height:30px;
}
.formatvu {
	font-style:normal;
	font-weight:bold;
	position:absolute;
	bottom:20px;
	right:20px;
	display:block;
	width:200px;
	height:30px;
}

.format.standard {
}

.format.image {
	background-position:0 -30px;
}

.format.gallery {
	background-position:0 -60px;
}

.format.video {
	background-position:0 -90px;
}

.format.audio {
	background-position:0 -120px;
}

.format.link {
	background-position:0 -155px;
}

.format.quote {
	background-position:0 -186px;
}

.single-format-quote .entry-title {
	position:absolute!important;
	clip:rect(1px 1px 1px 1px);
	clip:rect(1px,1px,1px,1px);
}

.single-format-quote .entry-content p {
	font-size: 2em;
	line-height: 1.5em;
	position: relative;
	padding: 0 6%;
}
.single-format-quote .entry-content p:before {
  content:"\201C"; 
  position:absolute; 
  z-index:1; 
  top:0px; 
  left:-5px; 
  font:80px/1 Georgia, serif;
  color:#dadada;
}
.single-format-quote .entry-content p.right:before, .single-format-quote .entry-content p.right:after {
  content:""; 
  position:relative; 
  z-index:1; 
  top:0; 
  left:0
  font:80px/1 Georgia, serif;
}

/* creates closing quotation mark */
.single-format-quote .entry-content p:after {
  content:"\201D"; 
  position:absolute; 
  z-index:1; 
  bottom:0; 
  right:-5px; 
  font: 80px/0.25 Georgia, serif;
  color:#dadada;
}

.socialmedia {
	position:relative;
	top:10px;
	bottom:10px;
	left:0px;
}
.contactme {
	position:relative;
	top:20px;
	bottom:0px;
	left:0px;
}
.pubhome{
	margin-left:40px;
	clear: both;
	margin-top:0px;
	padding-top:0px;
	height:98px;
	width:786px;
	text-align:center;
	background: url(http://www.jekt.fr/wp-content/themes/mixfolio/images/bg-pub.jpg) no-repeat;
	background-position:center center;
}
.pub{
	margin-left:100px;
	margin-top:8px;
	padding-top:8px;
	height:98px;
	width:786px;
	text-align:center;
	background: url(http://www.jekt.fr/wp-content/themes/mixfolio/images/bg-pub.jpg) no-repeat;
	background-position:center center;
}

/*multicolonnes categories menu*/
div.multi-column-taxonomy-list{
	clear:both;
}
.multi-column-taxonomy-list ul{
	list-style:none;
	float:left;
	padding:10px 20px 0 0;
	margin-left:0;
	width:17%;
}
ul.multi-column-5{
	padding-right:0;
}
.multi-column-taxonomy-list a{
	display:block;
	padding:4px 0 4px 2px;
}
.multi-column-taxonomy-list a:hover{
	/*background-color:#f0f0f0;*/
}
.multi-column-taxonomy-list span.rss{
	float:right;
	margin:2px 2px 0 0;
	text-decoration:none;
}
/*icones cats. multicolonnes categories menu*/
.jeux-de-fille{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdefille.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-ben-ten{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdeben10.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-foot{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdefoot.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-sport{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdesport.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-moto{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdemoto.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-bebe{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdebebe.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-guerre{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdeguerre.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-carte{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdecarte.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-puzzle{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdepuzzle.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-voiture{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdevoiture.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-dora{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdedora.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-aventure{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdaventure.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-bowling{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdebowling.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-billard{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdebillard.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-mario{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdemario.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-cheval{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdechevaux.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-reflexion{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdereflexion.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-cuisine{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdecuisine.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-societe{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdesociete.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-barbie{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdebarbie.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-coiffure{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdecoiffure.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-parking{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdeparking.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-maquillage{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdemaquillage.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.jeux-de-princesse{
background:url(http://www.jekt.fr/wp-content/themes/mixfolio/icones/jeuxdeprincesse.jpg) center left no-repeat;
background-size:25px 25px;
padding-left:25px;
}
.citation-texte {
text-align: center;
}
.clickMe {
text-align: center;
}
.pubhomecarre {
display:inline;
	float:right;
width:340px;
height:290px;
position:relative;	
top:18px;
}