/*

Theme Name: Fellini alla radio

Theme URI:
Description: 
Version: 1.0

Author: Daniele Rollo
Author URI: http://www.lavocedelrigattiere.com/portfolio/

*/



/**************** Body and tag styles ****************/

*{margin:0; padding:0;}


body{
font:76%  Geneva, Tahoma,Verdana,Arial,sans-serif;
line-height:1.4em;
text-align:center;
background:url(images/bg.jpg) top center repeat-x #ffffff;
}


a{
color:#424E58;
background-color:inherit;
}

a:hover{text-decoration:none;}
a img{border:none;}

p{padding:0 0 1.1em 0;}
p form{margin: 5px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

#flickr img {display: block;float: left;padding: 0px;position: relative;height: 55px;width: 55px;border-width:0;margin:2px;}

/**************** Header and navigation styles ****************/


#container{
width:780px;
margin:0px auto;
padding: 0px;
text-align:left;
background: #ffffff;
color:#303030;

}




#header{
height:177px;
width:780px;
margin:0 auto;
color:#444444;
background: url(images/header.jpg) no-repeat left;
}


#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

/* Homeside */

#homeside, #pageside{
width: 450px;
float: right;
background: url(images/toprx.jpg) top right no-repeat #ffffff;
margin: 0 0 10px 0;
}
#homeside #presentazione {width: 450px; float: left; background: #ffffff; margin-top:30px;}
#homeside #logo {width:80px; height: 76px; float: left;}
#homeside #logo img {padding: 15px 10px 0px 0px; margin-right: 10px;}
#homeside h1 {
margin: 20px 20px 20px 90px;
padding: 5px 5px 0px 10px;
line-height:1em;
background: #ffffff;
font-size: 23px;}

#homeside #titolopag {width: 450px; float: left; background: #ffffff; border-bottom: 1px solid #660000;}

#homeside #titolopag h1 {
text-align: right;
margin: 20px 20px 0px 10px;
padding: 5px 5px 3px 10px;
line-height:1em;
font-size: 16px;}

#homeside #titolopag h1 a {text-decoration: none}


#homeside .homebox h2 {padding: 4px; border-bottom: 1px solid #ffffff; background: transparent;}
#homeside .homebox h2 a {line-height: 1em; font-size: 14px; color: #ffffff; text-decoration: none;}
#homeside .homebox h2 a:hover {border-bottom: 1px dotted;}

#homeside .homebox { margin: 0 10px 0 0;  float: left; background: gray;}


#homeside .homebox #radiodrammi {background: url(images/bgradiodrammi.jpg) bottom left no-repeat #660000; padding-bottom: 135px; width: 135px;}
#homeside .homebox #interviste {background: url(images/bginterviste.jpg) bottom left no-repeat #996633; padding-bottom: 135px; width: 135px;}
#homeside .homebox #fellini {background: url(images/bgfellini.jpg) bottom left no-repeat #999999; padding-bottom: 135px; width: 135px;}

.homelogos {text-align: center; margin-top:0; width:760px;}
.homelogos img {padding: 0 10px 0 10px;}

.homeboxtext {padding: 4px;}
.homeboxtext a {line-height: 1.1em; font-size: 13px; color: #ffffff; text-decoration: none}
.homeboxtext a:hover {border-bottom: 1px dotted;}


/* Navigation */

#homeside #navy .inner{padding:0; }

#homeside #navy {

	position: relative;
	margin: 0 auto;
	width: 490px;

}


#homeside #navy ul {

margin: 0 auto;
	width: 440px;
	list-style: none;
	padding: 0;
	display: inline;
	text-transform: uppercase;
float:left;
}



#homeside #navy ul li {
	float: left;
	display: inline;
	margin: 0;
margin-right:2px;
background:url(images/cornerdx.jpg) bottom right no-repeat #660000;
}

#homeside #navy ul li a {


	display: block;

	width: auto;
	margin: 0;
	color: black;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
padding:10px;


}

#homeside #navy ul li a:hover {

	color: #cccccc;

}


#homeside #navy ul li.page_item a {	
padding:10px;
background: url(images/cornersx.jpg) bottom left no-repeat;

color: #fff;
}

#homeside #navy ul li.page_item a:hover, #homeside #navy ul li.current_page_item a {	
background:#ffffff;
	color: #660000;


}





* html #navigation a {width:1%;}

#wrap {width:780px; background: #ffffff; margin:0 auto;}

#fardown {width: 280px; height: 60px; background: url(images/radio.jpg) top left no-repeat #ffffff}



/**************** Content styles ****************/


#content{
margin-top: 10px;
background: url(images/news.jpg)top left no-repeat #ffffff;
width:280px;
font-size:0.9em;

}
#page {float:left;}

#page #content{
margin-top: 10px;
width:410px;
background: #ffffff;
}

#page #content .inner
{
padding:0;
margin-left:10px
}
#page #content p {font-size:13px; line-height: 1.3em}

#content .inner {
padding:10px 0 0 15px;
margin-left:20px
}
#content h2 {
font-size:12px;
font-weight:bold;
padding:0;
border-bottom: 1px solid #cccccc;
margin:0px 0px 0px 0px;
}

#content h2 a {
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
color: #660000;}



#content h2 a:hover{
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
background: #ffffff;
color: #660000;
border-bottom: 1px dotted #660000;}


#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:none; color: #000000; text-decoration: underline;}
#content ul,#content ol{margin:0 5px 10px 10px;font-size: 13px;}
#content ol{font-size: 13px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

#content p {font-size:12px; margin:0; padding:0 5px 20px 5px; line-height: 1em;}
#content .navlink {font-size:11px; margin:0; padding:0 5px 5px 5px; line-height: 1em;}

#content img {margin:5px;} 
a.more-link {font-size: 9px; color: #660000; font-weight:bold; text-decoration: none;}
a:hover .more-link {font-size: 9px; color: #cccccc; font-weight:bold; text-decoration: none;}

blockquote
{
	clear: both;
	padding: 1em;
	margin: 2em 3em;
	font-size: 0.9em;
	line-height: 1.7em;
	background-color: #eeeeee;
	border: 1px solid #a9a9a9;
	background: #eeeeee url(images/right_quotes.png) 95% 85% no-repeat;
}

/**************** Pagination ****************/

p.pagination
{
	float: left;
	margin: 20px; 
	padding: 5px 10px;
	border: 1px solid #0066CC;
	background-color: #f9f9f9;
}

p.pagination a { border-bottom-width: 0; }

a.prev { float: left; padding-left: 10px; background: url(images/prev.gif) center left no-repeat; }

a.next { float: right; padding-right: 10px; background: url(images/next.gif) center right no-repeat; }

/**************** End Pagination ****************/



/* Sidebar */


#sidebar {
display: inline;
background: #cccccc;
	width: 270px;

}

#sidebar .inner {	

margin: 10px 0 20px 0px;
	padding: 0px;}

#left, #right {
display: inline;
	padding: 5px 0 0 0;
}

#left {
float: left;
	width: 140px;
}

#right {
float: left;
	width: 140px;
}




#sidebar #buttons {width: 135px; color: #ffffff; text-align: right; text-transform: uppercase; margin-bottom: 3px;}
#sidebar .radiodrammibt {padding: 5px;  background: url(images/bttop.jpg) top right no-repeat #660000; color: #ffffff;}
#sidebar .intervistebt {padding: 5px; background: #996633; }
#sidebar .fellinibt {padding: 5px; background: url(images/btdown.jpg) bottom right no-repeat #666666;}

#sidebar .radiodrammibt a {color: #ffffff; text-decoration: none}
#sidebar .intervistebt a {color: #ffffff; text-decoration: none}
#sidebar .fellinibt a {color: #ffffff; text-decoration: none}
#sidebar #logosb {width: 135px; text-align: center; background: #ffffff; margin-top: 10px;}

#sidebar #description { background: #ffffff; margin-top: 3px; text-align: center; color: #660000; font-weight: bold; line-height: 0.9em}

#sidebar #description p {padding: 5px 20px 5px 0px; text-align: right; font-size: 12px;}

#sidebar .radiodrammibt  a:hover {background: transparent; color: #ffffff}
#sidebar .intervistebt a:hover {background: transparent; color: #ffffff}
#sidebar .fellinibt a:hover {background: transparent; color: #ffffff}




#sidebar h2 {
	color: #424E58;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	padding: 10px 0 2px 0;
	width: 93%;
	border-bottom: 1px solid #000;
}

#sidebar p {
	margin: 5px 0 5px 0;
	padding: 0px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
}


#sidebar ul a{
	text-decoration:none;
}

#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0 5px 0px 10px;
}

#sidebar li a, #sidebartop a {
	font-size: 11px;
}

#sidebar li a:hover {
background-color: #ffffff;
color: #000000;
text-decoration: underline;}

#sidebartop a:hover {
background-color: #ffffff;
color: #000000;
text-decoration: underline;

}

#sidebar a img {
	border: 0px;
}

#sidebar a:hover img {
	border: 0px;
}

#sidebar a:hover  {
background-color: #ffffff;
color: #000000;
text-decoration: underline;
}

/**************** Menublock styles ****************/

.menublock{margin:0 0 5px 8px;;  font-size:0.9em;}
.menublock, .tile ul{margin:0 0 20px 8px; font-size:1.1em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{text-decoration:none;}
.menublock li a:hover{text-decoration:none;
color: #ffffff; 
background: #467aa7;
}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#cerca {width: 135px; background: url(images/btdown.jpg) bottom right no-repeat #666666; padding-bottom: 5px; margin-bottom: 3px;}
#cerca p {padding: 1px; margin:0px;}
#cerca #cap {width: 135px; background: url(images/bttop.jpg) top right no-repeat #660000; padding-top: 0px;}
#cerca h2 {padding: 0 0 0 4px; color: #ffffff; font-size: 11px; margin: 0; border: 0; font-weight: normal}



#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.0em;
width:50px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:50px;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:780px;
height: 99px;
margin: 0px auto;
font-size:0.9em;
color:#333333;
background: url(images/footer.jpg) bottom no-repeat #ffffff;
}

#footer p{padding-top: 60px; margin:0; text-align:center; color:#ffffff;}
#footer a{color:#ffffff;font-weight:bold; text-decoration:none;}
#footer a:hover{color:#cccccc; text-decoration:none;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box {
font-size:9px;
padding:3px;
background: #dfefff;
margin:15px 0px 0px 0px;
}

.box a {
font-size:09px;
font-weight:bold;
text-decoration:none;
border:  0px;
background: #bad1e8;
color: #003366;}



.box a:hover{
font-size:09px;
font-weight:bold;
text-decoration:none;
border: solid 0px #bad1e8;
color: #000000;}

	
/**************** Entry ****************/
	
.entry { margin:0 0 20px 0; padding:4px 2px 2px; color:#666; font-size:10px; text-align:left; background:url(images/entry.png) no-repeat top left; }
p img { margin:0; padding:2px; border:none; max-width:100%; }



/****************SEARCH FORM****************/

#searchform
{
	font-size: 1.0em;
	margin: 0;
}

#searchform p {padding: 3px;}

/*#searchform input
{
	width: 50px;
	margin: .3em 0 1em 0;
}
*/
textarea, #author, #email, #url, #searchform input
{
	font-size: 1.1em;
	background: #fff;
	color: #333;
	padding: 1px 2px;
	border: 1px solid #d9d9d9;
}
textarea:focus, #author:focus, #email:focus, #url:focus, #searchform input:focus { border-color: #36d; }


/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}

.entrymeta{
	font-size:0.9em;
	color: #6699cc;
}
.entry img {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 5px;
}
.postedby{

	padding:3px;

}
.filedto{

	padding:3px;

}
.commentslink{

	padding:3px;

}

.trackbacklink{
	background:#fff url(./images/trackback.png) no-repeat;
	padding:3px;
	padding-left:20px;
}

.sec-a{
	background:#eff2ef;
        float:left; 
	width:775px;
	padding:0 15px;
	}
	
.commentlist {
	margin: 0;
	padding: 0;
}

.commentlist li {
	border: 1px solid #ffffff;
	background: #eeeeee;
	color: #3D3D3D;
	list-style: none;
	margin: 0px;
	padding: 5px 5px 0 5px;
}

.commentlist li:hover {
	border: 1px solid #CCCCCC;
}