/*
Theme Name: refmtl
Description: Le theme de Ref Mtl.
Version: 2.7
Author: system32
Author URI: http://www.designti.com
Tags: space, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design under 960 Grid System:

*/


/*---------------------------------------------
  				Global Reset
  --------------------------------------------*/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td*/ { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: arial; /*inherit; */ 
}

.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
html[xmlns] .clearfix {
display : block;
}
* html .clearfix {
height : 1%;
}
body
{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	background:#fff url(images/bg4_01.jpg) repeat-x scroll center top;
	color:#4B4B4B;
}

.quotes
{
font-size:4em;
vertical-align:top;
}
cite
{
letter-spacing:0px;
font-weight:bold;
line-height:12px;
}
a{
color:#3fa99e;
text-decoration:underline;
}
a:hover {
color:#666666;
text-decoration:underline;
}

.space
{
letter-spacing:0px;
word-spacing:2px;
}
/*---------------------------------------------
  				Header
  --------------------------------------------*/
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img
{
vertical-align:middle;
}
.header
{
height:102px;
background:url(images/header_01.jpg) no-repeat scroll center top;
}
.logo{ 
padding:13px 0 0 50px;
}

/*---------------------------------------------
  				Testimonials
  --------------------------------------------*/
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
blockquote {
margin: 15px 0px 15px 10px;
padding-right: 10px;
background: url(images/quoteclose.gif) no-repeat bottom right;
}
blockquote p {
background: url(images/quoteopen.gif) no-repeat top left;
padding-left: 30px;
font-weight:normal;
font-style:italic;
}
.testimonial
{
overflow:hidden;
height:100%;
padding-bottom:20px;
}
/*---------------------------------------------
  				Slider
  --------------------------------------------*/
#basic-accordian{
	border:0px solid #EEE;
	padding:18px 5px 5px 5px;
	width:auto;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	overflow:hidden;
	position:relative;
	margin-left:0px;
	z-index:2;
	margin-top:0px;
	color:#71677e;
	margin:auto;
}

.slidermenu
{
margin:5px 0 0 0;
}
 .borderimg
 {
 /*background:#541f44;
 border:1px solid #7b4f6e;*/
 padding:10px;
}
.slider
{ 
width:960px;
background:url(images/sliderbg_01.jpg) no-repeat scroll center top; 
height:278px;
margin:auto;
padding:0;
}
 
.slider h1 a
{
font:normal normal 24px/26px Trebuchet MS, Arial, Helvetica, sans-serif;
letter-spacing:0px;
margin:0 0 20px 0;
color:#1c6b6e;
text-decoration:none;
}

.accordion_headings{
	font:normal bold 14px Trebuchet MS, Arial, Tahoma, Verdana, Sans-serif;
	padding:8px 30px 8px 10px;
	text-transform:uppercase;
	color:#1c6b6e;
	width:auto; 
	cursor:pointer;
	margin-bottom:1px;
	text-align:right;
	background:url(images/arrow.gif) right center no-repeat;
	}

.accordion_headings:hover{
	color:#3fa99e;
	background-color:#616161;
	background:url(images/arrow.gif) right center no-repeat;
}

.accordion_child{
	padding:20px 20px 40px 20px;
}

.header_highlight{
color:#1C6B6E;
text-align:right;	
background:url(images/arrow.gif) right center no-repeat;
}

/*---------------------------------------------
  				Content
  --------------------------------------------*/
.content
{
padding-top:30px;
padding-bottom:30px;
overflow:auto;
height:100%;
}
.cbg
{
background:#fff url(images/contentbg.gif) top left repeat-x;
}
	
.para *
{
padding:0px 0 10px 0;
clear:both;
}

	
.graybox
{
background:#f1f5f8;
border:1px solid #d5dce5;
margin-top:10px;
margin-bottom:20px;
}
.graybox *
{
padding:20px;
}
/*---------- body  text arrangment follows here......---------------------*/


.boxes
{
overflow:auto;
height:100%;
padding:20px 0;
}
.text
{
padding:20px;
background:url(images/bgbsox.gif) top left repeat-x;
border:1px solid #d6d2da;
border-width:0px 0 0px 0;
overflow:auto;
height:100%;
}

.bandeaux_sidebar /*jf*/
{
padding:20px 0px 20px 0px;
overflow:auto;
height:100%;
}

.texts
{
padding:1px;
background:#fff url(images/bgsbox.gif) top left repeat-x;
border:1px solid #b89cb0;
overflow:auto;
height:100%;
}

div.text
{
margin-bottom:10px;
}
p
{
padding: 0 0 10px 0;
}

h1{
font: normal 30px/2px Arial, Helvetica, sans-serif;
padding:0;
margin:0 0 5px 0;
color:#000;
}
h2{
font: normal 30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
letter-spacing:0px;
margin:0 0 15px 0;
color:#1c6b6e;
}
h2 span
{
	color:#666;
}
h3{
font: italic normal 26px/35px "Book antiqua",Georgia, Helvetica, sans-serif;
padding:0;
letter-spacing:0px;
margin:0 0 5px 0;
color:#48494a;
}
h4{
font: normal bold 24px/35px "Lucida Sans", Arial, Helvetica, sans-serif;
padding:0;
letter-spacing:0px;
margin:0 0 5px 0;
color:#48494a;
}

date
{
color:#3fa99e;
font-weight:bold;
}

/* ---------------readmore----------*/
.readmore {
font:normal 12px Arial, Helvetica, sans-serif;
padding:3px 10px;
color:#999;
letter-spacing:0px;	
border-radius:3px;
-moz-border-radius:3px;
} 
a.readmore  {
text-decoration:none;
background:#d8d8d8;
background:url(images/buttonbg.gif) bottom left repeat-x;
border:1px solid #dedede;
color:#6a6a6a;
}  
a.readmore:hover{ 
background:#3fa99e;
border:1px solid #a51734;
color:#fff;
}


.rightalign
{
float:right;
}

.leftalign
{
float:left;
}
 
.textleft{
text-align:left;
}
.textright{
text-align:right;
}

.textcenter{
text-align:center;
}

 /* ---------------readmore----------*/
.readmoreblock {
	font:normal bold 11px Arial, Helvetica, sans-serif;
	padding:3px 10px;
	text-transform:uppercase;
	color:#666;
	display:block;
	margin-top:5px;
	letter-spacing:0px;
	border-radius:3px;
	-moz-border-radius:3px;
} 
a.readmoreblock  {
	text-decoration:none;
	background:#d8d8d8;
	background:url(images/buttonbg.gif) bottom left repeat-x;
	border:1px solid #dedede;
	color:#999;
}  
a.readmoreblock:hover{ 
background:#3fa99e;
border:1px solid #dedede;
color:#fff;
}


.rightalign1
{
float:right;
}
 /***********************   listitems       ****************************/


ul.listitems
{
margin:10px 0;
padding:0;
font: italic normal 12px/18px georgia, Helvetica, sans-serif;
list-style-type:disc;
}

ul.listitems li
{  
margin:0;
background:#edf2f7;
border-bottom:1px solid #CCCCCC;
margin:0 0 2px 0;
padding:3px 10px;	
}

ul.listitems li a:link, ul.listitems li a:visited, ul.listitems li a:active
{
color:#666666;
text-decoration:none;
}

ul.listitems li a:hover 
{
padding:3px 0px;	 
color:#ffffff;
background:#999999;
text-decoration:none;
}
ul.listitems li:hover 
{
color:#ffffff;
background:#fff;
text-decoration:none;
}



ol.listitems
{
margin:10px 0;
padding:0;
font: italic normal 12px/18px georgia, Helvetica, sans-serif;
list-style-type:decimal;
}


ol.listitems li
{  
margin:0;
background-color:#edf2f7;
border-bottom:1px solid #cccccc;
margin:0 0 2px 0;
padding:3px 10px;	
}

ol.listitems li a:link, ul.listitems li a:visited, ul.listitems li a:active
{
color:#000000;
text-decoration:none;
}

ol.listitems li a:hover 
{
padding:3px 0px;	 
color:#666666;
background-color:#999999;
text-decoration:none;
}
ol.listitems li:hover 
{
color:#666666;
background:#fff;
text-decoration:none;
}

/********* PORTFOLIO ITEM   *****/



.portfolioitem .details
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
float:right;
width:330px;
padding-left:10px;
}
.portfolioitem .preview
{
display:block;
width:240px;
text-align:center;
}
.portfolioitem h3
{
color:#484848;
font:normal 20px/22px Arial, Helvetica, sans-serif;
}

.portfolioitem 
{
background:url(images/boxbg.gif) top left repeat-x;
border:1px solid #d5dce5;
padding:20px;
overflow:auto;
height:100%;
border-width:3px 1px 1px 1px;
margin:10px 0;
}
.portfolioitem .corner {
	position:absolute;
	top:-2px;
	left:-2px;
	width:85px;
	height:85px;
}

.bordersub
{
border:1px solid #d5dce5;
background:#FFFFFF;
padding:8px;
}

hr.hrbar
{
clear:both;
border:none;
width:100%;
border-bottom:1px solid #d8d8d8;
}


/*****************************************/

.footer
{
padding:30px 0;
overflow:auto;
height:100%;
background:#e1e2e2 url(images/footer.gif) top left repeat-x;
}

h5
{
font:normal 12px Arial, Helvetica, sans-serif;
letter-spacing:0px;
color:#fff;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
padding:6px 10px;
background:#48494a url(images/listarrow.gif) 6% 100% no-repeat;
}

/*********************/
ul.bottomlist
{
margin:20px 0;
padding:0;
}

ul.bottomlist li
{
margin-bottom:3px;border-bottom:1px solid #d8d8d8;
padding:3px 0px;
color:#666666;
}
ul.bottomlist li a:link, ul.bottomlist li a:visited, ul.bottomlist li a:active
{
padding:2px 5px;
color:#666666;
text-decoration:none;
}

ul.bottomlist li a:hover
{
color:#fff;
background:#3fa99e;
padding:2px 5px;
text-decoration:none;
}

/*********************/
ul.newslist
{
margin:20px 0;
padding:0;;
}

ul.newslist li
{
margin-bottom:3px;
border-bottom:1px solid #d8d8d8;
font:normal 10px/12px Tahoma, Arial, Helvetica, sans-serif;
padding:3px 0px;
color:#666666;
}
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:3px 0px;
color:#666666;
text-decoration:none;
}

ul.newslist li a:hover
{
color:#484848;
padding:3px 0px;
text-decoration:none;
}



span.date
{
display:block;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
width:70px;
text-align:center;
margin:0 0 5px 0;
background:#3fa99e;
padding:2px 5px;
color:#FFFFFF; font:normal 10px/12px Tahoma, Arial, Helvetica, sans-serif;
letter-spacing:normal !important;
}

.tb10
{
margin:10px 0;
}
.tb20
{
margin:20px 0;
}
.linebg	{
height:1px;
margin-top:10px;
margin-bottom:10px;
clear:both;
border-bottom:1px solid #d8d8d8;
}

/* ================================================= */
/* INPUT FIELD CSS                                 */
/* ================================================= */

form input {
color: #484848;padding: 2px; 
border-radius:5px;
-moz-border-radius:5px;
}
form textarea
{
vertical-align:top;
}

form input[type=radio],
form input[type=checkbox]
{border: none;}

input[type=text],
input[type=password],
textarea 
{ border-radius:5px;
-moz-border-radius:5px;
;border: 1px solid #b8b8b8;padding: 5px 8px;margin: 2px 0px;}

input[type=text]:focus,
input[type=password]:focus
{
 ;
}


/* ================================================= */
/* COMMENTS                                */
/* ================================================= */

/*- Blog Comments --------------------------- */
.the_commentor {
float:left;
width:110px;
text-align:right;
}
.the_commentor p
{
padding:0;
margin:0;
}
.the_commentors img
{
background:#FFFFFF url(images/commentby.gif) right 15px no-repeat;
padding-right:10px;
}
.comment-metadata a {
text-decoration:none;
font-size:10px;
letter-spacing:0px;
}

.the_comment {
float:right;
width:420px;
font:normal 12px/18px Arial, Helvetica, sans-serif;
letter-spacing:0px;
color:#5d5949;
padding:20px;
margin-right:5px;
min-height:100px;
margin-bottom:10px;
background-color:#f8f8f8;
border:1px solid #dddddd;
}

ol.commentlist li.alt .the_comment {
position:relative;
top:1px;
overflow:auto;
background-color:#ffffff;
}

ol.commentlist {
padding:10px 0;
margin:0;
background:#f2f2f2;
}

ol.commentlist li {
clear:both;
list-style:none;
}

.comment-author {
font: normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:0;
}

.comment-author a {
color:#3fa99e;
text-decoration:none;
}

.commentlist .the_comment a {
color:#3fa99e;
}

.commentlist .the_comment a:hover,.comment-author a:hover {
color:#3fa99e;
text-decoration:none;
}


.postinfo
{
background:#3fa99e;
padding:3px 10px;
color:#FFFFFF;
line-height:22px;
}
.comments a
{
background:#525e6c;
padding:3px 10px;
color:#FFFFFF;
}
.detailview
{
background:#7e8996;
padding:3px 10px;
color:#FFFFFF;
}

.postlink
{
	border-bottom:1px solid #d0dae5;
	font:normal 10px/16px Tahoma, Helvetica, sans-serif;
	letter-spacing:0px;
	display:block;
	color:#3a3a3a;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.blogbox 
{
padding:10px 0 20px 0;
}

.blogbox a { font-weight:bold; text-decoration:underline;}
.blogbox a:hover { font-weight:bold; text-decoration:underline;}


.blogbox img
{
margin-right:20px;
}
.blogbox p
{
padding:10px 0 0 0;
overflow:auto;
height:100%;
}

.linebg
{
border-bottom:1px solid #cdcdcd;
width:auto;
}
.avatar
{
background:#FFFFFF;
padding:5px;
border:1px solid #cdcdcd;
}
.avatarimg:hover
{
background:#FFFFFF;
padding:5px;
border:1px solid #6c6c6c;
}

#commentform input {
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 500px;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

.more-link {
font:normal 12px Arial, Helvetica, sans-serif;
padding:3px 10px;
color:#999;
float:right;
letter-spacing:0px;	
border-radius:3px;
-moz-border-radius:3px;

} 
a.more-link  {
text-decoration:none;
background:#d8d8d8;
background:url(images/buttonbg.gif) bottom left repeat-x;
border:1px solid #dedede;
color:#6a6a6a;
}  
a.more-link:hover{ 
background:#3fa99e;
border:1px solid #dedede;
color:#fff;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.tags {color:#6a6a6a; font-size:0.9em;}
.tags a:link, .tags a:visited{color:#3fa99e; font-size:0.9em;}
.tags a:hover{
	color:#666;
	text-decoration:none;
}

.newslink {color:#3fa99e; font-size:12px; margin-left:7px;}
.newslink a {color:#3fa99e;}
.newslink a:visited {color:#3fa99e;}
.newslink a:hover{color:#6a6a6a; text-decoration:none;}