/*
Theme Name: reuno.net
Theme URI: http://www.reuno.net
Description: The 2010 theme for reuno.net
Author: Renaud FORESTIE
Version: 1.0
*/

/* CSS Reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

html, body {
	background-color: #e3e3e3;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size: 11px; 
color: #919191;
font-weight:	400;
line-height:	16.5px;
	
}

#wrapper {
	background-color: #FFFFFF;	
	width: 982px;
	margin: 0 auto;
}

a, a:visited, a:link {
color: #000;
text-decoration: none;	
font-weight: normal;
}

a:hover { color:#C60; }


h1 {
	text-decoration: none; 
	color: #000;
	font-variant: small-caps;
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: normal;
}

/* Menu ----------------------------------------------------------------------------------------------------------------------------- Menu */

#menu {
position: fixed;
right: 0px;	
	top: 10px;
	width: 150px;
	z-index:25;
}

#menu li {
	list-style: none; 	
}

#menu li a {
	border: 1px solid #FFF;
	border-right: none;
	margin-bottom: 5px;	
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
	padding-left: 5px;
	padding-right: 20px;
	font-variant: small-caps;
	float: right;
}

#menu li a.menuItems {
	width: 130px;	
}

#menu li span.onOff {
	width: 15px;
	background-color: #515151;	
	font-weight: bold;
	border: 1px solid #FFF;
	border-right: none;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
	padding-left: 5px;
	padding-right: 20px;
	cursor: pointer;
	font-variant: small-caps;
	float: right;
}

.color1 { background-color: #569eb9; }
.color2 { background-color: #f3bf48; }
.color3 { background-color: #dd6083; }
.color4 { background-color: #70a843; }
.color5 { background-color: #56b4b9; }
.color6 { background-color: #f39748; }
.color7 { background-color: #6082dd; }

#socialLinks {
	float: right;
	margin-top: 12px;	
	width: 390px;
	z-index: 1;
}
#socialLinks li { list-style: none; }
#socialLinks li a {
	height: 32px;
	width: 32px;
	display: inline;
	float: left;
	margin-right: 5px;
	position: relative
}

#socialLinks li a img.a {
	position: absolute;
	left: 0;
    z-index: 10;

}

#socialLinks li a img.b {
	position: absolute;
	left: 0;

}

/* Header ----------------------------------------------------------------------------------------------------------------------------- Header */

#header {
	background-color: #535353;	
	height: 58px;
	margin-top: 20px;
}

#header a #logo {
	margin-left: -45px;
	margin-top: -25px; 
}

#main {
	overflow: auto;	
}

#left {
	width: 700px;	
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}

#right {
	float: right;
	width: 	207px;
	padding-right: 25px;
}

#monocolumn {
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	width: 932px;
	
}

/* Loop ----------------------------------------------------------------------------------------------------------------------------- Loop */

.translationanglais, .translationfrancais {
	cursor: pointer;
}

.translationanglais:hover, .translationfrancais:hover {
	color: #000;
}

.translationanglais img, .translationfrancais img {
	padding-top: 5px;
	margin-bottom: 2px;
	vertical-align: bottom;
}



.postfrancais { display: none; }

.post {
	margin-top: 20px;
	margin-bottom: 40px;	
}

.post h2.entry-title a {
	text-decoration: none; 
	color: #000;
	font-variant: small-caps;
	font-size: 22px;
}

.post .entry-meta, .post .entry-utility {
	color: #999;	
}

.post .entry-meta a, .post .entry-utility a {
	color: #999;	
text-decoration: none;
}

.post .entry-meta a:hover, .post .entry-utility a:hover {
color: #000;
}

.post .entry-content {
margin-top: 20px;
}


.navigation {
overflow: auto;
}


.nav-previous, .nav-next
{
background-color: #000;
}

.nav-previous a, .nav-next a
{
background-color: #CCC;
padding: 3px;
color: #000;
text-decoration: none;
font-variant: small-caps;
}

.nav-previous a:hover, .nav-next a:hover
{
color: #FFF;

}

.nav-previous a { float: left; }
.nav-next a { float: right; }

.page-title { margin-bottom: 20px;}

.entry-content p { margin-bottom: 15px; }

/* Sidebar ----------------------------------------------------------------------------------------------------------------------------- Sidebar */
#right li h3 {
	background-color: #c3c3c3;	
	color: #FFF;
	font-variant: small-caps;
	padding: 2px;
	margin-top: 20px;
	margin-bottom: 5px;
	
}

.bookfiller {
	width: 81px;
	height: 101px;
	background-color: #CCC;
	color: #FFF;
	text-align: center;
	padding: 10px;
	float: right;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	margin-right: 2px;
}

#right a { color: #000; text-decoration: none; }
#right a:hover { color: #2ebeef; }

#latestArtworks li { display: inline; }
#latestArtworks li a img {
	width: 45px;
	margin-right: 4px;
}

.aktt_tweets li { margin-bottom: 10px; }
a.aktt_tweet_time { color: #CCC; }

.liensfriends { margin-right: 2px; }

.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}

.widget-area ul {
	list-style: none;
	margin-left: 0;
}

#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #666;
	text-align: left;
	font-size:10px;
	margin-top: 5px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}


/* Comments ----------------------------------------------------------------------------------------------------------------------------- Comments */
#comments {
	clear: both;
}

.commentaire { 
	background-color: #ffd8ca; 
	width: 594px; 
	margin-bottom: 20px; 
	margin-left: 66px; 
	padding: 20px;
	
	}

li.bypostauthor .commentaire 
{
	background-color: #c49094; 
	width: 594px; 
	margin-bottom: 20px; 
	margin-right: 66px;  
	margin-left: 0px; 
	left: 0px;
	padding: 20px;
	color: #CCC;
}

li.bypostauthor .reply {
display: none;
}

#comments .comment-body {
	color: #444;	
}

#comments .byreunobody {
	color: #FFF;	
}



.commentlist .avatar {
	position: absolute;
	top: 4px;
}

li.bypostauthor .avatar {
	position: absolute;
	top: 4px;
	right: 0;
}

#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	margin: 0 0 0px 0;
	padding: 0 0 0 0px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}

.comment-author a {
	color: #000; text-decoration: none;
}
.comment-author cite {
	color: #333;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 10px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
position: absolute;
right: 20px;
top: 20px;
	font-size: 10px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #000;
text-decoration: none;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}


.byreunometa a ,.byreunometa a:link, .byreunometa a:visited{
	font-size: 10px;
	margin: 0 0 18px 0;
	color: #CCC;
}

.byreunometa a:hover {
	color: #000;	
}


/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {

	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

 input, textarea {  
     border: solid 1px #CCC;  
     outline: 0;  
     background: #FFFFFF;  
     padding: 3px;  
	  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
     -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
     -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
     }  
   
    
   
 textarea {  
     height: 150px;   
     padding: 3px;  
     }  
   
 input:hover, textarea:hover,  
 input:focus, textarea:focus {  
     border-color: #999;  
	 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
     }  
 .submit input, input[type=submit] {  
     width: auto;  
     padding: 9px 15px;  
     background-color: #666;
     border: 0;  
     font-size: 14px;  
     color: #FFFFFF;  
	 -webkit-border-radius: 5px;  
     -moz-border-radius: 5px;  
     }  
	input#searchsubmit {
		font-size: 12px;
		padding: 3px;
		padding-left:7px;	
		padding-right:7px;
	}
	 
 .submit input:hover, input[type=submit]:hover {  
     background-color: #80a143;	 
	 cursor: pointer;
	 
 }
 
 #respond #submit { float: right; }
	 
form a {
color: #000;
text-decoration: none; 
}	 

form a:hover {
color: #e36e05;
}

.contactform {
	left: 0px;
	margin-left: 0px;
	float: left;
}

.edit-link { display: none; }

/* Contact Form ----------------------------------------------------------------------------------------------------------------------------- Contact Form */

.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 80%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/* Projects --------------------------------------------------------------------------------------------------------------------------- Projects */

.project {
width: 300px;
margin-right: 13px;
margin-bottom: 13px;
float: left;
}

.pright {
margin-right: 0px;
}

.project img { padding-bottom: 1px; }
.project a img { border-bottom: 5px solid #FFF; }
.project a:hover img { border-bottom: 5px solid #000; }

.project a { color: #888; }
.project a:hover { color: #000; }

.alteredcover {
width: 300px;	
float: left;
margin-right: 10px;
padding-bottom: 20px;
height: 320px;
}

.alteredcover img { width: 300px; }


.cadeau {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 60px;
text-align: center;
}
.cadeau img { border: 1px solid #CCC; }
.cadeau a:hover { color: #000; }

.whatever { height: 900px; float: left; width: 450px; }


.flipbook img { width: 300px; }

/* reuno.org -------------------------------------------------------------------------------------------------------------------------- reuno.org */

table.reunoorg {
	width: 100%;	
}
table.reunoorg tr td img 
{ padding:0px; margin: 0px; }

table.reunoorg tr {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

table.reunoorg tr td {
	background-color: #FFF;
	width: 175px;
	height: 285px;	
	padding: 0px;
	margin: 0px;
vertical-align: top;
}

.reunoorgtext {
padding: 10px;
height: 265px;
background-color: #d8d8d8;
margin-top: 0px;
font-variant:small-caps;
text-align: justify;

}

.reunoorgtext ul li { list-style: none; }
.reunoorgtext ul li a { background-position: top left; background-repeat: no-repeat; padding-left: 20px; }
.reunoorgtext ul li a.twitter { background-image: url(http://www.reuno.net/Elements/Social/s_twitter.png); }
.reunoorgtext ul li a.facebook { background-image: url(http://www.reuno.net/Elements/Social/s_facebook.png); }
.reunoorgtext ul li a.lastfm { background-image: url(http://www.reuno.net/Elements/Social/s_lastfm.png); }
.reunoorgtext ul li a.flickr { background-image: url(http://www.reuno.net/Elements/Social/s_flickr.png); }
.reunoorgtext ul li a.linkedin { background-image: url(http://www.reuno.net/Elements/Social/s_linkedin.png); }
.reunoorgtext ul li a.spotify { background-image: url(http://www.reuno.net/Elements/Social/s_spotify.png); }
.reunoorgtext ul li a.steam { background-image: url(http://www.reuno.net/Elements/Social/s_steam.png); }
.reunoorgtext ul li a.vimeo { background-image: url(http://www.reuno.net/Elements/Social/s_vimeo.png); }
.reunoorgtext ul li a.myspace { background-image: url(http://www.reuno.net/Elements/Social/s_myspace.png); }
.reunoorgtext ul li a.net { background-image: url(http://www.reuno.net/Elements/Social/s_net.png); }
.reunoorgtext ul li a.org { background-image: url(http://www.reuno.net/Elements/Social/s_org.png); }
.reunoorgtext ul li a.info { background-image: url(http://www.reuno.net/Elements/Social/s_info.png); }
.reunoorgtext ul li a.fr { background-image: url(http://www.reuno.net/Elements/Social/s_fr.png); }
.reunoorgtext ul li a.relativement { background-image: url(http://www.reuno.net/Elements/Social/s_relativement.png); }
.reunoorgtext ul li a.mail { background-image: url(http://www.reuno.net/Elements/Social/s_mail.png); }
.reunoorgtext ul li a.phone { background-image: url(http://www.reuno.net/Elements/Social/s_phone.png); }
.reunoorgtext ul li a.form { background-image: url(http://www.reuno.net/Elements/Social/s_form.png); }

/* Slider ----------------------------------------------------------------------------------------------------------------------------- Slider */

#slider {
	position:relative;
	margin:0px;
	background:#202834 url(http://www.reuno.net/Elements/loading.gif) no-repeat 50% 50%;
	width: 933px;
	height: 350px;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
color: #FFF;
}

#slider a:hover {
color: #15baf7;
}

.nivo-controlNav {
	left:47%;
	display: block;

margin-top: 325px;
float: right;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(http://www.reuno.net/Elements/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(http://www.reuno.net/Elements/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-caption {
	position:absolute;
	left:0px;
	top:275px;
height: 25px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}

/* Footer ----------------------------------------------------------------------------------------------------------------------------- Footer */

#footer {
	background-color: #353535;	
	color: #666;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 25px;
	overflow: auto;
}

#footer a { color: #FFF; text-decoration:none; }
#footer a:hover { color: #09F; }
#footer strong { font-variant:small-caps; }

#bottomsocialLinks { list-style: none; }
#bottomsocialLinks img { width: 16px; }
#bottomsocialLinks img.a { display: none; }

#footer #col1
{ width: 290px; float: left; margin-right:20px; }
#footer #col2
{ width: 290px; float: left; margin-right:20px; }
#footer #col3
{ width: 290px; float: left; }

#footer2 {
	background-color: #000000;		
	color: #aeaeae;
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
}

#footer2 a { color: #FFF; text-decoration: none; }