/*
---------------------------------------------------------------------

ROCKAMBULA CSS

Style Type: Screen
Author: Emanuele Pelliccione
Last Update: 15-03-2009

---------------------------------------------------------------------
*/

/*
--------------------------------------------------------
GLOBALS
--------------------------------------------------------
*/

html, 
body,
div,
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p,
ul, 
ol, 
li,
dl, 
dt, 
dd,
a,
img,
iframe,  
form,
fieldset,
legend,
label, 
input, 
textarea,
button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
hr 
{
	display: none;
}
body 
{
	background: #343434 url(../img/bg.gif) 0 0 repeat-x fixed;
	color: #3a3a3a;
	font: 11px/18px verdana, arial, helvetica, sans-serif;
}

/*
--------------------------------------------------------
LAYOUT > GLOBALS
--------------------------------------------------------
*/

div#container
{
	width: 796px;
	margin: 0 auto;
}
div#header
{
	position: relative;
	height: 109px;
	background: transparent url(../img/header.png) 0 0 no-repeat;
}
div#header div#banner-top 
{
	position: absolute;
	top: 31px;
	right: 43px;
	width: 468px;
	height: 60px;
	overflow: hidden;
	text-align: right;
}
div#contents
{
	background: transparent url(../img/shadow.png) 0 0 repeat-y;
}
div#content
{
	margin: 0 44px;
	background-color: #fff;
}
div.content
{
	margin: 0 10px;
}
div#columns
{
	width: 708px;
	overflow: hidden;
	background: transparent url(../img/columns.png) 0 0 repeat-y;
}
div#column-main
{
	float: left;
	width: 435px;
	padding-left: 1px;
}
div#column-side
{
	float: right;
	width: 270px;
	padding-right: 1px;
}
div#single
{
	background: transparent url(../img/single.png) 0 0 repeat-y;
}
div#bar-top
{
	position: relative;
	height: 34px;
	padding: 0 10px;
	background: #585858 url(../img/bar-top.png) 0 0 no-repeat;
}
div#footer
{
	padding: 36px 0 10px 0;
}
div.footer-double
{
	background: transparent url(../img/footer-double.png) 0 0 no-repeat;
}
div.footer-single
{
	background: transparent url(../img/footer-single.png) 0 0 no-repeat;
}

/*
--------------------------------------------------------
LAYOUT > HOMEPAGE
--------------------------------------------------------
*/

div#top-band img
{
	width: 435px;
}
div#adsense
{
	margin: 18px 0;
	line-height: 0;
}
div.latest
{
	overflow: hidden;
	margin-bottom: 18px;
}
div.latest img
{
	float: left;
	width: 70px;
	margin-right: 10px;
}

/*
--------------------------------------------------------
LAYOUT > PAGES
--------------------------------------------------------
*/

div.item 
{
	overflow: hidden;
	margin: 0 1px;
	padding: 18px 10px;
	border-bottom: 1px solid #c0c0c0;
}
div.light
{
	background-color: #e6e6e6;
}
div.dark
{
	background-color: #d9d9d9;
}
div.item img 
{
	float: left;
	width: 110px;
	margin-right: 10px;
}
div#pagination 
{
	padding: 17px 0 10px 0;
}

/*
--------------------------------------------------------
LAYOUT > PAGES > LINKS
--------------------------------------------------------
*/

body#page-links div#bar-top form label
{
	display: block;
	float: left;
	margin: -6px 5px 0 0;
}
body#page-links div.content
{
	margin-top: 18px;
}
body#page-links div#pagination 
{
	padding-top: 0;
}

/*
--------------------------------------------------------
LAYOUT > PAGES > STAFF
--------------------------------------------------------
*/

body#page-staff form 
{
	width: 414px;
	margin-bottom: 18px;
	padding-top: 6px;
	background: #d9d9d9 url(../img/field-separator-top.gif) 0 0 no-repeat;
}
body#page-staff form fieldset 
{
	padding-bottom: 6px;
	background: #d9d9d9 url(../img/field-separator-bottom.gif) bottom left no-repeat;
}
body#page-staff form dd 
{
	padding: 3px 0 16px 0;
	background: #d9d9d9 url(../img/field-separator.gif) bottom left no-repeat;
}
body#page-staff form label 
{
	display: block;
	float: left;
	width: 70px;
	margin: 7px 10px 0 10px;
}
body#page-staff input,
body#page-staff textarea
{
	width: 304px;
	padding: 3px;
	border: 1px solid #bababa;
	background-color: #d0d0d0;
}
body#page-staff input:hover,
body#page-staff textarea:hover
{
	border: 1px solid #979797;
}
body#page-staff input:focus,
body#page-staff textarea:focus
{
	border: 1px solid #979797;
	background-color: #c9c9c9;
}
body#page-staff form button
{
	position: relative;
	left: 90px;
	width: 55px;
	height: 18px;
	background: transparent url(../img/button-invia.png) 0 0 no-repeat;
	cursor: pointer;
}
body#page-staff form button:hover
{
	background: transparent url(../img/button-invia.png) 0 -18px no-repeat;
}
body#page-staff form button span
{
	display: none;
}

/*
--------------------------------------------------------
LAYOUT > PAGES > DETAIL PAGES
--------------------------------------------------------
*/

body.page-detail div.content
{
	overflow: hidden;
	margin-top: 18px;
}
body.page-detail div.content img
{
	float: left;
	width: 110px;
	border: 5px solid #c9c9c9;
}
div#article
{
	margin-left: 130px;
	padding-left: 10px;
	border-left: 1px dashed #bdbdbd;
}

/*
--------------------------------------------------------
LAYOUT > PAGES > SEARCH
--------------------------------------------------------
*/

div#bar-top form
{
	position: absolute;
	top: 6px;
	right: 10px;
}
div#bar-top form label
{
	display: none;
}
div#bar-top form input,
div#bar-top form select
{
	float: left;
	width: 180px;
	margin: 1px 5px 0 0;
	padding: 1px 2px 2px 2px;
	border: 1px solid #cecece;
	background-color: #aaa;
}
div#bar-top form select
{
	width: 100px;
	margin-top: 0;
	padding-bottom: 1px;
}
div#bar-top form input:hover,
div#bar-top form select:hover
{
	border: 1px solid #fff;
}
div#bar-top form input:focus,
div#bar-top form select:focus
{
	border: 1px solid #fff;
	background-color: #ccc;
}
div#bar-top form button
{
	float: left;
	width: 49px;
	height: 18px;
	background: transparent url(../img/button-vai.png) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
div#bar-top form button:hover
{
	background: transparent url(../img/button-vai.png) 0 -18px no-repeat;
}

/*
--------------------------------------------------------
TYPOGRAPHY > GLOBALS
--------------------------------------------------------
*/

div#bar-top
{
	color: #cacaca;
	font-size: 10px;
	line-height: 30px;
}
div#footer
{
	color: #aaa;
	font-size: 10px;
	text-align: center;
}
h1
{
	position: absolute;
	top: 24px;
	left: 0;
	width: 260px;
	height: 70px;
	text-indent: -9999px;
}
h2 
{
	height: 35px;
	text-indent: -9999px;
}
h3,
h4
{
	font-family: georgia, "times new roman", times, serif;
	font-size: 12px;
}
h2#title-page-home
{
	background: #40403e url(../img/title-page-home.png) 0 0 no-repeat;
}
h2#title-page-recensioni
{
	background: #40403e url(../img/title-page-recensioni.png) 0 0 no-repeat;
}
h2#title-page-interviste
{
	background: #40403e url(../img/title-page-interviste.png) 0 0 no-repeat;
}
h2#title-page-articoli
{
	background: #40403e url(../img/title-page-articoli.png) 0 0 no-repeat;
}
h2#title-page-concerti
{
	background: #40403e url(../img/title-page-concerti.png) 0 0 no-repeat;
}
h2#title-page-links
{
	background: #40403e url(../img/title-page-links.png) 0 0 no-repeat;
}
h2#title-page-staff
{
	background: #40403e url(../img/title-page-staff.png) 0 0 no-repeat;
}
h2#title-page-news
{
	background: #40403e url(../img/title-page-news.png) 0 0 no-repeat;
}
p,
ul 
{
	padding-bottom: 18px;
}
ul
{
	list-style: none;
}
li
{
	padding-left: 11px;
	background: transparent url(../img/bullet.gif) 1px 6px no-repeat;
}
dt
{
	font-family: georgia, "times new roman", times, serif;
	font-size: 12px;
}
div#footer p 
{
	padding-bottom: 0;
}
p#notes
{
	color: #666;
}
a:link,
a:visited
{
	color: #b80303;
	text-decoration: underline;
}
a:hover,
a:focus
{
	color: #ff1818;
	text-decoration: underline;
}
h1 a
{
	display: block;
	width: 260px;
	height: 70px;
}
div#footer a:link,
div#footer a:visited
{
	color: #777;
}
div#footer a:hover,
div#footer a:focus
{
	color: #fff;
}

/*
--------------------------------------------------------
TYPOGRAPHY > HOMEPAGE
--------------------------------------------------------
*/

div#columns h3
{
	height: 32px;
	margin-bottom: 18px;
	text-indent: -9999px;
}
h3#title-news
{
	background: #dededc url(../img/title-news.png) 0 0 no-repeat;
}
h3#title-concerti
{
	background: #dededc url(../img/title-concerti.png) 0 0 no-repeat;
}
h3#title-contatti
{
	background: #dededc url(../img/title-contatti.png) 0 0 no-repeat;
}
h3#title-recensioni
{
	background: #f7f7f5 url(../img/title-recensioni.png) 0 0 no-repeat;
}
h3#title-interviste
{
	background: #f7f7f5 url(../img/title-interviste.png) 0 0 no-repeat;
}
h3#title-articoli
{
	background: #f7f7f5 url(../img/title-articoli.png) 0 0 no-repeat;
}
h3#title-staff
{
	background: #f7f7f5 url(../img/title-staff.png) 0 0 no-repeat;
}
div#top-band p
{
	height: 38px;
	margin-top: -6px;
	padding-bottom: 0;
	background: #3f3f3f url(../img/title-top-band.png) 0 0 no-repeat;
	font: 14px/32px georgia, "times new roman", times, serif;	
}
div#top-band p a:link,
div#top-band p a:visited
{
	display: block;
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
}
div#top-band p a:hover,
div#top-band p a:focus
{
	color: #ccc;
	text-decoration: underline;
}
div.latest a:link img,
div.latest a:visited img
{
	border: 5px solid #e6e6e6;
}
div.latest a:hover img,
div.latest a:focus img
{
	border: 5px solid #d6d6d6;
}

/*
--------------------------------------------------------
TYPOGRAPHY > PAGES
--------------------------------------------------------
*/

div.item p,
div.item ul 
{
	padding-bottom: 0;
}
div#pagination 
{
	text-align: center;
}
div.item a:link img,
div.item a:visited img
{
	border: 5px solid #c9c9c9;
}
div.item a:hover img,
div.item a:focus img
{
	border: 5px solid #a7a7a7;
}
div#pagination a:link, 
div#pagination a:visited 
{
	margin: 0 4px;
	padding: 2px 5px;
	border: 1px solid #bbb;
	background-color: #ccc;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
div#pagination a:hover, 
div#pagination a#currentpage 
{
	border: 1px solid #b80303;
	background-color: #b80303;
	color: #fff;
}
div#pagination a#currentpage 
{
	cursor: default;
}

/*
--------------------------------------------------------
TYPOGRAPHY > PAGES > LINKS
--------------------------------------------------------
*/

body#page-links h3
{
	margin-bottom: 18px;
}

/*
--------------------------------------------------------
TYPOGRAPHY > PAGES > STAFF
--------------------------------------------------------
*/

p#contact-info
{
	padding-top: 18px;
	border-top: 1px dashed #bdbdbd;
}
p#contact-note
{
	font-size: 10px;
}
body#page-staff form label,
body#page-staff input,
body#page-staff textarea
{
	font: 11px verdana, arial, helvetica, sans-serif;
}
body#page-staff form label 
{
	font-weight: bold;
	text-align: right;
}
p#feedback
{
	width: 354px;
	padding: 10px 10px 10px 50px;
	font-weight: bold;
}
p#feedback.ok 
{
	
	border-top: 1px solid #8fdc79;
	border-bottom: 1px solid #8fdc79;
	background: #e4f6de url(http://www.buycentraladv.it/commons/i/icon_ok.png) no-repeat 10px 50%;
	
}
p#feedback.error 
{
	border-top: 1px solid #ff0038;
	border-bottom: 1px solid #ff0038;
	background: #ffd8d6 url(http://www.buycentraladv.it/commons/i/icon_error.png) no-repeat 10px 50%;
}

/*
--------------------------------------------------------
TYPOGRAPHY > PAGES > DETAIL PAGES
--------------------------------------------------------
*/

body.page-detail h3
{
	margin-bottom: 18px;
}
p#crumbread
{
	margin: 0 1px;
	padding: 5px 10px;
	background-color: #d7d7d7;
	font-size: 10px;
}

/*
--------------------------------------------------------
TYPOGRAPHY > PAGES > SEARCH
--------------------------------------------------------
*/

div#bar-top form input,
div#bar-top form select
{
	color: #333;
	font: 10px verdana, arial, helvetica, sans-serif;
}

/*
--------------------------------------------------------
TYPOGRAPHY > PAGES > NEWS
--------------------------------------------------------
*/

h3#title-others
{
	padding-top: 18px;
	border-top: 1px dashed #bdbdbd;
}

/*
--------------------------------------------------------
TYPOGRAPHY > MAIN MENU
--------------------------------------------------------
*/

ul#menu 
{
	position: relative;
	width: 708px;
	height: 32px;
	padding-bottom: 0;
	background: transparent url(../img/menu.png) 0 0 no-repeat;
}
ul#menu li 
{
	position: absolute;
	top: 0;
	padding-left: 0;
	background: none;
}
ul#menu li a 
{
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
}
li#menu-home 
{
	left: 8px;
	width: 74px;
}
li#menu-recensioni 
{
	left: 82px;
	width: 107px;
}
li#menu-interviste 
{
	left: 189px;
	width: 104px;
}
li#menu-articoli
{
	left: 293px;
	width: 160px;
}
li#menu-concerti
{
	left: 453px;
	width: 95px;
}
li#menu-links
{
	left: 548px;
	width: 76px;
}
li#menu-staff
{
	left: 624px;
	width: 76px;
}
li#menu-home a:hover, 
li#menu-home a:focus 
{
	background: transparent url(../img/menu.png) -8px -32px no-repeat;
}
li#menu-recensioni a:hover, 
li#menu-recensioni a:focus 
{
	background: transparent url(../img/menu.png) -82px -32px no-repeat;
}
li#menu-interviste a:hover, 
li#menu-interviste a:focus 
{
	background: transparent url(../img/menu.png) -189px -32px no-repeat;
}
li#menu-articoli a:hover, 
li#menu-articoli a:focus 
{
	background: transparent url(../img/menu.png) -293px -32px no-repeat;
}
li#menu-concerti a:hover, 
li#menu-concerti a:focus 
{
	background: transparent url(../img/menu.png) -453px -32px no-repeat;
}
li#menu-links a:hover, 
li#menu-links a:focus 
{
	background: transparent url(../img/menu.png) -548px -32px no-repeat;
}
li#menu-staff a:hover, 
li#menu-staff a:focus 
{
	background: transparent url(../img/menu.png) -624px -32px no-repeat;
}
body#page-home li#menu-home 
{
	background: transparent url(../img/menu.png) -8px -32px no-repeat;
}
body#page-recensioni li#menu-recensioni 
{
	background: transparent url(../img/menu.png) -82px -32px no-repeat;
}
body#page-interviste li#menu-interviste 
{
	background: transparent url(../img/menu.png) -189px -32px no-repeat;
}
body#page-articoli li#menu-articoli 
{
	background: transparent url(../img/menu.png) -293px -32px no-repeat;
}
body#page-concerti li#menu-concerti 
{
	background: transparent url(../img/menu.png) -453px -32px no-repeat;
}
body#page-links li#menu-links 
{
	background: transparent url(../img/menu.png) -548px -32px no-repeat;
}
body#page-staff li#menu-staff 
{
	background: transparent url(../img/menu.png) -624px -32px no-repeat;
}