/*

	Theme Name: Vision CMS Wordpress Theme

	Theme URL: http://mr-wordpress.com/themes

	Description: Vision CMS is a feature rich Wordpress theme. <br /> http://mr-wordpress.com

	Author URI: http://mr-wordpress.com

	Version: 1.0

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

	Changelog:

	

*/



/* General markup */



html * {

	margin:0;

	padding:0;

}



*:focus {



outline:none;



border:none;



}



body {

	font-family:Verdana, Helvetica, Geneva, sans-serif;

	font-size:12px;

	background:#3f3f3f;

	text-align:center;

}



img {

	border:none;	

}



a {

	text-decoration:none;

	color:#1390dd;

	cursor:pointer;

}



.clear {

	float:none;

	clear:both;

}



/* Bouton image png */

#bt {

	width:141px;

	height:33px;

	background:url(img/bt_suite.png) no-repeat top;

	border:none;

	margin:5px 0;

	padding:5px 1px 15px 20px;

	float:right;


}



#bt a:hover {

	text-decoration:underline;	
	color:#dddddd;
	margin:5px 0;

}

/* Header markup  (Logo and navigation) */



#header {

	width:100%;

	height:150px;

	background:url(img/header-bg.png) repeat-x #000;

	border-bottom:1px solid #8d8d8d;

}



#headerInside {

	width:1000px;

	height:75px;

	text-align:left;

	margin:0 auto;

	background:url(img/light-logo.jpg) no-repeat;

}



#logo {

	float:left;	

	color:#fff;

}



#logo h1 {

	margin-top:10px;

	font-weight:normal;

	font-size:26px;

}



#logo h2 {

	font-weight:normal;

	font-style:italic;

	font-size:18px;

	text-transform:lowercase;

	color:#10BFF9;

}



#navigation {

	float:right;

}



#navigation ul {

	list-style:none;

	padding-top:35px;

}



#navigation ul li {

	float:left;

	border-left:1px solid #404040;

}



#navigation ul li.current_page_item a {

	color:#1390dd;

}



#navigation ul li a {

	padding:15px;

	color:#fff;

	display:block;

}



#navigation ul li a:hover {

	color:#0089dd;

}



#navigation ul li.home {

	border-left:none;	

}



#navigation ul li ul {

	display:none;	

}



#navigation ul li#blog_dropdown:hover ul , #navigation ul li.over ul{

	display:block;	

	position: absolute;

	background:#404040;

	border:1px solid #8d8d8d;

	padding-top:5px;

	padding-bottom:10px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	width:150px;

	z-index:999;

}



#navigation ul li#blog_dropdown:hover ul li , #navigation ul li.over ul li {

	margin:0px 5px;

}



#navigation ul li#blog_dropdown:hover ul li a , #navigation ul li.over ul li a{

	border-bottom:1px dotted #8d8d8d;

	width:120px;

	padding:5px;

}



/* Slider */



#slider_background {

	background:url(img/slider_bg.png) repeat-x;

	height:349px;

	width:100%;

	z-index:-2;

}



#sliderInside {

	text-align:left;

	margin:0 auto;

	width:920px;

	padding-top:20px;

}



.slider-image {

	float:left;



}



.slider-text {

	float:right;

	width:340px;

	text-align:left;

}



.slider-heading {

	font-size:24px;

	font-weight:normal;

	color:#1390dd;

}



.slider-description {

	color:#fff;

	line-height:24px;

	margin-top:10px;

}



.slider-description a {

	color:#1390dd;

}



.slider-description a:hover {

	text-decoration:underline;	

}



#slider {

	margin: 0 auto;

	position: relative;

	width:920px;

}



.scroll {

	width:920px;

	overflow: auto;

	overflow-x: hidden;

	overflow-y: hidden;

	position: relative;

}



.panel {

	width:922px;	

}



#slide-navigation {

	position:absolute;

	right:50px;

	bottom:30px;

}



.scrollButtons {

	cursor:pointer;

	display:block;

}



.next-button {

	margin:15px 0;	

}



/* BORDER CONTENT */



#border-content {

	width:100%;

	height:22px;

	background:url(img/border-content-home.png) repeat-x;

}



/* Content */



#content {

	width:100%;

	background:url(img/content-bg.png) repeat-x #1f1f1f;

}



#contentInside {

	width:920px;

	margin:0 auto;

	text-align:left;

	padding:20px 0;

}



#left-width {

	width:577px;

	float:left;

	margin-right:10px;

}



/* Post styles */



.postBox {

	width:535px;

	background:#3f3f3f;

	border:1px solid #4f4f4f;

	padding:10px;

	margin-bottom:20px;

-moz-border-radius-bottomleft:0px;

-moz-border-radius-bottomright:0px;

-moz-border-radius-topleft:0px;

-moz-border-radius-topright:0px;



}



.post-info {

	width:370px;

	float:left;

margin-top:20px;

}



.comments-number {

	background:url(img/comment-num.png) no-repeat;

	float:right;

	width:37px;

	height:25px;

	text-align:center;

	line-height:25px;

	font-size:12px;

	font-style:normal;

	font-weight:bold;

	color:#000;

}



.comments-number a {

	color:#000;

	display:block;

}



.comments-number a:hover {

	color:#1390dd;	

}



.post-title {

	font-size:14px;

}



.post-title h1, .post-title h1 a, .post-title h3 a {

	font-size:22px;

	font-weight:normal;

	line-height:24px;

	color:#fff;

}
.post-title h2 a, .post-title h2 {

	font-size:22px;

	font-weight:normal;

	line-height:24px;

	color:#000;

}


.postmetadata {

	font-size:10px;

	color:#8D8D8D;

	background:transparent url(img/bt.png) no-repeat scroll 0 0;

	margin:10px 0px 20px 0px;

	padding:5px 25px;

}



.postmetadata a {

	color:#fff;

	font-weight:bold;

}



.the-excerpt {

	font-size:13px;

	font-style:normal;

	line-height:18px;

	color:#dddddd;

}



.contRead {
	font-size:13px;

	font-style:normal;

	line-height:18px;

	color:#dddddd;

	width:141px;

	height:33px;

	background:url(img/bt_suite.jpg) no-repeat top;

	border:none;

	margin:25px 0 0;

	padding:5px 1px 0px 20px;

	float:right;


}

.contRead a {

	text-decoration:none;	
	color:#ddd;
	margin:5px 0;

}

.contRead a:hover {

	text-decoration:none;	
	color:#fff;
	margin:5px 0;

}



.post-thumb-excerpt {

	margin-right:8px;

margin-top:20px;

	float:left;

        border:1px dotted #8c8c8c;

}



.page-nav a {

	padding:10px;

	display:block;

	background:url(img/page-bg.png) repeat-x #ffffff;

	width:150px;

	border:1px solid #979696;

	text-align:center;

}



.page-nav a:hover {

	background:#fff;	

}



/* Single Post Styles ; Page and Full Width Page styles */



#full-page-view .postBox{

	width:878px;	

}



#single-post-view .post-title h1 a , #full-page-view .post-title h1 a{

	font-size:24px;

}



#single-post-view .the-content , #full-page-view .the-content{

	color:#d8d8d8;

	line-height:24px;

}



#single-post-view .postmetadata , #full-page-view .postmetadata {

	margin:25px 0;	

	margin-bottom:15px;

}



#single-post-view ul, #single-post-view ol , #full-page-view ul, #full-page-view ol {

	padding:18px;	

}



#single-post-view h1, #single-post-view h2, #single-post-view h3, #single-post-view h4, #single-post-view h5 , #full-page-view h1, #full-page-view h2, #full-page-view h3, #full-page-view h4, #full-page-view h5{

	margin:10px 0;	

}



#single-post-view blockquote  , #full-page-view blockquote {

	background:#ededed;

	border:1px dotted #cccccc;

	margin:15px;

	padding:10px;

}



#single-post-view p , #full-page-view p{

	margin:10px 0;	

}





/* Sidebar */



#sidebar {

	width:322px;

	float:left;

}



#sidebar ul {

	padding-left:15px;

	list-style:none;

/* url(img/bulletin.gif); */

}





#sidebar ol {

	padding-left:20px;

	font-style:italic;

	color:#1390dd;

}



#sidebar ul li , #sidebar ol li{

	margin:5px 0;	

	font-style:normal;

	color:#6f6f6f;

border-bottom:1px dotted #3f3f3f;

display:block;

padding:10px 5px;

text-decoration:none;

width:280px;

}



#sidebar a:hover {

background-color:#3f3f3f;

display:block;

padding:0px 0px;

color:#b8b8b8;

}



.side-box {

	width:300px;

	background:#0C0C0C url(img/page-bg.png) repeat-x;

	border:1px solid #000;

	padding:10px;

	margin-bottom:20px;

-moz-border-radius-bottomleft:0px;

-moz-border-radius-bottomright:0px;

-moz-border-radius-topleft:0px;

-moz-border-radius-topright:0px;

}



.side-box h3, .side-box h2, .side-box h4 , .side-box h5 {

	font-size:13px;

	font-weight:bold;

	color:#fff;

	font-style:normal;

	border-bottom:2px solid #167bba;

	padding:6px 0 5px 0;

	text-transform:uppercase;

}



.side-content {

	margin-top:0px;	

}



#subscribing {

	text-align:center;	

}



#subscribing h3{

	text-align:left;	

}



#searchform img {

	margin-top:1px;	

}



#searchbox {

	width:253px;

	height:24px;

	background:url(img/search-bar.png) no-repeat;

	padding:3px 5px 30px 10px;

	border:none;

	font-size:12px;

	color:#555555;

	float:left;

}



#searchbutton {

	width:25px;

	height:24px;

	background:url(img/search-button.png) no-repeat top;

	border:none;

	cursor:pointer;

	text-indent:-9000px;

	margin:0;

	padding:0;

	float:right;

}



#searchbutton:hover {

	background:url(img/search-button.png) no-repeat bottom;	

}



.side-image {

	float:left;	

	margin-right:10px;

}



#aboutus {

	font-size:12px;

	font-style:italic;

	color:#555;

	line-height:18px;

}



.aboutthumb {

	margin:0 8px 5px 0;

	float:left;

	border:1px solid #ccc;

}



/* Footer */



#footer {

	width:100%;	

}



#footer a:hover {

	color:#fff;

	text-decoration:underline;

}



#rfooter {

	width:100%;

	background:url(img/rfooter.png) repeat-x #020202;

}



#rfooterInside {

	width:920px;

	padding:40px 0;

	color:#fff;

	margin:0 auto;

	text-align:left;

}



#rfooterInside ul , #rfooterInside ol {

	padding-left:15px;	

}



#rf1, #rf2 {

	margin-right:20px;	

}



#rf1, #rf2, #rf3 {

	width:440px;

	float:left;

}



#rf3 {

	width:0px;	

}



#rfooter h1, #rfooter h2, #rfooter h3 , #rfooter h4, #rfooter h5, #rfooter h1 a, #rfooter h2 a, #rfooter h3 a , #rfooter h4 a, #rfooter h5 a {

	font-size:16px;

	color:#fff;

	font-weight:bold;

	font-style:normal;

}



.rf-content {

	width:400px;

	padding:10px;

	border:1px dotted #898888;

	margin-top:15px;

}



#rf3 .rf-content {

	width:auto;	

}



/* images */



img.centered  {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	padding: 0px;

	}

	

img.alignnone {

	padding: 0px;

	margin: 0px 0px 10px 0px;

	display: inline;

	}



img.alignright {

	padding: 0px;

	margin: 0px 0px 10px 10px;

	display: inline;

	}



img.alignleft {

	padding: 0px;

	margin: 0px 10px 10px 0px;

	display: inline;

	}

	

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	}



.alignright {

	float: right;

	margin: 0px 0px 10px 10px;

	}



.alignleft {

	float: left;

	margin: 0px 10px 10px 0px;

	}

	

.wp-caption {

	border: 1px solid #DDDDDD;

	text-align: center;

	background-color: #EEEEEE;

	padding: 4px 0px 5px 0px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	}



.wp-caption img {

	margin: 0px 0px 5px 0px;

	padding: 0px;

	border: 0px;

	}



.wp-caption p.wp-caption-text {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	font-size: 11px;

	font-weight: normal;

	line-height: 12px;

	}



/* comments */



.comments {

	background: #f3f3f3 top no-repeat;

	float: left;

	width: 500px;

	margin: 0px 0px 10px 0px;

	padding: 10px;

	border: 1px solid #969696;

	margin-top:20px;

-moz-border-radius-bottomleft:20px;

-moz-border-radius-bottomright:20px;

-moz-border-radius-topleft:20px;

-moz-border-radius-topright:20px;



}



.commentlist li ul li {

	font-size: 12px;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	background: #FFFFFF;

	float: right;

	border: 1px solid #EEEEEE;

	margin: 0px 5px 0px 10px;

	padding: 2px;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 12px;

	}



.commentlist p {

	font-weight: normal;

	text-transform: none;

	}



.commentmetadata {

	font-weight: normal;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0px;

	}



#commentform {

	margin: 5px 10px 0px 0px;

	}

	

#commentform textarea {

	width: 98%;

	padding: 2px;

	}

	

#respond:after {

	content: "."; 

	display: block; 

	height: 0px; 

	clear: both; 

	visibility: hidden;

	}

	

#commentform p {

	margin: 5px 0px 5px 0px;

	}

	

#commentform #submit {

	margin: 0px;

	float: left;

	}

	

.alt {

	margin: 0px;

	padding: 10px;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	}

	

.commentlist ol {

	margin: 0px;

	padding: 10px;

}



.commentlist li {

	margin: 15px 0px 10px;

	padding: 10px 5px 10px 10px;

	list-style: none;

}



.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0px;

	padding: 0px;

}

	

.children { 

	margin: 0px;

	padding: 0px;

}



.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

}



.commentmetadata {

	font-size: 10px;

	margin: 0px;

	display: block;

}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 40px;

}

	

.alignright {

	float: right;

}



.alignleft {

	float: left;

}

	

.thread-alt {

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

}

	

.thread-even {

	background: #EEEEEE;

	margin: 0px;

	padding: 0px;

}

	

.depth-1 {

	border: 1px dotted #BBBBBB;

	margin: 0px;

	padding: 0px;

}



.even, .alt {

	border-top: 1px dotted #BBBBBB;

	border-bottom: 1px dotted #BBBBBB;

	border-left: 1px dotted #BBBBBB;

	margin: 0px;

	padding: 0px;

}

