/* Theme Name:  Emanuela Pitassi 2008

** Description: Emanuela Pitassi non solo web design esprime creatività, professionalità, 

** passione per il web design e l'arte digitale. 

** Version: 2.0* Author: Emanuela Pitassi

** Author URI: http://www.emanuelapitassi.it/


** new color type magenta:#BF0B6B 
*/





body {
	font-size: 60.5%;
	/* Resets 1em to 10px */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg_body.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align:center;
}
#page {
	margin:0 auto;
	width: 955px;
	height:auto;
	text-align:left;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 175px;
	background-color:#FFFFFF;
	color:#191919;
}
/* LEFT CONTENTS begin *********************************************************************/

#left_contents {
	float: left;
	width: 590px;
	height: auto;
}
#content {
	/*margin: 10px 10px 10px 5px;*/
	width: 566px;
	padding: 20px 20px 10px 0;
	z-index: 0;
}
#content ul, ol {
	margin:0 0 0 1.5em;
	padding:0 0 0 1.5em;
}
#content ul li, #content ol li {
	margin: 0 0 0.15em 0;
	padding: 0 0 0.15em 0;
	font-size: 1.35em;
	line-height: 1.4em;
	text-align:left;
}
#content ul li {
	list-style-type: none;
	background-image: url(images/bg_li.gif);
	background-position: left 5px;
	background-repeat:no-repeat;
	margin:0;
	padding-left: 15px;
}
#content ol li {
	margin-bottom: 1em;
}
#content .breadcrumb {
	padding: 0 0 10px 15px;
	margin-bottom: 10px;
	background-image: url(images/bg_breadcrumb.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	font-size: 1.12em;
}
/* LEFT CONTENTS end *********************************************************************/



/* RIGHT CONTENTS begin ******************************************************************/

#right_contents {
	float: left;
	width: 365px;
	height: auto;
}
#image_or_flash {
	height: 208px;	/* 175px+33px del menu*/
	width: 100%;
	background-image: url(images/io_vect.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#image_or_flash ul {
	text-align: right;
	margin: 0;
	padding: 0;
}
#image_or_flash ul li {
	display: inline;
	margin-right: 5px;
	list-style-type: none;
}
#image_or_flash ul li a {
	background-image: url(images/bg_li_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #191919;
	display: block;
	float: right;
	padding: 12px 2px 2px 2px;
	margin: 0 5px 0 0;
}
#image_or_flash ul li a:link, #image_or_flash ul li a:visited {
	text-decoration: none;
}
#image_or_flash ul li a:hover, #image_or_flash ul li a:active, #image_or_flash ul li a:focus {
	text-decoration: underline;
}
/* sidebar */



#sidebar {
	width: 345px;	/*365px*/
	float: left;
	padding: 20px 10px 10px 10px;
	text-align:left;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	font-size: 1.1em;
	line-height: 1.15em;
	list-style: none;
	margin: 0 0 1em 0;
}
#sidebar ul li ul {
	margin: 0 0 2em 0;
	padding:0 0 2em 0;
}
#sidebar ul li ul li {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding-left: 5px;
}
#sidebar .widget_text {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 10px 0;
}
#sidebar #search {
	height: auto;
	clear: left;
}

/* RIGHT CONTENTS begin ******************************************************************/



/* HEADERS begin ************************************************************/

h1, h2, h3, #sidebar h1, #sidebar h2, #sidebar h3 {
	font-family: "Copperplate Gothic Light", serif;
	font-weight: normal;
}
h1 {
	font-size: 5.8em;
	margin: 0;
	padding: 0;
}
h1 a:link, h1 a:visited {
	color: #191919;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}
h1 a:hover, h1 a:focus, h1 a:active {
	color: #191919;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.subtitle {
	letter-spacing: -3px;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 60%;
	margin-left: 2px;
}
h2 {
	font-size: 1.65em;
	margin: 0 0 5px 0;
	padding: 0;
}
h3, h4 {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}
h3 {
	font-size: 1.45em
}
h4 {
	font-size: 1.35em
}
#content h2, #content h3, #content h4 {
	background-color: #BF0B6B;
	color: #FFF;
	padding: 6px 0 4px 10px;
}
#content h3 {
	background-color: #333;
	margin-bottom: 0.5em;
	padding-bottom: 0;
}
#content h4 {
	font-weight: normal;
}
#sidebar h1, #sidebar h2, #sidebar h3 {
	color:#EFEFEF;
	background-color: #CCC;
	text-align:left;
}
#sidebar h2.widgettitle {
	margin-top: 1.5em;
	color: #BF0B6B;
	background-color: #EFEFEF;
	padding: 8px 0 4px 10px;
}

#sidebar .widget_recent_entries a:link, #sidebar .widget_recent_entries a:visited,
#sidebar .widget_recent_comments a:link, #sidebar .widget_recent_comments a:visited {
	color: #333333; 
	background-color: inherit;
	text-decoration: underline;
}
#sidebar .widget_recent_entries a:hover, #sidebar .widget_recent_entries a:active, #sidebar .widget_recent_entries a:focus,
#sidebar .widget_recent_comments a:hover, #sidebar .widget_recent_comments a:active, #sidebar .widget_recent_comments a:focus {
	color: #000000;
	background-color: #EFEFEF;
	text-decoration: none;
}
li a:link, li a:visited,
p a:link, p a:visited{
	color:#BF0B6B;
	text-decoration: underline;
}
li a:hover, li a:active, li a:focus,
p a:hover, p a:active, p a:focus{ 
	color: #000;
	text-decoration: none;
}

/* HEADERS end ************************************************************/



/* FOOTER begin **************************************************/

#footer {
	clear: left;
	color: #FFFFFF;
	background-color: #191919;
	background-image: url(images/footer_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0.5em 0;
	text-align: left;
	height: 123px;
}
#footer p {
	width: 955px;
	margin:0 auto;
	font-size: 1.3em;
	line-height: 1.3em;
}
#footer img {
	margin-top: 3px;
}
#footer a:link, #footer a:visited {
	color: #CCCCCC;
	background-color: #191919;
	text-decoration: underline;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #FFFFFF;
	background-color: #191919;
	text-decoration: none;
}
/* FOOTER end**************************************************/



/* UTILITIES begin ******************************************************************/

table {
	width: 99%;
	margin: 5px 0;/*border: 1px solid #6c6c6c;border-collapse: collapse;*/

}
table td, #content p, .entry p {
	margin: 0 0 0.25em 0;
	padding: 0 0 0.25em 0;
	font-size: 1.35em;
	line-height: 1.5em;
	text-align:left;
}
table td {
	text-align: left;
	padding: 3px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 1.4em;
}
table td ul {
	font-size: 0.7em
}

img {
	border: none
}
a img {
	border-bottom: 0;
	text-decoration:none;
	background-color: #FFFFFF;
}


#icon_link {
	float: left;
	width: 99%;
	margin: 0 1em;
	height: 10em;
	line-height: 10em;
	vertical-align: middle;
	text-align: left;
}
#icon_link img {
	margin-right: 4em;
	float: left;
}
/* link header */

#content h2 a:link, #content h2 a:visited {
	color: #9E1D58; 
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #9E1D58;
}
#content h2 a:hover, #content h2 a:active, #content h2 a:focus {
	color: #FFFFFF; 
	background-color: inherit;
	text-decoration: none;
	border-bottom: none;
}
.entry .screenshot {
	background-color: #191919;
	width: 330px
}
div.post div.entry p {
	text-align: justify
}
.border {
	border: 1px solid #191919
}
.left {
	float: left;
	border: 1px solid #AF9683;
	margin-right: 10px;
}
.clear {
	clear: both
}
p.dataportfolio {
	text-align: right;
	color: #666666;
	font-size: 1.25em;
	margin:0;
	padding:0;
}
code {
	display: block;
	background-color: #fbf2ec;
	color: #8F7A6B;
	border: 1px solid #AF9683;
	padding: 0.5em;
	margin: 0.5em 0 0 0;
}
.small {
	font-size: smaller
}
.red {
	color: #CC0000;
	background-color: #FFFFFF;
}
.warning {
	color: inherit;
	background-color: #FFFF00;
}
.post {
	margin-bottom: 1.5em
}


.more-link {
	text-align: right;
	font-style: italic;
}
a.more-link:link, a.more-link:active {
	background-color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	color: #666666;
}
a.more-link:hover, a.more-link:focus, a.more-link:active {
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	color: #333333;
	text-decoration: none;
}


#content p{
	color: #333;
	font-size: 1.2em;
}

#content li{
	color: #333;
	font-size: 0.6em;
}

blockquote p{
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	text-align: right;
}

/* COMMENTS begin  **********************************************************/

#commentlist ul {
	margin: 0 0.25em;
	padding: 0 0.25em;
	font-size: 0.7em;
}
#commentlist ul li {
	background-image:none;
	padding: 0.5em 1em;
	border: 1px solid #CCCCCC;
	color: inherit;
	background-color: #FFFFFF;
	margin: 0.5em 0;
}
#commentlist ul li.alt {
	border: 1px dotted #DEDEDE;
	background-color: #FFEFF6;
}
textarea#comment {
	width: 553px;
}
#commentlist cite {
	font-weight: bold;
}
/* COMMENTS end **********************************************************/


/*	SEARCH **********************************************************************/
.widget_search input#s{
	height: 22px;
	float: left;
	line-height:22px;
	width: 260px;
	border: 1px solid #BF0B6B;	
}
.widget_search input#searchsubmit{
	background-color:	#BF0B6B;
	color:#FFFFFF;
	height: 26px;
	line-height: 26px;
	vertical-align: top;
	border: none;
	margin-left: 10px;
}

/* search input */


.wp-caption a img{
	border: 5px solid #BF0B6B;
	height:	180px;
}
.wp-caption a:hover img{
	border: 5px solid #000;
	height: 180px;
	overflow: hidden;
	margin-bottom: 0;
	padding-bottom: 0;
}

a, a:hover{
	margin:0;
	padding:0;
	float: none;
}
/* UTILITIES end ******************************************************************/


h1 a:hover {
	background-color: #FFFFFF;
}

p.wp-caption-text{
	font-size: 10px;
	text-align: center;
}
a:hover img{
	background-color:#FFFFFF;
}
/* sovrascrivo link post */
#content .post h2 a{
	color: #FFF;
}
#content .post h2 a:link, #content .post h2 a:visited{
	color:	#FFF;
	text-decoration:underline;
}
#content .post h2 a:hover, #content .post h2 a:active, #content .post h2 a:focus{
	color:	#CCC;
	text-decoration:none;
}