/*
Theme Name: RiccardoGiraldi 2
Theme URI: http://www.RiccardoGiraldi.com/
Description: Riccardo Giraldi skin
Version: 0.2
Author: Riccardo Giraldi
Tags: Riccardo Giraldi, giraz

*/


* {	margin: 0;	padding: 0; border:0;}
div.clear { clear:both}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center;}
html { overflow: auto; height: 100%;}
body {
	/*background:#fff url(http://www.riccardogiraldi.com/media/theme/bkg.png) top left repeat-y;*/
	background-color:#000;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height:0; 
	height: 100%;
	min-width:950px;
}



/* header */
#header { width: 920px;	height: 260px; margin: 0 auto; line-height:1.3; background:url(http://www.riccardogiraldi.com/media/wp/riccardo2.gif) bottom center no-repeat;}

#header h1 { margin:0 0 0 50px; padding:100px 0 0 0px; color:#fcf7f1;font-size:35pt; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;}
#header h1 a{ padding:0 0 0 0px; color:#fcf7f1; text-decoration:none;}
#header h1 a:hover{text-decoration:underline;}

#header h2 { margin:0 0 0 50px; color:#fcf7f1;font-size:25pt; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;}
#header h2 a{ margin:0 0 0 0px; color:#fcf7f1; text-decoration:none;}
#header h2 a:hover{text-decoration:underline;}


/* container */
#container { width: 820px; margin: 0 auto; line-height:1.3; background-color:#FCF7F1; }

/* content */
#content {	width: 720px;	float: left; margin-left:50px; margin-top:20px;}
#content.wide {	width: 800px; margin:20px auto;}

#content h1 { color:#FF3300;font-size:22pt; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;}
#content h2 { color:#FF6600;font-size:16pt; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;}
#content h3 { color:#FF9900; font-size:14pt; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;}
#content h4 { color:#FF9900; font-size:12pt; }
#content p 	{ color:#666; font-size:10pt; line-height:1.5;}
#content li 	{ color:#666; font-size:10pt;line-height:1.5;}
#content ol 	{ list-style-position:inside; line-height:1.5;}
#content ul 	{ list-style-position:inside; line-height:1.5;}

#content h1 a { color:#FF3300;}
#content a 	{ color:#FF3300; text-decoration:none; }




#content .groupTitle {color:#888; font-size:7.5pt;  border-bottom: 1px solid #E0DDD9;}

#content .post {  width:720px; margin:7px auto 40px auto; padding-bottom:2px; border-bottom: 1px solid #E0DDD9 }
#content .editlink a{ color:#CCCCCC; }


#content .postListItem1 { margin-bottom:28px; margin-left:100px; margin-right:30px; float:left; width:240px; height:253px; background:url(http://www.riccardogiraldi.com/media/theme/Polaroid.png) top left no-repeat; }
#content .postListItem1 .thumb { margin: 16px 0 10px 17px; width:200px; height:160px; }
#content .postListItem1 h1 {  margin-left: 20px; font-size:14pt; }
#content .postListItem1 p {  margin-left: 20px; font-size:7.5pt;}

#content .postListItem2 { margin-bottom:28px; margin-left:25px; margin-right:0px; float:left; width:240px; height:253px; background:url(http://www.riccardogiraldi.com/media/theme/Polaroid.png) top left no-repeat; }
#content .postListItem2 .thumb { margin: 16px 0 10px 17px; width:200px; height:160px; }
#content .postListItem2 h1 {  margin-left: 20px; font-size:14pt; }
#content .postListItem2 p {  margin-left: 20px; font-size:7.5pt;}


#content .copy { margin:15px 0; border-bottom: 1px solid #E0DDD9}
#content .copy img{ margin-bottom:20px;}
#content .copy p{ margin: 8px 0;}
#content .copy p.right{ text-align:right}
#content .copy .link, #content .copy a.link{  text-decoration:none;}
#content .copy a{	color:#f30;	border-bottom:1px dashed #FF3300;	text-decoration:none;}
#content .copy a:hover{	color:#a520a0;	text-decoration:none;}
#content .copy .title, #content .copy a.title, #content .copy p.title{ color:#f0027f; font-size:11pt; margin: 0;}


#content .postinfo { text-decoration:none; border-top: 1px solid #E0DDD9; color:#aaa; font-size:8pt}
#content .postinfo a { text-decoration:none; color:#999;}
#content .postinfo strong{ color:#f90; font-weight:bold;}
#content .postinfo em{ color:#999; font-style:normal;}

/* the content gallery */
#featured { width:720px; background-color:#000; margin:10px auto 40px auto; text-align:center;}


#content blockquote {
background: url("http://www.riccardogiraldi.com/media/theme/blockquote.jpg") no-repeat top left;
font-style: italic;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 30px;
padding-left: 30px;
}



/* #menu */
#menu {   padding:10px 0; height:40px; border-bottom: 1px solid #E0DDD9; }
#menu ul{list-style-type: none; display:block; margin-right:50px; }
#menu li{display: inline; font-family: 'Yanone Kaffeesatz', arial, serif;  font-weight: normal; font-size:12pt; line-height:1.6;}
#menu li:first-child:before { content:""}

#mainmenu {float:right; width:400px; text-align:right;}
#mainmenu a{ color:#f30; text-decoration: none;padding:0 10px; margin:0 2px;}
#mainmenu a:hover{color: #333;}
#mainmenu a.active{ color:#333;}
#mainmenu a.active:before{ color:#f00; content:"( "}
#mainmenu a.active:after{ color:#f00; content:" )"}
#mainmenu a.working{ color:#555; text-decoration:line-through;}
#mainmenu em{ font-weight:normal; font-style:normal; font-size:7pt;}



/* comments */
#comments { margin: 20px 0; }
#comments h3{ width:720px; color:#981b1f; margin:5px auto;}
#comments p{ margin:10px;}
#comments li { margin: 20px auto; width:720px; list-style-type: none; border-bottom: 1px solid #E0DDD9; font-size:10pt;}
#comments li.alt { background-color:#fcfcfc;}
#comments h4 { color:#f0027f; font-size:9pt;}
#comments h4 a{ text-decoration:none; font-style:normal; color:#f0027f;}
#comments .copy p { margin-left:20px;}
#comments .commentmetadata {color:#888; font-size:7pt; }

#comments_form {width:720px;  margin:5px auto;}
#comments_form p { margin: 7px 0;}
#comments_form label { color:#981b1f;}
#comments_form input[type="text"] { border:1px solid #E0DDD9; display:block; padding:1px;}
#comments_form input[type="submit"] { border:1px solid #E0DDD9; display:block;}
#comments_form textarea { border:1px solid #E0DDD9; width:510px; padding:5px;}




/* sidebar */
#sidebar {	float:right; width: 100px; margin-right: 20px;}
#sidebar ul {	font-weight: bold;	list-style-type: none; }
#sidebar ul li { color:#333333;	font-size: 8pt;	font-weight:bold;	margin: 5px 0;	padding: 1px 10px;	border-bottom: 0 solid #E0DDD9;}
#sidebar ul li a{text-decoration:none;display:block; color:#333;}
#sidebar ul li a.active { color:#f30;text-decoration:underline;}
#sidebar ul li a:hover{	color:#333;}
#sidebar ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	text-align: left;
}
#sidebar ul ul li {
	padding: 1px 0;
	font-size: 7.5pt;
	border:none;
}
#sidebar ul ul li a {
	color: #888;
	text-decoration: none;
	font-weight:normal;
}
#sidebar ul ul li a:hover{
	color: #555;
	text-decoration:underline;
}
#sidebar ul ul li a:hover {
	color:#a520a0; /*color:#333;*/
}
#sidebar ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}


/* footer */

#footer{
	clear:both;
	text-align:center;
}


#socialBtn{
	height:40px;
	text-align:right;
	margin:50px;
}



/* pagebar */


div.pagebar {
font : 11px Arial, Helvetica, sans-serif;
padding-top : 20px;
padding-bottom : 10px;
text-align : center;
font-weight : bold;
color : #666;
}

div.pagebar a, div.pagebar .pageList, div.pagebar .this-page {
padding : 2px 6px;
border : 1px solid #ddd;
background : #fff;
text-decoration : none;
}

div.pagebar a:visited {
padding : 2px 6px;
border : 1px solid #ddd;
background : #fff;
text-decoration : none;
}

div.pagebar .break {

padding : 2px 6px;

border : none;

background : #fff;

text-decoration : none;

}

div.pagebar .this-page {
padding : 2px 6px;
border-color : #999;
font-weight : bold;
font-size : 13px;
vertical-align : top;
background : #fff;
}

div.pagebar a:hover {
color : #f30;
border-color : #f30;
text-decoration : none;
}






