/* Theme Name: Graphomania Theme URI: http://blografando.splinder.com Description: Tema grafico ideato da Adele Zolea http://blografando.splinder.com http://www.adelebox.it Version: 1.01 Codice Tema: Design Disease http://wp-themes.designdisease.com/ Grafica Tema: Blografando http://blografando.splinder.com/ */ body { background: #E4EDF1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;} html { padding: 0; margin: 0;} a:link { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;} a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;} a:visited { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;} a:hover { text-decoration: underline; color : #003399; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3, h4 { font-family: "Trebuchet MS";} img { padding: 0px; margin: 0px; border: none; text-align: center;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } form { padding: 0px; margin: 0px;} input { font-family: 'Verdana'; color: #282b31; font-size: 11px;} textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;} select { font-family: 'Verdana'; color: #282b31; font-size: 11px;} /* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .BGC { width: 1000px; margin: 0 auto; padding: 0px; position: relative; } .BGC h1 {font-size: 11px; text-align: right;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Header { height: 192px;} /* */ .Header { background: url(images/Header.jpg) repeat-x left top; width: 1000px; height: 192px; position: relative; clear: left; padding: 0px;} .Desc { color:#CE0400; font-size: 11px; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 15px 0px 5px;} /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Menu { background: #CE0400; width: 1000px; position: relative; float: left; height: 35px;} .Menu em { display: none} .Menu ul { list-style: none; margin: 0px; padding: 5px 0px 0px 86px;} .Menu ul li ul { display: none;} .Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;} .Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; float: left; background-color: #FEB77D; border-top: solid 2px #fff; border-left: solid 2px #fff; border-right: solid 2px #fff;} .Menu a:visited { padding: 0px 0px 0px 3px; margin-right: 2px; float: left; background-color: #FEB77D; border-top: solid 2px #fff; border-left: solid 2px #fff; border-right: solid 2px #fff;} .Menu a span { padding: 10px 6px 6px 4px; display: block; float: right;} .Menu a span { float: none; color: #990000;} .Menu a:hover span { color: #FFF;} .Menu a:hover { background-position: 0% -25px; color:#003399; text-decoration: none; background: url(images/piega.jpg) no-repeat top; color: #FFF;} .Menu a:hover span { background-position: 100% -25px; color:#fff;} .Menu .on { color:#fff;} .Menu .on span { color:#fff; font-weight: bold;} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CON { background: #fff url(images/BGC.gif) repeat-y center; width: 1000px; float: left; position: relative; padding: 0px} /* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SCS { width: 430px; float: left; padding: 5px 0 15px 100px; background:url(images/sfopost.jpg) no-repeat 100px bottom;} .SCS h1 { font-size: 20px; font-weight: normal; padding: 50px 15px 10px; letter-spacing: -1px; color: #CE0400; } .SCS h2 { font-size: 18px; font-weight: normal; } .SCS h3 { font-size: 14px; font-weight: bold; } .SCS p { font-size: 12px; line-height: 17px; padding: 0 8px 30px;} .SCS p strong {} .SCS img {} .SCS ul { padding: 10px 0px; margin: 0px; } .SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; } .SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; } .SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; } .SCS blockquote a { color:#0080ca; } .SCS blockquote a:visited { color:#0080ca; } .SCS blockquote a:hover { color:#003399; } .SCS a { text-decoration: underline; padding: 0 10px;} /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width: 440px; float: left; padding: 15px 10px 15px 100px;} .SC h2 { font-weight: normal; color: #CE0400; } .pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #CE0400; padding-bottom: 15px;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding: 0px; position: relative; clear: left;} .PostHead { position: relative; clear: left; background: url(images/posthead.jpg) no-repeat #E4EDF1; padding: 50px 5px 15px 8px;} .PostHead h1 { font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#cc6600; text-align: left;} .PostHead h1 a { color: #007ac8; text-decoration: none;} .PostHead h1 a:visited { color: #007ac8; text-decoration: none;} .PostHead h1 a:hover { color:#cc6600; text-decoration: none;} .PostAuthor { padding: 1px 0px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;} .PostDate { width: 50px; height: 50px; margin: 0px; position: absolute; top: 0px; left: -90px; text-align: center; background: url(images/data.gif) no-repeat top; padding: 0px 10px 6px 8px;} .PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; } .PostDate .month { display:block; text-transform: uppercase; font-size: 9px;} .PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65; margin-top: 5px;} .PostDate .year { display:block;} .PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/sfopost.jpg) no-repeat bottom right #E4EDF1;} .PostContent p { font-size: 12px; line-height: 17px; padding:0 8px; margin-top: 0;} .PostContent p strong {} .PostContent img {} .PostContent ul { padding: 10px 0px; margin: 0px; } .PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; } .PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; } .PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; } .PostContent blockquote a { color:#0080ca; } .PostContent blockquote a:visited { color:#0080ca; } .PostContent blockquote a:hover { color:#003399; } .PostContent a { text-decoration: underline;} .PostDet { padding-top: 15px;} .PostDet ul { padding: 0px; margin: 0px;} .PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } .PostDet li a { text-decoration: underline;} .PostCateg { background: url(images/PostCateg.png) no-repeat left center;} .PostCom { background: url(images/PostCom.png) no-repeat left center; } /* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Note { padding: 0px; margin: 0px;} .Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 11px;} .NoteRss { background: url(images/NoteRss.png) no-repeat left top;} .NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;} .Note li a { color:#cc6600;} /* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 11px;} .Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;} .Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;} .Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; } .Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 11px; color:#000;} /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin: 20px 0px 0px 0px;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#3887AF; } .Comments .List ol { padding: 0px; margin: 0px;} .Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;} .Comments .List .ComListLi { background: #FEB77D url(images/ComListLiBottom.gif) no-repeat left bottom; color: #CE0400;} /**/ * html .Comments .List .ListNr { left: -55px;} /**/ .Comments .List .ListNr { color:#990000; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; } /**/ * html .Comments .List .ListGrav { left: 10px;} /* */ .Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;} .Comments .List .ListGrav img { border: solid 1px #fff;} .Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 11px; letter-spacing: -1px; font-weight: bold; display: block; color: #990000;} .Comments .List big a{ color: #990000;} .Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; } .Comments .List small a { color: #333; text-decoration: none;} .Comments .List small a:visited { text-decoration: none;} .Comments .List small a:hover { text-decoration: underline; color: #990000} .Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;} /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;} .Comments .Form { background: #E4EDF2; padding: 10px 15px 20px 15px; position: relative;} .Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;} .Comments .Form form {margin: 0px; padding: 0px;} .Comments .Form a { text-decoration: underline;} .Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#336699; } .Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;} .Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;} .Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 11px; display: block;} .Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 12px;} .Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;} .Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;} .Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;} /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width: 450px; float: right; position: relative; } .SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;} .SR h3 { font-size: 14px; letter-spacing: normal; font-weight: bold;} /* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRL { width: 230px; float: left; padding: 35px 20px 15px 20px;} .SRL h3 { color:#006699; padding: 0px 0px 5px 0px; margin: 0px;} .SRL li a { color:#000033; font-size: 11px; } .SRL li a:visited { color:#000033; } .SRL li a:hover { color:#D71901;} /* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR { width: 160px; float: right; padding: 10px;} .SRR h3 { color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; font-size: 16px;} .SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px } .SRR ul { padding: 0px; margin: 0px;} .SRR li { padding: 0; margin: 0px; list-style-type: square; list-style-position: inside; color:#fff; border-bottom: solid 1px #fff;} .SRR li a { color:#FFFFFF; font-size: 11px; } .SRR li a:visited { color:#FFFFFF; } .SRR li a:hover { color:#FF9900;} /* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Search { background:url(images/Search.jpg) ; position: absolute; top: -50px; width: 270px; left: 0; margin:0;} .Search form { padding: 30px 0 10px 46px; margin: 0px;} .Search input { border: none; color:#D61900; font-size: 11px;} .Search input.search { height: 18px;} .Search input.keyword { background: none; border: none; padding: 10px 0px 5px 0; width: 170px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */ #buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; } /* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Categ { margin-bottom: 20px;} .Categ h3 {} .Categ ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;} .Categ li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; border-bottom: solid 1px #106899;} /* Latest Comments - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .LatestCom { margin-bottom: 25px;} .LatestCom h3 {} .LatestCom ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;} .LatestCom li { display: block; color:#000000; margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; font-size: 10px; font-weight: bold; border-bottom: solid 1px #106899;} .LatestCom li a { display: block; font-size: 11px; font-weight: normal;} /* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Flickr { margin-bottom: 10px;} .Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; } .Flickr ul { background: url(images/SRLH3.gif) repeat-x top; padding: 10px 0px; margin: 0px;} .Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;} .Flickr li a img { background: #000; padding: 1px; border: solid 4px #127aae; width: 60px; height: 60px; margin-bottom: 5px;} .Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #09182a; margin-bottom: 5px;} /* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Syn { background: #fff url(images/SynBottom.gif) no-repeat left bottom; margin-bottom: 10px; position: relative; padding: 10px 15px; } /**/ * html .SynTop { left: -15px;} /* */ .SynTop { position: absolute; background: url(images/SynTop.gif) no-repeat left top; left: 0px; top: 0px; width: 230px; height: 8px; } .Syn ul { margin: 0px; padding: 0px;} .Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#0097ca;} .Syn li a { color:#990000; font-size: 12px; } /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Footer { width: 970px; position: relative; clear: left; padding: 10px 15px; background-color: #CE0400; } .Footer p { font-size: 10px; color:#fff; padding: 0px; margin: 0px; } .Footer a { color:#FFCC00; text-decoration: underline;} /*extra ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .sfondopagina{ background:url(images/posthead.jpg) repeat-x top #E4EDF1;} padding: 0 24px 10px;