@charset "UTF-8";
/* CSS Document */
body {
	background-color:#ccc;
	background-image:url(http://joomla1.5.youjoomla.info/youmagazine/templates/youmagazine/images/brick/bg.jpg);
	background-repeat:repeat;
}

img {
	border:none;
}

.content {
	width:1000px;
	margin-left:auto; margin-right:auto;
	font-family:"Lucida Console", Monaco, monospace;
	padding-top:20px;
	padding-bottom:20px;
	}

.title{
	font-weight:bold; width:90%; display:block; margin-bottom:20px; font-size:22px
}



.button{
   border-top: 1px solid #cccccc;
   background: #969696;
   background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#969696));
   background: -moz-linear-gradient(top, #656565, #969696);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 2px;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 2px;
   box-shadow: rgba(0,0,0,1) 0 1px 2px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   min-width:50px;
   display:block;
   float:right;
   text-align:center;
   margin:20px 10px 0px 10px;
   font-family:"Lucida Console", Monaco, monospace;
   }
.button:hover {
   border-top-color: #525252;
   background: #525252;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px; }


ul.hover_block li{
			list-style:none;
			float:left;
			background: #fff;
			/*background-image:url(http://joomla1.5.youjoomla.info/youmagazine/templates/youmagazine/images/brick/bg.jpg);
			background-repeat:repeat;*/
			padding: 10px;
			width:270px; position: relative;
			margin-right: 20px;
			    border:solid 1px #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	margin-top:20px;
	    -moz-box-shadow: 0px 0px 8px #999;
    -webkit-box-shadow: 0px 0px 8px #999;
    box-shadow: 0px 0px 8px #999;


			}

		ul.hover_block li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 140px;
			width: 258px;
			/*padding: 16px;*/
			color: #333;
			/*font: 1.6em/1.3 Helvetica, Arial, sans-serif;*/
			text-decoration: none; outline:none;
			background-image:url(http://ledodz.free.fr/blog/wp-content/themes/evolve/library/media/images/light-grey-blue/container-menu-light-grey-blue.jpg);
			background-position:50%;
			background-repeat:repeat;
			text-shadow:1px 1px 2px #666;
			border: 1px solid #CCC;
			/*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
	padding:5px;
	overflow:hidden;
	font-size:12px;
		}

		ul.hover_block li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}