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

SHEILASKALEIDOSCOPE.COM CSS

Style: screen
Author: Emanuele Pelliccione
Last Update: 26-05-2009

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


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

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
cite,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
body 
{
	margin-bottom: 10px;
	background: #dacead url(../i/bg.jpg) 0 0 repeat-x;
	color: #514e43;
	font: 11px/20px verdana, arial, helvetica, sans-serif;
	text-align: center;
}
hr, span.hide 
{
	display: none;
}
.alignright 
{
	float: right;
}
.alignleft 
{
	float: left
}
.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright 
{
	margin: 0 0 10px 10px;
}
img.alignleft 
{
	margin: 0 10px 10px 0;
}
div#recordnav div.alignleft 
{
	width: 200px;
}
div#recordnav div.alignright 
{
	width: 200px;
	text-align: right;
}

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

div#header 
{
	position: relative;
	margin: 0 auto;
	width: 760px;	
	height: 272px;
}
div#navigation 
{
	width: 24px;
}
div#container 
{
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../i/bg_columns.gif) 0 0 repeat-y;
	text-align: left;
}
div#containertop 
{
	width: 760px;
	height: 13px;
	margin: 0 auto;
	background: transparent url(../i/top_columns.gif) 0 0 no-repeat;
}
div#containerbut 
{
	width: 760px;
	height: 19px;
	margin: 0 auto;
	background: transparent url(../i/but_columns.gif) 0 0 no-repeat;
}
div#left 
{
	float: left;
	width: 464px;
	padding: 10px 15px 10px 39px;
}
div#right 
{
	float: right;
	width: 205px;
	padding: 10px 15px 10px 22px;
}

/*
----------------------------------------------------------------------
LAYOUT > POSTS
----------------------------------------------------------------------
*/

div.title 
{	
	width: 444px;
	margin-top: 15px;
	padding: 10px;	
	background: #e8dec1 url(../i/bg_title.gif) 0 0 no-repeat;
}
div.post 
{
	padding: 15px 15px 3px 15px;
	background: transparent url(../i/bg_post.gif) 0 0 repeat-y;
}
div.postbut 
{
	height: 9px;
	background: url(../i/but_post.gif) 0 0 no-repeat;
}
div.titleb 
{
	height: 9px;
	background: transparent url(../i/up_text.gif) 0 0 no-repeat;
}
div.postb {
	padding: 12px 15px 0 15px;
	background: transparent url(../i/bg_post.gif) 0 0 repeat-y;
}
div#recordnav 
{
	width: 464px;
	margin-top: 20px;
}

/*
----------------------------------------------------------------------
LAYOUT > COMMENTS
----------------------------------------------------------------------
*/

div#respond 
{
	clear: both;
	padding-top: 40px;
}
div.comment-body
{
	padding-bottom: 10px;
	background: url(../i/but_post.gif) bottom left  no-repeat;
}
div.comment-author 
{
	width: 444px;
	overflow: hidden;
	margin-top: 15px;
	padding: 10px;
	background: #e8dec1 url(../i/bg_title.gif) 0 0 no-repeat;
}
div.comment-author img 
{
	float: left;
	margin-right: 10px;
}
div.comment-meta a
{
	position: relative;
	top: -28px;
	left: 56px;
}
div#allowed-tags
{
	margin-bottom: 5px;
	padding: 2px 25px;
	background-color: #efead0;
	color: #767369; 
}
div#smilies 
{
	width: 444px;
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
	overflow: auto;
	background-color: #efead0;
}
div.smile 
{
	float: left;
	width: 34px;
	height: 32px;
	text-align: center;
}
div#comment-notes
{
	padding-top: 40px;
	color: #767369; 
}

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

h1 
{
	position: absolute;
	top: 0;
	left: 24px;
	width: 736px;
	height: 272px;
	text-indent: -9999px;
}
h1#head_blog
{
	background: transparent url(../i/head_blog.jpg) 0 0 no-repeat;
}
h1#head_about {
	background: transparent url(../i/head_about.jpg) 0 0 no-repeat;
}
h1#head_contact {
	background: transparent url(../i/head_contatti.jpg) 0 0 no-repeat;
}
h2 
{
	margin-bottom: 25px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #d1693b;
	color: #d1693b;
	font-size: 16px;
}
h3 
{
	color: #d1693b;
	font-size: 15px;
}
div#right h2 
{
	margin: 20px 0 0 0;
	padding: 10px 10px 10px 5px;
	border-top: 1px solid #c7c2ab;
	border-bottom: none;
	color: #8d8774;
	font-size: 12px;
	font-weight: bold;
}
p 
{
	padding-bottom: 12px;
}
ul, 
ol 
{
	list-style: none;
}
a:link, 
a:visited 
{
	color: #358bb5;
	font-weight: bold;
	text-decoration: none;
}
a:hover, 
a:focus 
{
	color: #47b2dd;
	text-decoration: underline;
}

/*
----------------------------------------------------------------------
TYPOGRAPHY > COLUMN
----------------------------------------------------------------------
*/

div#right {
	color: #8e8878;
}
div#right table 
{
	width: 205px;
}
div#right td, 
div#right th 
{
	padding: 5px;
	color: #8e8878;
	font: 11px verdana, arial, helvetica, sans-serif;
}
div#right th 
{
	color: #8d8774;
	font-weight: bold;
}
div#right tfoot td 
{
	padding-top: 15px;
}
div#right caption 
{
	padding-bottom: 15px;
	color: #8d8774;
	font-size: 13px;
	font-weight: bold;
}
div#right td#next 
{
	text-align: right;
}
div#right ul li ul li,
div#right dd,
div#right dt
{
	padding-left: 20px;
}
div#right input 
{
	width: 130px;
	padding: 4px;
	border: 1px solid #c7bda0;
	color: #514e43;
	font: 11px verdana, arial, helvetica, sans-serif;
	background-color: #fefef6;
}
div#right input:hover
{
	border: 1px solid #a89e80;
} 
div#right input:focus
{
	border: 1px solid #a89e80;
	background-color: #fff;
} 
div#right a:link, 
div#right a:visited 
{
	color: #3181a8;
	font-weight: normal;
}
div#right a:hover, 
div#right a:focus 
{
	color: #47b2dd;
}
div#right table a:link, 
div#right table a:visited 
{
	color: #4ea1c9;
	font-weight: bold;
}
div#right table a:hover, 
div#right table a:focus 
{
	color: #53bfea;
}
div#right li#rss a 
{
	display: block;
	padding-left: 25px;
	background: url(../i/rss.gif) 0 50% no-repeat;
}

/*
----------------------------------------------------------------------
TYPOGRAPHY > POSTS
----------------------------------------------------------------------
*/

h3 a:link, 
h3 a:visited 
{
	color: #d1693b;
}
h3 a:hover, 
h3 a:focus 
{
	color: #ed7845;
	text-decoration: none;
}
div.title p 
{
	padding-bottom: 0;
	font-size: 10px;
}
div.post p.endpost 
{
	clear: both;
	padding: 30px 0 3px 0;
	padding-bottom: 0;
	text-align: center;
}
div.post p.centrato 
{
	text-align: center;
}
div.post p.centratodoppio 
{
	text-align: center;
	padding-bottom: 15px;
}
div.post p.doppio 
{
	padding-bottom: 24px;
}
div.post p.firma 
{
	padding-top: 20px;
	text-align: center;
}
div.post p.immagine {
	padding: 5px 0 0 0;
	text-align: center;
}
div.post p.didascalia 
{
	padding: 3px 0 18px 0;
	font-size: 10px;
	font-style: italic;
	text-align: center;
}
div.post ul 
{
	padding-bottom: 12px;
}
div.post ol 
{
	padding-bottom: 12px;
}
div.post ul li 
{	
	margin-left: 15px;
	list-style-type: disc;
}
div.post ol li 
{	
	margin-left: 25px;
	list-style-type: decimal;
}
div.post blockquote 
{
	margin: 14px 20px 0 20px;
}
div.post blockquote.riquadro 
{
	background-color: #fdfaec;
	border: 1px solid #ccc2a4;
	padding: 12px 12px 0 12px;
}
div.post span.sottolineato 
{
	text-decoration: underline;
}
div.post span.rientro
{
	margin-left: 58px;
}
div.post img.prew 
{
	margin-bottom: 13px;
}
p.endpost img
{
	position: relative;
}
p.endpost img.icon-folder,
p.endpost img.icon-print
{
	top: 2px;
}
p.endpost img.icon-comments
{
	top: 1px;
}

/*
----------------------------------------------------------------------
TYPOGRAHPY > COMMENTS
----------------------------------------------------------------------
*/

h2#comments 
{
	margin-top: 40px;
}
ol.commentlist li
{
	background: transparent url(../i/bg_post.gif) 0 0 repeat-y;
}
ol.commentlist li p
{
	padding: 0 12px 12px 12px;
}
div.comment-author cite.fn 
{
	color: #d1693b;
	font-style: normal;
	font-weight: bold;
}
div.comment-author span.says
{
	display: none;
}
div.comment-meta
{
	font-size: 10px;
}
div.comment-meta a 
{
	color: #767369;
	font-weight: normal;
	text-decoration: none;
}
div#allowed-tags p,
div#comment-notes p
{
	padding-bottom: 0;
	font-size: 10px;
}
div#allowed-tags ul
{
	margin: 12px 0 2px 0;
	font-size: 10px;
}
div#allowed-tags a,
div#comment-notes a
{
	font-weight: normal;
}
div#comment-notes p#avatar-info
{
	margin-top: 20px;
	padding: 10px;
	border-top: 1px dashed #cfc5a7;
	border-bottom: 1px dashed #cfc5a7;
	background-color: #efead0;
	font-size: 10px;
}

/*
----------------------------------------------------------------------
TYPOGRAPHY > FORMS (COMMENT/CONTACT)
----------------------------------------------------------------------
*/
form#commentform 
{
	margin: 20px 0 0 0;
}
form#commentform dd 
{
	padding-bottom: 15px;
}
form#commentform label 
{
	display: block;
	padding: 2px 0 0 7px;
	background: transparent url(../i/bg_label.gif) 0 0 no-repeat;
	color: #6d6857;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}
form#commentform input,
form#commentform textarea 
{
	width: 452px;
	padding: 5px;
	border: 1px solid #cfc5a7;
	background-color: #fefef6;
	color: #514e43;
	font: 11px verdana, arial, helvetica, sans-serif;
}
form#commentform input:hover,
form#commentform textarea:hover
{
	border: 1px solid #a89e80;
} 
form#commentform input:focus,
form#commentform textarea:focus
{
	border: 1px solid #a89e80;
	background-color: #fff;
} 
form#commentform textarea 
{
	height: 200px;
}
form#commentform button 
{
	width: 64px;
	height: 23px;
	background: transparent url(../i/button-invia.gif) 0 0 no-repeat;
	cursor: pointer;
}
form#commentform button:hover
{
	background: transparent url(../i/button-invia.gif) 0 -23px no-repeat;
}

/*
----------------------------------------------------------------------
TYPOGRAHPY > NAVIGATION
----------------------------------------------------------------------
*/

div#navigation ul 
{
	position: absolute;
	top: 9px;
	left: 0;
	width: 24px;
}
div#navigation ul li 
{
	position: absolute;
	text-indent: -9999px;
}
div#navigation ul li#blog 
{
	top: 0;
	left: 0;
	background: transparent url(../i/bt_blogo.gif) top left no-repeat;
}
div#navigation ul li.page-item-7 
{
	top: 82px;
	left: 0;
	background: transparent url(../i/bt_abouto.gif) top left no-repeat;
}
div#navigation ul li.page-item-8 
{
	top: 164px;
	left: 0;
	background: transparent url(../i/bt_contattio.gif) top left no-repeat;
}
div#navigation ul li a 
{
	display: block;
	width: 24px;
	height: 78px;
	line-height: 78px;
}
div#navigation ul li#blog a:link, 
div#navigation ul li#blog a:visited 
{ 
	background: transparent url(../i/bt_blog.gif) top left no-repeat;
}
div#navigation ul li#blog a:hover, 
div#navigation ul li#blog a:focus 
{ 
	background: transparent url(../i/bt_blogo.gif) top left no-repeat;
}
div#navigation ul li.page-item-7 a:link, 
div#navigation ul li.page-item-7 a:visited 
{ 
	background: transparent url(../i/bt_about.gif) top left no-repeat;
}
div#navigation ul li.page-item-7 a:hover, 
div#navigation ul li.page-item-7 a:focus 
{ 
	background: transparent url(../i/bt_abouto.gif) top left no-repeat;
}
div#navigation ul li.page-item-8 a:link, 
div#navigation ul li.page-item-8 a:visited 
{ 
	background: transparent url(../i/bt_contatti.gif) top left no-repeat;
}
div#navigation ul li.page-item-8 a:hover, 
div#navigation ul li.page-item-8 a:focus 
{ 
	background: transparent url(../i/bt_contattio.gif) top left no-repeat;
}
body#page_blog div#navigation ul li#blog a, 
body#page_blog div#navigation ul li#blog a:hover 
{
	background: transparent url(../i/bt_blogo.gif) top left no-repeat;
}
body#page_about div#navigation ul li.page-item-7 a, 
body#page_about div#navigation ul li.page-item-7 a:hover 
{
	background: transparent url(../i/bt_abouto.gif) top left no-repeat;
}
body#page_contact div#navigation ul li.page-item-8 a, 
body#page_contact div#navigation ul li.page-item-8 a:hover 
{
	background: transparent url(../i/bt_contattio.gif) top left no-repeat;
}