/*

Theme Name: RiccardoGiraldi

Theme URI: http://www.RiccardoGiraldi.com/

Description: Riccardo Giraldi skin

Version: 0.1

Author: Riccardo Giraldi, Minor modifications by Erik Hiort af Ornäs 

Tags: Riccardo Giraldi, giraz



*/







* {	margin: 0;	padding: 0; border:0;}

div.clear { clear:both}

html { overflow: auto; height: 100%;}



body {

	background:#ffffff url("/media/theme/background.jpg") repeat-x ;

	margin:0;

	color:#48513e;

	text-align: left;

	min-width:768px;

	line-height:0; 

	font-family:Verdana, Arial, Helvetica, sans-serif;

}





/* clouds */

#clouds {width: 800px;	min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -48px;  }



/* header */
#header { width: 768px;	height: 323px; margin: 15px auto 0 auto; margin-bottom:40px; }
#header-title { height: 42px;}
#header-image { height: 266px;}
#header-topMargin{ height:11px; background:#FFF url("/media/theme/slideshowTopMargin.gif") no-repeat;  }
#header-bottomMargin{ height:11px; background:#FFF url("/media/theme/slideshowBottomMargin.gif") no-repeat;  }




/* container */
#container { width: 768px; margin: 0 auto; line-height:1.3; background-color:#fff; }



/* content */

#content {	width: 550px; float: right; }

#content.wide {	width: 768px; margin:20px auto;}



#content h1 { color:#FF3300;font-size:13pt;}

#content h2 { color:#FF6600;font-size:11pt;}

#content h3 { color:#FF9900; font-size:10pt; }

#content h4 { color:#FF9900; font-size:9pt; }

#content p 	{ color:#666; font-size:7pt;}



#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:550px; margin: 0 auto 20px auto; padding-bottom:2px;  }



#content .post-header { height:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:9pt; color:#5e5e5e;  margin-bottom:10px;}
#content .post-header a {  color:#5e5e5e; text-decoration:none;}

#content .post-header-date { float:right; width:160px;text-align:right;}

#content .post-header-label { float:left; width:200px;   }



#content .editlink a{ color:#CCCCCC; }







#content .postListItem { margin-bottom:28px; margin-left:15px; float:left; width:240px; height:253px; background-color:#dd6; }

#content .postListItem .thumb { margin: 16px 0 18px 17px; width:200px; height:160px; }

#content .postListItem h1 {  margin-left: 22px; font-size:10pt; }

#content .postListItem p {  margin-left: 22px; }



#content .copy { margin:15px 0; padding-bottom:20px; background:transparent url("/media/theme/clean_breaker.gif") bottom no-repeat;}

#content .copy img{ margin-bottom:10px; }

#content .copy p{ margin: 4px 0; line-height:1.5; }

#content .copy p.right{ text-align:right}

#content .copy .link, #content .copy a.link{  text-decoration:none;}

#content .copy a{	color:#ff005e;	border-bottom:1px dotted #ff005e;	text-decoration:none;}
#content .copy a.more-link{ color:#4098f1; border-bottom:1px dotted #4098f1;}


#content .copy a:hover{	color:#ff005e;	text-decoration:none;}

#content .copy .title, #content .copy a.title, #content .copy p.title{ color:#f0027f; font-size:11pt; margin: 0;}

#content .copy  .hsTitle{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:16pt;

	font-style:italic;

	color:#ff005e;

}

#content .copy  p.hsSubTitle{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:8pt;

	font-style:italic;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:0;
	color:#ffc300;
	line-height:1;

}





#content blockquote {

background: url("http://www.helpfulstrangers.com/media/theme/blockquote.jpg") no-repeat top left;

margin-top: 5px;

margin-bottom: 5px;

margin-left: 30px;

padding-left: 30px;

}



#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;}







/* #menu */

#menu { text-align:right; margin:0;  border-bottom: 1px solid #E0DDD9;  padding-bottom:5px; font-size:9pt;}

#menu ul{list-style-type: none; display:block;}

#menu li{display: inline; font-weight:bold; font-size:8pt; line-height:1.8; }

#menu li:first-child:before { content:""}



#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;}



#submenu {margin-top:1px; margin-right:8px;}

#submenu li{font-size:8pt; font-weight:normal; line-height:1.3;}

#submenu li:first-child:before { content:""}

#submenu li:before{ color:#E0DDD9;; content:" | "}

#submenu a{ color:#f60; text-decoration: none;padding:0 2px; margin:0 1px;}

#submenu a:hover{color: #333;}

#submenu a.active{ color:#333; text-decoration:underline;}







/* comments */

#comments { margin: 20px 0; }

#comments h3{ width:520px; color:#981b1f; margin:5px auto;}

#comments p{ margin:10px;}

#comments li { margin: 20px auto; width:520px; 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:520px;  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:left; width: 194px; margin-top:3px; }

#sidebar ul { list-style-type: none; margin-bottom: 20px;}

#sidebar ul li { color:#333333;	font-size: 7pt;	color:#888;}

#sidebar ul li a{text-decoration:none;display:block; color:#888;}

#sidebar ul li a.active { color:#f30;text-decoration:underline;}

#sidebar ul li a:hover{	color:#333; text-decoration:none;}

#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;

	border:none;

	margin: 3px 0;

}

#sidebar ul ul li a {

	color: #888;

	text-decoration: none;

	font-weight:normal;

}

#sidebar ul ul li a:hover{

	color: #555;

	text-decoration:none;

}

#sidebar ul ul li a:hover {

	color:#333; 

}


#sidebar input{
color: #888;
background: #fff;
font-size: 7pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidebar input:hover{	color:#333; text-decoration:none;}


#sidebar ul ul ul.children {

	padding-left: 4px;

}





/* footer */
#footer{
	clear:both;
	margin:0;
	text-align:center;
	background:#ffffff url("/media/theme/backgroundBottom.jpg") repeat-x bottom; ;
}



#footer .credits{
	width:768px;
	height:48px;
	margin:0 auto;
	background:#ffffff  url("/media/theme/footer.jpg") no-repeat bottom;
}







/* pagebar */

#content div.pagebar {

font-family:Georgia, "Times New Roman", Times, serif; 

font-style:italic; 

font-size:9pt; 

color:#F30;

padding-top : 20px;

padding-bottom : 10px;

text-align : center;

}





#content div.pagebar a{

padding : 2px 6px;

border : 1px solid #fff;

background : #fff;

text-decoration : none;

color:#5e5e5e;

}



#content div.pagebar span{

padding : 2px 6px;

border : 1px solid #fff;

background : #fff;

text-decoration : none;

color:#F30;

}



#content div.pagebar a:hover

{

	color:#F30;

}





/*div.pagebar a:visited {

padding : 2px 6px;

border : 1px solid #fff;

background : #fff;

text-decoration : none;

}

div.pagebar a:hover {

border-color : #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 : #fff;

font-size : 13px;

vertical-align : top;

background : #fff;

}

.newsletter{

background : #ccc;

}