/*
Theme Name: Blackpio
Theme URI: http://blackpio.com/
Description: Wordpress theme for blackpio.com.
Version: 1.0
Author: Gianluca Sanna
Author URI: http://gianlucasanna.name
Tags: blackpio

*/


BODY
{
	font-family: "Trebuchet MS", "FreeSans", "Lucida Sans";
	font-size: 11px;
	background: url(images/pois.png);
}

ul
{
	list-style-image: url(images/bullet.png);
}

HR 
{
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

.content h2
{
	clear: both;
	margin-top: 20px;
	font-size: 16px;
	border-bottom: dotted 1px #ccc;
}

.content h3
{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.content p
{
	margin: 10px;
}

.content ul
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.content strong, 
{
	color: #bcd3cb;
}

.content a, .content a:active, .content a:visited, .content a:hover
{
	color: #000;
}

#all
{	
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

#top
{
	/* background: #74A4A4 url(images/halloween.png) 0px 0px no-repeat; */
	/* background: #74A4A4 url(images/albero.png) 0px 0px no-repeat; */
	background: #74A4A4 url(images/sfondo_sito.png) 0px 0px no-repeat;
	width: 100%;
	height:300px;
	border: solid 3px #bcd3cb;
}

.content
{
	border: solid 3px #bcd3cb;
	background: url(images/stripe1.png);
	width: 100%;
	margin-top: 15px;
}

.content .container
{
	margin: 10px;
	padding: 10px;
	background-color: #fff;
	position: relative;	
	z-index: 0;
}

.content .container .title
{
	background-color: #bcd3cb;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	width: auto;
	margin-right: auto;
	float: left;
	position: absolute;
	top: -10px;
	padding: 4px;
}

.content .container .text
{
	clear: both;
	margin-top: 20px;
	z-index: 1000;
	position: relative;
}

#logo
{
	margin-top: 240px;
	margin-left: 20px;
	float: left;
}

#logo img
{
	border: none;
}

#menu
{
	float: right;
}

#menu .voce-menu,
#menu .voce-menu-sel
{
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 100px;
	margin-top: 183px;
	height: 100%;
	font-weight: bold;
	white-space: nowrap;
} 

#menu .voce-menu	a, #menu .voce-menu	a:active, #menu .voce-menu	a:visited, #menu .voce-menu	a:hover,
#menu .voce-menu-sel	a, #menu .voce-menu-sel	a:active, #menu .voce-menu-sel	a:visited, #menu .voce-menu-sel	a:hover
{
	color: #fff;
	text-decoration: none;
	background-color: #bcd3cb;
	height: 300px;
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	line-height: 17px;
}

#menu .voce-menu-sel	a, #menu .voce-menu-sel	a:active, #menu .voce-menu-sel	a:visited, #menu .voce-menu-sel	a:hover
{
	background: #9f9ab6 url(images/voce-selezionata.png) bottom;
	color: #bcd3cb;
}

/* IDENTITY CARD */

#whoami
{
	float: left;
	width: 58%;
}

#whoami #identity-card
{
	height: 100px;
}

#identity-card .left
{
	float: left;
	width: 24%;
	position: relative;
}

#identity-card .left img
{
}

#identity-card .right
{
	float: right;
	width: 65%;
	position: relative;
}

#identity-card .right dt
{
	float: left;
	width: 90px;
	font-weight: bold;
	color: #bcd3cb;
}

#identity-card .right dd
{
	border-bottom: dotted 1px #ccc;
	margin: 0px;
	padding: 0px;
}

/* PORTFOLIO */

#portfolio .top a img
{
	border: solid 4px #ccc;
	margin: 2px;
}

#portfolio .top a img:hover
{
	border: solid 4px #bcd3cb;
}

#portfolio .bottom
{
	text-align: center;
	color: #bcd3cb;
	font-weight: bold;
}

#portfolio .item
{
	float: left;
	margin-right: 16px;
	width: 100px;
	margin-bottom: 20px;
	position: relative;
}

/* PICTURES */

#pictures
{
	height: 110px;
	text-align: center;
}


.photos
{
	float: left;
	margin-right: 18px;
}

.photos .photo
{
	width: 100px;
	height: 75px;
	border: solid 1px #bcd3cb;
}

.photos .date
{
	color: #ccc;
	text-align: right;
}

/* CURRICULUM */


/* BLOG */

#blog
{
	width: 40%;
	float: right;
	position: relative;
	left: 6px;
}

#blog IMG
{
	border: none;
}

#blog #identity-card
{
	height: 100px;
}

#blog
{
	border: solid 3px #9f9ab6;
	background: url(images/stripe2.png);
}

#blog .text
{
		text-align: center;
}

#blog .container .title
{
	background-color: #9f9ab6;
}

/* job-detail */

#job-detail-container .dettagli
{
	float: left;
	width: 55%;
	position: relative;
}

#job-detail-container .dettagli ul
{
	margin: 0px;
	padding-left: 15px;
	color: #bcd3cb;
	list-style-type: disc;
}

#job-detail-container .dettagli ul .name
{
	font-weight: bold;
	color: #bcd3cb;
}

#job-detail-container .dettagli ul .value
{
	color: #000;
}

#job-detail-container .descrizione
{
	line-height: 20px;
	margin-top: 20px;
}

#job-detail-container .foto
{
	float: right;
	width: 43%;
	text-align: right;
	position: relative;
}

#job-detail-container .foto img
{
	border: solid 4px #ccc;
	margin-left: 15px;
	margin-bottom: 15px;
}

#job-detail-container .foto img:hover
{
	border: solid 4px #bcd3cb;
}

#job-detail-container  h2
{
	clear: both;
	margin-top: 20px;
	font-size: 14px;
	border-bottom: dotted 1px #ccc;
}

/* RECENTLY */
#recent
{
	width: 100%;
}

#recent .text
{
	text-align: center;
}

#recent .text img
{
	border: solid 4px #ccc;
	margin: 4px;
}

#recent .text img:hover
{
	border: solid 4px #bcd3cb;
}

/* SHOW PHOTO */
.navigation
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.navigation a, .navigation a:active, .navigation a:visited, .navigation a:hover
{
	margin-right: 20px;
	font-weight: bold;
	color: #bcd3cb;
}

.navigation  a.inattivo
{
	color: #ccc;
}

#showphoto  .photocounter
{
	color: #bcd3cb;
}

#showphoto .theimage
{
	margin-top: 20px;
}

/* WALPAPERS */

#wallpapers .container
{
		height: 140px;
}

#wallpapers .text
{
	text-align: center;
	position: absolute;
}

#wallpapers a, #wallpapers a:active, #wallpapers a:visited, #wallpapers a:hover
{
	color: #9f9ab6;
}

#wallpapers img
{
	border: solid 4px #ccc;
	width: 100px;
	height: 80px;
}

#wallpapers .item
{
	width: 110px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

/* FOOTER */
#footer
{
	width: 646px;
	margin-top: 15px;
}

#footer .container
{
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	color: #fff;
	background-color: #9f9ab6;
	font-weight: bold;
	text-align: center;
}

#footer .container a, #footer .container a:active, #footer .container a:visited, #footer .container a:hover
{
	color: #fff;
	font-weight: bold;
}


/*  BLOG  */

input
{
	font-size: 11px;
	font-family: "Trebuchet MS";
}

.spanButton
{
	cursor: pointer;
	background-color: #9f9ab6;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 10px 2px 10px;
}

#blogMainPanel
{
	float: left;
	width: 68%;
}

#blogMainPanel .content .title a,
#blogMainPanel .content .title a:active,
#blogMainPanel .content .title a:visited,
#blogMainPanel .content .title a:hover
{
	color: #fff;
	text-decoration: none;
}

#blogMainPanel .content .title a:hover
{
	color: #9F9AB6;
}

#blogMainPanel .content .metadata,
.post .metadata
{
	padding: 10px;
	margin: 10px;
	border: solid 1px #BCD3CB;
}

.post .text
{
	line-height: 20px;
}

.post .text P
{
	padding-bottom: 20px;
}

.post .text A, 
.post .text A:active, 
.post .text A:visited, 
.post .text A:hover
{
	color: #9F9AB6;
	text-decoration: none;
}

.post .text A:hover
{
	text-decoration: underline;
}

#blogMainPanel .content .metadata a, 
#blogMainPanel .content .metadata a:active, 
#blogMainPanel .content .metadata a:visited, 
#blogMainPanel .content .metadata a:hover, 
.post .metadata a,
.post .metadata a:active,
.post .metadata a:visited,
.post .metadata a:hover
{
	color: #9F9AB6;
	text-decoration: none;
}

#blogMainPanel .content .metadata a:hover, 
.post .metadata a:hover
{
	text-decoration: underline;
}

#blogSidePanel
{
	float: right;
	width: 30%;
}

#blogSidePanel .content
{
	border-color: #9F9AB6;
	background: url(images/stripe2.png);
}

#blogSidePanel .content a, 
#blogSidePanel .content a:active, 
#blogSidePanel .content a:visited
{
	text-decoration: none;
}

#blogSidePanel .content a:hover
{
	text-decoration: underline;
}

#blogSidePanel .title
{
	background-color: #9F9AB6;
}

#blogSidePanel UL
{
	margin: 0px;
	padding:0px;
}

#blogSidePanel UL LI
{
	margin: 0px;
	padding:0px;
	
	margin-left: 16px;
}

#comments, #not-found
{
	border-color: #9F9AB6;
	background: url(images/stripe2.png);
}

#comments P,
#add-comment P,
#not-found P
{
	margin-left: 0px;
	padding-left: 0px;
}

#not-found .text
{	
	font-size: 14px;
	font-weight: bold;
	color: #9F9AB6;
}

#comments .title, 
#not-found .title
{
	background-color: #9F9AB6;
}


.post .container .subtitle-info
{
	clear: both;
	margin-top: 20px;
	padding: 10px;
}

.post .container .comments
{
	float: left;
	color: #9F9AB6;
	width: 49%;
}

.post .container .comments a, 
.post .container .comments a:active, 
.post .container .comments a:visited, 
.post .container .comments a:hover
{
	text-decoration: none;
}

.post .container .comments a:hover
{
	text-decoration: underline;
}

.post .container .comments IMG
{
	border: none;
	vertical-align: middle;
}

.post .container .date
{
	float: right;
	text-align: right;
	color: #9F9AB6;
	width: 49%;
}

.post .container .text
{
	padding-top: 30px;
}

#bookmarks H2
{
	border: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#add-comment textarea
{
	width: 99%;
	height: 100px;
	border: solid 1px #bcd3cb;
}

#author, #email, #url,
#captchaInputDiv INPUT
{
	border: solid 1px #bcd3cb;
}

#add-comment .add-comment-inputdiv,
#captchaInputDiv
{
	margin-bottom: 5px;
}

#add-comment .add-comment-inputdiv INPUT
{
	width: 200px;
}

#add-comment
{
	border-color: #9F9AB6;
	background: url(images/stripe2.png);
}

#add-comment .title
{
	background-color: #9F9AB6;
}

.comment
{
	margin-bottom: 30px;
	border: solid 1px #bcd3cb;
	padding: 5px;
}

.comment .comment-data .avatar
{
	width: 8%;
	float: left;
	margin-right: 5px;
}

.comment .comment-data .avatar IMG
{
	width: 100%;
	height: auto;
}

.comment .comment-data .author
{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 50%;
}

.comment .comment-data .comment-metadata
{
	float: right;
	width: 49%;
	color: #9F9AB6;
	text-align: right;
}

.comment .comment-data .author-text
{
	width: 89%;
	float: left;
}

.comment .comment-text
{
	clear: both;
	padding: 0px;
}

#search INPUT#s
{
	border: solid 1px #bcd3cb;
	width: 100%;
	margin-bottom: 10px;
}

#single-post-navigation, 
#archive-title
{
	width: 646px;
	margin-top: 15px;
	border-color: #9F9AB6;
}

#single-post-navigation .title, 
#archive-title .title
{
	background-color: #9F9AB6;
}

#single-post-navigation .container, 
#archive-title .container
{
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	color: #9F9AB6;
	background-color: #fff;
	border: solid 3px #9F9AB6;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#single-post-navigation .container a, 
#single-post-navigation .container a:active, 
#single-post-navigation .container a:visited, 
#single-post-navigation .container a:hover,

#archive-title .container a, 
#archive-title .container a:active, 
#archive-title .container a:visited, 
#archive-title .container a:hover
{
	color: #9F9AB6;
	font-weight: bold;
	text-decoration: none;
}

#archive-title
{
	width: 441px;
}

/* BLOG MEDIA */
.alignleft
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.alignright
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.wp-caption
{
	background: #efefef;
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 3px;
}

P.wp-caption-text
{
	margin: 0px;
	padding: 0px;
}