/*
Theme Name: Rock'One
Description: Rock'One theme
Version: 0.9
Tags: fixed width, two columns, unique,2 columns
Author: iron
Author URI: http://www.rockone.fr

*/


/** mise en page generale **/

*{
	margin:0;
	padding:0;
}

body {

	font: 12px Arial,Helvetica, Sans-Serif;
	color: #FFF;
	background-image:url(images/rockone-fond.gif);
	background-repeat: repeat-x;
	background-color: #000049;
}


a,a:hover,a:visited {
	color: #FFF;
	text-decoration: underline;
}

a img {
	border: none;
}

h1, h2, h3 {
	font-family: Arial,Helvetica, Sans-Serif;
	font-weight: bold;
	font-size:20px;
}

h1 a:visited,h1 a:hover,h1 a,h2 a:visited,h2 a:hover,h2 a,h3 a:visited,h3 a:hover,h3 a{

	text-decoration:none;
	color:#FFF;
}

/** pagination **/

.wp-pagenavi{

text-align:center !important;

}


.latest_content {
 	position: relative;
	background: #fff;
	min-height: 140px;
	margin: 0 3px 0 3px;
	float: left;
	margin-bottom: 20px;
	padding: 8px;
	width: 292px;
	display: inline;
}
.rcomments li{
	font: 12px Arial,Helvetica, Sans-Serif;
	list-style: none;
}
.latest_content h2{

}

#titre_categories{

background-image:url(images/titre_categories.gif);
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
height:30px;
margin-bottom:3px;
margin-left:11px;
padding-right:10px;
width:250px;

}

#titre_archives{

background-image:url(images/titre_archives.gif);
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
height:30px;
margin-bottom:3px;
margin-left:11px;
margin-top:-60px;
padding-right:10px;
width:250px;

}

/** post **/

.entry{
  font: 13px Arial,Helvetica,sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height:18px;
}


.entry a{
	color: #FFF;
	text-decoration:underline;
}

.entry p {
	text-align:justify;
	margin-top:20px;
}




.entry p a:visited {
	color: #FFF;
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

.post {
	margin: 0 0 10px 20px;
    padding: 10px;
}

.post h2 ,.post h2 a{
	
	color:#FF7600;
}


.post h2 a:hover{
	text-decoration:underline;
	color:#EF882C;
}


.post hr {
	display: block;
}

.postmetadata {
	color:#777777;
	padding-top: 5px;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.post-image{
  float: left;
  margin: 0 7px 2px 0;
}
.post-image-head img{
  width: 50px;
  float: left;
  margin: 0 4px 0px 0;
  border: solid 1px #ccc;
}




/** structure page **/

#page {
	width:993px;
	margin:0 auto;
}

#content-wrapper{

	background:#000;
	border-left:solid #B3B3B3 1px;
	border-right:solid #B3B3B3 1px;
	overflow:hidden;
	width:991px;
}

#content-wrap{
	background:url(images/content_top_4.jpg) no-repeat;
	padding-top:14px;
	z-index:1;
	
}


#content {

	float: left;
	width: 655px;
}

/** logo **/

h1#title {
float:left;
margin-bottom:10px;
margin-top:15px;
padding:0;
width:211px;
}

h1#title #logo {
background:transparent url(images/rockone-logo.png) no-repeat scroll 0 0;
display:block;
float:left;
font-size:20px;
height:180px;
padding:0;
position:relative;
text-indent:-10000px;
width:200px;
}

/** emplacment player **/

#preview{
	width:993px;
	height:172px;
	left:4px;
	margin-top:25px;
	margin-bottom:15px;
	overflow:hidden;
}


#preview #player-container div{
margin:0;
padding:0 0 0 10px;

}

#preview #player-container{
	height:165px;
    background: url(images/p-box.png) no-repeat 0 0px;
    font: 12px Tahoma;
    color: #fff;
	margin-left:20px;
	width:300px;
	float:left;

}
#preview p{
    display: inline;
	float: left;
	font: 12px Tahoma;
	color: #fff;
	margin:0 10px 0 15px;
}

/** header **/

#header {
	background: transparent;
	height:210px;
	overflow:hidden;
	position:relative;
}


#flux{
position:absolute;
right:-2px;
top:26px;
width:260px;
height:43px;
background:url(images/flux.jpg) right bottom no-repeat;

}

#flux a{
display:block;
width:260px;
height:43px;
}
#flux a span{
display:block;
padding:15px;
font-size:12px;
}


#social{
position:absolute;
right:-2px;
top:83px;
width:260px;
height:43px;
background:transparent url(images/social.png) no-repeat scroll right center;

}

#social a{
display:block;
width:260px;
height:43px;
}
#social a span{
display:block;
padding:15px;
font-size:12px;
}


#ecouter{

position:absolute;
height:44px;
left:228px;
top:145px;
width:222px;
background:url(images/ecouter_live.jpg)

}

.arialbold12 a:hover{

	color:#000;

}

#ecouter a{

display:block;
width:222px;
height:44px;

}

#ecouter a span{
display:none;
}

#titre_news{

width:635px;
height:30px;
background-image:url(images/titre_news.gif);
background-repeat:no-repeat;
border-bottom:1px solid #FFF;
margin-bottom:3px;
margin-left:20px;

}


#titre_medias{

background-image:url(images/titre_medias.gif);
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
height:30px;
margin-bottom:3px;
margin-left:11px;
margin-top:-60px;
padding-right:10px;
width:250px;

}



#player_last{

text-decoration:none;
margin-left:10px;
display:block;
margin-top:5px;

}

#onair_player{

font-size:15px;
color:#FF9900;

}

#google_pub{

position:absolute;
top:10px;
left:240px;

}


/** style pop up **/

.cleanbluewarning .cleanblue1{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue1{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 380px; font-size: 11px; text-align: left; border: solid 1px #F09D00; }
div.cleanblue1 .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #F09D00; padding: 5px; font-weight: bold; }
div.cleanblue1 .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue1 .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue1 .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue1 button{ padding: 3px 10px; margin: 0 10px; background-color: #F09D00; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue1 button:hover{ border: solid 1px #d4d4d4; }



.cleanblue1message a,.cleanblue1message{
color:#000;
}


.cleanbluewarning .cleanblue2{ background-color: #acb4c4; }
.cleanbluefade{ position: absolute; background-color: #aaaaaa; }
div.cleanblue2{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #F09D00; }
div.cleanblue2 .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #F09D00; padding: 5px; font-weight: bold; }
div.cleanblue2 .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.cleanblue2 .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.cleanblue2 .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.cleanblue2 button{ padding: 3px 10px; margin: 0 10px; background-color: #F09D00; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.cleanblue2 button:hover{ border: solid 1px #d4d4d4; }



/** ticker **/

.tickercontainer { /* the outer div with the black border */
border: 1px solid #FB7E14;
position:absolute;
top:90px;
left:240px;
width: 468px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: absolute;;
left: 10px;
top: 8px;
width: 450px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 0px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #FB7E14;
font: bold 12px Verdana;
margin: 0 50px 0 0;
cursor:default;
text-decoration:none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/** fil ariane **/

#bread{

width:645px;
margin-bottom:30px;
height:30px;
font-size:18px;
padding-left:10px;
margin-left:20px;
border-bottom:1px solid white;
color:#FB7E14;
}

/** nav **/


#nav{
	list-style:none;
    position: absolute;
	right:0;
	top:145px;
}
#nav li{
	float:left;
	overflow:hidden;
	position:relative;
	display:inline;
}
#nav a{
	display:block;
	padding:15px;
	background:url(images/nav_bg.jpg) repeat-x;
	font: 12px 'Arial', Arial, serif;
	font-weight:bold;
	color:#000;
	float:left;
	text-decoration:none;
}



#nav li.page-item-10 a{
	
	display:block;
	padding:15px;
	
	font: 12px 'Arial', Arial, serif;
	font-weight:bold;
	color:#000;
	float:left;

	background: transparent url(images/nav_bg.jpg) repeat-x scroll 0px 5px; margin-top: -5px;
}


#nav li.page-item-10  a:hover, #nav li.page-item-10 .current_page_item a{
	background:url(images/nav_hover.jpg) repeat-x 51% 5px;
	text-decoration:none;
}


#nav a:hover, #nav .current_page_item a{
	background:url(images/nav_hover.jpg) repeat-x 51% 0;
	text-decoration:none;
}

#nav .first{
	background:url(images/nav_left.png) no-repeat;
	position:relative
}
#nav .first:hover, #nav .current_page_item .first{
	background:url(images/nav_left_hover.png) no-repeat
}
#nav .last{
	background:url(images/nav_right.jpg) no-repeat right top;
}
#nav .last:hover, #nav .current_page_item .last{
	background:url(images/nav_right_hover.jpg) no-repeat right top;
}


.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.sociable_tagline{

margin:5px 0px;

}

/** footer **/
#backfooter{
	background:#000 url(images/content_bottom_4.jpg) no-repeat left bottom;
	height:20px;
	/*padding:0 6px 0px 6px;
	margin-bottom:20px;*/

}

#google_pub_footer{
padding-top:25px;
text-align:center;
clear:both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	clear: both;
	/*background: url('images/footer_top_2.jpg') no-repeat left top; */
	border: none;
	min-height:135px;
	position:relative;
	
}


#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
}


#footer-nav{
	list-style:none;
    clear: both;
display:block;
margin-left:220px;
}	

#footer-nav li{
	float:left;
	/* background:url(images/delimiter.gif) no-repeat right center; */
	padding-right:10px;
	margin-left:10px;
	display:inline;
	
}
#footer-nav a,#footer-nav a:visited,#footer-nav a:hover{
	font:12px Arial,Helvetica, Sans-Serif;
	color:#fff;
	text-decoration:none;
		
}

#copyright{
	margin-top:10px;
    text-align: center;
	font: 11px Tahoma;
	color: #646464;
    margin-bottom: 20px;
}
#copyright a{
	font: 11px Tahoma;
	color: #646464;
	text-decoration: none;
}

#copyright a:hover{
	text-decoration: none;
}


/* sidebar */

#sidebar
{
	width: 280px;
    float: left;
    margin: 0px 0px 0px 20px;
}

#sidebar form {
	margin: 0;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
    padding-bottom: 3px;
    border-bottom: dotted 1px #ccc;
}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	margin-left:20px
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}


.categories{
	display:block;
	margin:0 0 35px 0;
	overflow:hidden;
	padding:20px 15px;
}

.categories li{
	margin:0;
	margin-left: -12px;
	list-style:none;
	margin-bottom: 5px;
	background:none !important;
	list-style:none
}


.categories ul{

padding-left:10px;
}
.categories ul a{
	font:12px Arial,Helvetica, Sans-Serif;
	color:#FFF;
	text-decoration:underline;
	background:none !important;
}
.categories ul a:hover{
	font:12px Arial,Helvetica, Sans-Serif;
	color:#FFF;
	text-decoration:underline
}

#categories{
	background:#fff;
	border-top:solid 1px #A79C8D;
	padding:20px 5px;
	position:relative;
	overflow: hidden;
	clear: both;
}

#categories div{
	float: left;
	width: 140px;
	margin-left: 10px;
	display: inline;
}
#categories li{
	margin:0;
	margin-left: 5px;
	list-style:none;
	margin-bottom: 5px;
	background:none !important;
	list-style:none
}
#categories ul a{
	font:12px Arial,Helvetica, Sans-Serif;
	color:#1654C7;
	text-decoration:none;
	background:none !important;
}
#categories ul a:hover{
	font:12px Arial,Helvetica, Sans-Serif;
	color:#FC8211;
	text-decoration:underline
}



/* Formulaires */

.pagetitle{

color:#FF7600;
margin-left:30px;

}


#searchform {
	float:right;
	display:inline;
	margin-right:1px;
	margin-top:94px;
	
}
#searchtext{
	width:174px;
	height:35px;
	background:url(images/search.jpg) no-repeat;
	float:left;
	border:0;
	padding:3px 0 0 6px;
	margin-left: 10px;
	display: inline;	
}
#s{
	border:0;
	width:160px;
	background:transparent;
}
#searchsubmit {
	float:left;
	width:52px;
	height:22px;
	background:url(images/search_submit.jpg) no-repeat;
	border:0;
	display:block;
	cursor:pointer;
}



/* Begin Comments*/

#comments{
  margin-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

.commentlist {
	padding: 0;
	text-align: justify;
    margin-bottom: 10px;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 10px 10px 3px;
	list-style: none;
    background: #fff url(images/rescent_bg.jpg) repeat-x left bottom;
}

#respond{
  margin-bottom: 5px;
  margin-top: 5px;
}

.commentlist p {
	margin: 2px 5px 10px 0;
}

#commentform p {
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
    border: solid 1px #ccc;
    background: #F4F4F2;
}
#commentform input:focus {
    background: #fff;
    border: solid 1px #ccc;
}

#commentform textarea {
	width: 444px;
	padding: 2px;
    border: solid 1px #ccc;
    background: #F4F4F2;
    margin-top: 10px;
}
#commentform textarea:focus {
    border: solid 1px #ccc;
    background: #fff;
}

#commentform #submit {
	float: left;
    border: solid 2px #262937;
    background: #F48526;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    margin: 10px 0 0 0;
}


/** caroussel */

#caroussel{
	float:left;
	position:relative;
	margin-left:35px;
}


#caroussel li{

float:right;
display:block;
height:165px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/* width:615px; */

}

/*********** Jcarousel *****************/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

.jcarousel-list li img{

 border-width:0px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 * Additional styles for the controls.
 */
.jcarousel-control {
	display:none;
	position:absolute;
	right:0px;
	z-index:100;
}

.jcarousel-control a {
    font-size: 14px;
	font-family:Arial;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    color: #eee;
    background-color: #ff9933;	
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}

/* skin */

.jcarousel-skin-tango .jcarousel-container {
    /* -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
	
	*/
	
	 background: black;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 615px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  615px;
    height: 165px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 615px;
    height: 165px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}