body {
	font-size:12px;
	padding:0;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}


/* GENERAL */	

a {
	text-decoration:none;
	outline:none;
	font-weight:bold;
}
a img {
	border:none
}

h2 {
	font-size:12px;
	margin:0; 
	padding:0;
	}
	
.center {
	text-align:center;
	}

.clear {
	clear:both;
}
p {
	line-height:20px;
}
.floatR {
	float:right;
}
.floatL {
	float:left;
}
blockquote{
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	font-size:11px;
	margin:10px 0;
	}
ul{
	list-style:none;
	margin:0;
	padding:0;
	}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.split50{clear:both;}
.split50 .floatL,
.split50 .floatR{width:48%;}
.split7030	{border-top-style:dotted; border-top-width:1px; padding:0}
.split7030 .floatL{width:378px;}
.split7030 .floatR{width:366px;}


/* WRAPPER */

#container {
	width:780px;
	text-align:left;
	margin:0 auto;
	min-width:780px;
}
#content {
	padding:0;
}


/* WRAP */

.wrap {
	background-image:url(../pix/style01/wrapBg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:10px 10px 15px 10px;
	}
	
.wrap2{padding:10px 10px 0px 10px;}

.wrap ul li{
	background-position:0px 7px;
	background-repeat:no-repeat;
	padding: 2px 0px 8px 10px;
	}
	
#header {
	text-align:center;
	padding: 0 0 0 0;
}

h1,
h1 a{
	padding:0;
	margin:0 auto;
	width:778px;
	height:116px;
	background-image:url(../pix/remixed/bannerdepot.png);
	background-repeat:no-repeat;
	text-indent:-9000em;
	display:block;
	}
	
h2.pagetitle {
	text-align:center;
	font-size:22px !important;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	padding:10px 0;
	}
	
h2.pagetitle strong{font-weight:bold;}

h4.categorylinks {
	text-align:left;
	font-size:18px !important;
	font-weight:normal;
	margin:0 10px 30px 0;
	}

	
/* MENU */	

div#menu {
	width:100%;
	overflow:auto;
	padding:8px 0 0 0;
}
div#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
div#menu ul li {
	float:left;
	margin:0 3px 0 0;
	padding:0 0 0 7px;
	height:28px;
	text-transform:lowercase;
}
div#menu ul li a {
	float:left;
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:8px 28px 0px 22px;
}
div#menu ul li {
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
}
div#menu ul li a {
	background-position:100% 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

div#menu ul li ul{ display:none;}


/* SEARCHFORM */

#searchform{
	text-align:center;
	margin:10px 0;
	}
#searchform #s{
	width:75%;
	font-size:18px;
	padding:5px;
	}
#searchform #searchsubmit{
	font-weight:bold;
	padding:5px 10px;
	width:20%;
	}
	
	
/* PATH */

div#path{
	font-size:11px;
	}
div#path a{font-weight:normal; text-decoration:underline;}
div#path p{margin:0; padding:2px 0px 2px 10px;}	


/* QUICKNAV */

#quicklinks{
	margin:0;
	padding:0;
	float:right;
	}
#quicklinks li{float:left;}

.icon_nav,
.icon_nav a{
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	display:block;
	text-indent:-9000em;
	}

.icon_nav{
	float:right;
	background-position:bottom;
	}
.icon_nav a{background-position:0 0;}
#admin_icon a:hover{background-position:0 -24px;}


/* HEADERS */

h3{
	background-position:right;
	background-repeat:no-repeat;
	line-height:26px;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	}
h3 span{
	float:left;
	width:5px;
	height:26px;
	display:block;
	text-indent:-9000em;
	background-position:left;
	background-repeat:no-repeat;
	color: #EFEFEF;
	}	

h3 span.wL a{
	float:left;
	width:45px;
	height:26px;
	display:block;
	text-indent:-9000em;
	background-repeat:no-repeat;
	}
	
h3 span.wL a:link,
h3 span.wL a:visited{background-position:0 0;}
h3 span.wL a:hover{background-position:0 -26px;}




/* FIRST POST */

#featured			{position:absolute; right:0; top:0; z-index:3}
.screen			{position:relative; text-align:center; margin:0 0 10px 0;}
.screen p		{margin:0; padding:0;}
.screen a img	{padding:4px; border-width:1px; border-style:solid;}

.details{
	position:absolute;
	bottom:5px;
	left:5px;
	text-align:left;
	width:740px;
	height:35px;
	padding:5px;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: .8;
	z-index:2;
	}

.screen h2				{margin:0; padding:0;}	
.screen h2 a:link,
.screen h2 a:visited	{margin:0; padding:0;}
.screen .comms			{float:right; font-size:30px; position:relative;}
.screen .comms a		{padding:0px 10px;}
.preview a img			{padding:3px; border-width:1px; border-style:solid;}
.preview a img,
.imgFull a img			{background-position:center; background-repeat:no-repeat;}
.preview a img			{width:370px; height:110px; background-image:url(../pix/loading.gif); }
.imgFull a img			{width:750px; height:140px; background-image:url(../pix/loadingbig.gif); }
.ratings 				{float:right; text-align:center; width:80px;}	
.ratings small			{display:block;}
.preview				{position:relative;}
a.zoom{
	width:14px;
	height:14px;
	position:absolute;
	float:left;
	text-indent:-9000em;
	}
.screen a.zoom{
	margin:5px;
	}
.preview a.zoom{
	margin:4px;
	}	

	
/* RADIO */

#radio {
	padding-top: 3px;
	float:right;
	}
	
	
/* SINGLE */

.single .details{
	padding:12px 5px;
	}
	
p.tags{
	margin:10px 0;
	font-size:11px;
	padding:2px 0px 2px 20px;
	background-repeat:no-repeat;
	background-position:0px 5px
	}
	
a.icon_comments{
	float:right;
	background-repeat:no-repeat;
	padding:2px 0px 2px 20px;
	}
	
a.icon_comments:link,
a.icon_comments:visited		{background-position:0 0;}
a.icon_comments:hover		{background-position:0 -20px;}

.single .entry a img			{border-width:1px; border-style:solid; padding:4px;}
.entry h2{
	font-size: 220%;
	font-weight: normal;
	line-height: 110%;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	margin:10px 0;
	}

	
/* FAVORIS*/

#mesfavoris {
	font-size:11px;
	}

.favoris a img {
padding: 3px;
background-color: #222222; 
border : 1px solid #333333;
margin: 10px 0 8px 0;
	}

.favoris a:hover img	{
padding: 3px; 
background-color: #444444;
border: 1px solid #666666;
margin: 10px 0 8px 0;
	}

.favoris a img			{background-position:center; background-repeat:no-repeat;}
.favoris a img			{width:359px; height:49px; background-image:url(../pix/loading.gif); }
	

/* FLICKR*/

#myFlickr {padding:0 0 5px 0;}
#myFlickr h3{
	background-repeat:no-repeat;
	background-position:0 0;
	width:83px;
	height:32px;
	margin:0 auto;
	text-indent:-9000em;
	background-image:url(../pix/remixed/h3flickr.gif);
	}
#flickrBox							{text-align:center;}	
#flickrBox a img					{padding:3px; margin:6px; border-width:1px; border-style:solid;}


/* POST */

.post{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding: 0px 0 5px 0;
	}

.post2{
	border-top-style:dotted;
	border-top-width:1px;
	padding: 0 0 0 0;
	border-color: #444444;
	margin-top: -5px;
	padding-top: 15px;
	}

.post3{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color: #444444;
	padding: 0px 0 5px 0;
	margin-top: 6px;
	}
	
#other{
	}
#other .post{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding:0 0 5px 0;
	width:378px;
	margin:0px 5px 10px 6px;
	padding:0 0 15px 0;
	display:block;
	height:170px;
	float:left;
	}
.post h2 a{
	padding: 2px 0px 2px 20px;
	background-repeat:no-repeat;
	}
.post h2 a:link,
.post h2 a:visited{background-position:0 0;}
.post h2 a:hover{background-position:0 -20px;}


/* COMMENTS */

ol.commentlist{
	list-style:none;
	margin:0px;
	padding:0px;
	}
ol.commentlist .commentNum{
	float:right;
	font-size:28px;
	}	
ol.commentlist h5{
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 45px;
	margin:5px 0;
	}	
ol.commentlist h5 small		{display:block;}	
ol.commentlist cite{
	font-weight:bold;
	font-style:normal;
	font-size:12px;
	}
	
ol.commentlist li{
	padding:10px 0;
	margin:0;
	border-bottom-width:1px;
	}	
			
ol.commentlist li em.moderation{
	font-weight:bold;
	font-style:normal;
	font-size:10px;
	text-align:center;
	display:block;
	padding:5px 0;
	}	
ol.commentlist p a{text-decoration:underline;}
	
#commentform #ed_toolbar		{text-align:center; margin:10px 0px;}
#commentform #ed_toolbar input	{border-width:1px; border-style:solid;margin:0px 3px; width:100px; padding:5px; cursor:pointer;}

#commentform{
	padding:0px 10px;
	border-left:none;
	border-right:none;
	border-width:1px;
	border-style:solid;
	}

#commentform p{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:10px;
	}	
	
#commentform input#author,
#commentform input#email,
#commentform input#url{
	padding:5px 0px 5px 25px;
	border-width:1px;
	border-style:solid;
	background-repeat:no-repeat;
	background-position:5px 5px;
	width:300px;
	}	

.allowed_tags	{font-size:11px;}

#commentform #comment{
	width:97%;
	font-size:12px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	}

#commentform #submit{
	padding:10px;
	border-width:3px;
	border-style:solid;
	width:100%;
	cursor:pointer;
	}	
	

/* NAVIGATION */

.navigation {
	display: block;
	text-align: center;
	margin:10px 0px;
	}
	
.navigation a		{display:block; text-align:center; padding:6px;  background-repeat:no-repeat;}
.alignleft			{float:left; width:50%; }
.alignright			{float:right; width:50%;  }

.navigation .alignright a:link,
.navigation .alignright a:visited	{background-position:right 3px;}

.navigation .alignleft a:link,
.navigation .alignleft a:visited	{background-position:left 3px;}

.navigation .alignright a:hover		{background-position: right -17px;}
.navigation .alignleft a:hover		{background-position: left -17px;}


/* WP PAG*/

#content div.wp-pagenavi{text-align:center; margin:15px auto 10px auto;}
#content div.wp-pagenavi a,
#content div.wp-pagenavi a:link, 
#content div.wp-pagenavi a:active {
	padding: 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border:none;
	font-weight:normal;
}

#content div.wp-pagenavi span.pages {
	padding: 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: #666;
	border:none;
}

#content div.wp-pagenavi span.current {
	padding: 4px 6px;
	margin: 2px;
	font-weight: bold;
	border:none;
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border:none;
}


/* SECOND CONTENT */

#second{
	width:100%;
	overflow:auto;
	padding:10px 0;
	border-top-style:solid;
	border-top-width:3px;
	}
#second .column{
	width:32%;
	float:left;
	}

#second h2{
	background-position:right;
	background-repeat:no-repeat;
	line-height:26px;
	font-size:12px;
	margin:10px 0;
	text-align:center;
	text-transform:uppercase;
	}
	
#second h2 span{
	float:left;
	width:5px;
	height:26px;
	display:block;
	text-indent:-9000em;
	background-position:left;
	background-repeat:no-repeat;
	}	
		
#second ul li ul li{
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding:2px 0;
	}	

#second #colL{margin-left:9px;}
#second #colM{margin:0px 7px;}
#second ul li ul li a{
	background-position:left;
	background-repeat:no-repeat;
	padding:2px 0px 2px 8px;
	}	

#second ul li#recent-comments a{background-image:none;}	


/* PODCAST */

#podcast {
	background-color:#222;
	color:#666;
	border-top: 1px dotted #444;
	border-bottom:1px dotted #444;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
	
	
/* FOOTER */

#footer{
	text-align:center;
	padding:0;
	height:60px;
	margin: 0 0 10px 0;
	background-position:0 0;
	background-repeat:no-repeat;
	border-top-style:solid;
	border-top-width:3px;
	}

#footer p{
	margin: 10px 200px;
	padding:10px 0;
	}		
	
#footer a#logoFoot{
	float:right;
	width:200px;
	height:60px;
	background-repeat:no-repeat;
	text-indent:-9000em;
	}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}
	

/* Skin */

#tabs{ margin:10px 0 0 0;}
#tabs .tabs-nav {
    list-style: none;
    margin:0;
	text-align:right;
    padding: 0 0 0 4px;
	background-repeat:no-repeat;
	background-position:0 0;	
	}

#tabs .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
	}

#tabs .tabs-nav li {
    float: left;
    margin: 0 3px 0 1px;
	padding:4px 0 0 0;
	background-image:none;
    min-width: 70px; /* be nice to Opera */
	}
	
#tabs .tabs-nav a,
#tabs .tabs-nav a span {
    display: block;
    padding: 0 10px;
	background-repeat:no-repeat;
	}
	
#tabs .tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
	}

#tabs .tabs-nav .tabs-selected a,
#tabs .tabs-nav a:hover,
#tabs .tabs-nav a:focus,
#tabs .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
	}
#tabs .tabs-nav a,
#tabs .tabs-nav .tabs-disabled a:hover,
#tabs .tabs-nav .tabs-disabled a:focus,
#tabs .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
	}
#tabs .tabs-nav a span {
    width: 60px; /* IE 6 treats width as min-width */
    min-width: 60px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
	}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
	}
#tabs .tabs-nav .tabs-selected a span {
    padding-top: 7px;
	}
#tabs .tabs-nav .tabs-selected a span,
#tabs .tabs-nav a:hover span,
#tabs .tabs-nav a:focus span,
#tabs .tabs-nav a:active span {
    background-position: 0 -50px;
	}
#tabs .tabs-nav a span,
#tabs .tabs-nav .tabs-disabled a:hover span, 
#tabs .tabs-nav .tabs-disabled a:focus span,
#tabs .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
	}
#tabs .tabs-nav .tabs-selected a:link,
#tabs .tabs-nav .tabs-selected a:visited,
#tabs .tabs-nav .tabs-disabled a:link,
#tabs .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	}
#tabs .tabs-nav a:hover,
#tabs .tabs-nav a:focus,
#tabs .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	}
#tabs .tabs-nav .tabs-disabled {
    opacity: .4;
	}
#tabs .tabs-container {
	border-width:1px;
	border-style:solid;
   padding: 1em 8px;
	margin-bottom:10px;
	}
#tabs .tabs-loading em {
	padding: 0 0 0 20px;
	background-repeat:no-repeat;
	background-position:0 50%;
   }