/*  



Theme Name: raw_foundation 1.0



Theme URI: http://www.fondazionearnone.it/2009/06/24/wordpress-magazine-style-theme-raw_foundation/



Description: A clean and nice  layout for Wordpress. I changed the look to use it for my town's foundation

(Fondazione Arnone). I also increased it with several templates in order to customize the website/weblog. 

Raw_foundation has the same structure as the great Michael Oeser's theme PRINZ BRANFORDMAGAZINE.



Version: 1.0 (released 2009-06-24)



Author: mimmo salerno

Author URI: http://www.rawdesign.it







The CSS, XHTML and design is released under GPL:



http://www.opensource.org/licenses/gpl-license.php







Credits



=======













My very special thanks goes to Michael Oeser who created the PRINZ BRANFORDMAGAZINE theme which has been a great 



inspiration and a good source for lots of the code used for this theme 







THANK YOU VERY MUCH















/******************************************



*   HTML Elements                         



******************************************/





* {



	margin:0;



	padding:0;



	}







body,html { min-height:101%; }



	



body {



	background: #333 url(images/backgrounds/bg_mio.gif) repeat-y top;



	color: #333;



	padding: 13px 0 25px 0;



	}







body, select, input, textarea {



	font: 12px Arial, Verdana, Sans-Serif;



	line-height:1.5em;



	}



	



p {	margin: 15px 0;	}











hr {



	display: block;



	height:1px;



	background:#333;



	border:0;



	}







small {



	font-size: 0.9em;



	padding:3px 6px;



	}











/******* Hyperlinks ********************/







/* standard link behaviour */



a:link, a:active, a:visited { 



	color:#333;



	text-decoration: underline; 



	} 



a:hover	{ 



	color:#333;



	text-decoration: none; 



	}







.blogtitle a { text-decoration: none; }







/* Title area links */



.title:link, .title:active, .title:visited { 



	color: #840000; 



	text-decoration: none;



	} 



.title:hover { 



	color: #840000; 



	text-decoration: underline;



	} 



	



/* HTML headline links */



h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}



h3 a:hover {text-decoration:underline;}







h4 a:link, h4 a:active, h4 a:visited  {color:#666; text-decoration:none;}



h4 a:hover {text-decoration:underline;}











/* Links in the sidebar */



.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */



	background: #fff;



	display:block;



	padding:4px 4px 4px 20px;



	border-bottom: 1px solid #999;



	}



		



.subnav li a:hover, .subnav li a:active {



	background: #F4F4EC;



	text-decoration:none!important;



	}







#sidelist a:link, #sidelist a:active, #sidelist a:visited { text-decoration:none;}



#sidelist a:hover {

	text-decoration:none;

}



#sidelist .children li a, #sidelist .children li a:visited {



	padding:2px 2px 2px 0px;



	border:0;



	background:#F4F4EC;



	color: #666;



	}



#sidelist .children li a:hover, #sidelist .children li a:active	{



	color:#000;



	text-decoration:none!important;



	}







/* Links in unordered lists */



.bullets li a { text-decoration:none!important;	}



.bullets li a:hover {

	text-decoration:underline!important;

	background-color: #ECE9D8;

}







/* How tags appear */



.tags a {text-decoration:none;}



.tags a:hover {text-decoration:underline;}







/* Links within comments metadata (date, Author etc.) */



.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {}



.commentmetadata a:hover {text-decoration:underline;}







/* Links in the footer */



#footer a {text-decoration: none;} 



#footer a:hover	{text-decoration: underline;}















/******************************************



*   Images                         



******************************************/







/*** default image behaviour ***/



img { border:1px solid #999; padding:1px; }











/*** WordPress specific image classes ***/



.aligncenter, div.aligncenter {



display: block;



margin-left: auto;



margin-right: auto;



}







.alignleft {



float: left;



margin: 4px 15px 5px 0;



}







.alignright {



float: right;



}







.wp-caption {



   text-align: center;



   background-color: #fff;



   margin-top:5px;



   margin-right: 15px;



   margin-bottom:0px;



}







.wp-caption img{



   padding:2px;



   border:1px solid #999;



}







.wp-caption img:hover{



   border:1px solid #333;



}







.wp-caption p.wp-caption-text {



   color:#666;



   font-size: 10px;



   line-height: 12px;



   padding: 7px 4px 2px 5px!important;



   margin: 0!important;



}











		



/******************************************



*   General Structure                         



******************************************/







#page { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_fondazione3.jpg) no-repeat right top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}



#page_fondazione { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_fondazione2.jpg) no-repeat right top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}

#page_activity { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_principale6.jpg) no-repeat right top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}

#page_fondatore { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_principale4.jpg) no-repeat right top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}

#page_periodico { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_principale7.jpg) no-repeat right top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}

#livello_nav_contatti{	width: 900px;

	margin-top: -228px;

	padding-left: 0px;

	position: absolute;

	height: 100px;

	}
#page_contatti { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_principale8.jpg) no-repeat right top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}

#page_gallery { /*the main container*/

	width:880px;

	font-size:1em;

	background:#fafafa url(images/bg_principale.jpg) repeat-x top;

	padding: 15px 25px 35px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -13px;

	border-top: none;

	border-right: 3px double #999999;

	border-bottom: 3px double #999999;

	border-left: 3px double #999999;

	}

#branding {/*where the logo sits*/



	width:625px;



	height:124px;



	padding-bottom:8px;



    background:url(images/logo_sf_trasp.gif) no-repeat left bottom;



	}







.left {



	float:left;



	}







.right {



	float:right;



	}







#sidebar {/*you guessed it: it�s the sidebar container*/

	width: 250px;

	float:right;

	padding-top: 0px;

	

	}

#sidebar li {

	



	}





#leftcol {/*the left homepage column carrying the "Featured Article" section*/



	width:287px;



	



	padding-right:18px;



	}







#leftcol, #rightcol {
	margin-top:18px;
	float:left;
			
		}	

#leftcol{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #d8d4b6;
}

#leftcol h3 {

	margin-top:10px;

	margin-bottom: 8px;	

	}	

	



#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
	width:277px;
	padding-left:18px;
	text-align:justify;
	border-left:1px dashed #d8d4b6;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #d8d4b6;
	}











		



/******************************************



*   Sidebar                         



******************************************/







.subnav li {/*.subnav is mainly the categories list*/



	list-style:none;



	}







#sidelist li {

	

	padding-left: 0px;

	DISPLAY: block;

	line-height: 150%;	

	}





#sidebar li a:hover {

	FONT-STYLE: normal;

	background-color: #fefefe;

	text-decoration: none;

	background-color: #e6e3d2;



	}	



.bullets li {



	margin:0 0 5px 15px;



	list-style:square;



	}



	



#sidelist .bullets li {



	list-style:square;



	margin-bottom:5px;



	margin-left:22px;



	}







#sidelist .children {



	background:#F4F4EC;



	}







#sidelist .children li {



	background: #F4F4EC;



	list-style: none;



	margin-left:15px;



	padding-left:15px;



	border-bottom:1px solid #fff;



	}







#sidelist .feed li{



	margin-bottom:5px;



	padding-left:20px;



	background:url(images/rss.gif) no-repeat;



	}



#sidebar {

	margin-top: 39px;

         list-style: none;

	background-image: url(images/sfondo_cat.gif);

	background-repeat: no-repeat;

	background-position: left top;

         float:right;

} 



.xoxo blogroll{

	

	

}



#sidebar li {

	background-image: url(images/menu_line.png);

	background-position: center top;

	background-repeat: no-repeat;

	width: 218px;

	padding-left: 16px;

}



#sidebar ul {

    padding-bottom: 35px;	

}

#sidebar a {



    display: block;

	margin: 0;

	padding: 8px 8px 8px 28px;

	text-decoration: none;

}

#sidebar a:hover {

	background: url(images/hover.gif) no-repeat left center;

    text-decoration: none;

	padding-bottom: 8px;

}



	



/******************************************



*   Headlines                         



******************************************/







.blogtitle, .blogtitle a {



	color: #000;



	font-size: 1.8em;



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



	font-weight: regular;



	padding: 20px 0px 10px 0px;



	}







h1 {



	color: #840000;



	font-size: 1.8em;



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



	font-weight: bold;



	margin: 0px 10px 0px 0px;



	padding: 20px 0px 0px 10px;



	}



	



h2 {



	color: #840000;



	font: 1.8em Georgia, "Times New Roman", Times, serif;



	padding-bottom:8px;



	border-bottom:1px solid #666;



	margin: 0px 0;



	}

#content3 h2{margin-top 20px;}





h3 {



	font: 0.9em Arial, Helvetica, sans-serif;



	text-transform:uppercase;



	letter-spacing:0.3em;



	margin-bottom:4px;



	font-weight:bold;



	color:#840000;



	}







#sidebar h2, #sidebar h3 a {

	font: bold 0.9em Georgia, "Times New Roman", Times, serif;

	letter-spacing:0.3em;

	text-transform:uppercase;

	margin-bottom:4px;

	color:#840000;

	background-repeat: no-repeat;

	background-position: center;

	

	}







#sidebar h3, #sidebar h2 {

	font-size:0.9em;

	padding:15px 0 0px 30px;

	margin:0px 0;

	color:#840000;

	background-position:  top;

	background-image: url(images/bg_h3.gif);

	background-repeat: no-repeat;

	top: 0px;

	}







h3#respond {



	font-size:1.1em;



	border-top:1px solid #666;



	margin-top:25px;



	padding-top:20px



	}







h3#comments {



	margin-top:32px



	}







h3 a:link, h3 a:visited {



	color: #666;



	}







h4 {



	font-size:1.2em;



	margin-bottom:6px;



	}



	



	



	



/******************************************



*   Content                        



******************************************/







#content {

	width:605px;

	float:left;

	background-color: fff;	

	}

#content3 {

	width:605px;

	float:left;

	background-color: fff;	

	background-image: url(images/sfondo_uitab.png);

	background-repeat: no-repeat;

	margin-top: 40px;

	float: left;

}



#content2 {

	text-align:justify;

	width: 575px;

       	background-image: url(images/sfondo_uitab.png);

	background-repeat: no-repeat;

	margin-top: 40px;

	float: left;

	}

#content2 p, #content2 h2 {

	width: 595px;

}	

#content3 .pagetitle {

         width: 560px;

         margin-top: 20px;

         margin-left:25px;

         margin-bottom:10px

         z-index:100;

}

#content3 h4 {margin-top: 50px;

}



.description {



	font-size: 1.3em;



	font-weight: bold; 



	color:#999;



	}







/* Featured Articles formatting "leftcol" */














.feature p, #rightcol p { margin:0;	}







#leftcol img, #rightcol img {



	padding:1px;



	border:1px solid #999;



	}







#leftcol .feature {	
    margin-bottom: 1px;
	
}

.feature {
	background: url(images/bg_left.gif) no-repeat top;
	padding:15px 5px 15px 13px;
	height: 218px;
}


	




/* Formating of the Leadstory stuff in the tabbed section */



			



#leadpic {



	float:left;



	margin: 0 18px 8px 0;



	padding:1px;



	border: 1px solid #999;



	}







.title, a.title  {



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



	font-size:1.1em;



	font-weight:bold;



	color: #840000;



	letter-spacing:normal;



	}



		



#lead p {



	margin-bottom:10px;



	}







.read-on a { /* This can be used to format the "[...]" link in the lead story */



	color:#840000!important;



	text-decoration:none;



	}



	



.read-on a:hover {



	text-decoration:underline;



	}







/* Formating of "rightcol" which is the column in the homepage middle ;-) */







#rightcol img {



	float:left;



	margin:3px 10px 4px 0;



	}







#leftcol img {



	margin-bottom: 4px;



	display:block



	}



	



#rightcol .clearfloat {



	border-bottom:1px dashed #d8d4b6;



	padding:12px 0;



	}	



	











/* Post Formatting */







.entry {

	padding-bottom:28px;

	text-align:justify;

	

}

.post {

	text-align:justify;

	width: 560px;

         	background-image: url(images/sfondo_uitab.png);

	background-repeat: no-repeat;

	padding: 15px 45px 35px 25px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -63px;

}

.post3 {

	text-align:justify;

	width: 560px;

         	padding: 15px 45px 35px 25px;

	margin-right: auto;

	margin-left: auto;

	margin-top: -63px;

}



.post2 {

	text-align:justify;

	width: 560px;

         background-image: url(images/sfondo_uitab.png);

	background-repeat: no-repeat;	

	padding: 15px 45px 35px 25px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 40px;

}	

.post2 p, .post2 h2, .post p, .post h2   {

	width: 550px;

}



.post blockquote {



	color:#666;



	background:#F4F4EC;



	padding:6px 14px;



	margin:18px 35px;



	border-right:1px solid #DDD;



	border-bottom:1px solid #DDD;



	}	



.post2 blockquote {



	color:#666;



	background:#F4F4EC;



	padding:6px 14px;



	margin:18px 35px;



	border-right:1px solid #DDD;



	border-bottom:1px solid #DDD;



	}



#content2 h2 {

width: 550px;

}











	



#tags {



	padding:3px;



	border-bottom:1px solid #DDD;



	border-top:1px solid #DDD;	



	}	



	



.postmetadata {



	font-size:0.9em;



	margin:0 0 10px;



	padding:5px 10px 5px 5px;



	background:#F4F4EC;



	border-top:1px solid #E6E3D3;	



	border-bottom:1px solid #E6E3D3;	



	}



				







/* Form Elements */







select {



	background:#f2f2f2;



	border:1px solid #9c9c9c;



	width:100%



	}



	







#searchform {padding:1px 15px 0 20px;
             z-index:1000;     
             }







.button {



	padding: 1px;



	background:#333;



	color:#fff;



	border:none;



	}







.button:hover {



	background:#666;



	color:#FFF;



	text-decoration:none



	}







#commentform input {



	width: 170px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 100%;



	margin-top:5px;



	}















/* Comments*/







.commentlist {



	padding-left:30px;



	}



	



.commentlist li {



	margin: 15px 0 3px;



	padding: 8px 15px 10px 15px;



	background:#F4F4EC;



	border:1px solid #E6E3D3;



	}







.commentlist blockquote {



	color:#666;



	background:#fff;



	padding:6px 14px;



	margin:18px 35px;



	border-right:1px solid #ccc;



	border-bottom:1px solid #ccc;



	}	







#commentform small {



	background:#FFF;



	font-weight:bold;



	padding:0;



	}



	



.commentmetadata {



	display: block;



	}







.commentlist small {



	background:#fff;



	border:1px solid #E6E3D3;



	}















/* Float Properties*/







.clearfloat:after {



	display:block;



	visibility:hidden;



	clear:both;



	height:0;



	content:".";



	}



	



.clearfloat {



	display:inline-block;



	}	







.clearfloat {



	display:block;



	}





	



/******************************************



*   Footer                        



******************************************/







#footer {



	margin: 0 auto;



	width: 900px;



	font-size:0.9em;



	text-align:center;



	padding-top:15px;



	color:#FFF;



	}







#footer a {



	color:#ededed;



	}

div.sect {

	margin-top:10px;

        margin-bottom:10px;	

	} 



h3.handle {

        cursor:pointer;

	padding:15px 10px 5px 10px;

	background-position: left top;

	background-image: url(images/bg_h3_big.png);

	background-repeat: no-repeat;

        margin:0px 0;

	color:#840000;

	

        letter-spacing:0.2em;	

}

	

#livello_nav{

	width: 600px;

	margin-top: -28px;

	padding-left: 0px;

	position: absolute;

	height: 100px;

	}

#nav {

	font-size:1em;

	filter:alpha(opacity=70);

    -moz-opacity: 0.7;

	opacity: 0.7;

	width: 598px;

	margin-top: 0px;

	padding-left: 20px;

	height: auto;	

}



#nav:hover {

}

	

#nav, #nav ul {

	list-style:none;

	

	}



#nav a, #nav a:hover {

	display: block;

	text-decoration: none;

	border:none;

	}



#nav li {

	float: left;

	list-style:none;

	

	padding-right: 1px;

	}



#nav a, #nav a:visited {

	display:block;

	font-weight:normal;

	color: #eee;

	padding:16px 12px 6px;

	}



#nav a:hover, #nav a:active {

	text-decoration:none;

	background-image: url(images/button-hover-left.png);

	background-repeat: no-repeat;

	}	





	

	

	

/* Dropdown Menus for child pages */		



#nav li ul {/*first level dropdown*/

	position: absolute;

	z-index: 10;

	left: -999em;

	height: auto;

	width: 94px;

	border-bottom: 1px solid #666;

	}

	

#nav li ul ul {/*second level dropdown*/

	margin: -2em 0 0 94px;

	}



#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;

	}



#nav li li {

	width: 94px;

	border-top: 1px solid #fff;

	

	

    background:#000001 url(images/hover2.gif) no-repeat left center;

	}



#nav li li a, #nav li li a:visited {

	font-weight:normal;

	font-size:0.9em;

	color:#FFF;

	}



#nav li li a:hover, #nav li li a:active {background:#000001 url(images/hover2.gif) no-repeat left center;}	

	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}



a.main:hover {background:none;}



#nav li {

	background-image: url(images/button-left.png);

	width: 95px;

	background-repeat: no-repeat;

}

#nav li:hover, #nav li.hover {  

     position: static;  

 }

.current_page_item a, #page .on {

	background-image: url(images/button_on.png);

	

}



/******************************************



*   codice nav test                        



******************************************/



		

#nav li { z-index: 100; }

		

#nav li li { z-index: 200; }

		

#nav li:hover ul, ul#nav li.sfHover ul {border-bottom: 1px solid #ffffff; }

		

#nav li:hover ul li ul, ul#nav li.sfHover ul li ul { background-image: none; padding-top: 0px; }

		

#nav li:hover ul li:hover ul { top:0px; }

		

#nav li li a:link, #nav li li a:visited { height: 15px;}

		

#nav li:hover { !important; z-index: 200; }

		

#nav li li:hover, #nav li li { margin-top: 0px !important; }

		

#nav li li a:hover { background-color: #000001 !important; }

		

#nav li li a:link, #nav li li a:visited { background-color: #666666; padding-top: 5px; padding-bottom: 8px; padding-right: 1px; background-image: none !important; 

}
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 257px;
	width: 100px;
}

.contactform {  
        padding-top: 15px;
        padding-left:50px;
        padding-right:30px;
        font-size: 0.9em;
       
}
.slideshow-widget {
       
       margin-left: 16px;
       margin-right: auto;
       width: 218px;              
}   
#rightcol p a:hover {
	color:#840000;



	text-decoration: underline; 
}