/*   
Theme Name: Spread the love
Description: A colorful theme with a lovely header image
Author: Elisa
Author URI: http://www.cuorhome.net/
Version: 1.0
.
Code inspired by <a href="http://mistylook.org">Mistylook</a>.
*/

* {
 padding: 0; 
 margin:0;
}

body {
 margin: 0;
 padding: 0;
 text-align: center;
 font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
 background: #fa6 url(img/sfondo.gif) center top;
}


/* As */

a, a:link, a:active, a:visited, a:hover {
 color: #000;
 text-decoration: none;
}


/* CONTAINER */

#container {
 width: 780px;
 margin-top: 0; margin-bottom: 0; margin-left:auto; margin-right:auto;
 padding: 0;
}


/* FEEDAREA */

#feedarea {
 margin: 5px 30px 10px;
 padding: 0;
 font-size: 1.1em; 
 text-align: right;
}

#feedarea dl {
 margin: 0;
 padding: 0;
 }

#feedarea dt, #feedarea dd {
 margin: 0;
 padding: 0 5px 0 0;
 display: inline;
}

#feedarea a, #feedarea a:link, #feedarea a:active, #feedarea a:visited {
 font-weight: bold;
 text-decoration: none;
 color: #000;
}

#feedarea a:hover {
 color: #f60;
}

#feedarea img {
 margin: 0 3px;
 vertical-align: middle;
}


/* NAVIGATION */

#navigation {
 min-height: 20px; 
 margin: 0;
 padding: 10px 0 5px;
 background:  url(img/navigation.gif);
 font-size: 1.5em; 
 text-align: center;
}

#navigation ul {
 margin: 0 35px;
 padding: 0;
}

#navigation li {
 margin: 0 10px;
 padding: 0;
 display: inline;
 list-style:none inside;
}

#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited {
 font-weight: normal;
 text-decoration: none;
 color: #000;
}

#navigation li.home a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #c00;
}

#navigation li.clipart a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #666;
}

#navigation li.cards a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #f3a;
}

#navigation li.shop a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #0f0;
}

#navigation li.community a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #3ff;
}

#navigation li.help a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #ff0;
}

#navigation li.blog a, #navigation li.blog a:link, #navigation li.blog a:active, #navigation li.blog a:visited, #navigation li.blog a:hover {
 font-weight: bold;
 text-decoration: none;
 color: #f60;
}

#navigation li.network a:hover {
 font-weight: normal;
 text-decoration: none;
 color: #33f;
}


/* HEADER */

#header {
 margin: 0;
 padding: 0;
 height: 230px;
 font-size: 2px;
 background: url(img/header.gif);
}

#header h1,  #header h2,  #header p {
 margin: 0;
 padding: 0;
 display: inline;
 font-size: 2px;
}


/* CONTENT */

#content {
 margin: 0;
 padding: 0;
 text-align: left;
}

/* Hides from IE5-mac \*/
* html #content {height: 1%;}
* html #content-main {height: 1%;}
/* End hide from IE5-mac */ 


/* CONTENT-MAIN */

#content-main {
 margin: 0;
 padding: 0;
 width: 530px;
 float: right;
 display:inline;
}

#content-main ul {
 margin: 5px;
 padding: 0 10px;
 list-style-image: url(img/bullet.gif);
}

#content-main ol {
 margin: 5px;
 padding: 0 10px;
 list-style-type: decimal;
}

#content-main img {
 margin: 0;
 padding: 0;
 border: 0;
 max-width: 470px;
}

#content-main img.framed {
 border: 1px solid #ccc;
}

h2.pagetitle {
 margin: 0 30px 10px 5px;
 padding: 0;
 font-size: 2em;
}


/* POST */

.post {
 margin: 0 0 20px;
 padding: 0;
 background: url(img/post-bottom.gif) no-repeat bottom right;
}

.posttitle {
 margin: 0;
 padding: 15px 0 0;
 background: url(img/post-top.gif) no-repeat top right;
}

.posttitle h2 {
 margin: 0 40px 0 15px;
 padding: 0;
 font: bold 1.5em;  
}

.post-info {
 margin: 0 40px 0 15px;
 padding: 0;
 font-size: 0.85em;
 color: #fc9;  
}

.entry {
 margin: 0;
 padding: 5px 40px 10px 15px;
 line-height: 1.3em;
}

.entry p {
 margin: 0;
 padding: 0 0 5px;
}

.postmetadata {
 margin: 0;
 padding: 0 40px 15px 15px;
 font-size: 0.85em;
}

img.wp-smiley {
 margin: 0 !important;
 padding: 0 !important;
 border-width: 0 !important;
 vertical-align: text-top;
}


/* COMMENTS */

#commentbox {
 margin: 0 0 20px;
 padding: 0;
 background: url(img/comments-top.gif) no-repeat top right;
}

.commentboxbottom {
 height:15px;
 margin: 0;
 padding: 0;
 background: url(img/comments-bottom.gif) no-repeat bottom right;
}

#cmtmetadata {
 margin: 0 40px 0 15px;
 padding: 15px 0 0;
 font-size: 1.1em;
}

#comments {
 margin: 0 40px 0 15px;
 padding: 15px 0 0;
}

.commentlist li {
 padding: 5px 0;
}

#respond {
 margin: 10px 40px 0 15px;
 padding: 0;
}

#respond textarea {
 margin: 10px 0;
 padding: 0;
 width: 470px;
}


/* POST + COMMENT A's */

.posttitle h2 a, .posttitle h2 a:link, .posttitle h2 a:active, .posttitle h2 a:visited, .posttitle h2 a:hover, 
#cmtmetadata a, #cmtmetadata a:link, #cmtmetadata a:active, #cmtmetadata a:visited {
 color: #f60;
}

#cmtmetadata a:hover {
 color: #f60;
 text-decoration: underline;
 }

.post-info a, .post-info a:link, .post-info a:active, .post-info a:visited {
 color: #fc9;
}

.post-info a:hover {
 text-decoration: underline;
}

.entry a, .entry a:link, .entry a:active, .entry a:visited,
.postmetadata a, .postmetadata a:link, .postmetadata a:active, .postmetadata a:visited {
 text-decoration: none;
 color: #c00;
}

.entry a:hover, .postmetadata a:hover {
 text-decoration: none;
 color: #c00;
 text-decoration: underline;
}


/* SIDEBAR */

#sidebar {
 margin: 0;
 padding: 0;
 width: 225px;
 background: url(img/sidebar.gif) no-repeat bottom left;
 float: left;
 display: inline;
}

#sidebar ul {
 margin: 0 15px 10px 40px;
 padding: 0;
 width: 170px;
 overflow: hidden;
}

#sidebar ul li {
 margin: 0 0 2px;
 padding: 0;
 list-style: none inside;
}

#sidebar ul li ul {
 margin: 0;
 padding: 0;
}

#sidebar ul li ul li {
 margin: 0 0 2px;
 padding: 0;
 list-style: none inside;
}

#sidebar ul li ul li ul {
 margin: 0;
 padding: 0;
}

#sidebar ul li ul li ul li {
 margin: 0 0 2px;
 padding: 0;
 list-style: none inside;
}

#sidebar a:hover {
 color: #c00;
 text-decoration: underline;
}

#sidebar select {
 margin: 0;
 padding: 0 !important;
 width: 160px;
}

#sidebar option {
 margin: 0;
 padding: 1px 0;
 font-size: 12px;
 }

.sidebox {
 margin: 0;
 padding: 0 0 10px;
 width: 170px;
 overflow: hidden;
}

.sidebox h2 {
 margin: 0;
 padding: 15px 0 5px;
 font-size:1.25em;
 color: #f60;
}

.sidebox h2 a, .sidebox h2 a:link, .sidebox h2 a:active, .sidebox h2 a:visited {
 text-decoration: none;
 color: #f60;
}

.sidebox h2 a:hover {
 color: #f60 !important;
  text-decoration: underline; !important;
}

.textwidget {
 line-height: 1.3em;
}

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


/* FOOTER */

#footer {
 clear:both;
 margin: 0;
 padding: 20px 0 15px 0;
 font-size: 0.85em;
 text-align: center;
 }

#footer li {
 margin: 0;
 padding: 0;
 display:inline;

 list-style:none inside;
 }

#footer a, #footer a:link, #footer a:active, #footer a:visited {
 color:#000;
 text-decoration: none;
 font-weight: bold;
 }

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


/* TEXT STYLES */

strong {
 font-weight: bold;

 }

em {
 font-style: italic;
 }

blockquote {
 margin: 5px 5px 5px 10px;
 padding: 5px 5px 5px 55px;
 background: #fec url(img/blockquote.gif) no-repeat left top;	
}


/* FORM ELEMENTS */

select, textarea, input {
 border-color: #f60;
 font-size: 12px;
}

input {
 padding: 2px 10px;
 background-color: #f60;
 color: #fff;
 font-weight: bold;
}


/* CATEGORY CLOUD */

p.catcloud a, p.catcloud a:link, p.catcloud a:active, p.catcloud a:visited, p.catcloud a:hover {
 margin: 0 5px 0 0;
 padding: 0;
}

p.separator {
 height: 16px;
 background: url(img/sep.gif) no-repeat center center;
}