/*   
Theme Name: Radio ARC Theme
Theme URI: http://www.radioarc.it/
Description: A custom WP theme for radioarc.it
Author: e-direct
Author URI: http://www.e-direct.it/
Version: 1.0
.
General comments/License Statement if any.
.
*/


@import "reset.css";
@import "slider.css";
@import "contact_form.css";



/*
struttura
*/

body {
	background-color: #000;
	margin-bottom: 200px;
	background-repeat: no-repeat;
	background-position: center 0;
	}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#banner_top {
	text-align: center;
	margin-bottom: 20px;
}

#main_col {
	width: 650px;
	float: left;
}

#side_col{
	width: 310px;
	float: left;
	margin: 100px 0 0 0;
	}

#testa {
}

#logo {
	width: 150px;
	float: left;
}


#slidebox {
	background-color: #eee;
	margin: 0 20px 0 0;
}

#slide_nav {
	margin: 0;
	width: 200px;
	float: left;
	padding: 40px 0 40px 20px;
}

.bianco {
	background-color: #fff;
	padding: 0 0 40px 0;
	}
	
.grigio {
	background-color: #222;
	padding: 0 0 40px 0;
	}

.col_principale {
	width: 390px;
	float: left;
}

.post_home {
	margin: 40px 0 0 0;
	}

.post_home h1 {
	margin: 0 0 15px 20px;
	width: 290px;
	}

.post_home p {
	margin: 15px 0 0 20px;
	padding: 0 0 10px 0;
	width: 290px;
	}

.post_home img{}
	
.post_home_thumb {
	margin: 0 20px 0 0;
	background-image: url(images/h_post_bkg.png);
	background-repeat: no-repeat;
	background-position: right 0;
	position: relative;
	} 
	



.post_single {
	margin: 40px 0 40px 0;
	width: 480px;
	}

.post_single h1 {
	margin: 0 0 15px 20px;
	width: 290px;
	}

.post_single p {
	margin: 15px 0 0 20px;
	padding: 0 0 10px 0;
	width: 470px;
	}

.post_single img{}

.single_comment {
	margin: 40px 0 40px 20px;
	width: 460px;
	}
	
.single_comment a {
color: #333333;
	}

.single_comment p small {
	font-size: 10px;
	color: #999999;
	}
	
ol.commentlist {
	margin: 15px 0 0 0px;
	padding: 0 0 10px 0;
	width: 470px;
	}
	
ol.commentlist em {
	margin: 10px 0;
	padding: 0 0 10px 0;
	color: #990000;
	display: block;
	}
	
ol.commentlist p {
	margin: 0;
	}
	
ol.commentlist .photo {
 display: none;
 }
	
.comment-body {
	margin: 20px 0 0 0px;
	width: 470px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
	}
	
.comment-author {
	margin: 0 0 20px 0px;
	}


.commentmetadata, .commentmetadata a {
	margin: 10px 0;
	padding: 0;
	color: #999;
	font-size: 10px;
	text-decoration: none;
	}
	
.vcard cite, .vcard cite a {
	font-weight: bold;
	font-style: normal;
	}
	
	
h3#comments {
	}

#respond {
	margin: 40px 0 40px 20px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
	width: 300px;
	}

#respond input, #respond textarea {
	margin: 20px 0 0 0;
	width: 300px;
	}

#respond small {
	margin: 40px 0 40px 20px;
	padding-top: 20px;
	border-top: 1px dotted #ccc;
	width: 300px;
	color: #999;
	font-size: 10px;
	}

	
div.the_date {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
	color: #222;
}

a.more {
	display: block;
	width: 110px;
	background-image: url(images/more_bkg.png);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 20px 0 0 -20px;
	padding: 3px 20px;
	font-size: 12px;
	color: #333333;
	text-decoration: none;	
}

a.more:hover {
	background-position: right -43px;
	color: #fff;
}
	
	
a.txtbianco {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.txtbianco:hover {
	color: #FF0000;
	text-decoration: none;
	}
	
.col_secondaria {
	width: 260px;
	float: left;
	padding: 0;
}

div.bianco .col_secondaria {
	padding: 82px 0 0 0;
}

.box_secondarie {
	margin: 0 0 40px 0;
	}
	
#dediche, #facebook {
	margin: 40px 0 0 0;
	}
	
#facebook img.banda {
	margin: 0 0 20px 0;	
	}
	
#dediche h3, #dediche h3 a {
	margin: 20px 0 0 10px;
	padding: 0;
	}
	
.pagina {
	padding: 40px 200px 0 20px;
}
	
#footer {
	padding: 10px 20px;
}

/*
tipografia
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	}

#topnav ul li a {
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal
	}

h1, h1 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 21px;
	line-height: 26px;
	color: #333333;
	text-decoration: none;
	}
	
	

h2, h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 21px;
	color: #333333;
	text-decoration: none;
	}

h3, h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #bf0416;
}

.grigio h3, .grigio h3 a, .grigio p {
	color: #fff;
	margin: 15px 0 0 20px;
	padding: 0 60px 0 0;
	}

#slide_nav h2,#slide_nav h2 a {
	color: #700010;
	}

.post_home p {
	}

.col_secondaria p {
	margin: 15px 20px 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
	}

#facebook p {
	border-bottom: none;
	}

#facebook h3 {
	margin: 15px 0 0 0px;
	}
	
#footer, #footer a {
	font-size: 10px;
	color: #fff;
}


#wait {
	height: 657px;
}

#wait h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 21px;
	line-height: 26px;
	color: #bf0416;
	padding: 50px 20px;
	}
	
.palinsesto {
	margin: 0 0 0 20px;
}
.palinsesto h1 {
	color: #bf0416;
	margin:  20px 0 0 0;
	border-top: 1px dotted #ccc;
	width: 529px;
	padding: 20px 0 0 0;
}
.palinsesto h3 {
	margin: 20px 0 0 0;
}
	
.palinsesto p {
	margin: 5px 0 0 0;
}
	
.palinsesto p.orario {
	font-weight: bold;
	color: #333;
}


#pal_display {
	margin: 30px 0 0 20px;
	}


/* dediche home */

ol#ded_home {
	width: 330px;
	margin: 20px 0 0 20px;
	border-bottom: 1px dotted #666;
}

ol#ded_home li {
	border-top: 1px dotted #666;
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
}

ol#ded_home li p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


ol#ded_home li p.ded_auth {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
}


ol#ded_home li h3 {
	margin: 10px 0 3px 0;
	padding: 0 0 0 0;
	color: #fff;
}

ol#ded_home .alt {
}

a.ded_more {
	display: block;
	width: 190px;
	background-image: url(images/ded_more.png);
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 20px 0 0 0;
	padding: 8px 0 8px 20px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

a.ded_more:hover {
	background-position: right -40px;
	color: #fff;
}

#playlist a.ded_more { margin-left: -15px; padding: 8px 0 8px 15px;}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}





/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/


.clock {
	float: left;
	padding: 0 4px;
	}
	
.orange, .blue {
	background: url(images/2punti.gif) no-repeat right center;
}

#date_holder {
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #444;
	margin: 0 auto;
	margin-top: 6px;
	width: 140px;
	text-align: center;
}
	
#clock_holder {
	width: 80px;
	padding: 0;
	margin: 0 auto;
	margin-top: 3px;
}

#date_holder, #clock_holder {
	font-size: 12px;
	color: #fff;
}



/*
	splash
*/

#splash {
	width: 700px;
	height: 300px;
	background: #000;
	color: #FFF;
	margin: 100px auto;
}





/*
	menu
*/

#topnav {
	width: 500px;
	float: left;
	background-color: #FFFFFF;
	margin: 100px 0 0 0;
	padding: 0 0 78px 0;
	position: relative;
}


   
   /* These styles create the dropdown menus. */
#navbar {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
	background-color: #FF0000;
	width: 495px;
	padding-left: 5px;
	}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a:link, #navbar li a:visited {
	background-color: #FF0000;
	display: block;
	padding: 15px 5px;
	background-image: url(images/topnav_li.gif);
	background-repeat: no-repeat;
	background-position: right 47%;
	color: #FFFFFF;
	}
#navbar li a:hover {
   color: #000; }
#navbar li ul {
   display: none;
   border-top: 1px solid  #fff; }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #ddd;
	background-image: url(images/topnav_li_li.gif);
	background-repeat: no-repeat;
	background-position: right 47%;
   color: #444; 
	}
#navbar li li a:hover {
   color: #F00; }


/*
	playlist
*/

#playlist { background: #e4e0bd; padding: 15px; margin-bottom: 30px;}
#playlist .brano { border-bottom: 1px dotted #aaaaaa; padding-bottom: 10px; margin-bottom: 10px;}
#playlist .brano p { color: #87100b;}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	border-top: 1px dotted #ccc;
	padding-top: 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border-left:  1px solid #ddd;
	padding: 5px 7px;
	margin: 2px 0;
	background: #eee;
	color: #333333;
	font-size: 12px;
}

.wp-pagenavi span.pages {
	border-left: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #ddd;

}

.wp-pagenavi span.current {
	font-weight: bold;
}


a.social {
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	text-indent: -999999px;
	margin: 12px 0  15px  10px;
	}
	
	a.soc_tw {
		background: url(images/social.gif) no-repeat -30px 0;
		}
	
	a.soc_tw:hover {
		background: url(images/social.gif) no-repeat -30px -30px;
		}
	
	a.soc_fb {
		background: url(images/social.gif) no-repeat 0 0;
		}
	
	a.soc_fb:hover  {
		background: url(images/social.gif) no-repeat 0  -30px;
		}
		
a.app {
	display: block;
	width: 260px;
	height: 80px;
	float: left;
	text-indent: -999999px;
	margin: 12px 0  15px  0;
	background: url(images/btn_App.jpg) no-repeat 0 0;
	}
		
a.app:hover {
	background: url(images/btn_App.jpg) no-repeat 0 0;
	}
		
		
a.collabora {
	display: block;
	width: 260px;
	height: 80px;
	float: left;
	text-indent: -999999px;
	margin: 12px 0  15px  0;
	background: url(images/btn_collabora.gif) no-repeat 0 0;
	}
		
a.collabora:hover {
	background: url(images/btn_collabora.gif) no-repeat 0 -100px;
	}
	
	
a.onair {
	display: block;
	width: 260px;
	height: 80px;
	float: left;
	text-indent: -999999px;
	margin: 12px 0 15px  0;
	background: url(images/onair.jpg) no-repeat 0 0;
	}
	
div#splash_player {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}
	
.txtSplash {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 26px;
	color: #FFFFFF;
	padding: 50px auto;
}