/*
Theme Name: VAR'ial Skim
Theme URI: http://www.varial-skim.com/
Description: Theme specialement concu pour le site de l'association VAR'ial Skim
Version: 2.2
Author: Cyril CHANDELIER
Author URI: http://www.double-c.fr/
*/    
body
{
	background:url('./images/bg-header-repeat.jpg') repeat-x #EFEFEA;
	color:#565656;
	font-family:arial;
	text-align:justify;
}

a
{
    text-decoration:none;
    color:#009de0;
}

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

.right
{
    float:right;
}

.left
{
    float:left;
}

.container
{
    padding:0;
}

a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover,a:hover
{
	color:#E01679;
	cursor:pointer;
	text-decoration:none;
}

/* MENU */
#menu
{
	background-color:#fff;
	margin-top:7px;
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul li
{
    float:left;
}

#menu ul li a
{
	float:left;
	width:118px;
	height:30px;
	line-height:15px;
	padding-left:0;
	padding-right:0;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	padding-top:15px;
	text-align:center;
	text-decoration:none;
	color:#212121;
	font-size:16px;
	font-weight:bold;
}

#menu ul li a:hover
{
	border-top:3px solid #009de0;
	color:#E01679;
}

#menu ul li a:hover h3
{
	color:#212121;
}

#menu ul li a span
{
	font-size:9px;
	font-weight:normal;
}

/* MIDDLE */
#middle
{
	margin-top:25px;
	/*background:url('./images/bg-main.jpg') repeat-y;*/
	background-color:#EFEFEA;
	border:7px solid #cacaca;
	padding:0;
}

#main
{
	padding:25px;
}

#main img
{
    max-width:100%;
    height:auto;
}

.oldposts
{
    margin-top:15px;
    margin-bottom:15px;
}

.medias h2
{
   text-align:center;
}

.medias ul
{
    padding:0;
    padding-left:25px;
    margin:0;
    list-style:square;
}

.medias ul li
{
    border-bottom:1px dashed #cacaca;
    text-align:left;
}

.medias ul li a
{
    font-size:15px;
}

.medias ul li a:hover
{
    color:#000;
}

/* POST */
h2.post-title
{
  margin: 0;
  padding: .8em 0 .1em 0;
  font-weight: bold;
  text-shadow: #fff 1px 1px 1px;
  text-align:left;
  font-size:18px;    
}

a h2.post-title
{
  margin: 0;
  padding: .8em 0 .1em 0;
  font-weight: bold;
  text-shadow: #fff 1px 1px 1px;
  text-decoration:none;
}

.post p.post-date
{
  width:38px;
  height:38px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  text-align:center;
  float:left;
  line-height:100%;
  background-color:#fff;
  border:1px solid #fff;
}

.post .post-date span.month
{
  background-color:#009de0;
  border-bottom:1px solid #fff;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  color:#fff;
  font-size:85%;
  font-weight:bold;
  padding:2px 0;
  text-transform:uppercase;
}

.post .post-date span.day
{
  bottom:1px;
  padding:3px 0;
  left:0;
  width:100%;
  font-size:14px;
  font-weight:bold;
  position:absolute;
}

.post p.post-author
{
  margin:0 0 0 43px;
  padding:0 12px;
  font-size:110%;
  font-style:italic;
  border:1px solid #fff;
  min-height:38px;
  color:#75695e;
  height:auto !important;
  height:38px;
  line-height:100%;
  background-color:#ddd;
  margin-bottom:10px;
}

.post .post-author span.info
{
    margin-top:0;
    padding-top:6px;
    margin-bottom:6px;
    display: block;
}

.post .post-content{
  clear: left;
  padding-bottom: .4em;
}

.more-link
{
    background-color:#009de0;
    border:1px solid #fff; 
    float:left; 
    font-size:16px;
    font-weight:bold;
    color:#fff;
    padding-left:5px; 
    padding-right:5px;
}

.more-link:hover
{
    color:#fff;
    opacity:0.6;
}

/* TAGS */
.post p.tags
{
  background:transparent url(./images/tag.gif) no-repeat left top;
  font-size:80%;
  padding:0 0 0 13px;
  margin:1em 0;
}

/* BLOCKQUOTE */
blockquote
{
  margin:1em 25% 1em 0;
  padding:10px;
  padding-left:80px;
  width:450px;
  border:1px dotted #cacaca;
  font-style:italic;
  background:#fff url(./images/blockquote.png) no-repeat 4px top;
}

/* SIDEBAR */
#sidebar
{
	float:right;
	margin-right:15px;
}

#sidebar-content
{
	padding:25px;
}

#logo
{
    margin-top:25px;
}

#searchform
{
    padding:10px 25px;
    text-align:center;
	vertical-align:middle;
}

#searchform input
{
    width:150px;
}

#searchform input[type="submit"]
{
    width:75px;
}

#categories ul,#archives ul
{
    margin:0;
    padding:0;
    list-style:none;
}

#categories ul li,#archives ul li
{
    float:left;
    width:85%;
    text-align:left;
    border-bottom:1px #cacaca dashed;
}

#categories ul li a,#archives ul li a
{
    text-decoration:none;
    font-size:18px;
    color:#565656;
}

#archives ul li a
{
    font-size:14px;
}

#categories ul li a:hover,#archives ul li a:hover
{
    color:#000;
}

#archives
{
    margin-top:20px;
}

/* AVENIR */
#avenir
{
    margin-top:20px;
    width:85%;
    text-align:justify;
}

/* PARTENAIRES */
#partenaires
{
    margin-top:20px;
    text-align:left;
}

#partenaires p img
{
	padding:0px;
}

#partenaires p img:hover
{
	opacity:0.6;
}

/* FAST LINKS */
#fastlinks
{
    text-align:center;
    padding:0 25px;
}

#fastlinks img
{
    border:none;
}

#fastlinks img:hover
{
    opacity:0.6;
}

/* FOOTER */
#footer
{
	margin-top:10px;
	text-align:center;
}

/* COMMENTS */
#comment
{
    margin-top:15px;
}

ul#comments
{ 
  margin-top:-30px;
  list-style-type: none;
  padding:0;
}

ul#comments ul
{
  margin-left: 2em;
  list-style-type: none;
}

ul#comments li.comment, ul#comments li.trackback
{
  width:550px;
  margin:0;
  padding:0;
}

ul#comments li.comment li.comment
{
  width:100%;
}

.comment-mask
{
  display: block;
  background: transparent url(./images/comment-shadow.png) no-repeat right bottom;
  padding: 12px 6px 6px 0px;
  position: relative;
}

.comment-mask .avatar
{
  width: 90px;
  height: 90px;
  background: transparent url(./images/avatar.png) no-repeat center center;
  float: left;
  position: relative;
}

.comment-mask .avatar img
{
  position:absolute;
  left:13px;
  top:13px;
  width:64px;
  height:64px;
}

.comment-main
{
  background:#fff;
  padding:1px;
}

.comment-wrap1
{
  background:transparent url(./images/comment-bg-right.png) no-repeat right bottom;
}

.comment-wrap2
{
  background:transparent url(./images/comment-bg-left.png) no-repeat left bottom;
}

.comment-head
{
  background-color:#cacaca;
  display: block;
  width: 100%; /* IE 7 fix */
  position: relative;
}

.comment-head p
{
  padding:5px;
  padding-left:10px;
  margin:0;
  font-style: italic;
  font-size: 90%;
}

.comment-body
{
  padding: 0;
  height: 60px;
  min-height:60px;
  height:auto !important; /* ie6 fix */
  font-size: 90%;
}

.comment-body p
{
  padding: 0 1em 1em 1em;
  padding-top:5px;
  margin: 0;
  line-height: 150%;
}

.comment-body blockquote
{
  margin-left: 100px;
}

/* FORMS */
input[type="submit"]
{
    background-color:#009de0;
    border:1px solid #fff;
    min-width:90px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

input[type="submit"]:hover
{
    opacity:0.6;
    cursor:pointer;
}

input
{
    height:25px;
    line-height:20px;
}

input[type="text"]
{
    padding:3px;
    height:18px;
}

#main input[type="text"],#main input[type="password"],#main textarea
{
    width:100%;
}


/* form fréjus2010 */

.frejus2010 { width:100%; }
.frejus2010 label { width:100%; float:left; text-align:left; }
.frejus2010 input[type="text"] { width:100%; float:left; }