/*   
Theme Name: Spaghetti Wordpress Reloaded
Theme URI: http://www.spaghettiwordpress.com
Description: New Theme for Spaghetti Wordpress
Author: Paolo Manganiello
Author URI: http://paolomanganiello.netsons.org
Version: 1.0
*/

/*

Colors to use:
---------------------------
body bg: 			f1f0e3
wrap bg:			ffffff		
standard text:		555555
titles:				444444
section titles:		336699
links:				336699
grey borders:		cdccc4
form borders		a5afb9

Dimensions:
----------------------------
Left column		260px
Right column	640px

Fonts Used 
---------------------------

Standard Font	Verdana
Navigation		Lucida Sans Unicode
Categories 		TitilliumText400wt.otf  [CUFON]
Titles			"Myriad Pro",Helvetica,Arial,sans-serif;


Overview
-----------------------------

1.)   	Css Reset YUI
1.1)	Remove Link Outline
2.) 	Layout
3.)		Main Background
4.)		Common elements 
5.) 	Header
6.)		Navigation
7.)		Search Form
8.)		Main
8.1)	Main IN RILIEVO
9.)		Sidebar
10.)	Footer
10.1)	Copyright
10.2)	Footer Options
10.3)	Ultimi commenti
11.)	Single
12.)	Comments
12.1)	Comment List
12.2)
12.3)
13.)	Archive / Search Results
14.)	Page


*/


@media screen {

/* ---------- 1. CSS RESET YUI ---------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th {	text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {	content:'';}
abbr,acronym { border:0;}

/* ----------------- 1.1 REMOVE LINK OUTLINE ------------- */

a {
  outline: none;
}

/* ------------------ 2. LAYOUT -------------------- */

#page-wrap {
	width: 980px;
	margin: 0 auto;
}

#header {
	width: 260px;
	float: left;
	margin-left: 20px;
	_margin-left: 10px; /* IE6 HACK */
	}
	
#navigation {
	width: 640px;
	height: 75px;
	float: right;
	margin-right: 20px;
	_margin-right: 10px; /* IE6 HACK */
	position: relative; /* TO POSITION ABSOLUT THE NAV */
}

#main {
	width: 640px;
	float: right;
	margin-right: 20px;
	_margin-right: 10px; /* IE6 HACK */
	
}

#sidebar {
	width: 260px;
	float: left;
	margin-left: 20px;
	_margin-left: 10px; /* IE6 HACK */
}

#footer {
	width: 980px;
	clear: both;
}

/* ------------------ 3. MAIN BACKGROUND --------------- */

body {
	background: #f1f0e3 url('images/wrap_background.jpg') top center repeat-y;
	z-index: 1;
}

#page-wrap {
	background: white;
}


/* --------------------- 4. COMMON ELEMENTS -------------------*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #555555;
}

h1, h2 {
	color: #336699;
	font-family:"Myriad Pro",Helvetica,Arial,sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}

h3 {
	color: #444444;
	margin-top: 5px;
	margin-bottom: 5px;
	*margin-top: 8px; /* IE7 and below HACK */
	*margin-bottom: 7px; /* IE7 and below HACK */
}

h4 {
	color: #444444;
	font-size: 20px;
}

a:link, a:visited {
	color: #336699;
}

a:hover, a:active {
	text-decoration: none;
}

a:active {
  position: relative;
  top: 1px;
}

/* ------------------- 5. HEADER ---------------------- */

#header {
	border-top: 5px solid #336699;
	border-bottom: 1px solid #cdccc4;
	padding-bottom:5px;
	padding-top:13px;
}

#header h1 a {
	display: block;
	background: url('images/sw_title.jpg') top left no-repeat;
	width: 200px;
	height: 100px;
	text-indent: -9999px;
	}
	
#header div.description {
	display: none;
}

/* ------------------- 6. NAVIGATION ---------------------- */


#navigation {
	border-top: 5px solid #336699;
}

#navigation ul#nav {
	font-family:"Myriad Pro",Helvetica,Arial,sans-serif;
	color: #444444;
	font-size: 16px;
	float: right;
	margin-top: 17px;
	*margin-top: 16px; /* IE7 and below HACK */
	_position: relative; /* IE6 HACK */
}


#navigation ul#nav li {
	float: left;
}

#navigation ul#nav li a:link, #navigation ul#nav li a:visited {
	text-decoration: none;	
	margin-right: 20px;
	color: #444444;

}

#navigation ul#nav li a:hover, #navigation ul#nav li a:active {
	border-bottom: 2px solid #444444;	
}


/* ---------------------- 7. SEARCH FORM -------------------- */

#navigation ul#nav li form label {
	margin-right: 10px;
	color: #444444;
	*position:relative; /* IE7 and below HACK */
	*top: -1px; /* IE7 and below HACK */
	
}


/* ---------------- 8. MAIN ---------------------------- */

#main {
	
}

#main h2 {
	font-size: 20px;
	padding-bottom:4px;
	*padding-bottom: 1px; /* IE7 and below HACK */
	padding-top:16px;
	border-bottom: 1px solid #cdccc4;
	clear: both; /* TO SOLVE FOR PROBLEM FLOATING THE POST */
}

#main #tutorial h2, #main #temi-wordpress h2, #main #plugin h2, #main #notizie h2 {
	padding-top: 35px;
	*padding-top: 18px; /* IE7 and below HACK */
}

#main .post img {
	background:none repeat scroll 0 0 #F1F3F0;
	border:2px solid #CDCCC4;
	padding:1px;

}

/* ------------------ 8.1 MAIN POST -------------------- */

#main div.post {
	float: left;
	width: 200px;
	margin-top: 15px;
}

#main .entry {
	min-height: 260px; /* TO MAKE THE LINKS EQUAL */
	height: auto !important;
	*height: 260px; /* IE7 and below HACK */
}

#main h2 + div  {  /* ADVANCED SELECTOR TO SELECT ONLY FIRST ELEMENT DIV */
	margin-right: 20px;
}

#main h2 + div + div {  /* ADVANCED SELECTOR TO SELECT ONLY SECOND ELEMENT DIV */
	margin-right: 20px;
}

#main h3 a:link, #main h3 a:visited {
	font-family:"Myriad Pro",Helvetica,Arial,sans-serif;
	font-weight: bold;
	letter-spacing: -1px;	
	color: #333333;
	text-decoration: none;
	font-size: 20px;
}

#main h3 a:hover, #main h3 a:active {
	text-decoration: underline;
}

div.postmetadata {
	margin-top: 8px;
}


/* ---------------------- 8.2 IN RILIEVO POST ---------------- */

#main #rilievo div {
	float: left;
	width: 310px;
}

#main #rilievo .entry {
	min-height: 165px; /* TO MAKE THE LINKS EQUAL */
	height: auto !important;
	*height: 165px; /* IE7 and below HACK */
}

#main #rilievo h2 + div  {  /* ADVANCED SELECTOR TO SELECT ONLY FIRST ELEMENT */
	margin-right: 20px;
}

#main #rilievo h2 + div + div {  /* TO RESOLVE PROBLEM WITH SECOND DIV IN RILIEVO */
	margin-right: 0px;
}

#main #rilievo .post img {
	padding: 1px;
	border: 2px solid #cdccc4;
	/*height:164px;
	width:304px; */
}


/* --------- 9. SIDEBAR ---------------- */

#sidebar  {
	}

#sidebar #ads {
margin-top: 15px;
}

#sidebar #ads ul {
}

#sidebar #ads ul li {
float: left;
}

#sidebar #ads ul li.left-ads {
margin-right: 9px;
}




/* ---------- 10. FOOTER -------------- */

#footer {
	
}

#footer h4 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#grass {
	clear: both;
	background: url('images/grass_pattern.png') bottom left repeat-x ;
	_background: url('images/ie6_grass_pattern.gif') bottom left repeat-x ; /* IE6 HACK */
	height: 81px;
}

/* ---------------- 10.1 COPYRIGHT --------------- */

#footer #copyright, #footer #footer-options {
	margin-top: 20px;
}

#footer #copyright {
	border-top: 5px solid #336699;
	width: 260px;
	margin-left: 20px;
	_margin-left: 10px; /* IE6 HACK */
	float: left;
}

#footer #copyright h4 a:link, #footer #copyright h4 a:visited {
	text-decoration: none;
}

#footer #copyright h4 a:hover, #footer #copyright h4 a:active {
	text-decoration: underline;
}

#footer #copyright #rss {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* ------------- 10.2 FOOTER OPTIONS ---------------- */


#footer #footer-options {
	width: 640px;
	float: right;
	margin-right: 20px;
	_margin-right: 10px; /* IE6 HACK */
	border-top: 5px solid #336699;
}

#footer #footer-options div {
	float: left;
	width: 310px;
}

#footer #footer-options #tags  {  
	margin-right: 20px;
	padding-bottom: 15px;
}

#footer #footer-options #ultimi-commenti {  /* TO RESOLVE PROBLEM WITH SECOND DIV IN RILIEVO */
	margin-right: 0px;
}

/* ------------- 10.3 ULTIMI COMMENTI ---------------- */

#footer #footer-options #ultimi-commenti {
	
}

#footer #footer-options #ultimi-commenti img {
	float: left;
	margin-right:10px;
	_margin-right: 5px; /* IE6 HACK */
margin-top:5px;
}

#footer #footer-options #ultimi-commenti ul {
	margin-top: 15px;
}

#footer #footer-options #ultimi-commenti ul li {
	margin-bottom: 10px;
}

#footer #footer-options #ultimi-commenti ul li a:link, #footer #footer-options #ultimi-commenti ul li a:visited {
color: #222222;
text-decoration: none;
font-weight: bold;

}

#footer #footer-options #ultimi-commenti ul li a:hover, #footer #footer-options #ultimi-commenti ul li a:active {
text-decoration: underline;
}




/* ---------- 11. SINGLE ------------- */


.single {
	
}

.single #main h2 a {
	text-decoration: none;	
	text-transform: uppercase;
}

.single #main h2 ul.post-categories {
	list-style: none;
}

.single #main div.post {
	width: 640px;
}

.single #main h3 {
	margin-top: 5px;
	margin-bottom: 20px;
	font-family:"Myriad Pro",Helvetica,Arial,sans-serif;
	font-weight: bold;
	letter-spacing: -1px;	
	color: #444444;
	font-size: 25px;
}

.single #main h4 {
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	color: #444444;
	margin-bottom:10px;
	margin-top:30px;
}

.single #main p {
	margin-bottom: 20px;
}

.single #main strong {
	font-weight: bold;
}

.single #main em {
	font-style: italic;
}

.single #main blockquote {
	margin: 25px 80px;
	font-style: italic;
}

.single #main .post img {
	padding: 5px;
	background: #F1F3F0;
	border: 1px solid #E4E5E0;
	width: auto;
	height: auto;
}

.single #main .post img.alignnone {
margin-left: 0px;
margin-top: 8px;
margin-bottom: 8px;
_margin-top: 4px; /* IE6 HACK */
_margin-bottom: 4px; /* IE6 HACK */

}

.single #main img.alignleft {
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 4px;
	margin-left: 0px;
	_margin-right: 7px; /* IE6 HACK */
	_margin-bottom: 7px; /* IE6 HACK */
	_margin-top: 2px; /* IE6 HACK */
	float: left;
}

.single #main img.alignright {
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 4px;
	margin-right: 0px;
	_margin-left: 7px; /* IE6 HACK */
	_margin-bottom: 7px; /* IE6 HACK */
	_margin-top: 2px; /* IE6 HACK */	
	float: right;
}



.single #main .post .entry ul, .single #main .post .entry ol {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.single #main .post .entry ul li {
	list-style-type:circle;	
}

.single #main .post .entry ol li {
	list-style-type: decimal;
	margin-left: 6px;
}

.single #main .post .entry ul li, .single #main .post .entry ol li {
	line-height: 25px;
}


/* ---------- 12. COMMENTS ------------- */



#main #respond {
margin-right: 0px; 
margin-top: 15px;
*margin-top: -10px; /* IE7 and below HACK */
margin-bottom: 10px;
}

#main h2#comments {
margin-bottom: 10px;

}

#respond form {
width: 640px;
margin-top: 20px
}

#respond form textarea {
font-family:Verdana,Arial,sans-serif;
font-size:13px;
height:150px;
line-height:20px;
margin-bottom:10px;
padding:10px;
width:440px;
}


#respond form input {
font-size:13px;
height:20px;
line-height:20px;
margin-bottom:10px;
padding-left:10px;
width:250px;
}

#respond form label {
margin-left: 10px;
line-height: 20px;
height: 20px;
*position: relative; /* IE7 and below HACK */
*top: -13px; /* IE7 and below HACK */


}

#respond form input#submit {
height:25px;
line-height:20px;
padding-bottom:2px;
padding-left:0;
width:60px;
}


/* --------------- 12.1 COMMENT LIST  --------- */


ol.commentlist {
}


ol.commentlist li.comment {
border-bottom:1px solid #CDCCC4;
}


ol.commentlist li.comment p {
width: 530px;
margin-left: 90px;
_margin-left: 80px; /* IE6 HACK */
}

ol.commentlist li.comment.odd {
background-color: #eeeeee;
}

ol.commentlist li.comment p img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
}

/* ------------ 12.2 COMMENT AUTHOR ----------------- */

ol.commentlist .comment-author {
font-size: 13px;
line-height: 20px;
padding-top: 15px;
text-indent: 15px;
margin-bottom: 20px;
*margin-bottom: 0px; /* IE7 and below HACK */
}

ol.commentlist .comment-author cite.fn {
color: #222222;
font-weight: bold;
}

#main ol.commentlist div.comment-author img.avatar {
padding: 0px;
border: 1px solid #E4E5E0;
float: left;
margin-left: 15px;
_margin-left: 7px; /* IE6 HACK */
margin-top: 0px;
}

ol.commentlist div.comment-author a:link, ol.commentlist div.comment-author a:visited {
color: #222222;
text-decoration: none;
font-weight: bold;
}

ol.commentlist div.comment-author a:hover, ol.commentlist div.comment-author a:active {
text-decoration: underline;
}


ol.commentlist div.comment-author .author {
	*position: relative; /* IE7 and below HACK */
	*top: -20px; /* IE7 and below HACK */
}


/* -------------- 12.3 COMMENT META ------------- */

ol.commentlist .comment-author .comment-meta {
font-size: 11px;
line-height: 17px;
*position: relative; /* IE7 and below HACK */
*top: -20px; /* IE7 and below HACK */
}

ol.commentlist .comment-author .comment-meta a:link, ol.commentlist .comment-meta a:visited {
color: #555555;
text-decoration: none;
font-style: italic;
font-weight: normal;
}

ol.commentlist .comment-author .comment-meta a:hover, ol.commentlist .comment-meta a:active {
text-decoration: underline;
}

/* --------------------- 13. ARCHIVE / SEARCH RESULTS ------------------ */


.archive #main {
	
}

.archive #main .post, .search #main .post {
	clear: both;
	width: 640px;
}


.archive #main .entry, .search #main .entry {
	min-height: 0px;
	height: auto !important;
	*height: 0px; /* IE7 and below HACK */
	margin-left: 221px;
}


.archive #main .post img, .search #main .post img  {
	float: left;
	padding: 5px;
	background: #F1F3F0;
	border: 1px solid #E4E5E0;
	margin-right:15px;
	margin-top:7px;
	_margin-right: 7px; /* IE6 HACK */
	_margin-top: 3px; /* IE6 HACK */
}


.archive #main .post .postmetadata, .search #main .post .postmetadata {
	margin-left: 221px;
}


/* ------------------------ 14. PAGE ----------------------- */

.page #main {
	
}

.page #main .post {
	clear: both;
	width: 640px;
}


.page #main .entry {
	min-height: 0px;
	height: auto !important;
	*height: 0px; /* IE7 and below HACK */
}

.page #main h2 {
	margin-bottom: 20px;
	padding-top:1px;
	text-transform: uppercase;
}


.page #main h3 {
	margin-top: 5px;
	margin-bottom: 20px;
	font-family:"Myriad Pro",Helvetica,Arial,sans-serif;
	font-weight: bold;
	letter-spacing: -1px;	
	color: #444444;
	font-size: 25px;
}

.page #main h4 {
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	color: #444444;
	margin-bottom:10px;
	margin-top:30px;
}

.page #main p {
	margin-bottom: 20px;
}

.page #main strong {
	font-weight: bold;
}

.page #main em {
	font-style: italic;
}

.page #main blockquote {
	margin: 25px 80px;
	font-style: italic;
}

.page #main img {
	padding: 5px;
	background: #F1F3F0;
	border: 1px solid #E4E5E0;
	margin: 10px;
}

.page #main img.alignleft {
	margin-right: 15px;
	_margin-right: 7px; /* IE6 HACK */
	_margin-bottom: 7px; /* IE6 HACK */
	_margin-top: 2px; /* IE6 HACK */
	margin-bottom: 15px;
	margin-top: 4px;
	margin-left: 0px;
	float: left;
}

.page #main img.alignright {
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 4px;
	_margin-left: 7px;/* IE6 HACK */
	_margin-bottom: 7px;/* IE6 HACK */
	_margin-top: 2px;/* IE6 HACK */
	margin-right: 0px;
	float: right;
}

.page #main .post .entry ul, .page #main .post .entry ol {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.page #main .post .entry ul li {
	list-style-type:circle;	
}

.page #main .post .entry ol li {
	list-style-type: decimal;
	margin-left: 6px;
}

.page #main .post .entry ul li, .page #main .post .entry ol li {
	line-height: 25px;
}




} /* END screen media */


@media print {


	
} /* END print media */