/*
Theme Name: Blank Suzupearl
Theme URI: http://suzupearl.com/
Description: 
Version: 3.0
Author: Barbara Ripepi
Author URI: http://www.suzupearl.com
Tags: empty, clean, development, design

	
*/

body {
background-attachment:fixed;
background-image:url(images/stripe.png);
background-repeat:repeat;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
}

body a {
text-decoration:none;
}

a img {
	border: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#content {
	background-image:url(images/shadow.png);
	background-repeat:repeat-y;
	color:#c7b15b;
	float:left;
	height:100%;
	width:1028px;
}

#page {
	background-image:url(images/backgr_content.jpg);
	background-repeat:repeat-y;
	color:#280000;
	float:left;
	width:700px;
	height: 100%;
}

#page a {
color:#923a00;
text-decoration:underline;
}

#ultime {
background-image:url(images/ultime.png);
background-position:left top;
background-repeat:no-repeat;
height:54px;
margin-left:35px;
margin-top:260px;

}

#dalfolio {
	background-image:url(images/portfolio.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:54px;
	margin-left:35px;
	margin-bottom: 25px;
}

#mytech {
background-image:url(images/permytech.png);
background-position:left top;
background-repeat:no-repeat;
height:54px;
margin-left:35px;
margin-top:260px;

}

#wordpress {
background-image:url(images/wordpress.png);
background-position:left top;
background-repeat:no-repeat;
height:54px;
margin-left:35px;
margin-top:260px;

}

#articoli {
background-image:url(images/articoli.png);
background-position:left top;
background-repeat:no-repeat;
height:54px;
margin-left:35px;
margin-top:260px;

}

#appunti {
background-image:url(images/appunti.png);
background-position:left top;
background-repeat:no-repeat;
height:54px;
margin-left:35px;
margin-top:260px;

}







#progetti {
background-image:url(images/progetti.png);
background-position:left top;
background-repeat:no-repeat;
height:54px;
margin-left:35px;
}



#containerpost {
	margin-top: 0;
	margin-right: 35px;
	margin-bottom: 35px;
	margin-left: 35px;
	
}


#containerpost h3 a {
	text-decoration: none;	
	
}




#boxnews {
	float: left;
	width: 300px;
	font-size: 13px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 40px;
	margin-left: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#boxnews p {
	margin-top: 5px;
	margin-bottom: 10px;	
}

#boxnews .titolo a, .titolo a:hover{
	font-size: 15px;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	margin-top: 10px;
}

#content #page #containerpost #basefolio {
	background-image: url(images/base_folio.png);
	background-repeat: no-repeat;
	height: 198px;
	width: 621px;	
}

#basefolio img {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	
}








#content #page #containerpost img {
	
	margin-right: 20px;
	margin-bottom: 10px;
	
	background-color: #BF9F32;
}

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




#content #page #containerpost #miniatura {
	font-style: italic;
	font-size: 14px;
	color: #280000;
	float: left;
	width: 610px;
}

#content #page #containerpost #miniatura .titolo {
	font-size: 17px;
	margin-top: 3px;
}

#content #page #containerpost #miniatura a {
	text-decoration: none;	
	
}

#content #page #containerpost #homefolio {
	background-image: url(images/folio_home.png);
	background-repeat: no-repeat;
	height: 108px;
	width: 340px;
	float: left;
	margin-right: 20px;
}

#content #page #containerpost #homefolio img {
	height: 93px;
	width: 330px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

#content #page #containerpost #homefolio img a:hover{
	background-color: #FFD983;	
}



.date {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 50px;
}

#containerpost h2 a {
font-style:italic;
text-decoration:none;
}
#containerpost a:hover {
	color: #000000;
}

#header {
background-image:url(images/header.jpg);
background-repeat:no-repeat;
float:left;
height:253px;
width:700px;
}

#tagline {
color:#923a00;
font-size:18px;
font-style:italic;
margin-top:5px;
padding-right:28px;
text-align:right;
}

#sidebar {
	color:#c7b15b;
	font-size:15px;
	font-style:italic;
	line-height:20px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 720px;
}

#sidebar ul {
	list-style-position:inside;
	list-style-type:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#sidebar ul ul li{
	list-style-position:inside;
	list-style-type:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
}

#sidebar a {
color:#ffd98a;
}

#sidebar a:hover {
	text-decoration:underline;
	color: #c7b15b;
}

#sidebarnavi {
	height:300px;
}

.button_home a {
background-image:url(images/home_li.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:49px;
width:258px;
}

.button_home a:hover {
background-image:url(images/home_li_roll.png);
}

.button_portfolio a {
background-image:url(images/portfolio_li.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:49px;
width:258px;
}

.button_portfolio a:hover {
background-image:url(images/portfolio_li_roll.png);
}

.button_appunti a {
background-image:url(images/appunti_li.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:49px;
width:258px;
}

.button_appunti a:hover {
background-image:url(images/appunti_li_roll.png);
}

.button_lifestream a {
background-image:url(images/lifestream_li.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:49px;
width:258px;
}

.button_lifestream a:hover {
background-image:url(images/lifestream_li_roll.png);
}

.button_contatti a {
background-image:url(images/contatti_li.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:49px;
width:258px;
}

.button_contatti a:hover {
background-image:url(images/contatti_li_roll.png);
}

.button_art a {
background-image:url(images/articoli_li.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:49px;
width:258px;
}

.button_art a:hover {
background-image:url(images/articoli_li_roll.png);
}



#footer {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	font-size:15px;
	font-style:italic;
	height:45px;
	padding-left:60px;
	padding-top:25px;
	width:900px;
	float: left;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #280000;
}

#footer a {
color:#ffd98a;
text-decoration:underline;
}

.button_home,.button_portfolio,.button_appunti,.button_lifestream,.button_contatti {
height:49px;
width:258px;

}












ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li {
	border:1px solid #C7B15B;
	height:1%;
	position:relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 57px;
}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	color: #280000;
}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 Georgia, "Times New Roman", Times, serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p {
	margin:0 0 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4;
	font-weight: normal;
	font-variant: normal;
	color: #280000;
}
ol.commentlist li ul { font:normal 12px/1.4 Georgia, "Times New Roman", Times, serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply {}
ol.commentlist li div.reply:hover {
}
ol.commentlist li div.reply a {
	text-decoration:none;
	text-transform:uppercase;
	font-style: italic;
}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even {
	background-color: #FAF3CA;
}
ol.commentlist li.odd {
	background-color: #E6DDB0;
}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}






#searchform {
	margin-bottom: 40px;
}

#s {
	border:1px solid #C7B15B;
	width:220px;
	background-color: #280000;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFD98A;
	font-size: 14px;
	height: 19px;
}

#searchsubmit {
	border:1px solid #C7B15B;
	color:#FFD98A;
	background-color: #280000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
}

#searchsubmit a:hover{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #006666;
}

img#rssfeed {
   border:none;
}









.menu{
	margin:0;
	padding:0;
	width:280px;
	list-style:none;
	background:rgb(40,0,0);
}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{
	text-align:left;
	height:40px;
	padding:0px 25px;
	color:rgb(40,0,0);
	display:block;
	background:url('images/verMenuImages.png') 0px 0px no-repeat;
	text-decoration:none;
	font-family: Georgia, "Times New Roman";
	font-size: 28px;
	font-style: italic;
	letter-spacing: 0.1em;
	font-weight: lighter;
}
.menu li a:hover{
	background:url('images/verMenuImages.png') 0px -40px no-repeat;
	color:rgb(0,0,0);
	text-decoration: none;
}
.menu li a.active, .menu li a.active:hover{
	background:url('images/verMenuImages.png') 0px -80px no-repeat;
	color:rgb(255,255,255);
	text-decoration: none;
}
.menu li a span{line-height:40px;}

#wishlist1 {
	list-style-type: none;
}
#wishlist1 li{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-image: url(images/star1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#wishlist2 {
	list-style-type: none;
}
#wishlist2 li{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-image: url(images/star2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#wishlist3 {
	list-style-type: none;
}
#wishlist3 li{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-image: url(images/star3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#wishlist4 {
	list-style-type: none;
}
#wishlist4 li{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-image: url(images/star4.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#wishlist5 {
	list-style-type: none;
}
#wishlist5 li{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-image: url(images/star5.png);
	background-repeat: no-repeat;
	background-position: left top;
}