@charset "UTF-8";  
/* Background-Styles */  
 
 body {  
     margin:0px; padding:0px;  
     background-color:#131211;  
     font-family:Arial, Helvetica, sans-serif;  
     color:#000000;  
     font-size:13px;  
    line-height:19px;  
 }  
/*  
     Text-Styles    
 */  
   
 h2 {
	margin:0px 0px 10px 0px;
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
 }  
 small {  
     color:#595856;  
     font-weight:bold;  
     font-size:11px;  
     display:block;  
     margin-bottom:15px;  
}  
 a {  
     color:#007de2;  
     text-decoration:none;  
 }  
 a:hover { text-decoration:underline; }  
p { margin: 0px 0px 15px 0px; }  
   
 a.button {  
    background:#32312f url(../mylayout/css/images/button_bg.jpg) repeat-x;  
    padding:5px 10px 5px 10px;  
     color: #ffffff;  
     text-decoration: none;  
     border:1px solid #32312f;  
     text-transform:uppercase;  
     font-size:9px;  
     line-height:25px;     
}  
a.button:hover {  
     background:#007de2 url(../mylayout/css/images/button_bg_o.jpg) repeat-x;  
     border-color:#007de2;  
 }  


#main {  
   background:#c4c0be url(../mylayout/css/images/background_light_slice.jpg) repeat-x;  
}  
#main .container {  
  background-image:url(../mylayout/css/images/background_light.jpg);  
    background-repeat:no-repeat;  
    min-height:400px;  
}  
#footer {  
    background-image:url(../mylayout/css/images/background_footer.jpg);  
   background-repeat:repeat-x;  
   color:white;  
   padding:40px;  
}  
.container {  
   width:950px;  
  margin:0 auto;  
   position:relative;  
} 

#header {  
    padding-top:20px;  
 }  
 #logo h1, #logo small {  
    margin:0px;  
    display:block;  
    text-indent:-9999px;  
}  
 #logo {
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
 }  
 
/* Fix up IE6 PNG Support */  
img, #logo { behavior: url(../mylayout/css/scripts/iepngfix.htc); } 

 ul#menu {
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	list-style-type: disc;
 }  
ul#menu li {  
   display:inline;  
   margin-left:12px;  
 }  
 ul#menu li a {  
    text-decoration:none;  
    color:#716d6a;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-size:10px;  
    font-weight:bold;  
    text-transform:uppercase;  
}  
 ul#menu li a.active, ul#menu li a:hover {  
   color:#211e1e;  
 }  
/*  
 Block-Styles  
 */  
 .block {  
   border:1px solid #a3a09e;  
   background-color:#ffffff;  
   margin-bottom:20px;  
   position:relative;  
 }  
 .ribbon {  
     position:absolute;  
     top:-3px;  
    right:-3px;  
 }   
 .block_inside {   
   display:block;   
   border:1px solid #ffffff;  
   background: #ffffff url(../mylayout/css/images/background_block_slice.jpg) repeat-x;      
   padding:30px;  
   overflow:auto;  
 }  
  
.image_block {  
   border:1px solid #b5b5b5;  
   background-color:#d2d2d2;  
   padding:5px;  
   float:left;  
}  
.image_block img {  
   border:1px solid #b5b5b5;  
 }  
.text_block {
	float:left;
	width:auto;
	margin-left:30px;
	height: auto;
 }  
 .text_block2 {
	float:left;
	width:430px;
	margin-left:30px;
	height: auto;
 }  
 /* 
     Portfolio-Home-Styles 
 */  
   
#block_portfolio {  
    overflow:auto;  
    margin-bottom:20px;  
}  
 #portfolio_items {  
    width:615px;  
    margin-right:25px;  
    float:left;
	padding-top:3px;  
   
}  
 #text_column {
	float:right;
	width:310px;
}  
 #text_column h2#text_title {
	text-indent:-9999px;
	background-image:url(../mylayout/images/SalesianBullletin.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}  
   
.mini_portfolio_item {  
   border:1px solid #a3a09e;  
   margin-bottom:10px;  
}  
 .mini_portfolio_item .block_inside {   
   background:none; background-color:#e2dddc;   
  padding:25px 30px 15px 30px;   
}  
.mini_portfolio_item .thumbnail { 
	float:left; 
	margin-right:20px; 
	border:1px solid #979390; 
}  
  
.mini_portfolio_item {  
 border:1px solid #a3a09e;  
  margin-bottom:10px;  
  position:relative;  
}  

 /* 
    Footer-Styles 
 */  
  
#footer {  
   font-family:Verdana, Arial, Helvetica, sans-serif;  
   font-size:10px;  
}  
.footer_column {  
   float:left;  
   width:120px;  
   margin-right:30px;  
}  
#footer .long {  
     width:610px;  
}  
#footer h3 {  
    color:#e2dddc;  
    text-transform:uppercase;  
    font-size:10px;  
}  
.footer_column ul li, .footer_column ul {  
   list-style:none;  
   margin:0px;  
   padding:0px;  
}  
#block_featuredblog .text_block { 
	padding-top:5px; width:490px;
}  
 h2 {
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#003366;
	line-height:39px;
	letter-spacing:-1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
}  
/* 
     Block-Content-Styles 
 */  
   
#block_content {  
  
 }  
#content_area {  
    width:665px;  
    float:left;  
}  
#sidebar {
	float:left;
	width:281px;
	position:relative;
	left:-1px;
	margin-top:0px;
	background-color:#e2dddc;
	border:1px solid #a3a09e;
	height: auto;
}  
 #sidebar .block_inside {  
   background:none;  
   background-color:#e2dddc;  
}  
#sidebar h3 {  
   font-size:20px;  
   line-height:23px;  
 }  
#sidebar ul { margin:10px 0px 30px 0px; padding:0px; }  
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }  
#sidebar ul li a { color:#7f7d78; }  
#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }  
 
 
#content_area h2 { font-size:32px; line-height:31px; }  
  
 #content_area .separator {  
  border-top:1px solid #e3e3e3;  
  margin-top:40px;  
  padding-top:40px;  
}  
h4 {  
 color:#007de2;  
 margin:0px 0px 0px 0px;  
}  

body#dark {  
 background-color:#1e1d1b;  
}  
 body#dark #main {  
  background:#292826 url(../mylayout/css/images/background_dark_slice.jpg) repeat-x;  
 }  
body#dark #main .container {  
    background-image:url(../mylayout/css/images/background_dark.jpg);  
}  
body#dark #footer {  
    background-image:url(../mylayout/css/images/background_dark_footer.jpg);  
}  
 body#dark ul#menu li a.active, ul#menu li a:hover {  
   color:#ffffff;  
}  

body#dark .block, body#dark .mini_portfolio_item {   
    border-color:#1b1a19;   
}  
 body#dark #text_column h2#text_title {   
  background-image:url(../mylayout/css/images/creatif_dark.jpg);  
}  
#main .container #search div {
	border: 1px solid #000000;
	background-color: #EEEEEE;
}
#dark #main .container #user {
	font-size: 14px;
	color: #00FF00;
}
a.button2 {  
    background:#32312f url(../mylayout/css/images/button_bg.jpg) repeat-x;  
    padding:5px 10px 5px 10px;  
     color: #ffffff;  
     text-decoration: none;  
     border:1px solid #32312f;  
     text-transform:uppercase;  
     font-size:9px;  
     line-height:25px;     
}