/*   
Theme Name: RubisMoka 3.0
Theme URI: http://kingofpunk.com
Description: Un theme pour le site RubisMoka
Author: Kingofpunk
Author URI: http://kingofpunk.com/
Template: thematic
Version: 3.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*custom css pour contact form 7*/
@import url('contactform7style.css');

/*boutons de la mort*/
@import url('awesome-buttons.css');



/* =Global Elements
-------------------------------------------------------------- */
html {
	margin-left: -1px;
	overflow-Y: scroll;
}

body{
	background-color:#00ff00;
 	background:url("./images/fond.png") repeat-y center ;
	font:12px/22px Verdana,Arial,sans-serif;
	min-width:680px;
}
a:link, a:visited {
    text-decoration:none;
}
a:active, a:hover {
    color:#b44977;
}


/* =Header
-------------------------------------------------------------- */
#header {
	/* background-color:#00FF00; */
	background-color:#FFFFFF;
	margin:0 auto;
	padding:400px 0 0 0;
	position:relative;
	width:660px;
}
#branding {
	/* background-color:#0000FF; */
	/* margin:0 10px; */
	padding:0 10px 20px;
	width:640px;
}


/* =Menu
-------------------------------------------------------------- */
#access {
	border-bottom:medium none;
	font-size:12px;
	height:32px;
	margin:0 10px;
	overflow:visible;
	position:absolute;
	top:10px;
	z-index:100;
}
#access .menu {
	/* font-family:VAGRoundedStd-Bold,sans-serif; */
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0 auto;
	width:640px;
}


/*** ESSENTIAL STYLES ***/

/*** THEMATIC SKIN ***/
.sf-menu {
	border-right:none;
	float:right;
}
.sf-menu li {
	background:none;
}
.sf-menu a {
	font-size: 14px;
	border:none;
}
.windows .sf-menu a {
	font-size: 14px;
}
.sf-menu a, 
.sf-menu a:visited {
	/* color:#C6C6C6; */
	color:#000;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	color:#b44977;
}
.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
    background:none;
	outline:		0;
    border-bottom-color:none;
    color:#b44977;
}



/* =Content
-------------------------------------------------------------- */

#main {
	/* background-color:#00FF00; */
	padding:0;
	width:680px;
}
#container {
	/* background-color:#FF0000; */
	width:680px;
}
#content {
	/* background-color:#0000FF; */
	background-color:#FFFFFF;
	margin:0 10px;
	width:660px;
}
.hentry {
	/* padding:20px 0; */
	padding:0;
}
.entry-title  {
	background-color:#efefef;
	display:table;
	/* font-family:VAGRoundedStd-Bold,sans-serif; */
	letter-spacing:0.05em;
	padding:10px;
	text-shadow:1px 1px #FFFFFF;
}
.page-title {
	display:table;
	/* font-family:VAGRoundedStd-Bold,sans-serif; */
	font-size:26px;
	font-weight:bold;
	letter-spacing:0.05em;
	padding:10px 10px 30px;
}

.entry-title a {
	color:#000;
}
.entry-title a:active,.entry-title a:hover  {
	color:#b44977;
}
.entry-meta {
	background-color:#ababab;
	color:#FFF;
	display:table;
	font-style:normal;
	padding:5px 10px;
}
.entry-meta .n {
	font-size:12px;
	font-style:normal;
	letter-spacing:0.05em;
	text-transform:none;
}
.entry-meta a {
	color:#fff;
	text-shadow:1px 1px #B5B5B5;
}

.entry-title a:active,
.entry-title a:hover {
    color: #b44977;
}

.entry-meta a:active,
.entry-meta a:hover {
    color:#b44977;
}
.entry-content{
	padding: 10px
}
#home.entry-content {
	padding:0;
}
.wp-post-image {
	left:-10px;
	/*padding:10px;*/
}
.entry-content img.bordabord{
	/*left:-10px;*/
}
.entry-content a {
    color:#333;
    font-style: italic;
}

.entry-content a:hover {
    text-decoration:underline;
}

/* =Attachments
-------------------------------------------------------------- */

/* =Navigation
-------------------------------------------------------------- */
#nav-above, #nav-below {
	clear:both;
	width:auto;
}
.navigation {
	color:#666666;
	font-size:12px;
	margin:20px 10px;
}
.navigation a {
    font-style:normal;
}
.navigation a:active,
.navigation a:hover {
    color: #b44977;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear:both;
	margin: 0 10px;
    padding:22px 0 0 0;
}
#form-allowed-tags {
	display:none;
}

.entry-utility {
	display:none;
}
.loggedin{
	font-size:12px;
}
.loggedin a{
	color:#000;
}
.logout a {
	color:#333;
}
.logout a:hover {
	color:#b44977;
}
.form-section label {
	font-size:12px;
}

.form-submit {
	padding:18px 0 2px;
}

.form-submit input[type="submit"] {
	/*-moz-border-radius:6px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	font-family: Verdana, Arial, Sans-Serif;
	background-color:#DCB6BA;
	border:0;
	color:#fff;
	padding:3px;*/
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Sans-Serif;
	padding:5px 8px;
	text-shadow: 0 1px 1px #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	
	color: #606060;
	border: solid 1px #DFDFDF;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');	
}
.form-submit input:hover[type="submit"]{
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.form-submit input:active[type="submit"]{
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

#comments textarea {
	-moz-border-radius:6px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	background-color:#FAFAFA;
	border:1px solid #DFDFDF;
	font-family: Verdana, Arial, Sans-Serif;
	padding:5px;
	width:98%;
}

/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */
.aside a:active,
.aside a:hover {
    color: #b44977;
}

.aside ul ul {
	list-style:none;
	margin:0 0 22px 0;
}
/*
    Main Asides
*/

/*
    Content Asides
*/

/*
    Footer Asides
*/
#subsidiary {
	background-color:#FFFFFF;
	border-top: solid 1px #F2F2F2;
	border-bottom:1px solid #F2F2F2;
	margin:0 10px;
	padding:20px 10px 0;
	width:auto;
}
#subsidiary .aside {
	
	margin:0 20px 0 0;
	width:200px;
}
#subsidiary h3 {
	color:#000;
	/* font-family:VAGRoundedStd-Bold, Arial; */
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.05em;
	margin-bottom:10px;
}
/*Modification Kingofpunk*/
#searchform input {
	-moz-border-radius:6px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	background-color:#F7F7F7;
	border:1px solid #DFDFDF;
	color:#606060;
	font-family: Verdana,Arial,sans-serif;
	font-size:12px;
	/* height:24px; */
	padding:7px 8px;
	width:78%;
	
}


/* =Footer
-------------------------------------------------------------- */
#footer {
	border:none;
	margin:0 auto;
	overflow:hidden;
	width:680px;	
}
#siteinfo {
	margin:0 10px;
	overflow:hidden;
	padding:20px 10px;
	text-align:right;
	width:640px;
}

#siteinfo .image{
	vertical-align:middle;
}

#siteinfo  p{
	margin:0;
}





/* =PageNavi
-------------------------------------------------------------- */
.wp-pagenavi {
	margin:0;
}

.navigation .wp-pagenavi {
	line-height:12px;
}

.wp-pagenavi span.pages {
	margin-right:10px !important;
}

.wp-pagenavi span.current {
	-moz-border-radius:3px;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-border-radius:3px;
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
	border:none;
	border:none !important;
	color:#fff !important;
	background-color:#b44977;
	font-weight:bold;
	font-weight:bold!important;
	margin:0.3em !important;
	padding:0.3em !important;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
	border:none;
	border:none !important;
	margin:0.3em !important;
	padding:0.3em !important;
}

.wp-pagenavi a:hover {
    color:#b44977 !important;
}

.wp-pagenavi a:active {
    color:#b44977 !important;
}
.wp-pagenavi a:visited {
	border:none !important;
	border:none;
}

/* Using !important to override PageNavi CSS */

/* =Gallery
-------------------------------------------------------------- */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
	
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 1%;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width:100%;
	padding:0;
}

.gallery dt {
	margin-bottom:-7px;
}